/*
   application.css
      
   Created by [creator] on May 19, 2009.
   Copyright 2009 Full Steam Marketing & Design. All rights reserved.
*/

/*  Import Default Generic Rules
----------------------------------------------- */
@import url(reset.css);
@import url(generic.css);

body {
  background: #3c3c3c url(design/bg.jpg) repeat-x center top;
}

#wrapper {
  width: 800px;
  margin: 0 auto;
}

.content #fsm a, .content #fsm a:visited { color: #fff; }

.content h1 {
  color: #005100;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-variant: small-caps;
}
.content h2 {
  font-size: 12px;
  color: #3c3c3c;
  letter-spacing: 1px;
}
.content h3 {
  color: #8a8a8a;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
}
.content h2, .content h3 {
  padding-top: 0;
}

/*  Specialized Wireframe Rules
----------------------------------------------- */
.content ul li { list-style: disc outside; margin-left: .85em; text-indent: 0em;}
.content ul li:before { display: none; }


/*  Navigation
----------------------------------------------- */
.content ul.navigation {
  list-style: none;
  list-style-type: none;
  margin: 0;
} 
.content ul.navigation li {
  list-style: none;
  display: inline;
  text-indent: 0;
  margin: 0;
}
.content ul.navigation li:before { display: none; } /* removing bullets for navigation unordered lists */
.content #nav .navigation a {
  text-indent: -9999px;
  overflow: hidden;
}

.content #nav {
  width: 800px;
  float: left;
}
.content #nav a {
  background: transparent url(design/nav.jpg) no-repeat left top;
  float: left;
  width: 160px;
  height: 60px;
  padding: 0;
  margin: 0;
}
#nav #nv-home a { background-position: left top; }
#nav #nv-home a:hover { background-position: left center; }

#nav #nv-about a { background-position: -160px top; }
#nav #nv-about a:hover { background-position: -160px center; }

#nav #nv-solutions a { background-position: -320px top; }
#nav #nv-solutions a:hover { background-position: -320px center; }

#nav #nv-industrial a { background-position: -480px top; }
#nav #nv-industrial a:hover { background-position: -480px center; }

#nav #nv-contact a { background-position: right top; }
#nav #nv-contact a:hover { background-position: right center; }

.content #sub-nav { 
  float: left;
  background: #005100 url(design/sub-nav-bar.jpg) no-repeat center bottom; 
  width: 800px; 
  height: 40px; 
  line-height: 30px; 
} 
.content #sub-nav .navigation {
  display: block;
  text-align: center;
  width: 800px; 
  height: 20px;
} 
.content #sub-nav .navigation li { 
  padding-right: 10px; 
  padding-left: 10px; 
  color: #fae206; 
  text-transform: uppercase; 
  letter-spacing: 2px;
  font-weight: bold; 
} 
.content #sub-nav .navigation li + li { 
  border-left: 1px solid #afafaf; 
} 
.content #sub-nav .navigation li a { 
  text-align: center; 
  color: #fff; 
  text-decoration: none; 
} 
.content #sub-nav .navigation li a:hover { 
  text-decoration: underline; 
  color: #fae206; 
} 


/*  Header
----------------------------------------------- */
#header {
  margin: 0;
  padding: 0;
  width: 800px;
  height: 186px;
  background: #010101 url(design/header-about.jpg) no-repeat;
}

#header #logo {
  float: left;
  margin: 25px 0 0;
  padding: 0;
}

#header #logo a {
  display: block;
  width: 320px;
  height: 150px;
  overflow: hidden;
  text-indent: -9999px;
}


/*  Container
----------------------------------------------- */
#container {
  float: left;
  border-bottom: 8px solid #eee;
  width: 800px;
  background-color: #fff;
  overflow: hidden;
}

#container .article h2 {
  font-size: 15px;
  color: #3c3c3c;
  letter-spacing: 1px;
}

#container .article h3 {
  color: #8a8a8a;
  font-size: 12px;
  letter-spacing: 1px;
}


/*  Aside
----------------------------------------------- */
.content .aside {
  float: right;
  width: 244px;
  padding: 0 10px;
}

.content .aside img {
  float: left;
  padding-right: 10px;
}

#aside-nav {
  width: 242px;
  height: 113px;
}

#aside-nav li {
  float: right;
  clear: right;
  width: 242px;
  height: 104px;
  padding-bottom: 5px;
}

#asidenv-solutions a {
  background: url(design/lrg-info-blocks.jpg) no-repeat center -104px;
  width: 242px;
  height: 99px;
  float: left;
  clear: right;
  text-indent: -9999px;
}

#asidenv-solutions a:hover {
  background: url(design/lrg-info-blocks.jpg) no-repeat center -312px;
}

#asidenv-industrial a {
  background: transparent url(design/lrg-info-blocks.jpg) no-repeat center top;
  width: 242px;
  height: 99px;
  float: left;
  clear: right;
  text-indent: -9999px;
}

#asidenv-industrial a:hover {
  background: transparent url(design/lrg-info-blocks.jpg) no-repeat center -208px;
}


/*  Article
----------------------------------------------- */
.content .article {
  background-color: #fff;
  float: left;
  clear: left;
  width: 499px;
  min-height: 575px;
  padding: 0 15px 0 20px;
  border-right: 1px solid #afafaf;
}
* html .content .article { height: 575px; }

.content .article img {
  float: left;
  padding-right: 5px;
  padding-bottom: 5px;
}

.content .article .color, .content .article .color li {
  margin: 0;
}

.content .article .color li {
  list-style-type: none;
  padding: 5px 0 5px 10px;
  background-color: #c8c8c8;
  color: #393939;
  border-bottom: 2px solid #005100;
  letter-spacing: 1px;
}

.content .article .color li.odd {
  background-color: #dedede;
  color: #717171;
}

blockquote {
  border: none;
  width: 450px;
  padding: 0;
  margin: 0;
}
.content .article blockquote p {
  letter-spacing: 0px;
}

.content .article p {
  margin: 0;
  letter-spacing: 1px;
  padding-bottom: 5px;
}


/* Error Rules
----------------------------------------------- */
.content .error, .content .fieldWithErrors {
  padding: 2px;
  /* margin: right; */
}
.fieldWithErrors input.textfield, .fieldWithErrors input, .fieldWithErrors textarea {
  border: 1px solid #c00 !important;
  background-color: #fee !important;
}
.content #errorExplanation {
  margin: 10px 0 20px;
  border: 1px solid #c00;
  padding-top: 0;
  padding-bottom: 12px;
  background-color: #fff5f5;
}
.content #errorExplanation h2 {
  background: #c00 url("images/alertbad_icon.gif") no-repeat 5px center;
  margin: 0;
  padding: 2px 0 0 36px;
  border: inherit;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  text-align: left;
  font-weight: bold;
  letter-spacing: 0px;
}
.content #errorExplanation p {
  margin: 10px 10px 0 10px;
  padding: 5px;
  font-size: 11px;
  color: #c00;
  letter-spacing: 0px;
}
.content #errorExplanation ul {
  margin-left: 30px;
}
.content #errorExplanation ul li {
  padding-right: 10px;
  color: #c00;
  font-size: 11px;
  list-style: square;
}


/* Home Page
----------------------------------------------- */
.home-page #header #logo { margin-top: 185px; }
.home-page #header {
  background: none;
  width: 0;
  height: 0;
  float: left;
}
.home-page .content .article {
  width: 800px;
  height: 505px;
  min-height: 505px;
  margin: 0;
  padding: 0;
  background: #000 url(design/home-header-bg.jpg) no-repeat;
  border-right: none;
}

* html .home-page .content .article { height: 505px; }

.home-page .content .article img {
  margin: 0;
  padding: 0;
  width: 800px;
  height: 505px;
}


/*  About Page
----------------------------------------------- */
.about-page #nav #nv-about a { background-position: -160px bottom; }


/*  Solutions Page
----------------------------------------------- */
.solutions-page #nav #nv-solutions a { background-position: -320px bottom; }
.solutions-page #header { background: #010101 url(design/header-solutions.jpg) no-repeat; }


/*  Twenty-four-hour Services Page
----------------------------------------------- */
.twentyfour-services-page #nav #nv-industrial a { background-position: -480px bottom; }
.twentyfour-services-page #header { background: #010101 url(design/header-24hour.jpg) no-repeat; }


/*  Contact Page
----------------------------------------------- */
.contact-page #nav #nv-contact a { background-position: right bottom; }
.contact-page #header { background: #010101 url(design/header-solutions.jpg) no-repeat; }



/*  Footer
----------------------------------------------- */
#footer {
  float: left; 
  width: 100%;
  margin: 1em 0;
  color: #fff;
}
#footer p {
  font-size: 10px;
  line-height: 1.2em;
  margin: 0;
  text-align: right;
}
#footer p#copyright {
  float: left;
}