/* CSS Document */
body{ 
	margin: 50px auto 0px auto; 
	background-color:#F0F0F0; 
	background-image: url(images/bg-header-v1.jpg); 
	background-repeat: repeat-x; 
	background-position: top;
	}

/* STRUCTURAL CONTAINERS */

#main-cont { 
	margin: 0 auto; 
	width: 775px;
	}

#nav_cont { 
	font-size: 67%; 
	margin: 0; 
	text-align: center;
	}
	
#nav_top {
	height: 33px; 
	background:url(images/nav-title.gif) no-repeat top; 
}

#nav_cont a{ 
	font-weight: bold;
	}

#nav_cont a:link { 
	text-decoration: none; 
	color: #00209F; }
	
#nav_cont a:visited { 
	color:  #00209F;
	text-decoration: none; }
	
#nav_cont a:hover { 
	text-decoration: underline;}
		
#nav_cont a:active { 
	color: #FF6600;
	text-decoration: underline; 
	}

#dropmenudiv{
	position:absolute;
	border:1px solid #999;
	line-height:18px;
	z-index:100;
	opacity:.85;
	font-size: 70%;
}

#dropmenudiv a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #999;
	padding: 1px 0;
	text-decoration: none;
	color: #111;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #FF6600;
	text-decoration: underline;
}

#nav_cont ul{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
	background: url(images/nav-body.gif) repeat-y top; 
	padding: 0 25px;
	}

#nav_cont li{  
	display: inline;
	padding: 0 10px;
	}

#nav_bot {
	height: 16px; 
	background: url(images/nav-footer.gif) no-repeat top; 
}

#mast_cont {
	width: 775px;
	height: 150px;
	background: url(images/masthead_temp.jpg) no-repeat left top;

}

/*#mast_brand {
	display: block;
	height: 150px;
	width: 515px;
	float: left;
}*/

#mast_cont img{ 
	height: 150px; 
	width: 260px;
	float: right;
}

#copy_cont{
	width: 514px;
	height: auto;
	background: url(images/cont-bg-v1.gif) repeat-y;
	display: block;
	padding: 0;
	float: left;

}

#copy_top{
	height: 106px; 
	width: inherit;
	display: block;
}

#copy_mid{
	width: auto;
	height: auto;
	padding: 0 40px;
	/*background-color: #00FFCC;*/
}

#copy_bot{
	background: url(images/cont-foot-v1.gif) no-repeat bottom;
	height: 25px;
	display: block; 

}

#content-foot{
	background-image:url(images/cont-foot-v1.gif);
	background-repeat:no-repeat; 
	display: block; 
	height: 20px;
	}


#promo_cont {
	height: auto; 
	width: 260px; 
	display: block;
	float: left;
} 

#foot_cont{
	clear: both; 
	width: 775px; 
	height: 39px; 
	display: block; 
	background: url(images/footer-v1.gif) no-repeat;

}


/* FONT COPY STYLES */ 

p, li{ 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}

h1, h2, h3, h4, h5, h6 { 
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	}

p { 
	font-size: 67.5%; 
	line-height: 160%; 
	color: #555555; 
	margin: 0px 0px 10px 0px;
	}

h2 {
	font-size: 85%;
	line-height: 140%; 
	font-weight: bold; 
	color: #00209F; 
	margin: 20px 0 5px 0;}
	
	
h6 {
	font-size: 85%;
	line-height: 150%;
	color: #00209F;
	font-weight: normal;
	margin: 5px 0;
	}
	
#copy_mid a:link { text-decoration: none; color: #FF6600;}
#copy_mid a:visited { text-decoration: none; color: #FF6600;}
#copy_mid a:hover { text-decoration: underline;}
#copy_mid a:active { text-decoration: underline; }

blockquote{
	margin-top: 0px;
	}

blockquote.contact-details p {
	margin: 0px 0px 2px -10px;
	}


#foot_cont p{ 
	margin: 0; 
	color: #999; 
	font-size: 60%; 
	text-transform: uppercase; 
	letter-spacing: .2em; 
	padding: 12px 0 0 0;}

#foot_cont a:link, #footer a:visited, #footer a:active { 
	text-decoration: none; 
	color: #999;
	}
	
#foot_cont a:hover { 
	text-decoration: underline;
	}


/* CONTENT IMAGES */

#body-image{
	float: left;
	margin: 0px 15px 5px 0px;
	}
	
#body-image p{
clear: both;
	font-size: 60%;
	line-height: 130%;
	color: #444;
	padding: 5px;
	margin: 0px;
	border-bottom: solid 1px #DDD;
	}
	
.width-393{
	width: 393px;
	margin: 0 0 35px 0;
}

#prod_intro{
	width: auto;
	height: 140px;
	margin: 0 0 10px 0;
}

#prod_intro ul{
	width: auto;
	font-size: 65%;
	color: #444;	
	list-style-type: none;
	margin: 0;
	margin-bottom: 5px;
	margin-left: 155px;
	padding: 0px;
}

#prod_intro li{
	margin: 0px 10px 0px 0px;
	padding: 0;
	padding-left: 25px;
	line-height: 24px;
	background-repeat: no-repeat;	
	background-position: 0 .4em;
	}
	
#prod_intro li.movie{
	background-image: url(images/icon-movie.gif);
	}
		
#prod_intro li.document{
	background-image: url(images/icon-document.gif);	
	}

#prod_intro h5{
	color: #00209F;
	font-size: 80%;
	padding: 5px 0 0 0;
	margin:  0 0px 5px 0px;
}	


#tab-specs{
	width: 430px;
	margin: 0 0 15px 0;
}

#tab-specs p{
	margin: 0px 0px 3px 0px;
}

#tab-specs td{
	padding: 1px 2px 0px 5px;
	border-bottom: solid 1px #DDD;
}

tr.light-grey{
	background-color: #F8F7EC;
}


.specs-title {
	 height: 36px; margin: 0; display: block; background-image:url(images/specs_top2.gif); background-position: top; background-repeat: no-repeat; }
	 
.specs-pic{
	height: 167px;
	display: block;}

.specs-body {height: auto; margin: 0; display: block; background-image: url(images/specs_body.gif); background-repeat: repeat-y;}

.specs-footer { height: 23px; margin: 0; display: block; background-image: url(images/specs_footer.gif); background-position: top; background-repeat: no-repeat; }

#specs {height: auto; width: 260px; float: left; }

#promo_cont h1 {padding: 0px 20px 5px 20px; margin: 10px 0px px 0px; font-size: 105%; color:#00209F; border-bottom: solid 1px #D9D9D9;}
#promo_cont h2 {padding: 0px 20px; margin: 10px 0px 5px 0px; font-size: 85%; color: #00209F;}
#promo_cont p {padding: 0px 30px 0px 25px; font-size: 62.5%; line-height: 130%; color: #BFC7E7;}
#promo_cont ul {padding: 0px 30px; margin: 10px 0 0 10px;}
#promo_cont li {line-height: 130%; margin: 0px 0px 5px 0px; font-size: 65%; color: #666; list-style-type: disc;}

#promo_cont a:link { text-decoration: none; color: #FF6600;}
#promo_cont a:visited { text-decoration: none; color: #FF6600;}
#promo_cont a:hover { text-decoration: underline;}
#promo_cont a:active { text-decoration: underline; }


#contact p{ margin: 0px 0px 10px 0px;}

#product-intro {
	width: 420px;
	height: 140px;
	margin: 10px 0px 10px 0px;
	border-bottom: solid 1px #DDD;
}

