@charset "utf-8";
/* CSS Document */

body {
margin:0 auto; padding:0px 0px 0px 0px;
background-image:url(../img/pg-bg.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
line-height:17px;
color:#666666;
}

#thumbs-bg a:link img { border: 4px solid #F4EECF; text-decoration: none; }
#thumbs-bg a:visited img { border: 4px solid #F4EECF; text-decoration: none; }
#thumbs-bg a:hover img { border: 4px solid #E8DC99; text-decoration: none; }

.f-boxes a:link, .f-boxes a:visited { text-decoration: underline; color: #333333; }
.f-boxes a:hover { text-decoration: none; }

a:link, a:visited { color: #990000; text-decoration: underline; }
a:hover { color: #990000; text-decoration: none; }

h1 { line-height: normal; padding-top: 25px; padding-left: 8px; clear: both; }

ul {
  list-style: none;
  margin-left: 17px;
  margin-top: 0px;
}

ul li {
  padding-left: 15px;
  padding-top: 0px;
  background-image: url(../img/check-mark.gif);
  background-repeat: no-repeat;
  background-position: 0 6px;
}

#container {
margin: 0 auto;
width:100%;
min-height:400px;
}

#topcontainer {
margin: 0 auto;
width:980px;
height:190px;
}

#logo {
float:left;
width:229px; 
height:118px; 
padding-left:15px;
padding-top:60px;
display:inline;
}

#leftheadertext {
float:left;
width:636px; 
height:70px; 
display:inline;
padding-top:75px;
padding-left:100px;
}

#navcontainer {
margin:0 auto;
width:980px;
height:267px;
}

#nav-bg {
width:262px;
height:305px;
float:left;
display:inline;
background-image:url(../img/nav-bg.png);
}

#mainpic{
float:left;
width:402px; 
height:306px; 
display:inline;
margin-top:-35px;
_margin-top:0px;
}

#thumbs-bg {
  float: right;
  display: inline;
  margin-top: -45px;
  _margin-top: 0;
  margin-right: 4px;
  width: 312px;
  height: 306px;
  background-image: url(../img/thumb-bg.png);
  background-repeat: no-repeat;
}

#thumbs-bg img { margin-top: 24px; margin-left: 5px; float: left; }

#main {
  width: 100%;
  clear: both;
  margin-top: 10px;
  background-color: #F4EECF;
  overflow: hidden;
}

#main-container {
  margin: 0 auto;
  width: 980px;
}

.content-bg {
  width: 425px;
  min-height: 327px;
  float: left;
  display: inline;
  background-image: url(../img/content-bg.jpg);
  background-repeat: repeat-y;
  overflow: hidden;
  padding-bottom: 15px;
}

.content-bg p { padding-left: 8px; padding-top: 0px; padding-right: 35px; clear: both; }

.quote-button {
  padding-top: 8px;
  padding-left: 8px;
  clear: both;
}

#footer-spacer {
  width: 100%;
  height: 3px;
  background-color: #B6AB99;
  clear: both;
  _line-height: 0;
  _font-size: 0;
}

#footer {
  width: 100%;
  background-image: url(../img/footer-bg.jpg);
  background-repeat: repeat-x;
  background-color: #B7AC9A;
  overflow: hidden;
  padding-bottom: 15px;
}

#footer-container {
  margin: 0 auto;
  width: 980px;
}

.f-boxes {
  margin-left: 8px;
  margin-top: 25px;
  float: left;
  display: inline;
}

.f-boxes p { font-size: 10px; color: #666666; }

.vert-spacer {
  margin-left: 80px;
  margin-top: 25px;
  width: 1px;
  height: 98px;
  float: left;
  display: inline;
  background-image: url(../img/vert-spacer.jpg);
  background-repeat: no-repeat;
  _line-height: 0;
  _font-size: 0;
}

#photo-main {
  float: left;
  display: inline;
  margin-left: 10px;
  width: 500px;
}

#photo-cats {
  width: 180px;
  float: right;
  display: inline;
  background-color: #F4EECF;
  overflow: hidden;
  padding-bottom: 20px;
  border: 2px solid #FFFFFF;
}

#photo-cats p { padding-left: 10px; clear: both; }

#photo-container {
  margin: 0 auto;
  width: 980px;
}

/******************* VERT DUDES CLASSES *******************/

#vert-dudes a:link, #vert-dudes a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
  color: #CADEF7;
  font-size: 11px;
  padding-top: 0px;
}

#vert-dudes li a:hover, #vert-dudes li a.current {
  list-style: none;
  background-position: 0 -39px;
  display: block;
    width: 212px;
    height: 39px;
	clear: both;
}

#vert-dudes li a {
  display: block;
    width: 212px;
    height: 39px;
	clear: both;
}

#vert-dudes {
margin-top:20px;
padding-left:0px;
margin-left:15px;
_margin-right:0px;
_margin-left:20px;
  list-style: none;
  text-indent: -5000px;
  clear: both;
}

#vert-dudes li {
  background: none;
  margin-right: 0;
  clear: both;
  list-style: none;
  padding-bottom: 4px;
}

#vert-dudes li #home { background-image: url(../img/buttons/home.png); height:36px; }
#vert-dudes li #services { background-image: url(../img/buttons/services.png); }
#vert-dudes li #portfolio { background-image: url(../img/buttons/portfolio.png); }
#vert-dudes li #quote { background-image: url(../img/buttons/quote.png); }
#vert-dudes li #contact { background-image: url(../img/buttons/contact.png); padding-bottom: 0; height:36px; }
#vert-dudes li #info { background-image: url(../img/buttons/info.png); padding-bottom: 0; height:36px; }
#vert-dudes li #faqs { background-image: url(../img/buttons/faqs.png); padding-bottom: 0; height:36px; }