/* base
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000;
       background: #f3f3c6;
}

blockquote, h3, p, li {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 22px;
}


h1, h2, h3, h4 {
	margin: 0 0 15px 0;
	padding: 0 10px;
	font-weight: normal;
}

h1, h2 {
	font-family: Georgia, Times, serif;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1em;
	font-style: italic;
}


.small, .small li {
	font-size: 12px;
       line-height: 20px;
}

input {
       margin: 3px 0 10px;
}
/* links
----------------------------------------------- */



h1 a, h2 a, h3 a {
	border: none;
}

#site-name a {
	text-decoration: none;
       color: #000;
}


/* layout
----------------------------------------------- */

#head {
	text-align: left;
       padding: 15px 120px;
       height: 86px;
       background: #c2d5d7 url('/images/deckleft.gif') no-repeat top left;
       border-bottom: 2px solid #cc9933;
}

#site-name {
	margin: 0;
	font: 2em Georgia, Times, serif;
       background: url('/images/aboutus.png') no-repeat -200px; /*preload images using css*/
}
#middle {
      width: 100%;
      margin: 0;
      background: url('/images/wrenchbutton.png') no-repeat -999px; /*preload images using css*/
}
#middle .main { 
      position: absolute;
     left: 300px;
      top: 146px; 
      z-index: -1; 
     border: 2px solid #cc9900;
}
#nav {
       padding: 0;
       height: 25px;
       font-weight: bold;
       font-family: Tahoma;
       position: absolute;
       left: 300px;
       top: 118px;
       margin: 0;
       border-right: 1px solid #cc9933;
       background: url('/images/housebutton.png') no-repeat -200px; /*preload images using css*/
}
#nav li {
       display: inline;
       font-size: 14px;
       float: left;
       width: 150px;
       margin: 0 5px 0 0; /* must remove to work well in ie6 */
       padding: 0;
       border-left: 1px solid #cc9933;
       color: #000;
}
#nav li a {
       display: block;
       width: 150px;
       height: 20px;
       text-decoration: none;
       padding: 0 0 4px 5px;
       color: #OOO;
       border-bottom: 1px solid #cc9933;
}

#nav a:link {
     color: #000;
}
#nav a:visited {
     color: #000;
}
#a a {
     background-color: #cc9999;
}
#a a:hover {
      background: transparent url('/images/aboutus.png') no-repeat 0 25px;
}
#b a {
     background-color: #99cc99;
}
#b a:hover {
      background: transparent url('/images/wrenchbutton.png') no-repeat 0px 25px;
}
#c a {
      background: #edee9d;
}
#c a:hover {
      background: transparent url('/images/housebutton.png') no-repeat 0 25px;
}
#d a {
      background: #ccc;
}
#d a:hover {
      background: transparent url('/images/contactbutton.png') no-repeat 0 25px;
}
#home #a a:hover, #home #b a:hover, #home #c a:hover, #home #d a:hover {
      width: 150px;
      height: 227px;
      padding: 0 0 4px 5px;
}
#content {
	margin: 0 auto 0 40px;
       width: 900px; 
	padding: 0px;
       background: url('/images/contactbutton.png') no-repeat -999px; /*preload images using css*/
}
.mission {
       float: left;
       background: #fff;
       padding: 0 10px;
       width: 210px;
       margin: 15px 0;
       border: 1px solid #cc9900;
}
.mission p {
       font-size: 14px;
       line-height: 22px;
       font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
       margin: 15px 0 10px;
}
.mission p:first-letter {
      font-size: 28px;
      vertical-align: text-top;
      padding: 1px;
}
.mission img {
      padding: 5px 0 10px 40px;      
}
.mission li {
      font-size: 14px;
}
.box { 
      margin: 0 0 0 260px;
      padding: 35px 0 10px 0;
}
#home .box {
      padding-top: 250px;
}
.box h3 {
     color: #cc6666;
     font-weight: bold;
     border-bottom: 2px dashed #ccc;
     padding: 0;
     font: 20px Georgia, Times, serif;
     margin-top: 15px;
}
.box p {
    padding-left: 0;
    padding-right: 0; 
}
.box .right {
     float: right;
     margin: 10px 10px 80px 10px;
     border: 10px solid #fff;
}
.right {
     float: right;
     margin-right: 70px;
}
.caption img{
     margin: 0;
     background-color: #fff;
}
.caption li {
     margin: 0 0 15px 0;
     padding: 0;
     font-weight: bold;
     background-color: #fff;
     width: 300px;
     display: inline-block;
       zoom:1; /* hack to display boxes inline  */
       *display:inline; /* hack to display boxes inline  */
     border: 5px solid #fff;
}
.caption {
     padding: 0;
     list-style: none;
     margin: 0;
}
.caption a {
     text-align: right;
     text-decoration: none;
     text-transform: uppercase;
     color: #000;
     background-color: #ccc; 
     width: 290px;
     padding-right: 10px;
     font-weight: normal;
     display: block;
}
.listpics {
     list-style: none;
}
.listpics li {
     margin: 0 0 15px 0;
     padding: 0;
     font-weight: bold;
     background-color: #fff;
     width: 400px;
     border: 10px solid #fff;
}
.more {
     text-decoration: none;
     color: #000;
     background-color: #ccc; 
     padding: 10px;
     border: 1px solid #cc9933;
     margin-bottom: 15px;
     font-size: 16px;
}
.quote {
     float: right;
     background-color: #fff;
     border: 2px dashed #99cc99;
     width: 200px;
     margin: 10px;
     padding: 5px 10px;
     color: #000;
}
.servicethumbs {
       width: 300px;
       padding: 10px 10px 0 10px;
       float: right;
       margin-left: 10px;
       background-color: #cc9966;
}
.servicethumbs img {
      padding-bottom: 10px;
}
.thanxpage {
      padding-bottom: 300px;
}
#foot {
       clear: both;
	margin: 5px 0 0 0;
       background: #e3ddc3;
       width: 100%;
       border-top: 2px solid #cc9933;
       padding: 10px 0 50px;
}
#foot p {
      text-align: left;
      font-size: 10px;
      line-height: 15px;
      margin-top: 0;
      margin-bottom: 0;
      padding: 0 0 0 20px;
}
#foot a {
      text-decoration: none;
      border-bottom: 1px dotted #cc9933;
      color: #000;
}
.clear {
       clear: both;
}