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



/* LAYOUT STYLES */
/*body { background: #d4d4d4 url(https://www.ventipix.com/experiments/2010/images/ventipix_winter_background.jpg) repeat-x top center; margin: 0 auto; }*/
body { background: #ffffff url(https://www.ventipix.com/experiments/2010/images/nav_bg.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; }
#main_container { position: relative; }
#footer { width: 900px; color: #fff; margin-top: 40px; }


/* NAVIGATION */
#top_navigation { width: 1024px; height: 41px; }
#keyword { color: #9a9a9a; font: 18px Arial, Helvetica, sans-serif; background: #dfdfdf; border: 2px solid #747474; width: 213px; height: 24px; margin: -37px 53px 0; padding: 2px 5px; float: right; }



.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(https://www.ventipix.com/experiments/2010/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; }






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

        -moz-box-shadow:0 0 25px 5px #000;
	-webkit-box-shadow: 0 0 25px #000;

       
}

#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; }