@charset "UTF-8";

/* @override http://dev.enerpan.com/css/main.css */

/**
 * ENERPAN TECHNOLOGY INC MAIN STYLESHEET
 *
 * @author Robin Bolton <robin@peanuthut.com>
 * 
 * This stylesheet relies on the Yahoo UI reset-fonts-grids stylesheet.
 * All font sizes MUST be specified in percentages to produce consistent
 * results. Use the following sizing chart to select specific point sizes:
 * 
 * 10px: 77%    11px: 85%    12px: 93%    13px: 100%
 * 14px: 108%   15px: 116%   16px: 123.1%   17px: 131%
 * 18px: 138.5%   19px: 146.5%   20px: 153.9%   21px: 161.6%
 * 22px: 167%   23px: 174%   24px: 182%   25px: 189%
 * 26px: 197%
 */

/* @group builtin */

html {
  color: #595959;
  background: #ebebeb url(/img/body.png) 0 0 repeat-x;
}

body {
  margin-bottom: 0.5em;
}

a:link, a:visited {
  color: #336666;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
  /*color: #99cccc;*/
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: normal;
}

h1, h2 {
  text-transform: uppercase;
}

h1 {
  margin-bottom: 0.5em;
  /*font-size: 93%;*/
  font-size: 85%;
}

h1.section {
  height: 30px;
}

h2, h3 {
  font-size: 77%;
  text-transform: uppercase;
}

h3 {
  margin-bottom: 0em;
}

h3.big {
  margin-top: 0;
  margin-left: 1.75em;
  font-size: 153.9%;
  text-transform: none;
}

tr {
  vertical-align: top;
}

tr.row1 td, tr.row1 th {
  /*border: 1px solid #99CCCC;*/
  background-color: #D1DCD9;
  background-color: #E3E6E4;
}

tr.row2 td, tr.row2 th {
  /*background-color: #E3E6E4;*/
}

td {
  /*padding: 0 3px 0.5em;*/
  padding: 0.25em;
  border: none;
  /*border-right: 1px solid #99CCCC;*/
}

th {
  /*padding: 1.0em 0 0.5em 0;*/
  /*padding: 0 3px 0.5em;*/
  padding: 0.25em 0.5em 0;
  border: 0;
  font-family: "Arial Black", Arial, sans-serif;
  font-size: 85%;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}

/* @end */

/* @group Navigation Lists */

ul.hnav li, ul.vnav li {
  list-style: none;
}

ul.hnav li {
  display: inline;
  /**margin-right: 20px;*/
}

ul.hnav li:after {
  /* Add | character between navigation elements */
  content: "\A0\A0\A0|\A0\A0";
}

ul.hnav li:last-child:after {
  /* Clear | character from last navigation element */
  content: "";
}

/* @end */

#container {
  width: 810px;
  margin: 0 auto;
  background: transparent url(/img/container.png) 0 0 repeat-y;
}

/* @group Header */

#header {
  width: 800px;
  height: 121px;
  margin-left: 9px;
  background: #4b856f url(/img/header.jpg) 0 0 no-repeat;
}

#header {
}

/* @group Header Nav. */

#sitenav {
  float: right;
  width: 300px;
  height: 10px;
}

#sitenav ul.hnav {
  margin: 0;
  font-size: 0%;
  letter-spacing: -1000em;
  overflow: hidden;
}

#sitenav li a {
  float: left;
  display: block;
  color: transparent;
}

#sitenav a#home-link {
  display: block;
  position: relative;
  width: 215px;
  height: 55px;
  left: -495px;
  top: 55px;
}

#sitenav ul.hnav li#nav-sales a,
#sitenav ul.hnav li#nav-products a,
#sitenav ul.hnav li#nav-installation a,
#sitenav ul.hnav li#nav-contact a {
  height: 10px;
  background: transparent url(/img/top_nav.png) 0 0;
}

#sitenav ul.hnav li#nav-sales a {
  width: 53px;
  background-position: 0 0;
}

#sitenav ul.hnav li#nav-sales a:hover,
#sitenav ul.hnav li#nav-sales.current a {
  background-position: 0 -10px;
}

#sitenav ul.hnav li#nav-products a {
  width: 72px;
  background-position: -53px 0;
}

#sitenav ul.hnav li#nav-products a:hover,
#sitenav ul.hnav li#nav-products.current a {
  background-position: -53px -10px;
}

#sitenav ul.hnav li#nav-installation a {
  width: 97px;
  background-position: -125px 0;
}

#sitenav ul.hnav li#nav-installation a:hover,
#sitenav ul.hnav li#nav-installation.current a {
  background-position: -125px -10px;
}

#sitenav ul.hnav li#nav-contact a {
  width: 64px;
  background-position: -221px 0;
}

#sitenav ul.hnav li#nav-contact a:hover,
#sitenav ul.hnav li#nav-contact.current a {
  background-position: -221px -10px;
}

/* @end */

/* @end */

#content-wrap {
  width: 780px;
  margin-top: 1.0em;
  margin-bottom: -1.0em;
  margin-left: 20px;
  background-color: #FFFCFC;
}

#content {
  width: 560px;
  min-height: 400px;
  padding: 2.6em 30px;
}

#content a:link, #content a:visited {
  text-decoration: underline;
}

#content a:hover, #content a:active {
  text-decoration: none;
}

#content h1 {
  margin-top: 1.35em;
}

/* @group Sidebar Nav. */

#sidenav {
  width: 130px;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #d6d3d3;
}

#sidenav a:link, #sidenav a:visited {
  text-decoration: none;
  text-transform: uppercase;
}

#sidenav a:hover, #sidenav a:active {
  color: #99cccc;
}

#sidenav ul {
  margin: 0;
  text-align: right;
}

#sidenav ul li {
  font-family: "Arial Black", Arial, sans-serif;
  font-size: 85%;
  margin-bottom: 0.5em;
}

#sidenav ul li.current {
  /*color: #336666;*/
  color: #99cccc;
  text-transform: uppercase !important;
}

#sidenav ul ul {
  margin-top: 0.75em;
  margin-right: 0.4em;
  margin-bottom: 0.75em;
  padding-right: 0.5em;
  /*padding-right: 0.75em;*/
  border-right: 1px solid #99cccc;
}

#sidenav ul ul li {
}

#sidenav h1.section {
  margin-bottom: 1.0em;
  color: #336666;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
}


/* @end */

/* @group Footer */

#footer {
  height: 45px;
/*margin-top: 10em;*/
  background: transparent url(/img/footer.png) 0 0 no-repeat;
  color: #c7c5c2;
  font-size: 77%;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

#footer-inner {
  width: 780px;
  margin: 0 auto 0 20px;
  background-color: #fbf7f3;
}

#footer a:link, #footer a:visited {
  color: #c7c5c2;
  text-decoration: underline;
}

#footer a:hover, #footer a:active, #footer ul li.current a {
  text-decoration: none;  
}

#footer p {
  margin: 0 0 2px 0;
}

#footer ul {
  margin: 0 0 2px 0;
  padding: 0.75em 0 0 0;
}

/* @end */

/* @group Badge list */

div.badge-list {
  margin: 50px 0;
}

div.badge-list h2 {
  margin-bottom: 0;
  padding-top: 3px;
}

div.badge-list .row {
  margin-bottom: 2.0em;
}

div.badge-list .badge {
  float: left;
  margin-right: 1.0em;
}

div.badge-list .description {
  /*padding-top: 2px;*/
}

/* @end */

/* @begin photo gallery */

.photos {
  clear: both;
  margin-bottom: 1.0em;
  text-align: center;
}

.photos div {
   float: left;
   text-align: center;
}

.photos div p {
  font-family: "Arial Black", Arial, sans-serif;
  font-size: 77%;
  font-weight: normal;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.photos img {
  /*margin: 10px;*/
  /*border: 3px solid #336666;*/
}

/* @end */

/* @group Generic */

.center {
  width: 400px;
  text-align: center;
}

.nopad {
  margin: 0;
  padding: 0;
}

.shim {
  clear: both;
}

br.shim {
  line-height: 0;
}

.shim.big {
  display: block;
  margin-bottom: 2em;
}

.hide {
  display: none;
}

/* @end */