@import url("formatting.css");
@import url("nav.css");


* { margin:0; padding:0;}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	background-color:#c9d2e3;
	}

div#wrapper, #footer {
	width:899px;
	margin:0px auto;
	}
	
div#header {
  background:url(../images/headerreal.jpg) no-repeat;
	width:899px;
	height:173px;
	}
	
/***** Main Nav Formatting *****/
	
#mainNav {
    width: 899px; height: 35px;
		background: url(../images/interface/nav.jpg) no-repeat right top;
	  padding: 0;
	  margin:0 0 0 0;
    position: relative;
	}
	
#mainNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}
#mainNav li span {display: none;}	
#mainNav a {height: 35px; display: block;}


#home {left:43px; width: 59px;}
#corporate {left:102px; width: 84px;}
#design {left:186px; width: 62px;}
#specs {left:248px; width: 59px;}
#setup {left:307px; width: 122px;}
#models {left:429px; width: 64px;}
#evap {left:493px; width: 167px;}
#pdfs {left:660px; width: 55px;}
#videos {left:715px; width: 64px;}
#contact {left:779px; width: 68px;}
  
#home a:hover, #home .on {background: transparent url(../images/interface/nav.jpg) -43px -35px no-repeat;}
#corporate a:hover, #corporate .on {background: transparent url(../images/interface/nav.jpg) -102px -35px no-repeat;}
#design a:hover, #design .on {background: transparent url(../images/interface/nav.jpg) -186px -35px no-repeat;}
#specs a:hover, #specs .on {background: transparent url(../images/interface/nav.jpg) -248px -35px no-repeat;}
#setup a:hover, #setup .on {background: transparent url(../images/interface/nav.jpg) -307px -35px no-repeat;}
#models a:hover, #models .on {background: transparent url(../images/interface/nav.jpg) -429px -35px no-repeat;}
#evap a:hover, #evap .on {background: transparent url(../images/interface/nav.jpg) -493px -35px no-repeat;}	
#pdfs a:hover, #pdfs .on {background: transparent url(../images/interface/nav.jpg) -660px -35px no-repeat;}
#videos a:hover, #videos .on {background: transparent url(../images/interface/nav.jpg) -715px -35px no-repeat;}
#contact a:hover, #contact .on {background: transparent url(../images/interface/nav.jpg) -779px -35px no-repeat;}

div#main {
	background:url(../images/interface/1pxlbody.jpg) repeat-y;
	background-color:#FFFFFF;
	min-height:460px;
	height:auto !important;
  height:460px;
	}

div#sp1{
text-align:center;
}

div#sp2{
min-height:264px;
width:417px;
float:left;
}

div#sp3{
min-height:264px;
width:366px;
float:right;
}



div#content {
	background:url(../images/interface/content-bg.jpg) no-repeat;
	width:802px;
	margin-left:47px;
	}

div#col1{
	width:406px;
	float:left;
	padding:10px;
	}
	
div#col2{
	width:376px;
	float:left;
	}
	
div#subnav{
	width:176px;
	float:left;
	}
	
div#subnav ul{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #666666;
	border-bottom-color: #666666;
	font-weight: bold;
	margin-left: 0px;
}

div#subnav ul li{
	text-decoration: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #666666;
	border-bottom-color: #666666;
	list-style-image: none;
	list-style-type: none;
}

div#subnav ul li a:link, div#subnav ul li a:visited{
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	display: block;
}

div#subnav ul li a:hover, div#subnav ul li a:active, div#subnav ul li .on{
	background-color: #CCCCCC;
	display: block;
	padding: 5px 0px 5px 0px;;
}

div#instnav{
	width:100px;
	float:left;
	}
	
div#instnav ul{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #666666;
	border-bottom-color: #666666;
	font-weight: bold;
	margin-left: 0px;
}

div#instnav ul li{
	text-decoration: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #666666;
	border-bottom-color: #666666;
	list-style-image: none;
	list-style-type: none;
}

div#instnav ul li a:link, div#instnav ul li a:visited{
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	display: block;
}

div#instnav ul li a:hover, div#instnav ul li a:active, div#instnav ul li .on{
	background-color: #CCCCCC;
	display: block;
	padding: 5px 0px 5px 0px;;
}

div#text{
	width:606px;
	float:left;
	padding:10px;
	}

						
div#footer {
	background:url(../images/interface/footer-bg.jpg) no-repeat;
	height:100px;
	}
	
div#footer ul{
	padding-top:80px;
	padding-bottom:20px;
    margin-left:70px;
	}
	
div#footer ul li{
	float:left;
	list-style:none;
	margin-left:20px;
	}