@charset "UTF-8";
/* CSS Document */

html {
height: 100%;
}

body {
margin: 0;
padding: 0;
background: #FFFFFF;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 100%;
height: 100%;
}

#wrapper {
width: 920px;
margin: auto;
}

#header {
width: 900px;
position: relative;
top: 0px;
text-align: left;
margin: 0 10px 0 10px;
height: 90px;
}

#header_image {
width: 900px;
position: relative;
top: 0px;
text-align: right;
margin: 0 10px 0 10px;
height: 180px;
}

#nav_wrap {
width:900px;
height:60px;
position:relative;
top:0px;
left:0px;
background: url(images/nav_bg.gif) no-repeat;
margin:auto;
}

#nav {
width: 900px;
position: absolute;
top: 0px;
left: 0px;
height: 30px;
}

#nav ul {
list-style-type: none;
text-decoration: none;
display:inline;
}

#nav ul li {
float: left;
font-size: 95%;
color: #666;
padding: 8px 0 0 10px;
}

#nav a {
font-size: 95%;
color: #666;
}

#nav a:hover {
color: #CC3333;
text-decoration:underline;
}

#subnav {
width: 900px;
position:relative;
top: 30px;
left: 0px;
height: 30px;
}

#subnav ul {
list-style-type: none;
text-decoration: none;
display:inline;
}

#subnav ul li {
font-size: 90%;
color: #666;
padding: 8px 0 0 10px;
}

#subnav a {
font-size: 100%;
color: #666;
}

#subnav a:hover {
color:#FFF;
text-decoration:underline;
}

#content_wrap {
width:900px;
height:100%;
position:relative;
top:0px;
left:10px;
margin:0 0 10px 0;
}

#content {
width: 445px;
position:absolute;
top: 15px;
left: 235px;
background-color: #fff;
}

#content_left {
width:218px;
float:left;
margin: 13px 10px 0 0;
}

#content_left ul {
list-style-type: none;
text-decoration: none;
}

#content_left ul li {
font-size: 95%;
color: #666;
margin: 0 15px 0 -30px;
padding:5px 0 5px 0;
border-bottom: solid thin #999;
}

#content_left a {
font-size: 95%;
color: #666;
}

#content_left a:hover {
color: #CC3333;
text-decoration:underline;
}

#content_right {
float:right;
width:218px;
margin: 13px 0 10px 0;
}

#content_right ul {
list-style-type: none;
text-decoration: none;
}

#content_right ul li {
font-size: 95%;
color: #666;
margin: 0 15px 0 -23px;
padding:5px 0 5px 0;
border-bottom: solid thin #999;
}

#content_right a {
font-size: 95%;
color: #666;
}

#content_right a:hover {
color: #CC3333;
text-decoration:underline;
}

#messageboard {
width:203px;
float:left;
background-image:url(images/home_news_bg.gif);
background-repeat:repeat-y;
margin: 30px 10px 0 0;
}

#map {
width:203px;
float:left;
background-image:url(images/contact_map.gif);
background-repeat:no-repeat;
margin: 30px 10px 0 0;
}

#project_process {
width:434px;
background-image:url(images/proj_bg_process.gif);
background-repeat:repeat-y;
padding: 10px 15px 10px 45px;
margin:15px 0 0 15px;
}

#project_mechanical {
width:434px;
background-image:url(images/proj_bg_mechanical.gif);
background-repeat:repeat-y;
padding: 10px 15px 10px 45px;
margin:15px 0 0 15px;
}

#project_electrical {
width:434px;
background-image:url(images/proj_bg_electrical.gif);
background-repeat:repeat-y;
padding: 10px 15px 10px 45px;
margin:15px 0 0 15px;
}

#clearone {
clear:both;
width:800px;
}

#bottom {
height:30px;
clear:both;
margin:auto;
padding:15px 0 30px 0;
}