@charset "utf-8";
/* CSS Document */
html{
	height:99.6%;
}
body{
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 99.6%;
	width: 100%;
}
#header {
	background:url(images/security-windows.jpg);
	width: 100%;
	height: 400px;
	margin: 0px;
	border-bottom: 1px solid black;
	position: absolute;
	top: 0px;

}
#headnav{
	background:url(images/head-bg.jpg) repeat-x;
	height: 98px;
	width: 900px;
	margin-left: auto;
	margin-right:auto;
	border: 1px solid white;
	border-top: 0px;
	position:relative;
}
#logo{
	background:url(images/security-cudavision-logo.jpg);
	width: 250px;
	height: 98px;
	float: left;
}
#nav{
	position: absolute;
	bottom: 0px;
	right: 0px;
	float: right;
	height: 53px;
	color: white;
	border: 0px solid green;
	z-index: 9999;
}
#splitter{
	position: absolute;
	bottom: 53px;
	right: 0px;
	height: 1px;
	width: 600px;
	background: #393939;
	border-top: 1px solid black;
}
#headerinfo{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 45px;
	width: 700px;
	color: white;
	text-align: right;
	font-size:24px;
	padding-right: 10px
}
#container{
	font-size: 0.8em;
	height: 100%;
	border: 0px solid blue;
	width: 900px;
	margin-left: auto;
	margin-right:auto;
	position:relative;
}
#contbuf{
	height: 420px;
}
#promoImage{
	position:absolute;
	top: 150px;
	right: 0px;
	width: 100%;
	z-index: 1;
	text-align: center;
}
.proImageCon{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#footer{
	border-top:1px solid #999999;
	text-align: left;
	width: 100%;
	color:#999999;
	margin-top: 20px;
	margin-bottom:20px;
	clear: both;
}
.highlightnews{
	width: 480px;
}
.highlightnews h1{
	font-size:22px;
}
ul#menu {
	padding: 0px;
	margin: 0px;
	list-style-type:none;
	border: 0px solid yellow;
	height: 53px;
}
ul#menu > li{
	padding: 0px;
	display: inline;
	float: left;
	border: 0px solid blue;
	height: 53px;
	width: 100px;
	text-align: center;
	font-size:16px
}
ul#menu li a {
	height: 100%;
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
	border: 0px solid red;
	vertical-align:middle;
}

ul#menu li a span{
	display:block;
	padding-top: 20px
}
ul#menu li a:hover {
	background:url(images/security-menu-bg.jpg) repeat-x;
}

#menu li:hover{z-index: 100; background:url(images/security-menu-bg.jpg) repeat-x;}
#menu ul {display: none; border: 1px solid white}
/*#menu li:hover > ul {display: inline; position: absolute; top: 53px; left: 120px;}*/
#menu li:hover > ul {display: block; position: relative;top: 0px; left: 0px;}
#menu ul li{width: 200px;}
#menu ul li {background: black; text-align:center;}
#menu ul{list-style:none;padding:0;margin:0;width:auto;padding:0;margin:0;}
#menu ul li{clear: both;}
#menu ul li a {display: block; width: 100%;color: white;}
#menu ul li a:visited{color: white;}
#menu ul li a:hover{color: black; background:white}
#menu ul li a:active{color: white}

#extrainfo{
	clear: both;
	margin-top: 10px;
	width: 100%;
}
.infobox{
	background: #eeeeee;
	height: 200px;
	width: 291px;
	float: left;
	margin: 3px;
}
.infohead{
	background: url(images/security-infobox-head.gif);
	height: 6px;
}
.infotitle{
	height: 20px;
	border-bottom: 1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	font-weight: bold;
	padding-left: 5px;
}
.infocontent{
	border-top: 1px solid white;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	height: 146px;
}
.infocontent div{
	padding: 5px;
	float: left;
}
.infofooter{
	background:url(images/security-infobox-footer.jpg);
	width: 291px;
	height:26px;
	text-align: right;
	border-top: 1px solid #eeeeee;
}

.infofooter a{
	display: block;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	margin-right: 15px;
	margin-top: 5px;
}
.infocontent img{
	float: left;
	margin-right: 5px;
}
#aux{
	width: 370px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	text-align: right;
}
.product{
	width: 100%;
	background: #eeeeee;
	border: 1px solid #dddddd;
	padding: 5px;
}
.servicebox{
	background: #eeeeee;
	float: left;
	border: 1px solid #dddddd;
	margin-top: 20px;
}
.servicetitle{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	font-weight: bold;
	padding-left: 5px;
	background: #dddddd;
	width: 900px;
}
.servicetitle h2{
	margin: 10px;
	font-size: 1.8em;
}
.servicecontent{
	padding: 15px;
}
.servicecontent div{
	padding: 5px;
	float: right;
	width: 80%;
}
.servicecontent img{
	float: left;
	margin-right: 5px;
	margin: 2px; 
	border: 1px solid #bebebe;
}
.servicecontent ul li{
	line-height: 2em;
}
#extras{
	text-align:center;
	font-weight:bold;
	padding: 10px;
}