@import "./reset.css";

body {
  font-family: sans-serif, arial;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  background: #ffffff;
}

a {
  text-decoration: none;
  color: #31541c;
  }

a.visited {
  color: #4e541c;
  }
img {
  border: 0px;
  }

#wrapper {
  width: 992px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 10px;
  }
  
#container {
  width: 984px;
  border: 4px solid #BCCD91;
  height: auto;
  float: left;
  display: inline;
  position: relative;
  background: #ffffff;
  }
  
#topNav {
  width: 984px;
  float: left;
  display: inline;
  position: relative;
  background: url('http://www.abixel.com/gratis/dec/images/navBg2.jpg') bottom left repeat-x #BCCD91;
  height: 30px;
  line-height: 30px;
  margin-top: -5px;
  } 
  
#topNav ul {
  font-size: 1.0em;
  color: #4e541c;
  font-weight: bold;
  letter-spacing: 0.2em;
  display: inline;
  float: left;
  margin-left: 2%;
  margin-right: auto;
  list-style-type: none;
  width: 98%;
 } 

#topNav ul li {
  display: inline;
  position: relative;
  padding-right: 4%;
  float: left;  
  }

#topNav ul li.list {
  padding: 0;
  margin: 0;
  }

#topNav ul li a {
  text-decoration: none;
  color: #4e541c;
  display: block;
  width: auto;
  }

#topNav ul li a:hover {
  color: #101075;
  }

#topNav ul li a.active {
  color: #101075;
   }
 
#content {
  background: #ffffff;
  width: 58%;
  height: auto;
  float: left;
  display: inline;
  position: relative;  
  }
 
#content div.listHalf {
  float: left;
  display: inline;
  position: relative;
  width: 44%;
  margin-left: 3%;
  } 
  
#content ul.inContent {
  margin-left: 3%;
  list-style-type: disc;
  }  
  
#content ul.inContent li {
  margin-left: 2%;
  }   
#content h1 {
  letter-spacing: 0.2em;
  font-size: 1.1em;
  color: #31541c;
  font-weight: bold;
  line-height: 1.2em;
  margin-top: 3%;
  margin-bottom: 1%;
}

#content h2 {
  letter-spacing: 0.1em;
  font-size: 1.0em;
  color: #754210;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 2%;
  width: 100%;
  float: left;
  display: inline;
}

#content p {
  width: 92%;
  margin-left: 2%;
  line-height: 1.3em;
}

img#logo { 
  float: left; 
  display: inline; 
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  position: relative;
  }
  
img#tagLine {
  float: left; 
  display: inline; 
  margin-top: 84px; 
  position: relative;
  margin-left: 190px;
}

img#banner {
  float: left;
  /*display: inline;*/
  position: relative;
  }

#leftNav {
  width: 20%; 
  float: left; 
  display: inline;
  margin-top: 10px;
  }
#leftNav p span.header {
  display: inline;
  float: left;
  line-height: 30px;
  padding-left: 3%;
  width: 60%;
  background: url('http://www.abixel.com/gratis/dec/images/navBg2.jpg')  bottom left repeat-x #BCCD91;
  font-size: 1.0em;
  color: #4e541c;
  font-weight: bold;
  letter-spacing: 0.2em;
  }   

#leftNav p span.round {
  display: inline;
  float: left;
  height: 30px;
  width: 16%;
  background: url('http://www.abixel.com/gratis/dec/images/ulHead2.jpg')  bottom left no-repeat #ffffff;
  }   

  #leftNav div.list {
  background: #cadbc0;
  width: 78%;
  float: left;
  display: inline;
  height: auto;
  margin-bottom: 10px;
  }
  
  #leftNav div.list ul {
  float: left;
  display: inline;
  margin-left: 10%;
  margin-top: 3%;
  margin-bottom: 3%;
  }
#leftNav div.list ul li {
  color: #000;
  line-height: 1.5em;
  }  
div.list ul li a {
    color: #31541c;
    line-height: 1.5em;
  }
  
 #leftNav div.list ul li a.here {
    color: #101075;
    line-height: 1.5em;
  }
  
   #leftNav div.list ul li ul li a.here {
    color: #000;
  }
  
  #rightNav {
  width: 20%; 
  float: right; 
  display: inline;
  margin-top: 10px;
  }
#rightNav p span.header {
  display: inline;
  float: right;
  line-height: 30px;
  padding-right: 3%;
  width: 60%;
  background: url('http://www.abixel.com/gratis/dec/images/navBg2.jpg')  bottom left repeat-x #BCCD91;
  font-size: 1.0em;
  color: #4e541c;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: right;
  }   

#rightNav p span.round {
  display: inline;
  float: right;
  height: 30px;
  width: 16%;
  background: url('http://www.abixel.com/gratis/dec/images/ulHeadr2.jpg')  bottom right no-repeat #ffffff;
  }   

  #rightNav div.list {
  background: #cadbc0;
  width: 78%;
  float: right;
  display: inline;
  height: auto;
  margin-bottom: 10px;
  }
  
  #rightNav div.list ul {
  float: right;
  display: inline;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-right: 10%;
  text-align: right;
  }
  
  #rightNav div.list ul li {
    color: #31541c;
    line-height: 1.5em;
  }
  
  .small {
    font-size: 0.8em;
   color: #4e541c;
    
  }
  
  .faint {
    color: #666666;
    font-size: 1.0em;
  }
  
  .bold {
    font-weight: bold;
  }
  
  .leftImg {
  float: left;
  display: inline;
  position: relative;
  margin-right: 2%;
  }
  
  p.imgHolder {
 float: left;
 display: inline;
 margin-bottom: 2%;
 position: relative;
 width: 100%;
  }
  
  div.imgs {
  float: left;
  display: inline;
  position: relative;
  }
  
  .thHead {
    font-weight: bold;
    color: #4e541c;
    line-height: 1.5em;
    padding-right: 2%;
    vertical-align: top;
  }
  
  form#contact label {
    float: left;
    display: inline;
    line-height: 1.5em;
    color: #4e541c;
    font-weight: bold;
  }
  
  li.green {
    line-height: 1.5em;
    color: #4e541c;
    font-weight: bold;
  }
  
  form#contact input, form#contact textarea {
    float: right;
    display: inline;
    line-height: 20px;
    background: #cadbc0;
    border: 1px solid #bccd91;
    height: 20px;
  }
  
    form.calcit input {
    float: left;
    display: inline;
    line-height: 20px;
    background: #cadbc0;
    border: 1px solid #bccd91;
    height: 20px;
  }
  
  form.calcit table.totals, p.totals {
    border:1px solid #bccd91;
    background: #f0f0f0;
  }
  
  p.totals {
    line-height: 1.5em;
    height: 30px;
    float: left;
    display: inline;
    position: relative;
  }
  
  form#contact textarea {
    width: 90%;
    height: 170px;
    margin-bottom: 10px;
  }
  
  form#contact input.hidden, form.calcit input.hidden {
    display: none;
  }
  
  ul.messages {
    margin-left: 3%;
    list-style-type: none;
  }
  
  #content p a.here {
   text-decoration: underline;
  }