/* CSS Document */

body,/*needed to keep the div containers flush with the side and top of the browser window */

html {
	margin:0px;
	padding: 0px;
	background: #cccccc url('images/graybgflat.jpg');
	font: normal 100%  arial,sans-serif;
	letter-spacing: 2px;
	line-height: 25px;
	color: #FFFFFF;
	}
body {
	width:100%;
	height:100%;
	}
	h1 {
	font-size: 125%
	}	
	h2 { 
	margin-bottom: 0px;
	padding: 0cm 0cm .18cm .5cm;
	background-repeat: no-repeat;
	color:#164378;
	font-size:125%;
	text-transform: uppercase;
	letter-spacing:2px;
	}
	h3 { 
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	color:#164378;
	font-size:100%;
	text-transform: uppercase;
	letter-spacing:2px;
	}
	img {
	border: none;
	}

/* Link information */

a:link {
	text-decoration: underline;
	color:#164378;
	}
a:visited {
	text-decoration: underline;
	color:#164378;
	}
a:hover {
	color:#6f8fb4;
	}
a:active {
	text-decoration: underline;
	color:#164378;
	}


/* Divider information */

#background { /*this is the gray gradient background that is seen behind the blue/black background*/
	background: url('images/graybg.jpg') repeat-x top;
	left:0px;
	float:left;
	top:0px;
	width:100%;
	height:648px;	
	}
#container {
	margin:0px;
	padding:0px;
	width: 816px;
	height:auto;
	}
#header {
	margin: 0px;
	padding: 0px;
	float:left;
	background: url('images/top.gif') no-repeat;
	width: 816px;
	height: 179px;
	}
#asklink {
	margin: 0px; 
	padding: 50px 0px 0px 90px;
	float:left;
	width: 215px;
	height:43px;
	font-size:80%;
	font-weight:bold;
	line-height:120%;
	}
	.span {
		padding: 45px 0px 0px 0px;
		float:left;
		font-size:105%;
		font-weight:bold;
		width: 145px;
		}
	#asklink p{
	margin:0px;
	padding:0px;
	}
#logo {
	padding:0px; 
	margin:  38px 0px 0px 45px;
	float:left;
	width: 227px;
	height:73px;
	}	
#menu {
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	float:left;
	width: 801px;
	height: 29px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size:80%;
	}
			#menu ul {
				margin:0px ;
				padding:0px 50px;
				width:701px;
				height:26px;
				list-style-type: none;
				}
			#menu li {
				margin: 0px;
				padding:0px;
				display:inline;
				white-space:nowrap;				
				list-style-type:none;
				}
			#menu li a {
				margin:0px;
				padding:0px 12px;
				float:left;
				display:block;
				width:inherit;
				height:26px;
				color:#fff;
				text-align:center;
				text-decoration:none;
				}
			#menu li a:hover {
				margin:0px;
				font-weight:bold;
				}
			#menu .current a{
				margin:0px;
				font-weight:bold;
				}

#content_container {
	margin: 0px; 
	padding: 0px;
	float:left;
	background: url('images/midrepeat.gif') repeat-y;
	width: 816px;
	height:auto;
	text-align:left;
	}
#left_container {
	margin: 0px; 
	padding: 0px;
	float:left;
	background: url('images/left_bg.gif') no-repeat;
	width: 23px;
	height: 614px;
	}			
#content {
	padding: 0px 12px 0px 12px; 
	margin: 0px;
	float:left;
	font: normal 85%  arial,sans-serif;
	line-height: 17px;
	letter-spacing:0px;
	color:#164378;
	background-color:#ffffff;
	width: 547px;
	height:auto;
	}
	#content .slogan p {
		padding:inherit;
		margin:inherit;
		font: normal 300%  arial,sans-serif;
		font-size:300%;
		line-height: 45px;
		width:inherit;
	}
#product_pics {
	float:left;
	padding:0px 0px 0px 0px; 
	margin: 35px 0px 0px 0px;
	height: 100%;
	width: 23%;	
}
	#product_pics a {
	text-decoration: none;
	}

#product_specs{
	float:left;
	padding: 0px 0px 0px 25px;
	margin: 40px 0px 0px 0px;
	height: auto;
	width: 72%;
	border-left: 1px solid #6f8fb4;
}
#product_specs ul {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
	}
	.prod_heading {
		font-size:85%;
		text-transform: uppercase;
	}
	.blue {
		font-size:90%;
		
	}
	.white {
		font-size:90%;
		word-spacing: 6px;
	}
	
#right_container{
	margin: 0px 0px 0px 0px; 
	padding: 0px 12px 0px 0px;
	float:left;
	background: url('images/right_bg.gif') no-repeat;
	width: 210px;
	height: auto;
	}
	#contact_container {
		margin: 20px 0px 0px 16px;
		padding:0px;
		width:176px;
		height: auto;
		}
	#contact_header {
		margin: 0px;
		padding: 42px 0px 0px 14px;
		background: url('images/contact_header.gif') no-repeat ;
		width: 176px;
		height:auto;
		}
	#contact {
		margin: 0px; 
		padding: 0px 0px 0px 14px;
		background: url('images/contact.gif') repeat-y;
		width: 176px;
		height: auto;
		}
	#contact_footer {
		margin: 0px;
		padding: 0px 0px 0px 14px;
		background: url('images/contact_footer.gif') no-repeat;
		width: 176px;
		height:88px;
		}
#footer {
	margin: 0px; 
	padding: 0px 15px;
	background: url('images/bottom.gif') no-repeat ;
	clear:both;
	float:left;
	width: 786px;
	height: 300px;
	}
	#footer p {
	font: normal 65%  arial,sans-serif;
	text-align:right;
	}
#footer_left {
	margin: 42px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	float:left;
	width: 70px;
	height:150px;
	}
#footer_right {
	margin: 35px 0px 0px 0px; 
	padding: 0px 15px 0px 0px;
	float:right;
	width: 699px;
	height:150px;
	}
	#footer_right a {
	color:#ffffff;
	}
	#footer_right a:hover {
	color:#6f8fb4;
	}	



/* Left and Righ Column Dividers for home page */

#home_header {
	margin: 0px;
	padding: 0px;
	float:left;
	width: 816px;
	height: 175px;
	background: url('images/home_header.jpg') no-repeat top;
	}
#repeatbg {
	margin: 0px; 
	padding: 0px;
	float:left;
	width: 816px;
	height:auto;
	text-align: left;
	background: url('images/home_repeatbg.jpg') repeat-y;
	}

#home_container {
	margin:0px;
	padding:0px;	
	height:auto;
	width: 816px;
	}

#home_content_container {
	margin: 0px; 
	padding: 0px;
	float:left;
	width: 816px;
	height:auto;
	background: url('images/home_bluebg.jpg') no-repeat top;
	}
#home_content {
	padding: 0px; 
	margin: 0px 0px 0px 30px;
	float:left;
	font: normal 85%  arial,sans-serif;
	line-height: 17px;
	letter-spacing:0px;
	width: 391px;
	height:100%;
	}
#content_middleright {
	margin: 0px 0px 0px 40px; 
	padding: 0px;
	float:left;
	width:280px;
	height:auto;
	font-size: 75%;
	line-height: 20px;
	}
	#content_middleright a {
		color:#ffffff;
		}
	#content_middleright a:hover {
		color:#6f8fb4;
		}	
#home_footer {
	margin: 10px 0px 5px 0px; 
	padding: 0px 30px;
	float:left;
	width: 786px;
	height: auto;
	}
	#home_footer p {
		margin:0px;
		padding:0px;
		font: normal 65%  arial,sans-serif;
		text-align:right;
		}
	#home_footer_left {
		margin: 22px 0px 0px 0px; 
		padding:0px;
		float:left;
		width: 70px;
		height:auto;
		}
#home_footer_right {
	margin: 25px 0px 0px 0px; 
	padding: 0px 30px 0px 0px;
	float:right;
	width: 589px;
	height:auto;
	}	
	#home_footer_right a {
		color:#ffffff;
		}
	#home_footer_right a:hover {
		color:#6f8fb4;
		}	
#bgfooter {
	margin: 0px; 
	padding: 0px;
	float:left;
	width: 816px;
	height: 47px;
	background: url('images/home_footer.jpg') no-repeat top;
	}