* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #ee1b22; }
a:hover { text-decoration: none; background: #ee1b22 ; color: #fff; }

body {
font: 62.5% "Arial", Helvetica, san-serif;    
margin: 0 auto;
background: #dbd5d3 url(img/bg.gif) 0 0 repeat-x;
color: #222;
}
#wrapper {
margin: 12px auto 0;
width: 820px;
text-align: left;
background: url(img/wrapper-bg.gif) 0 0 no-repeat;
}
#btm {
width: 820px;
height: 15px;
margin: 0 auto;
background: url(img/wrapper-btm.gif) 0 0 no-repeat;
}
#margin {
width: 800px;
margin: 0 auto;
background: url(img/content-bg.gif) 0 10px no-repeat;
}


/* header
--------------------------------*/
#header {
width: 800px;
height: 147px;
margin: 10px 0 0 0;
float: left;
border-top: 5px solid #f8ed21;
background: #201f1f ;
}
h1 { 
float: left; 
width: 300px;
height: 147px;
text-align: center;
font: normal 3em/1.1em "Impact", Arial, Helvetica, san-serif;
}
h1 img { margin: 18px auto 0;  text-align: center;}
h1 a, h1 a:hover { text-decoration: none; color: #fff; background: none; }
#header p {
float: right;
width: 304px;
height: 28px;
margin: 0 15px 0 0;
text-align: center;
font: bold 1.6em/1.5em "Arial Narrow", Arial, Helvetica, san-serif; 
color: #201f1f;   
background: #f8ed21 url(img/header-p-bg.gif) 0 0 no-repeat;
}



/* navigation
--------------------------------*/
#nav-contain {
width: 485px;
height: 39px;
margin-top: 80px;
float: right;
padding-left: 15px;
font: bold 1.3em/1em "Arial", Helvetica, san-serif; 
background: #343333 url(img/nav-bg.gif) 0 0 no-repeat;
}
ul#nav { float: left; margin: 8px 0 0;}
ul#nav li { float: left;}
ul#nav li a {display:block; height: 20px; color: #fff; margin-right: 6px;}
ul#nav li.home a {background:url(img/nav3.gif) 0 0; width: 39px;}
ul#nav li.home a:hover {background:url(img/nav3.gif) 0 -20px; }
ul#nav li.about a {background:url(img/nav3.gif) -41px 0; width: 59px;}
ul#nav li.about a:hover, ul#nav li.about:hover a, ul#nav li.about .iehover a  {background:url(img/nav3.gif) -41px -20px; }
ul#nav li.south a {background:url(img/nav3.gif) -109px 0; width: 86px;}
ul#nav li.south a:hover, ul#nav li.south:hover a, ul#nav li.south .iehover a  {background:url(img/nav3.gif) -109px -20px; }
ul#nav li.west a {background:url(img/nav3.gif) -202px 0; width:80px;}
ul#nav li.west a:hover, ul#nav li.west:hover a, ul#nav li.west .iehover a  {background:url(img/nav3.gif) -202px -20px; }
ul#nav li.commercial a {background:url(img/nav3.gif) -290px 0; width: 71px;}
ul#nav li.commercial a:hover, ul#nav li.commercial:hover a, ul#nav li.commercial .iehover a  {background:url(img/nav3.gif) -290px -20px; }
ul#nav li.industrial a {background:url(img/nav3.gif) -370px 0; width: 100px;}
ul#nav li.industrial a:hover, ul#nav li.industrial:hover a, ul#nav li.industrial .iehover a  {background:url(img/nav3.gif) -370px -20px; }


ul#nav li a.active {border-bottom: 3px solid #ee1b22;}
ul#nav li a span {display:none;}



/* columns
--------------------------------*/
#left {
width: 300px;
float: left;
background: #fff;
}
#right {
width: 500px;
float: right;
background: #fff;
padding-bottom: 15px;
}



/* left column elements
--------------------------------*/
ul#map { /* left side map */
width: 300px;
height: 200px;
background: #7d7d7d url(img/map-home.jpg) 0 0 no-repeat;
float: left;
}
ul#map li a { width: 38px; height: 29px; float: left; clear: left; }

ul#map li.west a { margin: 54px 0 0 95px;}
ul#map li.south a { margin: 58px 0 0 173px;}
ul#map li a:hover { background: none;}
ul#map li a span {display:none;}
#left h2 {
width: 288px;
height: 43px;
float: left;
background: #ee1b22 url(img/left-redhead.gif) 0 0 no-repeat;
color: #f8ed21;
font: bold 1.9em/1.2em "Arial Narrow", Arial, Helvetica, san-serif; 
padding: 7px 0 0 12px;
border-bottom: 5px solid #ee1b22;
}
#left h2 span { color: #fff; font: normal 0.65em/1.2em "Arial", Helvetica, san-serif;  }
#left ol { width: 300px; float: left; }
#left ol li { width: 300px; border-bottom: 1px dashed #ee1b22; }
#left ol li a {
display: block;
width: 300px;
background: #f8f0f0;
text-decoration: none;
color: #333;
padding: 6px 0;
}
#left ol li.alt a { background: #f5e2e2; }
#left ol li a:hover { background: #f8ed21;}
#left h4 {
font: bold 1.9em/1.2em "Arial Narrow", Arial, Helvetica, san-serif; 
margin: 0 12px;
}
#left h4 span {
font: normal 0.6em/1em "Arial", Helvetica, san-serif; 
margin: 0 2px;
color: #ee1b22;
}
#left p {
margin: 0 12px;
color: #444;
font: normal 1em/1.2em "Arial", Helvetica, san-serif; 
}



/* right column elements
--------------------------------*/
#feature { /*home page images */
width: 500px;
height: 250px;
border-bottom: 5px solid #ee1b22;
background: #fff;
}
#photodiv { 
float: right; 
background-repeat: no-repeat; 
height: 250px; 
width: 499px; 
margin: 0;
}
#photodiv img { 
height: 250px; 
float: right; 
width: 499px; 
line-height: 0.5em; 
font: normal 1.3em/1.2em "Arial", Helvetica, san-serif; 
}
#photodiv img a:hover { background-color: none;}
#right h3 {
margin: 20px 20px 15px;
font: bold 2.2em/1.2em "Arial", Helvetica, san-serif; 
}
#right h5 {
font: bold 1.6em/1.2em "Arial Narrow", Arial, Helvetica, san-serif; 
margin: 20px 20px 5px;
color: #ee1b22;
}
#right h5 span {
font: normal 0.8em/1em "Arial", Helvetica, san-serif; 
color: #999;
}
#right p {
margin: 0 20px 15px;
font: normal 1.2em/1.4em "Arial", Helvetica, san-serif; 
}
img.right {
float: right;
margin: 0 20px 10px;

}
#ruler {
margin: 0 20px;
border-bottom: 1px dashed #999;
height: 1px;
}



/* clear everything - for IE6
--------------------------------*/
#clearall {
clear: both;
width: 800px;
height: 1px;
}



/* footer
--------------------------------*/
#footer {
width: 800px;
height: 30px;
margin: 0 auto;
clear: both;
background: #34302f;
}
#footer p {
font: normal 1.1em/1.2em "Arial", Helvetica, san-serif;   
padding: 10px 0 0 0;
margin: 0 0 0 15px;
color: #f0eded;
float: left;
}
#footer ul { 
float: right; 
margin: 10px 0 0;
padding: 0 15px 0 0;
font: normal 1.1em/1.2em "Arial", Helvetica, san-serif;  
}
#footer ul li { float: left;}
#footer ul li a { 
color: #fff; 
padding: 0 5px;
border-left: 1px solid #7c7371;
}



/* credits 
--------------------------------*/
#outside {
width: 800px;
margin: 0 auto;
padding: 0 0 15px;
}
#outside p {
font: normal 1.1em/1.2em "Arial", Helvetica, san-serif;   
color: #7c7371
}
#outside p a { color: #7c7371; padding: 0 1px;}
#outside p a:hover { color: #fff; }