body {
margin: 0;
text-align: center;
background: #fff url(images/background.gif) repeat-x 0 0;
font-family: Arial;
font-size: 12px;
color: #000;
}

h1, h2, h3, h4, p, ul, li {
margin: 0;
padding: 0;
list-style: none;
}

#wrapper {
width: 1013px;
margin: 0 auto;
text-align: left;
}

#header {
float: left;
width: 980px;
height: 150px;
padding: 0 0 0 33px;
background: #595959 url(images/header-logo-left.jpg) no-repeat 0 0;
}

#header h1,
#header h2 {
display: none;
}

#header a img {
border: none;
float: right;
}

#main-img {
margin: 0 0 0 33px;
}

#content {
float: right;
width: 965px;
padding: 15px 0 15px 15px;
background: #ddd;
}

#footer {
float: left;
padding: 15px 0 15px 33px;
color: #999;
font-size: 11px;
}

h3#title-services {
height: 33px;
background: url(images/title-services.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-who {
height: 33px;
background: url(images/title-who.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-dtl {
height: 33px;
background: url(images/title-dtl.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-dts {
height: 33px;
background: url(images/title-dts.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-plant-industry {
height: 33px;
background: url(images/title-plant-operations.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-mechanical {
height: 33px;
background: url(images/title-mechanical.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-philosophy {
height: 33px;
background: url(images/title-philosophy.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-careers {
height: 33px;
background: url(images/title-careers.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-philosophy-practices {
height: 33px;
background: url(images/title-philosophy-practices.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-clients {
height: 33px;
background: url(images/title-clients.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-about {
height: 33px;
background: url(images/title-about.gif) no-repeat 0 0;
text-indent: -9999px;
}

h3#title-contact {
height: 33px;
background: url(images/title-contact.gif) no-repeat 0 0;
text-indent: -9999px;
}


#content h4 {
clear: both;
font-size: 16px;
font-weight: normal;
padding: 0 0 10px 0;
}

#content img.inset {
float: right;
margin: 0 0 15px 15px;
}

#homepage-services-outer,
#homepage-philosophy-outer,
#homepage-careers-outer {
float: left;
margin: 0 15px 0 0;
}

#homepage-services-column,
#homepage-philosophy-column {
float: left;
width: 305px;
height: 470px;
padding: 15px;
background: #f0f0f0;
}

#homepage-careers-column {
float: left;
width: 220px;
height: 470px;
padding: 15px;
background: #f0f0f0;
}

#homepage-careers-column img {
margin: 0 0 15px 0;
}

#page-outer {
float: left;
margin: 0 15px 0 0;
}

#main-column {
float: left;
width: 623px;
min-height: 354px;
padding: 15px;
background: #f0f0f0;
}

#sidebar {
float: right;
width: 250px;
padding: 15px;
margin: 33px 15px 0 0;
background: #f0f0f0;
}

#content #sidebar p.large-text {
padding: 10px 3px;
}

#content #sidebar h4 {
padding: 0 3px;
}

#content #sidebar p {
padding: 0 5px 15px 3px;
}

#content a {
color: #aa7f04;
}

#content p {
padding: 0 0 15px 0;
line-height: 18px;
}

#content p.large-text {
font-size: 18px;
line-height: 24px;
color: #aa7f04;
}

#content ul {
clear: both;
padding: 0 0 10px 15px;
}

#content ul li {
padding: 0 0 10px 16px;
line-height: 16px;
background: url(images/bullet.gif) no-repeat 0 2px;
}

#content blockquote {
margin: 15px 40px 20px 40px;
font-size: 16px;
line-height: 26px;
}

#content blockquote .author {
font-size: 14px;
}

#content p.button {
float: left;
padding: 0;
background: url(images/button-right.gif) no-repeat top right;
}

#content p.button a {
display: block;
float: left;
height: 36px;
padding: 7px 10px 0 10px;
background: url(images/button-left.gif) no-repeat top left;
color: #333;
}

#content p.address {
padding: 0 0 30px 0;
margin-top: -10px;
}

#content a.big-button {
display:block; 
padding-left: 150px; 
border:none;
}

#content a.big-button img {
margin: 0;
padding: 0;
border: none;
}





ul#nav {
width: 791px;
float: right;
border-top: 1px solid #595959;
}

ul#nav li {
float: left;
}

ul#nav li a {
display: block;
height: 50px;
text-indent: -9999px;
}

ul#nav li#home a {
width: 82px;
background: url(images/nav/home.gif) no-repeat 0 0;
}

ul#nav li#home a:hover {
width: 82px;
background: url(images/nav/home.gif) no-repeat 0 -50px;
}

ul#nav li#home.on a {
background: url(images/nav/home.gif) no-repeat 0 -50px;
}

ul#nav li#services a {
width: 116px;
background: url(images/nav/services.gif) no-repeat 0 0;
}

ul#nav li#services a:hover {
width: 116px;
background: url(images/nav/services.gif) no-repeat 0 -50px;
}

ul#nav li#services.on a {
width: 116px;
background: url(images/nav/services.gif) no-repeat 0 -50px;
}

ul#nav li#philosophy a {
width: 145px;
background: url(images/nav/philosophy.gif) no-repeat 0 0;
}

ul#nav li#philosophy a:hover {
width: 145px;
background: url(images/nav/philosophy.gif) no-repeat 0 -50px;
}

ul#nav li#philosophy.on a {
width: 145px;
background: url(images/nav/philosophy.gif) no-repeat 0 -50px;
}


ul#nav li#clients a {
width: 91px;
background: url(images/nav/clients.gif) no-repeat 0 0;
}

ul#nav li#clients a:hover {
width: 91px;
background: url(images/nav/clients.gif) no-repeat 0 -50px;
}

ul#nav li#clients.on a {
width: 91px;
background: url(images/nav/clients.gif) no-repeat 0 -50px;
}

ul#nav li#about a {
width: 112px;
background: url(images/nav/about.gif) no-repeat 0 0;
}

ul#nav li#about a:hover {
width: 112px;
background: url(images/nav/about.gif) no-repeat 0 -50px;
}

ul#nav li#about.on a {
width: 112px;
background: url(images/nav/about.gif) no-repeat 0 -50px;
}

ul#nav li#contact a {
width: 119px;
background: url(images/nav/contact.gif) no-repeat 0 0;
}

ul#nav li#contact a:hover {
width: 119px;
background: url(images/nav/contact.gif) no-repeat 0 -50px;
}

ul#nav li#contact.on a {
width: 119px;
background: url(images/nav/contact.gif) no-repeat 0 -50px;
}

ul#nav li#careers a {
width: 126px;
background: url(images/nav/careers.gif) no-repeat 0 0;
}

ul#nav li#careers a:hover {
width: 126px;
background: url(images/nav/careers.gif) no-repeat 0 -50px;
}

ul#nav li#careers.on a {
width: 126px;
background: url(images/nav/careers.gif) no-repeat 0 -50px;
}






ul#nav li#services:hover ul {
display: block;
}

ul#nav li#services ul {
display: none;
position: absolute;
}

ul#nav li#services ul li {
clear: left;
}

ul#nav li#services.on a:hover {
width: 116px;
background: url(images/nav/services.gif) no-repeat 0 -50px;
}

ul#nav li#services ul li a,
ul#nav li#services.on ul li a {
padding: 10px 15px;
width: 290px;
height: auto;
background: #ffd200;
color: #000;
text-indent: 0;
border-bottom: 1px solid #bd8c00;
}


ul#nav li#services ul li a:hover,
ul#nav li#services.on ul li a:hover {
padding: 10px 15px;
width: 290px;
height: auto;
background: #e5bd01;
color: #000;
text-indent: 0;
border-bottom: 1px solid #bd8c00;
}