/* -----------------------------------------
Stylesheet for Fair Price Cleaning Service - www..com
Author: cdeVision.com
Copyright: (c)2010 cdeVision
Created: June 2010
-------------------------------------------- */

body {background:#444; margin:0; font-family:arial,helvetica,sans-serif; font-size:14px; color:#333;}
body {text-align:center;} /* IE6- hack to center page contents */

h1, h2, h3 {padding:0; margin:0;} 
h1 {font:normal 24px georgia,"Times New Roman",times,serif; color:#fff; padding:0 0 10px 0;} /* page titles */
/* sub-titles */
h2 {font:normal 18px arial,helvetica,sans-serif; color:#000; padding:0 0 10px 0; margin:0;}
/* mid-content area titles */
h3 {font:bold 13px arial,helvetica,sans-serif; color:#648725; padding:0 0 10px 0; margin:0;}

p {margin:0; padding:0 0 16px 0; line-height:17px;}
ul, ol {padding:0; margin:0 0 16px 25px;}
li {line-height:17px; padding:0 0 12px 0; }
ul.nobullets {margin:0; padding-bottom:6px; list-style:none;}

div.rule {height:1px; padding:0; margin:8px auto; color:#4D4D45; background-color:#4D4D45;}
img {border:0;}
label {display:none;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}


/* ---- links ----------------------------------------- */
a {color:#648725; text-decoration:underline;}  
a:visited {color:#648725;}
a:hover {color:#ccc; text-decoration:none;}
a:active {color:#648725;}
a:active, a:focus {outline:none;}


/* ---- ids & classes ----------------------------------------- */
/* "wrap" IDs are to stretch colors & backgrounds to 100% width */
#topwrap #headerwrap, #bannerwrap, #boxeswrap, #footerwrap {width:100%;}
#top, #banner, #boxes, #footer {width:860px; margin:0 auto; text-align:left;}
#header {width:900px; margin:0 auto; text-align:left;}

#topwrap {background:#333;}
#top {color:#fff; height:35px; position:relative;}
	#facebook {width:175px; height:23px; position:absolute; top:7px; right:0; color:#ccc; font:normal 17px georgia,serif;}
	#facebook span {float:left; display:block;}
	#facebook a {float:right; display:block; width:79px; height:23px; background:url(images/facebook.gif) no-repeat; text-indent:-4000px;}

#headerwrap {background:#fff; border-bottom:1px solid #999;}
#header {height:112px; position:relative;}
	#header h1, #header h2, #header p {margin:0; padding:0; display:none;}
	#logo {position:absolute; top:0; left:0; width:449px; z-index:10; height:106px; background:url(images/logo.gif) no-repeat;}
	#tagline {position:absolute; top:78px; left:292px; z-index:20; width:197px; height:14px; background:url(images/tagline.gif) no-repeat;}
	#contact-us {position:absolute; top:54px; right:25px; width:310px; height:39px; background:url(images/contact-us.gif) no-repeat;}

#bannerwrap {background:#414141 url(images/bg-bannerwrap.png) repeat-x; border-bottom:1px solid #333;}
#bannerbg {width:960px; margin:0 auto; background:transparent url(images/bg-banner.png) -110px 0 no-repeat;}
#banner {width:857px; height:250px; padding:30px 0 25px 0; color:#fff; text-align:left;}
	#banner #text {float:left; width:450px; padding-left:5px; position:relative;}
	/*#banner #slideshow {float:right; width:380px;}*/
	/* slideshow styles */
	.slideshow img {}
	#mySlideshow {width:380px !important; height:250px !important; float:right; margin:0; position:relative;} 
		#mySlideshow a {cursor:default !important;}
	#banner img {display:block; margin:0;}
	#button {height:30px; width:225px;}
		#button a {width:auto; display:block; background:#648725; color:#fff; text-decoration:none; font:normal 14px georgia,serif; height:30px; line-height:30px; padding:0 10px; text-align:center;}
		#button a:hover {background:#FFD71D; color:#333; }

#boxeswrap {background:#fff; border-top:4px solid #648725; padding:20px 0;}
#boxes {width:857px; margin:0 auto; background:url(images/bg-boxes.png) repeat-y;}
	#boxestop, #boxesbottom {width:857px; height:8px; margin:0 auto; background:url(images/boxes.png) repeat-y;}
	#boxesbottom {margin-top:15px;}
	#boxes h3 {width:263px; height:65px; text-indent:-4000px; margin:10px 0 10px 0; padding:0;}
		h3.about {background:url(images/h3-about.png) no-repeat}
		h3.quality {background:url(images/h3-quality.png) no-repeat}
		h3.what {background:url(images/h3-what.png) no-repeat}
	#boxes p {line-height:20px;}
	p.quote {background:transparent url(images/quotes-open.png) 0 0 no-repeat; padding:0 0 15px 24px;}
		p.quote span {display:block; background:transparent url(images/quotes-close.png) 100% 100% no-repeat; padding:0 10px 0 0;}
	#boxes p.source {font-size:12px; line-height:16px; padding:0 0 0 24px;}
	.box {width:236px; float:left; display:inline;}
	.left {margin:0 55px 0 20px;}
	.middle {margin:0 55px 0 0;}

#footerwrap {border-top:4px solid #648725;}
#footer {position:relative; padding:0 0 20px 0;}
	#ftext {position:absolute; top:12px; left:0; width:600px; color:#ccc;}
		#ftext p {margin:0; padding:0 0 10px 0; font:normal 11px arial,sans-serif;}
		#ftext span {font-family:georgia,serif;}
		p#props {color:#999;}
		p#props a {color:#999; text-decoration:none;}
	#ffacebook {width:175px; height:23px; position:absolute; top:10px; right:0; color:#ccc; font:normal 17px georgia,serif;}
	#ffacebook span {float:left; display:block;}
	#ffacebook a {float:right; display:block; width:79px; height:23px; background:url(images/facebook.gif) no-repeat; text-indent:-4000px;}