@charset "utf-8";
@import "reset.css";



/* LAYOUT STYLES */
/*body { background: #f7f7f6###d4d4d4 url(/images/nav_bg.jpg) repeat-x top center; margin: 0 auto; }*/
body { background: #fff url(images/new_grad.jpg)  repeat-x top center; margin: 0 auto;}
#language { width: 100%; height: 40px; background: #F00; position:relative; top: 0; }
#wrapper { width: 1024px;  margin: 0 auto; padding: 0; position: relative;   }

#footer { width: 900px; color: #fff; margin-top: 40px; }


/* NAVIGATION */
#top_navigation { width: 1024px; height: 41px; }



.ventipix_menu{position: relative; z-index: 10; }
.ventipix_menu ul li { color: #fff; font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase; background: url(/images/nav_spacer.jpg) no-repeat left center; margin: 10px 0; padding: 2px 15px; float: left; position: relative; display: inline; }
.ventipix_menu ul li a { color: #fff; text-decoration: none; display: block; }
.ventipix_menu ul li a:hover{ color: #accfcc; }	
.ventipix_menu ul li ul{ visibility: hidden; padding-top: 10px; position: absolute; left: 0; display: block; }
.ventipix_menu ul li ul li{ background: #262626; margin: 0; padding: 0; display: block; float: none;}
.ventipix_menu ul li ul li:hover { background: #131313; }
.ventipix_menu ul li ul li span { color: #D3881D; font: normal 12px Arial, Helvetica, sans-serif; display: block; }
.ventipix_menu ul li ul li ul{ top: 0;}
.ventipix_menu ul li ul li a{ font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase;width: 160px; background: #262626;color: #fff;padding: 4px 5px;margin: 0;border-top-width: 0;border-bottom: 1px solid #999;}
.ventipix_menu ul li ul li a:hover{ color: #accfcc; }

#side_nav { background: #e6e6e6; border: 1px solid #afafaf; width: 286px; margin-bottom: 10px; float: left; }
#side_nav ul li { border-bottom: 1px solid #afafaf; margin: 0; padding: 10px 0 10px 5px; }
#side_nav ul li:hover { background: #dedede; }
#side_nav ul li.last { border-bottom: none; }
#side_nav ul li a, #side_nav ul li a:visited { color: #458699; font: 14px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin: 0; padding: 0 0 0 5px; }
#side_nav ul li a:hover { color: #3b7282; }

/* HEADER */
#header { clear: both; }
#logo img { background: #ffffff;
            padding: 2px 3px 0 3px;
            height: 39px;
            width: 40px;
            float: left;
            margin-left: 10px;
            -moz-border-radius: 2px;
            -webkit-border-radius:2px;

          
          }   

p.slogan {
         float: left;
         color: #accfcc;
         font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase; 
         margin: 10px 0; padding: 2px 15px;
}



#advertisement2{
	
	background: #f9f9f9; 
	padding: 10px 10px 10px 10px;
	margin: 30px 20px 20px 20px;
	min-height: 100%;
        border-width: 1px;
        border-color: #d4d4d4;
        border-style: solid;
        -moz-border-radius: 7px;
         -webkit-border-radius:2ex;

       
}

#advertisement2 h2 {
	margin: 20px 40px 10px 0px;
	font-size: 2.5em;
	letter-spacing: -2px;
	font-weight: bold;
	color: #3c3c3c;
}




#advertisement {
	/*background: #f7f7f7 url("/images/screen-adv-dashboard.png") no-repeat 12px bottom;*/
	background: #ffffff;
	
	margin: 10px 10px 20px;
	height: 600px;
}


#advertisement div.image {
	float: left;
	display: inline;
	margin: 10px;
	margin-right: 20px;
}

#advertisement h3 {
	margin: 20px 40px 10px 0px;
	font-size: 3.4em;
	letter-spacing: -2px;
	font-weight: bold;
	color: #3c3c3c;
}

#advertisement p {
	margin: 0 40px 10px 0px;
	font-size: 1.8em;
	color: #1c1c1c;
}

#box4{
	position:absolute;

}
#box4 div{
	width:600px;
	height:300px;
	float:left;
	background:#e6e6e6;
        -moz-border-radius: 7px;
        -webkit-border-radius:1ex;

}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	
        font-size: 1.1em;
	color: #62605c;
}

#box4 img{
	width:100px;
	height:100px;
	float:left;
	margin:0 10px 10px 15px;
       
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;  
        -moz-border-radius: 4px;
        -webkit-border-radius:1ex;
}
#info4{
	background:#f2f2f2 !important;
	color:#1c1c1c !important;
	cursor:default
	font-size: 1.1em;
}



.mask3{
	position:relative;
	width:600px;
	height:300px;
	overflow:hidden;
      
}
#sample{float: left;}

#steps { background: #e1e1e1 url("images/bg-box.png") no-repeat bottom right; border: 1px solid #ccc; width: 258px; height: 300px;  margin: 0; padding: 10; float: right;  -moz-border-radius: 7px;   -webkit-border-radius:1ex; }




.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:12px Verdana;font-weight:bold}

.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}
.clear { clear: both;}



ul#search { margin: 0; }

ul#search li { margin: 0; padding: 0; }

ul#search li a, ul#search li a:visited { margin: 0; padding: 0; border-bottom: 1px dashed #999; display: block; }

ul#search li a:hover { background: #dedede; text-decoration: none; margin: 0; padding: 0; }

ul#search li a.fav, ul#search li a:visited.fav { background: #D1DBDF; }

ul#search li a:hover.fav { background: #B5D4DF; margin: 0; padding: 0; }

ul#search li h2 { font-size: 18px; margin: 0 0 2px; padding: 10px 0 0 10px; }

ul#search li .fav h2 { color: #2a2a2a; }

ul#search li p { font-size: 12px; margin: 0; padding: 0 10px 10px; }

ul#search li p b { color: #2a2a2a; border-bottom: 1px solid #2f84a4; }



/* FOOTER */
#footer_wrap { background: url(images/footer_bg.jpg) repeat-x; border-top: 2px solid #dddddd; width: 100%; height: 256px; clear: both;     }
#footer { width: 1024px; margin: 0 auto; position: relative;  }

#ventipix_links { background: #040404; border: 5px solid #2a2a2a; width: 290px; height: 162px; margin: 42px 0 0; float: left; }

#copyright { color: #fff; font: 10px Verdana, Geneva, sans-serif; text-align: center; display: block; padding-top: 12px; clear: both; }
#copyright a, #copyright a:visited { color: #458699; }
#copyright a:hover { text-decoration: underline; }

#modal_error{
       background: red;
       margin:5px;
       padding: 5px;       
       text-align: center;
       font-style: bold;
       font-size: 16px;
       color: #ffffff;
       border-width: 1px;
       border-color: red;
       border-style: solid;
       -moz-border-radius: 4px;
       -webkit-border-radius:4px;      

}

/*  slider container(s) */
#container, #container2, #container3 { position: relative; margin: 30px 0 10px; width: 100%; height: 300px; overflow: auto; background-color:#ffffff;       
 border: 1px solid #e2e2e2; 
 -moz-border-radius: 4px;
 -webkit-border-radius:4px;
  cursor: pointer;
  cursor: hand; 
 }

.item { display: block; width: 100%; height: 150px; }
.item h3 { font-size: 20px; margin: 10px; color: #0CF; }
.item p { font-size: 13px; padding: 6px 10px 12px; }


/* controls styling */
#controls1, #controls2, #controls3 { display: block; padding: 10px; position: relative; margin: 12px auto; width: 500px;  
 }

.prev_btn, .next_btn { width: 100px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; 
	font-size: 12px; color:#AF4B32; border: 1px solid #80301D; background-color:#513328; }
.prev_btn { float: left; }
.next_btn { float: right; }

.play_btn {
	clear: both; width: 100px; height: 25px; margin: 0 auto 12px; line-height: 25px; text-align: center; 
	text-transform: uppercase; font-size: 12px; color:#AF4B32; border: 1px solid #80301D; background-color:#513328;
 }

.num_nav { text-align: center;}
.num_nav ul li { display: inline; margin: 0 2px; }
.num_nav ul li a { padding: 2px 3px; color:#AF4B32; border: 1px solid #80301D; background-color:#513328; }
.num_nav ul li a.active, .num_nav ul li a:hover { border-color: #fff; background-color:#80301D; }


.btn_over { color:#fff; border: 1px solid #fff; background-color: #80301D; }

hr { margin: 22px 0; }

.clearit { clear: both; }
span.blue{   font-size: 30px; margin: 1px; color: #0CF; }
span.black{   font-size: 30px; margin: 1px; color: #000; }
span.orange{   font-size: 30px; margin: 1px; color: #FF9429; }
.slide_image{ float: left; margin-right: 10px;  margin-left: 5px;  }
.slide_content{   float: left; padding: 4px; }
.slide_new{   left: 90%; position: absolute; }

#main_home_left{
 float: left;
 width: 500px;
 margin-bottom: 5px;
 padding: 4px;
}
#main_home_right{
 float: left;
 width: 400px;
 padding: 4px;
 margin-bottom: 5px;
}
#main_box{
   background: #fff;
   border-width: 2px;
   border-color: #d4d4d4;
   border-style: solid;
   -moz-border-radius: 7px;
   -webkit-border-radius:2ex;
   padding: 7px;
}
#main_box p{
   font-size: 1.1em;
   color: #323232;
}
#main_box a{
   font-size: 1.1em;
  
}

#social_buttons_main{
    float: right;
    padding: 2px 0 2px 0;
    margin-top: 20px;
    width: 330px;
}

ul.list-tick {
  margin: 0;
  padding: 0;
  
}
ul.list-tick li {
  margin: 0;
  padding: 2px 0 2px 16px;
  list-style: none;
  background: url('images/bullet-accept.png') no-repeat top left;
  
}