@import url(reset.css);

BODY{
	background: #74716f url(../images/page-bg.jpg) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

h1, h2, h3, h4, h5{
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

p{
	line-height: 1.4em;
	margin-bottom: 1em;
	font-weight: bold;
}

td, li, span{
	font-size: 1em;
}

#wrapper{
	background: url(../images/blueprint-bg.gif) no-repeat 50% 94px;
}

#container{
	padding-top: 15px;
}

#nav{
	background: url(../images/nav-bg.gif) repeat-x left top;
	height: 44px;
}

#nav .inner{
	width: 990px;
	margin: 0 auto;
	padding-top: 15px;
	overflow: hidden;
}

#nav .inner ul{
	float: right;
}

#nav .inner ul li{
	float: left;
	overflow: hidden;
	padding-left: 65px;
}

#nav .inner ul li a{
	display: block;
	float: left;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	height: 9px;
}

#nav-hm a{
	background-position: left top;
	width: 36px;
}
#nav-hm a:hover,
#page-home #nav-hm a{
	background-position: left -16px;
}

#nav-au a{
	background-position: -49px top;
	width: 67px;
}
#nav-au a:hover,
#page-about #nav-au a,
#page-about-prj #nav-au a,
#page-about-ca #nav-au a{
	background-position: -49px -16px;
}

#nav-pc a{
	background-position: -129px top;
	width: 125px;
}
#nav-pc a:hover,
#page-rectangular #nav-pc a,
#page-spiral #nav-pc a{
	background-position: -129px -16px;
}

#nav-cf a{
	background-position: -267px top;
	width: 108px;
}
#nav-cf a:hover,
#page-certifications #nav-cf a{
	background-position: -267px -16px;
}

#nav-wd a{
	background-position: -388px top;
	width: 93px;
}

#nav-wd a:hover,
#page-welded-duct #nav-wd a{
	background-position: -388px -16px;
}

#nav-cu a{
	background-position: -494px top;
	width: 81px;
}
#nav-cu a:hover,
#page-contact #nav-cu a{
	background-position: -494px -16px;
}

#body{
	width: 990px;
	margin: 0 auto;
	padding-top: 48px;
}
#body #top #top-left{
	float: left;
	width: 393px;
}
#logo{
	margin: 0;
	padding: 0;
	clear: both;
	height: 139px;
}
#logo a{
	display: block;
	float: left;
	width: 387px;
	height: 98px;
	background: url(../images/logo.png) no-repeat left top;
}
#body #top #body-nav{
	background: url(../images/body-nav-bg.png) no-repeat left top;
	width: 342px;
	height: 222px;
	position: relative;
	left: -94px;
}
#body #top #body-nav h4{
	position: relative;
	left: 133px;
	top: -17px;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#body #top #body-nav ul{
	position: relative;
	left: 95px;
	top: -4px;
	width: 239px;
}
#body #top #body-nav ul li a{
	display: block;
	padding: 17px 0 17px 39px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.95em;
}
#body #top #body-nav ul li a:hover,
#page-spiral #body #top #body-nav ul #pc-spi a,
#page-rectangular #body #top #body-nav ul #pc-rec a,
#page-oval #body #top #body-nav ul #pc-ovl a,
#body #top #body-nav ul .current a{
	background: #00334d url(../images/nav-box-arrows.gif) no-repeat 23px 50%;
}

#body #top #top-graphic{
	float: right;
	width: 586px;
	height: 353px;
}

#content{
	clear: both;
	overflow: hidden;
	padding: 20px 0;
}

#content #left-side{
	float: left;
	width: 565px;
	/* [disabled]height: 320px; */
	border-right: 2px solid #f6eaa3;
	min-height: 320px;
}
#content #left-side .inner{
	padding: 10px 25px 10px 0;
}
#content #right-side{
	float: right;
	width: 399px;
}
#content #right-side .inner{
	padding: 10px 0;
}
#content .section-title{
	color: #f6eaa3;
	text-transform: uppercase;
	font-size: 1.3em;
}
#content strong{
	color: #121C36;
	text-transform: uppercase;
}
#footer{
	text-align: center;
	clear: both;
	padding: 15px;
	color: #FFF;
	font-size: 0.93em;
}

/* page specifics */
#page-about #body #top #body-nav ul,
#page-about-ca #body #top #body-nav ul,
#page-about-prj #body #top #body-nav ul{
	top: 10px; 
}

#page-about-ca #content #left-side{
	width: 475px;
}
#page-about-ca #content #right-side{
	width: 475px;
}

#page-rectangular #content #left-side{
	width: 722px;
}
#page-rectangular #content #right-side{
	width: 242px;
}

#page-spiral #content #left-side,
#page-oval #content #left-side{
	width: 772px;
}
#page-spiral #content #right-side,
#page-oval #content #right-side{
	width: 200px;
}

form .row{
	padding: 5px 0;
	overflow: hidden;
}

form .row label{
	padding-top: 5px;
	color: #00334d;
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	text-transform: uppercase;
	margin-right: 10px;
	font-weight: bold;
}
form .row input,
form .row textarea{
	float: left;
	width: 400px;
}

form .row textarea{
	height: 170px;
}

form .buttons{
	padding: 5px 0;
	text-align: right;
	padding-right: 15px;
}

.bullets{
	margin: 5px 0 5px 10px;
	padding: 0 0 0 5px;
	list-style: disc;
}

.bullets li{
	font-weight: bold;
	padding-bottom: 5px;
}

#nav .inner ul li a span,
#logo a span{
	position: absolute;
	left: -99999em;
}