/* Style Sheet
--------------------------------------------
site:    www.washmydeck.com
purpose: The common set of rules applied to site.

author:  jsp
company: www.huberspace.net
----------------------------------------- */

/* TAGS AND CLASSES
-------------------------- */
body {
  background: url(/images/bg.gif) #b8d5eb top left repeat-x;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-size: small;
  padding: 0;
  margin: 0;
}

#wrapper{
  margin: 0 auto;
  max-width: 860px;
  min-width: 780px;
}

blockquote { margin:0; padding:0; }

address { font-style:normal; }

q:after, q:before { content:""; }

fieldset { border:none; }

#container {
  clear: both;
  background-color: #fff;
  overflow: hidden;
  padding-left: 180px; /* The width of the rail */
}

/* HOMEPAGE only setting, must appear below #container
#home #container { padding-left:288px; } */

/* these are all on dark backgrounds with white normal text */
#leftframe a
{
  color:#ccf
}

#leftframe a:visited
{
  color:#99f
}

#banner
{
  margin:0 0 2em 10px;
  border-bottom:1px solid #1376BC;
  text-align:center;
  padding-bottom:1em;
}

#banner h1
{
  background: #fff url('/images/banner-heading.gif') top center no-repeat;
  height:56px;
  margin:0;
  padding:0;
  width:100%;
  text-indent:-9999em;
  overflow:hidden;
}

#coupon
{
  margin:0 auto 1em auto;
  text-align:center;
  padding-bottom:1em;
  border-bottom:1px #1376BC solid;
}

#coupon p { margin:0;  padding:0; }


#banner #contest
{
  float:left;
  width:390px;
}


a img { border:none;  }

.photo-right
{
  background-color: #1376BC;
  float: right;
  margin-left: 10px;
  padding: 10px;
}

.photo-right .caption
{
  font-size:80%;
  font-weight:bold;
  margin:5px 0 0 0;
  padding:0;
  color:#fff;
}

.readmore
{
  text-align:right;
  font-size:80%;
}

.required
{
  font-weight:bold;
  color:#f00;
}

/* H E A D E R
-------------------------------------------------- */
#header
{
  background: #2F99D5 url('/images/header3.png') top left no-repeat;
  clear: both;
  min-height:145px;
  position: relative;
}

#header #elite
{
  top: 8px;
  left: 15px;
  position: absolute;
/*  behavior:url("/includes/pngbehavior.htc");*/
}

#header #phone
{
  top: 4px;
  right: 15px;
  position: absolute;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  border:1px #9a9 solid;
  padding:8px;
  background-color:#efe;
}


/* F O O T E R
-------------------------------------------------- */

#footer
{
  background:#D3B168 url('/images/header-border.gif') repeat-x;
  font-size: 80%;
  padding: 10px 20px;
}

#footer .col
{
  float:left;
  width:60%;
}



/* C O N T E N T
-------------------------------------------------- */

#maincontent
{
  background-color: #fff;
  border-left: 180px solid #003d7d; /* The width and color of the rail */
  color: #000;
  float: right;
  margin-left: -180px;
  padding: 0;
  width: 100%;
}

 /* HOMEPAGE only setting, must appear below #content
#home #maincontent
{
  border-left: 288px solid #003d7d; // The width and color of the rail
  margin-left: -288px;
}
*/

.margin15 { margin:15px; }


#maincontent h1 { font-size:160%; color:#DB631B; font-weight:normal; }

#maincontent h2 { font-size:125%; color:#1376BC }

#maincontent h3
{
  font-size: 110%;
  color: #000;
  margin-bottom:0;
  padding-bottom:0;
}

#maincontent h4
{
  color: #fff;
  font-size: 100%;
  margin: 10px 15px 0;
}

#maincontent div#newsletter_text
{
  border: 1px solid #aaa;
  margin: 1em;
  padding: 1em;
}

/*
body#home #maincontent .testimonial
{
  padding:.5em;
  background-color:#A3DEFA;
  clear:both;
  margin-top:1em;
}
*/

body#testimonials #maincontent blockquote, blockquote.testimonial
{
  padding-left:50px;
  margin:0px;
  background:url('/images/quote.gif') top left no-repeat;
}

cite
{
  display:block;
  font-weight:bold;
  text-align:right;
  margin-top:2px;
}



#maincontent .row
{
  clear:both;
}

.logos:after,
#footer:after,
#header:after,
#banner:after,
#services #penofin:after,
#services #testimonial:after,
#video:after,
#video-listing:after,
#video-box:after,
#maincontent .row:after
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}


#maincontent .row .leftcol
{
  float:left;
  width:45%;
}

#maincontent .row .rightcol
{
  float:right;
  width:45%;
}


#omaha
{
  font-size:120%;
  font-weight:bold;
}

body#home #billboard
{
  background:#d3b168 url(/images/billboard.jpg) no-repeat top left;
  color:#fff;
  min-height:250px;
  padding:20px 20px 20px 620px;
  margin:-15px -15px 20px -15px;
}

body#home #billboard blockquote
{
  margin-bottom:1em;
  font-size:120%;
  font-weight:bold;
  line-height:1.3;
}


body#home #billboard cite
{
  font-weight:normal;
  text-align:right;
  margin:0;
}


body#home #maincontent ul.logos
{
  list-style:none;
  text-align:center;
  font-size:85%;
  padding:0;
  margin:0;
}

body#home #maincontent ul.logos li
{
  float:left;
  width:18%;
  padding:0;
  margin:1em 5px;
}

body#home #maincontent ul.logos li a img,
body#home #maincontent #video a img
{
  border:0;
}

body#home #maincontent #video
{
  margin:10px 0;
  padding:10px;
  background:#d3b168 url(/images/header-border.gif) repeat-x;
}

body#home #maincontent #video-box,
body#home #maincontent #video #video-listing
{
  float:left
}

body#home #maincontent #video h2
{
  margin:5px 0 3px 0;
  color:#000;
  font-size:120%;
}

body#home #maincontent #video h3
{
  margin-top:0;
}

body#home #maincontent #video #video-listing
{
  overflow:auto;
  margin:0 0 0 10px;
  padding:0;
  width:48%;
  font-size:85%;
}

body#home #maincontent #video #video-listing ul li
{
  width:120px;
  float:left;
  list-style:none;
  margin:0 10px 10px 0;
  padding:0;
  min-height:120px;
  text-align:center;
}

body#home #maincontent #video #video-listing ul li.third
{
  margin:0;
}

body#home #maincontent #video #video-listing ul li a
{
  clear:both;
}

body#home #maincontent #video #video-listing ul
{
  padding:0;
  margin:1em 0 0 0;
}


body#services #maincontent ul#stain
{
  padding:0;
  list-style:none;
}

body#services #maincontent ul#stain li
{
  display:inline;
  float:left;
  margin:0 10px;
  list-style:none;
}


body#services #maincontent ul#stain p
{
  margin:0;
  text-align:center;
}

#services #ipe-pics
{
  padding:10px 4px;
  background-color: #1376BC;
  text-align:center;
}

#services #ipe-pics img
{
  padding:0 4px;
}

#services #ipe-pics .caption
{
  font-size:105%;
  font-weight:bold;
  margin:5px 0 0 0;
  padding:0;
  color:#fff;
}

#services #fsc,
#services div#wood-properties,
#services div#roof-cleaner-comparison
{
  text-align:center;
  font-size:85%;
  font-weight:bold;
  clear:both;
}

#services #penofin
{
  margin-top:2em;
}

#services #testimonial img,
#services #roof-reasons img
{
  float:right;
  margin-left:10px;
  width:250px;
}

#services #penofin img
{
  float:left;
  margin-left:10px;
}

#services #roof-reasons ol li
{
  font-size:110%;
  margin-bottom:.5em;
}

#services table#roof-cleaner-comparison
{
  font-size:85%;
}

#services table#wood-properties,
#services table#roof-cleaner-comparison
{
  border-collapse:collapse;
  width:100%;
  margin-bottom:1em;
  border-bottom:5px solid #1376bc;
}


#services table#roof-cleaner-comparison .yes
{
  background:url(/images/check.png) no-repeat center center;
  text-indent:-9999em;
  height:16px;
}

#services table#wood-properties thead,
#services table#roof-cleaner-comparison th
{
  background-color: #1376BC;
  color:#fff;
  text-align:left;
}

#services table#roof-cleaner-comparison .elite
{
  background-color:#fd8;
  color:#1376BC;
}


#services table#roof-cleaner-comparison thead th
{
  text-align:center;
}

#services table#wood-properties td,
#services table#wood-properties th,
#services table#roof-cleaner-comparison td,
#services table#roof-cleaner-comparison th
{
  padding:5px;
  border:1px solid #ddd;
}

#zipcodes
{
  font-size:85%;
  color:#666;
}


/* L E F T F R A M E
-------------------------------------------------- */

#leftframe
{
  background: #003d7d url('/images/swoosh-shine-160.gif') center 10px no-repeat;
  display: inline; /* So IE plays nice */
  float: left;
  margin-left: -180px;
  min-height: 74px;
  padding-top: 20px;
  width: 180px;
}

/*
body#home #leftframe /* HOMEPAGE only setting, must appear below #leftframe */
{
  margin-left: -288px;
  width: 288px;
  color: #fff;
}
*/

#leftframe h1
{
  font-size: 100%;
  color: #54bceb;
  margin: 15px 0 0 15px;
  text-transform:uppercase;
}

#leftframe h2
{
  font-size: 95%;
  margin: 0 15px;
}

#leftframe p
{
  font-size: 90%;
  margin: 0 15px 10px;
}

#leftframe p.viewall
{
  font-size: 80%;
  text-align: right;
}

#leftframe ul, body#endorsements #maincontent ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#leftframe ul li, body#endorsements #maincontent ul li
{
  margin: 0;
  padding: .5em 0;
}

#leftframe ul li .summary,
#leftframe ul li .date {
	font-size: 80%;
	margin: 1px 15px;
}

#leftframe ul li .date { font-weight:bold }

/* NAVIGATION - GENERAL
------------------------------------*/

.navtabs
{
  float: right;
  list-style: none;
  margin: 130px 2px 0 140px;
  padding:0; 
}

.navtabs li
{
  background: url('/images/both-right.gif') no-repeat top right;
  float: left;
  margin-left: 2px; /* creates space in between tabs */
}

.navtabs a
{
  background: url('/images/both-left.gif') no-repeat top left;
  color: #fff;
  display: block;
  float: left;
  font-size: 90%;
  line-height: 2.0em;
  padding: 0 1.2em;
  text-decoration: none;
  font-weight:bold;
  white-space: nowrap;
}

li.hilite,
#about #nav-about,
#contact #nav-contact,
#testimonials #nav-testimonials,
#home #nav-home,
#faq #nav-faq,
#blog #nav-blog,
#services #nav-services,
#news #nav-news,
#photogallery #nav-photo
{
  background-position: 100% -100px;
}

li.hilite a,
#about #nav-about a,
#contact #nav-contact a,
#testimonials #nav-testimonials a,
#home #nav-home a,
#faq #nav-faq a,
#blog #nav-blog a,
#services #nav-services a,
#news #nav-news a,
#photogallery #nav-photo a
{
  background-position: 0 -100px;
  color: #fff;
}

.navtabs a:hover { color: #fff; }

.navtabs li:hover
{
  background-position: 100% -100px;
}

.navtabs li:hover a
{
  background-position: 0 -100px;
  color: #fff;
}

/* NAVIGATION - SITENAV
------------------------------------*/


#sitenav .navtabs li {margin-bottom: 2px;}

#sitenav .estimaterequest
{
  clear:both;
  background:#d3b168 url('/images/header-border.gif') repeat-x;
  font-weight:bold;
  padding:3px 2em;
  text-align:right;
  font-size:110%;
}


/* ***************** Blog Styles ***************** */



#blog #content
{
  float:left;
  margin:0 0 1em 0;
  padding:0;
}

#blog .narrowcolumn
{
  width:75%;
}


#blog #sidebar
{
  float:right;
  width:23%;
  margin:0 0 1em 2%;
  padding:0;
}

#blog #sidebar h2
{
  margin: 1em 0 0 0;
  padding: 0;
}

#blog #sidebar ul
{
  margin: 0;
  padding: 0;
  list-style:none;
}

#blog #sidebar ul ul
{
  list-style:disc;
  margin:0 1em;
  padding:0 0 0 1em;
}

#blog #sidebar ul li
{
  margin: 0 0 2em 0;
  padding: 0;
}

#blog #sidebar ul ul li
{
  margin: 0 0 .5em 0;
  padding: 0;
}

#blog .narrowcolumn .post
{
  border:1px solid #b8d5eb;
  margin:1em 0 2em 0;
  padding:1em;
}



/* ****** nav-sm ************************** */

div#nav-sm { width:38% !important; float:right !important; }

#nav-sm ul
{
   margin:0 0 15px 0;
   padding:0;
  list-style:none;
}

#nav-sm li 
{
   float:left;
   padding:0 0 15px 15px;
}

#nav-sm li a
{
   background:transparent top right no-repeat;
   display:block;
   width:40px;
   height:40px;
   text-align:left;
   text-indent:-9999em;
   overflow:hidden;
}


#nav-sm li#flickr a { background-image:url(/images/flickr-icon.png); }
#nav-sm li#facebook a { background-image:url(/images/facebook-icon.png); }
#nav-sm li#youtube a { background-image:url(/images/youtube-icon.png); }
#nav-sm li#twitter a { background-image:url(/images/twitter-icon.png); }
#nav-sm li#monkeysee a
{
  width:74px;
  height:50px;
  background-image:url(/images/monkeysee.gif);
}