* { margin: 0; padding: 0; }
body {
  font: 62.5% "Lucidia Grande", Verdana, Arial, sans-serif;
  text-align: center;
}
.clear { clear: both; }

.red { color: #f00; }
.blue { color: #3E9FBE; }

#wrapper {
  margin: 5px auto 0 auto;
  width: 798px;
  border: 1px #D4D4D4 solid;
  border-top: 0;
  text-align: left;
  margin-bottom: 1em;
}

#masthead {
  height: 133px;
  background: transparent url(../i/header.gif) top center no-repeat;
}

#main-nav {
  list-style-type: none;
  padding-top: 108px;
  padding-left: 10px;
}
#main-nav li {
  background: transparent url(../i/nav_tab_left.gif) top left no-repeat;
  float: left;
  margin: 0;
  padding: 5px 10px;
}
#main-nav li a {
  background: transparent url(../i/nav_tab_right.gif) top right no-repeat;
  padding: 5px 20px 5px 10px;
  font-size: 1.2em;
  color: #333;
  text-decoration: none;
}
#main-nav li a:hover { color: #f00;}
body#home #main-nav li#nav-home a, body#about-us #main-nav li#nav-about-us a, 
  body#services #main-nav li#nav-services a, body#case-studies #main-nav li#nav-case-studies a,
    body#contact-us #main-nav li#nav-contact-us a, body#services-metal-spraying #main-nav li#nav-services a, body#services-paint-spraying #main-nav li#nav-services a, body#services-powder-coating #main-nav li#nav-services a, body#services-shot-blasting #main-nav li#nav-services a
{
  color: #f00;
}

#header {
  clear: both;
  padding: 20px 35px;
  color: #525759;
}
#header h1 {
  font-size: 1.2em;
  font-weight: normal;
}

#main-content-left {
  float: left;
  width: 460px;
  padding: 35px 0;
  color: #525759;
}

#main-content-full-width {
  padding: 35px 0 35px 35px;
}

#main-content-left h1, #main-content-left h2, #main-content-left h3, 
  #main-content-left h4, #main-content-left h5, #main-content-left h6,
  #main-content-left p, #main-content-left ul {
    padding-left: 35px; padding-right: 35px;
    background-color: transparent;
}

#main-content-left h1,#main-content-left h2,#main-content-left h3,#main-content-left h4 {
  color: #f00;
}
#main-content-left h1 { font-size: 1.4em; margin-bottom: 0.5em;  }
#main-content-left h2 { font-size: 1.3em; margin-bottom: 0.5em;  }
#main-content-left h3 { font-size: 1.2em; margin-bottom: 0.4em;  }
#main-content-left h4 { font-size: 1.1em; margin-bottom: 0.3em;  }
#main-content-left p { font-size: 1.1em; margin-bottom: 1em; line-height: 1.5em; }
#main-content-left ul { list-style: none; margin-bottom: 2em; }
#main-content-left li { 
  padding-left: 13px;
  background: transparent url(../i/bullet_main.gif) no-repeat 4px left; ;
  font-size: 1.1em; margin-bottom: 1em; line-height: 1.4em; 
}
#main-content-left p+h1,#main-content-left p+h2,#main-content-left p+h3,#main-content-left p+h4 { margin-top: 2em; }
#main-content-left input,#main-content-left textarea {
 font-size: 1.3em; 
 padding: 4px;
}


#main-content-right {
  float: right;
  width: 320px;
  padding: 35px 0;
  color: #525759;
}

#right-container {
  width: 300px;
  padding: 4px 0 25px 0;
  background: #f4f4f4 url(../i/right_container_header.gif) top center no-repeat;
}
#right-container h2, #right-container ul, #right-container p {
  padding: 0 20px 0 20px;
}
#right-container h2 {
  font-size: 1.2em; font-weight: bold; 
  margin-bottom: 25px;
}
#right-container ul {
  list-style-type: none;
  margin-bottom: 20px;
}
#right-container ul li {
  background: transparent url(../i/bullet.gif) no-repeat 0 3px;
  padding-left: 12px;
  margin-bottom: 10px;
  font-size: 1.2em;
}
#right-container p {
  font-size: 1.1em;
  line-height: 1.5em;
}

#right-content-standard a { color: #6BBD46;}
#right-content-standard p { margin: 1em 0; font-size: 1.1em; padding-right: 20px; line-height: 1.4em; }
#right-content-standard p+h2 { margin-top: 2em; }
#right-content-standard h2 {
  color: #6BBD46;
  font-size: 1.3em;
  margin: 0 0 1em 0;
}


#footer {
  clear: both;
  height: 40px;
  background: #e5e1ea url(../i/footer_background.gif) repeat-x top left;
  color: #4d4d4d;
  padding-top: 13px;
}
#footer p {
  padding-bottom: 5px;
  font-size: 9px;
}
#footer p a { color: #4d4d4d; }
#footer-left {
  float: left;
  width: 500px;
}
#footer-left p { padding-left: 15px; }
#footer-right {
  float: right;
  width: 287px;
}

#extra-details {
  text-align: center;
  margin: 0 auto;
  width: 798px;
}
#extra-details p {
  color: #4d4d4d;
  font-size: 0.9em;
  padding: 0 15px 10px 15px;
}

#banner { position: relative; }
#banner-text {
  position: absolute;
  left: 500px;
  top: 40px;
  width: 270px;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
}
#banner-text-contact {
  position: absolute;
  left: 500px;
  top: 45px;
  width: 270px;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
}

#banner-text-case-studies {
  position: absolute;
  left: 500px;
  top: 45px;
  width: 270px;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
}

#banner-text-services {
  position: absolute;
  left: 500px;
  top: 55px;
  width: 270px;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
}

#services-banner {
  height: 141px;
  background: transparent url(../i/services_banner.jpg) no-repeat top left;
  border-bottom: 5px #d2d2d2 solid;
  position: relative;
}
body#services-shot-blasting #services-banner { border-bottom: 5px #FFDD40 solid; background: transparent url(../i/shot_blasting_banner.jpg) no-repeat top left;}
body#services-metal-spraying #services-banner { border-bottom: 5px #6095C1 solid; background: transparent url(../i/metal_spraying_banner.jpg) no-repeat top left; }
body#services-powder-coating #services-banner { border-bottom: 5px #91D06A solid; background: transparent url(../i/powder_coating_banner.jpg) no-repeat top left; }
body#services-paint-spraying #services-banner { border-bottom: 5px #ff0000 solid; background: transparent url(../i/paint_spraying_banner.jpg) no-repeat top left; }
#services-banner ul { list-style-type: none; }
#services-banner li { position: absolute; top: 125px; }
#services-banner li a { display: block; padding: 5px 0; text-decoration: none; width: 85px; }
#services-banner #shot-blasting { left: 20px; width: 85px; height:20px; }
#services-banner #metal-spraying { left: 118px;width: 85px;}
#services-banner #powder-coating { left: 218px;width: 85px;}
#services-banner #paint-spraying { left: 324px;width: 85px;}

div.case-study {margin-bottom: 2em;}


div.case-study div.case-study-header-container {
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  background: transparent url(../i/case_studies_header_bottom.jpg) repeat-x bottom left;  
}
div.case-study div.case-study-header-container ul { list-style-type: none;}
div.case-study div.case-study-header-container li {
  float: left;
  background: transparent url(../i/case_studies_header_right.gif) no-repeat top right; 
}
div.case-study div.case-study-header-container li a {
  padding: 9px 8px 6px 8px;
  background: transparent url(../i/case_studies_header_left.gif) no-repeat top left;  
  text-decoration: none;
  color: #009fc6;
  line-height: 34px;
  font-size: 1.3em; font-weight: bold;
}
div.case-study div.case-study-left {
  padding-top: 1em;
  clear:left; 
  float: left;
  width: 400px;
}
div.case-study div.case-study-left p { padding-left: 18px; font-size: 1.1em; line-height: 1.4em; margin-bottom: 1em; }
div.case-study div.case-study-body {
  background: transparent url(../i/case_study_columns.gif) repeat-y top left;
}
div.case-study div.case-study-right {
  float: right;
  width: 300px;
  color: #525759;
  padding-top: 1em;
}
div.case-study div.case-study-right p, div.case-study div.case-study-right blockquote {
  padding: 0 30px 0 0; font-size: 1.1em; line-height: 1.4em; margin-bottom: 1em;
}


div#link-up-logo-container {
  padding-top: 2em;
  text-align: center;
}
div#sea-logo-container {
  padding-top: 2em;
  float: left;
}