/* CSS Document */
body {margin-top: 0px; background-color:#333333; }
* {margin:0px; padding:0px; }
p {padding:5px 50px 0px 0px; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;} 

a {color:#990000; font-family: Arial, Helvetica, sans-serif; font-size:14px; } 


/* ------------container------------ */
#container {width:800px; margin:0 auto; padding:0; position:relative;
background:url(images/header.jpg) right top no-repeat #ffffff; }


/* ------------header------------ */ 

#popup {background-image:none; background-color:#fff; padding:0; margin:0;}
p#popup {text-align:center; padding:0 auto; margin:0;}
a#popup {text-align:center; padding:0 auto; margin:0;}
img.pop {margin:0 auto; padding:0 auto;}
#pop_footer p {font-size:12px; text-align:center; padding:0 0 50px 0; margin:0; line-height:1px; color:#000;}
#pop_footer a {font-size:12px; text-align:center; padding:0 0 50px 0; margin:0; line-height:1px; color:#990000;}



/* ------------navigation------------ */
ul#navigation {height:354px; width:126px;  margin:0; padding:0; list-style:none;float:left;border:none;}
ul#navigation li {display:block; margin:0px; padding:0px; width:126px;border:none; background-color:#000000;font-size:10px; line-height:1.3em;}
ul#navigation li a {display:block; text-indent:-9999px; margin:0px; padding:0px; width:126px;text-decoration:none; border:none; font-size:10px }

li#logo a { height:90px; background-image:url(images/index_header_0_logo.jpg);  }

 
li#products a {width:126px; height:39px; background-image:url(images/nav1_products.jpg);  }
li#products a:hover {width:126px; height:39px; background-image:url(images/nav1_products-over.jpg); }

li#services a {width:126px; height:22px; background-image:url(images/nav2_services.jpg);  }
li#services a:hover {width:126px; height:22px; background-image:url(images/nav2_services-over.jpg); }

li#portfolio a {width:126px; height:22px; background-image:url(images/nav3_portfolio.jpg);  }
li#portfolio a:hover {width:126px; height:22px; background-image:url(images/nav3_portfolio-over.jpg); }

li#quote a {width:126px; height:22px; background-image:url(images/nav4_quote.jpg);  }
li#quote a:hover {width:126px; height:22px; background-image:url(images/nav4_quote-over.jpg); }

li#contact a {width:126px; height:22px; background-image:url(images/nav5_contact.jpg);  }
li#contact a:hover {width:126px; height:22px; background-image:url(images/nav5_contact-over.jpg); }

li#catalog a {width:126px; height:22px; background-image:url(images/nav6_catalog.jpg);  }
li#catalog a:hover {width:126px; height:22px; background-image:url(images/nav6_catalog-over.jpg); }

li#home a {width:126px; height:22px; background-image:url(images/nav6_home.jpg);  }
li#home a:hover {width:126px; height:22px; background-image:url(images/nav6_home-over.jpg); }

li#info a {width:126px; height:70px; background-image:url(images/nav7_info.jpg); 
background-repeat:no-repeat; background-position:bottom;}
li#info a:hover {width:126px; height:70px; background-image:url(images/nav7_info.jpg); 
background-repeat:no-repeat; background-position:bottom;}
li#info {background-color:#000000;}

li#bottom {width:126px; height:62px; background-image:url(images/nav8_bottom.jpg);  }

/* ------------body------------ */

#content { margin:0px 0 0 126px; padding:110px 0 0 0; width: 650px;}
#content p {margin:0 0 0 50px; padding:0 50px 0 0;}
#content h1 {margin:15px 0px 8px 40px; color:#990000; font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;} 

ul#products1 { width:150px;margin:0 0 0 10px; padding:5px 20px 10px 120px; text-align:left;font-size:14px; font-family:Helvetica, Arial, sans-serif; float:left; list-style:circle;}
#products1 li {line-height:21px;}

ul#products2 {width:150px;margin:0 0 0 400px; padding:5px 0 10px 0; text-align:left; font-size:14px; font-family:Helvetica, Arial, sans-serif; list-style:circle; }
#products2 li {line-height:21px;}

/* ------------popup------------ */
#popup p {margin:0 0 0 160px; padding:10px 50px 10px 0;}
#popup img.pop {padding:50px; text-align:center; }


/* ------------------------------- Form Styling ------------------------------------ */

		

#myform {
	width: 500px;
	margin: 20px 0 20px 40px;
}



#myform fieldset {
	margin: 10px 0;
	padding: 10px;
	border: 2px solid #990000;
	background: #fff url(images/formBG.gif) top right repeat-y;
	color: #404041;
}

#myform legend {
	
	color: #000 !important;
	font-size: 16px;
	background: #fff;
	padding: 4px;
	border-top: 2px solid #990000;
	border-left: 2px solid #990000;
	border-right: 2px solid #990000;
	font-family: Arial, Helvetica, sans-serif;
}

#myform label {
	width: 100px;
	font-size: 14px;
	margin: 0 20px 0 20px;
	font-weight: bold;
}



#myform input[type="text"] {
	width: 170px;
	

}

#myform input[type="radio"] {
	margin-right: 5px;
	margin-left: 5px;
}

#myform input[type="checkbox"] {
	margin-right: 5px;
	margin-left: 5px;
}

#myform input:focus {
		border: 2px solid #006aa9;
		height: 17px;
		width: 205px;
		background: #e1e1e2;
		
}

#myform #specialInstructions {
	width: 170px;
}

#myform input.radio:focus {
	width: 20px;
}

#myform input.radio, #myform input.submit, #myform input.checkbox, #myform input.select {
	width: auto;
	margin-left: 20px;
}

#state {
	margin-left: 20px;
}

#comments {
	margin-left: 20px;
	width: 300px;
	height: 200px;
}

.firstRadio {
	margin-left: 20px;
}

.submit{ 
		background: url(images/submitBtn.gif) top left no-repeat;
		height: 39px !important; 
		width: 99px !important;
		padding:2;
	border: 1px solid #000;
}

.reset {
	background: url(images/resetBtn.gif) no-repeat;
	height: 39px !important; 
	width: 99px !important;
	padding:2;
	border: 1px solid #000;
}



/* ------------footer------------ */
#text_nav li {font:12px; font-family:Helvetica, Arial, sans-serif; display:inline; }
ul#text_nav {margin:20px 0px; text-align:center; font-size:12px; font-family:Helvetica, Arial, sans-serif; }

#text_nav a {text-decoration:none; color:#000000; text-align:center; padding:2px 3px 0px 3px; margin:0; font-size:12px;}
#text_nav a:hover {text-decoration:underline; color:#660000;}

#footer p {font-size:12px; text-align:center; padding:0 0 50px 0; margin:0; line-height:1px;}
#footer a {text-decoration:none; color:#000000; text-align:center; padding:2px 3px 0px 3px; margin:0; font-size:12px;}
#footer a:hover {text-decoration:underline; color:#660000;}
