/* CSS Document - By Brent Stees 5/05/10 */

body {
/* Layout */
	margin:0 0; padding:0; width:100%;

/* Base Text Style For Whole Document (inherited to all tags until overidden) */
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

/* Background Image and Color */
	background: url(img/bg.gif);
}
#page {
/* Layout */
	width:1000px; margin:0;

/* Background Image and Color */
	background:;
}

#header {
/* Layout */
	height:150px; position:relative;

/* Background Image and Color */
	background:;
}
#sidebar {/* Layout */
	width:250px; float:left; padding:0 0 0 0;

/* Background Image and Color - Not recommended for SIDEBAR */
	background:;
}
#content {/* Layout */
	width: 730px; float:right; padding:0 0 0 0;

/* Background Image and Color - Not recommended for CONTENT */
	background:;
}
#footer {/* Layout */
	clear:both; padding:0 0 0 0; color:#FFFFFF;

/* Background Image and Color */
	background:;
}
#footer a {color:#ffffff;}
#footer a:hover {text-decoration:underline; color:#FFFFFF;}
#footer div.text {padding:0 20px; color:#FFFFFF;}
#footer p {margin:0; padding:10px 0;}

/* Formatting */

a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
h1 {font-size:20px; color:#000000; line-height:22px;}
h2 {font-size:20px; color:; line-height:22px; font-weight:100;}
h3 {font-size:16px; color:#000000; line-height:18px;}
h4 {font-size:16px; color:; line-height:18px; font-weight:100;}




/* Sub Elements */

#header #logo {
	/* Placement */ top:10px; left:30px;
	/* Size */ 		width:250px; height:150px;
display:block; position:absolute; background:url(js/blank.gif)}


#nav {display:block; margin:0; padding:0; height:30px; width:1000px;}
#nav li {display:block; list-style:none; height:30px; float:left; position:relative; padding:0;}
#nav li a {display:block; height:30px; float:left;}

#nav li.leftImage {width:25px; background:url(img/nav_left.gif);}
#nav li.aboutus {width:100px;}
#nav li.aboutus a {background:url(img/aboutus1.gif) no-repeat; width:100px;}
#nav li.aboutus a:hover {background-image:url(img/aboutus2.gif);}
#nav li.products {width:105px;}
#nav li.products a {background:url(img/products1.gif) no-repeat; width:105px;}
#nav li.products a:hover {background-image:url(img/products2.gif);}
#nav li.installation {width:123px;}
#nav li.installation a {background:url(img/installation1.gif) no-repeat; width:123px;}
#nav li.installation a:hover {background-image:url(img/installation2.gif);}
#nav li.specifications {width:136px;}
#nav li.specifications a {background:url(img/specs1.gif) no-repeat; width:136px;}
#nav li.specifications a:hover {background-image:url(img/specs2.gif);}
#nav li.projects {width:167px;}
#nav li.projects a {background:url(img/projects1.gif) no-repeat; width:167px;}
#nav li.projects a:hover {background-image:url(img/projects2.gif);}
#nav li.contactus {width:115px;}
#nav li.contactus a {background:url(img/contact1.gif) no-repeat; width:115px;}
#nav li.contactus a:hover {background-image:url(img/contact2.gif);}
#nav li.equote {width:204px;}
#nav li.equote a {background:url(img/getaquote1.gif) no-repeat; width:204px;}
#nav li.equote a:hover {background-image:url(img/getaquote2.gif);}
#nav li.rightImage {width:25px; background:url(img/nav_right.gif);}

#nav ul {display:none; margin:0; padding:0; position:absolute; top:30px; left:0; width:200px;}
#nav li ul li {display:block; margin:0; padding:0; height:20px; float:none;}

#nav li.aboutus ul li a {display:block; margin:0; padding:0; background:#ffffff; float:none; font-size:12px; line-height:12px; height:12px; padding:4px; text-decoration:none; color:#000; border:#000000 solid; border-width:1px 1px 1px 1px; width:200px; text-align:left;}
#nav li.aboutus ul li a:hover {background:#03468f; color:#ffffff;}

#nav li.products ul li a {display:block; margin:0; padding:0; background:#ffffff; float:none; font-size:12px; line-height:12px; height:12px; padding:4px; text-decoration:none; color:#000; border:#000000 solid; border-width:1px 1px 1px 1px; width:220px; text-align:left;}
#nav li.products ul li a:hover {background:#03468f; color:#ffffff;}
#nav li.products ul li ul {display:none; position:absolute; top:0; left:229px;}

#nav li.specifications ul li a {display:block; margin:0; padding:0; background:#ffffff; float:none; font-size:12px; line-height:12px; height:12px; padding:4px; text-decoration:none; color:#000; border:#000000 solid; border-width:1px 1px 1px 1px; width:200px; text-align:left;}
#nav li.specifications ul li a:hover {background:#03468f; color:#ffffff;}

#nav li.projects ul li a {display:block; margin:0; padding:0; background:#ffffff; float:none; font-size:12px; line-height:12px; height:12px; padding:4px; text-decoration:none; color:#000; border:#000000 solid; border-width:1px 1px 1px 1px; width:220px; text-align:left;}
#nav li.projects ul li a:hover {background:#03468f; color:#ffffff;}
#nav li.projects ul li ul {display:none; position:absolute; top:0; left:229px;}

#nav li.contactus ul li a {display:block; margin:0; padding:0; background:#ffffff; float:none; font-size:12px; line-height:12px; height:12px; padding:4px; text-decoration:none; color:#000; border:#000000 solid; border-width:1px 1px 1px 1px; width:200px; text-align:left;}
#nav li.contactus ul li a:hover {background:#03468f; color:#ffffff;}

#nav li:hover ul, #nav li.sfhover ul, #nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul {display:block;}