body {
  padding: 12px;
  font-family: verdana, sans-serif;
  font-size: 16px;
  text-align: center;
  background: #CFCFCF;
}

#pageout {
  margin: 0 auto;
  width: 980px;
  background: #FFF url(../images/bg_main1.gif) 0 0 no-repeat;
}

#pagein {
  width: 980px;
  min-height: 640px;
  background: transparent url(../images/bg_main2.gif) 0 bottom no-repeat;
  text-align: left;
}

h1#logo a#logoimg {
  display: block;
  padding: 95px 0 0 0;
  margin: 0 auto;
  width: 633px;
  height: 0px !important;
  overflow: hidden;
  height /**/:95px;
  background: transparent url(../images/logo_title.gif) 50% 10px no-repeat;
}

#masthead #greenstuff {
  float: right;
  display: block;
  padding: 94px 0 0 0;
  width: 95px;
  overflow: hidden;
  height: 0px !important;
  height /**/:94px;
  background-color: transparent;
  background-image: url(../images/bg_green.png);
  background-position: 0 0;
  background-repeat:  no-repeat;
}

#masthead #greenstuff:hover {
  background-position: 0 -94px;
}

#greenblock {
  padding: 12px;
  background: transparent url(../images/green-sure-logo.gif) 0 0 no-repeat;
}

#greenblock p {
  padding: 0 0 0 90px;
}

h2 {
  margin: 0 0 20px 0;
  font-size: 16px;
  border-bottom: 1px solid #ED651F;
  color: #ED651F;
  text-align: left;
}

h3 {
  margin: 0 0 12px 0;
  font-size: 14px;
  border-bottom: 1px solid #ED651F;
}

a:link, a:active {
  color: #D45D20;
  text-decoration: none;
}

a:visited {
  color: #8E3F16;
  text-decoration: none;
}

a:hover {
  color: #D45D20;
  text-decoration: underline;
}

#content ul {
  margin: 0 0 0 50px;
}

#content ul li {
  padding: 4px 0 3px 0;
  list-style-type: square;
  color: #ED651F;
}

#content ul li span {
  color: #000;
}

#content ol {
  margin: 0;
  margin-left: 35px;
  margin-right: 10px;
  padding: 0;
  list-style-type: decimal;
}

#content ol li {
  padding: 4px 0 3px 0;
}

#content ul.thumbs {
  margin-left: 0;
  margin-top: 7px;
  margin-bottom: 30px;
  padding-left: 0;
  list-style-type: none;
}

#content ul.thumbs li {
  display: inline;
}

#content ul.thumbs li img {
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 3px;
  border: 1px solid #ED651F;
}

#content dl {
  margin: 0 0 20px 0;
}

#content dl dt {
  font-weight: bold;
}


/* ----------------------------------------------
    Primary Navigation Bar
---------------------------------------------- */

ul.nav, ul.sub-nav {margin-bottom: 0;}
ul.bars li.first {border: 0 !important;}


ul.bars li {display: inline; margin-left: -4px; font-weight: bold;}
ul.bars li .text {padding: 0 4px 0 4px;}


/* Main Nav */
div#nav {
  position: relative;
  display: block;
  width: 980px;
  height: 60px;
  background: transparent url(../images/bg_navbar.gif) 0 0 no-repeat;
}

div#nav ul.nav {
  margin: 0 0 0 170px;
  padding: 15px 0 0 0;
  list-style: none;
  position: relative;
}

div#nav ul.nav li {
  position: relative;
  display: block;
  float: left;
  width: 125px;
  height: 30px;
  text-align: center;
}

div#nav ul.nav li a {
  display: block;
  padding: 5px 0 0 0;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

div#nav ul.nav li a:hover,
div#nav ul.nav li.sub:hover,
div#nav ul.nav li.over {
  /* background: #86A2B7 !important; */
  color: #000;
}

div#nav ul.nav li a.active {
  background: #226BA4;
  color: #FFF;
}

div#nav ul.nav li a.active span {
  background: transparent url(arrow_white.gif) no-repeat 0 0 !important;
}

div#nav ul.nav li.sub a {
  position: relative;
}

div#nav ul.nav li.sub a span {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 13px;
  height: 9px;
  background: transparent url(../images/arrow_white.gif) 4px 1px no-repeat;
}

div#nav ul.nav li.sub:hover a span, div#nav ul.nav li.sub a:hover span, div#nav ul.nav li.over a span {
  background: transparent url(../images/arrow_white.gif) 4px 4px no-repeat;
}

div#nav ul.nav ul {
  position: absolute;
  top: 30px;
  left: -9999px;
  z-index: 9998;
  width: 290px;
  background: #ED651F;
}

div#nav ul.nav ul li {
  width: 290px;
  border-bottom: 1px solid #FFF;
}

div#nav ul.nav ul li a {
  padding: 7px;
  color: #FFF;
  text-align: left;
  background: none !important;
}

div#nav ul.nav ul li a:hover {
  background: #000 !important;
  color: #FFF;
  border-bottom: 1px solid #FFF;
}

div#nav ul.nav li.sub:hover ul, div#nav ul.nav li.sub.over ul {
  display: block;
  left: 18px;
}

/* Content 
------------------------------------------------------------ */

#content {
  margin: -1px 0 0 0;
  min-height: 440px;
  background: transparent url(../images/bg_content.gif) 0 0 no-repeat;
}

body#home #content {background: transparent url(../images/bg_content_home.gif) 0 0 no-repeat;}
body#services #content {background: transparent url(../images/bg_content_services.gif) 0 0 no-repeat;}
body#mywork #content {background: transparent url(../images/bg_content_work.gif) 0 0 no-repeat;}
body#faqs #content {background: transparent url(../images/bg_content_faqs.gif) 0 0 no-repeat;}
body#contact #content {background: transparent url(../images/bg_content_contact.gif) 0 0 no-repeat;}

#content .pad {
  padding: 10px 20px 20px 80px;
  height: 1%;
  font-size: 12px;
  background: transparent;
}

#content p {
  margin: 0 0 12px 0;
}

#hleft {
  float: left;
  width: 400px; border-right: 1px solid #000;
}

#hleft p {
  margin: 0 0 20px 0;
  padding: 0 12px 0 0;
}

ul#portfolio {
  margin: 0 0 0 30px;
  list-style: none;
}

ul#portfolio li {
  padding: 1px 1px 0 1px;
  border: 1px solid #000;
  list-style: none;
}

div.testamonial {
  padding: 7px 7px 0 7px;
  margin-bottom: 12px;
  border: 1px solid #ED651F;
  text-align: left;
  background: #EEE;
}

div.testamonial img {
  padding: 7px;
  border: 1px solid #ED651F;
}

div.testamonial p {
  padding-bottom: 7px;
  font-family: verdana, sans-serif;
  font-size: 12px;
  line-height: 1.2em;
}

#hright {
  float: left;
  width: 440px;
}

#hright p {
  margin: 0 0 20px 0;
  padding: 0 0 0 18px;
}

#hright p.lgem {
  margin: 0;
  padding: 0 0 0 20px;
  font-size: 18px;
}

#hright blockquote {
  margin: 0 0 0 10px;
  width: 436px;
  background: transparent url(../images/bg_blockquote1.gif) 0 0 no-repeat;
}

#hright blockquote .in {
  padding: 12px 0 20px 0;
  width: 436px;
  background: transparent url(../images/bg_blockquote2.gif) 0 bottom no-repeat;
}

#hright blockquote .in p.q {
  margin: 0 0 7px 0;
  padding: 0 12px 0 12px;
}


/* Contact page
------------------------------------------------------------ */

#cform {
  padding: 22px 0 20px 0;
}

.note {
  padding: 0 0 22px 0;
}

.linelabel {
  display: block;
  float: left;
  padding: 1px 4px 0 0;
  width: 240px;
  height: 24px;
  font-size: 14px;
  text-align: right;
}

.lineinput {
  float: left;
  font-size: 14px;
}

#nospam {
  float: left;
}

.buttonDiv {
  padding: 12px 0 0 244px;
  height: 24px;
}

#nsd {
  float: left;
  width: 20px;
  height: 20px;
  padding: 4px 0 0 0;
}

#nospamlabel {
  display: block;
  float: left;
  width: 240px;
  height: 24px;
  font-size: 14px;
}



/* footer
------------------------------------------------------------ */
#footer {
  padding: 10px 0 12px 0;
  font-size: 11px;
  text-align: center;
  border-top: 1px dashed #ED651F;
}

#footer p {
  line-height: 1.7em;
  text-align: center;
}

#footer p.sm {
  font-size: 9px;
  color: #555;
}

#footer p.sm a {
  text-decoration: none;
  color: #555;
}

#footer p.sm a:hover {
  text-decoration: underline;
  color: #ED651F;
}

#footerblock {
  margin: 0 auto;
  width: 500px;
}

#bbblink {
  float: left;
  display: block;
  width: 135px;
  height: 52px;
}