@charset "utf-8";
body{
	background:#000134;
	color:#0C3E6D;
	font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:normal;

}


h1{
	font-size:33px; 
	margin:0 0 20px 0;
}

h2{
	font-size:20px; 
	margin:0 0 20px 0;
}

h3{
	font-size:16px;
	margin:0 0 15px 0;
}

h4{
	background:#C10400 url(../media/arrow.png) no-repeat scroll right; 
	border:1px solid #F90413; 
	float: inherit; 
	margin:7px 0; 
	font-size:10px;
}

h4:hover{
	background-color:#F90413;
}

h4 a{
	color:#FFFFFF; 
	padding:1px 30px 1px 1px; 
	text-decoration:none;
	width:auto; 
}

p{
	 margin:0 0 20px 0;
}

a{
	color:#0C3E6D;
}

a:hover{
	text-decoration:none;
}

ul li{
	list-style-type:square;
	list-style-position:inside;
}

input[type="text"], select, textarea{
	border:1px solid #CCCCCC;
	color:#474E55;
	line-height:normal;
	margin:3px 0;
	padding:3px;
}

input[type="text"]:hover, select:hover, textarea:hover{
	background:#F0F0F0;
}


.large{
	font-weight:bold;
}

.clear{
	clear:both;
}

#top{
	color:#FFFFFF;
	height:22px; 
	margin:0 auto; 
	padding:11px 0; 
	width:911px; 
}

#top #address{
	float:left;
}

#top #toplinks{
	float:right;
}

#top #toplinks ul{
	list-style-type:none;
}

#top #toplinks ul li{
	display:inline;
	float:left;
	margin:0 0 0 15px;
}

#top #toplinks ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

#top #toplinks ul li a:hover{
	text-decoration:underline;
}


#main{
	background:#F7F7F7; 
	border-bottom:7px solid #000000; 
	height:auto; 
	margin:0 auto; 
	padding:1px;
	width:919px; 
}

#nav{
	background: url(../media/bg_nav.jpg) repeat-x scroll left center;
	font-weight:bold;
	height:44px;
	width:919px; 
}

#nav ul{
	list-style-type:none;
}

#nav ul li{
	display:inline;
	float:left;
	position:relative;
}

#nav ul li a{
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	/*cursor:text;*/
	float:left;
	height:14px;
	line-height:10px;
	padding:15px 25px 15px 15px;
	text-decoration:none;
	vertical-align:middle;
	width:90px;
}

#nav ul li a.selected{
	background: url(../media/bg_nav_selected.jpg) repeat-x scroll left center;
	color:#333333;
	cursor:pointer;
}

#nav ul li a.last{
	border-right:none;
}

#nav ul li a p{
	font-size:11px;
	font-weight:normal;

}

#nav ul li a:hover{
	color:#999999;
}

#nav ul ul{
	display:none;
	margin:0;
	padding:0;
}

#nav ul li:hover ul{
	display:block;
	font-size:80%;
	height:auto;
	left:0;
	position:absolute;
	top:43px;
	z-index:5;
}

#nav ul li ul li {

}


#nav ul li ul li a{
	background:#0C3E6D; 
	border-right:none;
	cursor:pointer;
	font-size:11px;
	font-weight:normal;
	height:auto;
	padding:10px 25px 10px 15px;
	width:90px;
}


#nav ul li ul li a:hover{
	color:#999999;
}


#header{
	background:#FFFFFF; 
	border-bottom:4px solid #E0E0E0; 
	margin:2px 0 0 0;
	width:919px; 
}

#logo{
	float:left;
	height:auto; 
	width:235px; 
}

#splash{
	background: url(../media/bg_splash.jpg) repeat-x scroll left center; 
	float:right;	
	height:245px; 
	width:684px; 
}

#splash.interior{
	background: url(../media/bg_splash_interior.jpg) repeat-x scroll left center; 
	height:74px;
}

#splash #featured{
	height:65px; 
	width:684px; 
	margin:179px 0 0 0;
}

#splash #featured .item{
	float:right; 
	height:55px; 
	padding:5px 20px; 
	text-align:right;
	width:188px; 
}
#splash #featured .item span{
	background:#FFFFFF; 
	color:#055CA9; 
	font-weight:bold; 
}


#content{
	height:auto;
	padding:10px 20px;
	width:879px;
}


#content #block1{
	background: url(../media/dotted_vert.gif) repeat-y scroll right top; 
	float:left; 
	height:auto;
	padding:20px 20px 20px 0;
	width:280px; 
}

#content #block2{
	background: url(../media/dotted_vert.gif) repeat-y scroll right top; 
	float:left; 
	height:auto;
	padding:20px;
	width:300px; 
}

#content #block2 #featured{
	background:#0C3E6D; 
	color:#FFFFFF;
	float:left; 
	font-size:11px; 
	height:auto; 
	line-height:13px;
	padding:10px; 
	width:auto; 
}

#content #block2 #featured:hover{
	background:#055CA9;
}


#content #block2 #featured img{
	float:left; 
	margin:0 3px 0 0;
}


#content #block2 p{
	margin:0 0 5px 0;
}

#content #block3{
	float:left; 
	height:auto;
	padding:20px 0 20px 20px;
	width:219px;
}


#content #block3 div.home{
	float:left; 
	margin:0 0 20px 0;
}

#content #block3 div.home img{
	border:1px solid #999999;
	margin:0 3px; 
}

#content #block3 div.home img.left{
	float:left;
}

#content #block3 div.home img.right{
	float:right; 
}


#content ul#specs{
	font-size:16px;
	color:#C10400;
	list-style:none;
	margin:0 0 20px 0;
}


#content ul#specs li{
	display:inline;
	padding:0 10px 0 0;
}




#content #components{
	margin:25px 0;
}

#content #components ul{
	border-top:1px solid #E0E0E0;
	float:left;
	margin:10px 0;
	min-width:615px;
}

#content #components ul li{
	float:left; 
	display:inline;
	padding:10px 20px;
	
}

#content #components ul#docs li{
	background:transparent url(../media/doc.gif) no-repeat scroll left;
}

#content #components ul#images li{
	width:177px;
	height:200px;
}

#content #listings{
	margin:25px 0;
}

#content #listings ul{
	float:left;
	list-style-type:none;
	margin:10px 0;
	width:auto; 
}

#content #listings ul li{
	border-bottom:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	float:left; 
	list-style:none;
	width:183px;
	height:158px;
	padding:5px 10px;
	margin:7px;
}

#content #listings ul a{
	text-decoration:none;
}

#content #listings ul a:hover{

}

#content #listings ul li:hover{
	background:#E0E0E0;
}

#content #listings ul li img{
	border:1px solid #999999;
	float:right;
	width:97px;
}

#content #quick_contact{
	background:#FFFFFF; 
	border:1px solid #E0E0E0;
	border-bottom:none; 
	border-top:none; 
	float:right; 
	height:auto;
	margin:10px; 
	padding:10px;
	position:relative;
	top:-48px; 
	width:215px; 
	z-index:3; 
}

#scroll{
	background:#E6E2DB; 
	text-align:center;
	width:auto; 
}

#bottom{
	color:#FFFFFF;
	font-size:11px; 
	margin:25px auto;
	width:921px; 
}

#bottom #bottomlinks{
	float:left;
	width:516px;
}

#bottom #bottomlinks p{
	 margin:20px 0 0 0;
}

#bottom #bottomlinks ul{
	list-style-type:none;
}

#bottom #bottomlinks ul li{
	display:inline;
	margin:0 15px 0 0;
}

#bottom #bottomlinks ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

#bottom #bottomlinks ul li a:hover{
	text-decoration:underline;
}

#bottom #logos{
	float:right; 
	width:400px;
}

#bottom #logos img{
	float:right;
	margin:0 7px;
}

#message{
		font-weight:bold;
		font-size:16px;
		margin:10px 73px;
		background:#000134;
		padding:10px;
		color:#FFFFFF;
		text-align:center;
}