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

/*
  
 * Filename		 		style.css
 * Website				
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */

body {margin:0;padding:0;background:url(../_img/main-bg.png) repeat-x fixed;}
html {margin:0;padding:0;}

body {font-family:"myriad-pro";}

h1 {font-size:36px;font-weight:normal;color:#4b4b4b;}
h2 {font-size:30px;color:#4b4b4b;margin:10px 0 15px 16px;text-shadow:0 1px #fff;font-weight:normal;}
h3 {font-size:24px;color:#4b4b4b;margin-top:10px;margin-bottom:10px;margin-left:16px;font-weight:normal;}
h4 {font-size:30px;color:#4b4b4b;font-weight:normal;margin:0 0 10px 20px;}
h5 {font-size:16px;font-weight:normal;color:#4b4b4b;width:100%;border-bottom:1px solid #4b4b4b;padding-bottom:7px;margin-bottom:10px;}
h6 {}

p {font-size:14px;color:#4b4b4b;margin-bottom:20px;margin-left:16px;line-height:16px;}

a:link, a:visited {text-decoration:none; outline:none;color:#237700;font-weight:normal;}
a:hover, a:focus {
	text-decoration:underline;
	outline:none;
	text-align: right;
}


/* want rounded corners?  Add this class to your containers for instant gratification -- adjust the curve as needed */

.rounded-corners {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}


/* insert this class where you need to clear inline items */
.clearall {clear:both;}


/* float images left or right - adjust margins as needed */
.left-img {float:left; margin:0 10px 0 0;}
.right-img {float:right; margin:0 0 0 10px;}





/*** LAYOUT STYLES ***/

#container, #header, #nav, #leader, #footer {margin:0 auto; width:968px;}





/* HEADER */
#header {background:url(../_img/header-bg.png) no-repeat;height:159px;margin-bottom:5px;}

#logo {padding-top:50px;float:left;padding-left:20px;}
#contact-info {float:right;margin-right:10px;}
#contact-info p {color:#FFF;padding-top:15px;text-align:right;padding-right:10px;}
#contact-info p a {color:#FFF;font-weight:normal;text-decoration:underline;}
#contact-btn a {clear:both;background:url(../_img/locate-office-off-gray.png) no-repeat;width:198px;height:55px;display:block;float:right;}
#contact-btn a:hover {background:url(../_img/locate-office-on-gray.png) no-repeat;width:198px;height:55px;display:block;}




/* NAVIGATION */

#nav {height:21px;}
#nav ul {text-align:left;margin-left:10px;}
#nav li {display:inline-block;}
#nav li a, #nav li a:visited {display:block;height:26px;}
#nav li a:hover, #nav li a:focus {}

#home {top:0;height:26px;width:87px;}
#home {background:url(../_img/nav-btns.png) 0 0 no-repeat;}
#home a:hover {background:url(../_img/nav-btns.png) 0 -25px no-repeat;}

#cleaning {top:0;height:26px;width:160px;}
#cleaning {background:url(../_img/nav-btns.png) -89px 0 no-repeat;}
#cleaning a:hover {background:url(../_img/nav-btns.png) -89px -25px no-repeat;}

#difference {top:0;height:26px;width:136px;}
#difference {background:url(../_img/nav-btns.png) -247px 0 no-repeat;}
#difference a:hover {background:url(../_img/nav-btns.png) -247px -25px no-repeat;}

#contact {top:0;height:26px;width:113px;}
#contact {background:url(../_img/nav-btns.png) -381px 0 no-repeat;}
#contact a:hover {background:url(../_img/nav-btns.png) -381px -25px no-repeat;}

#about {top:0;height:26px;width:205px;}
#about {background:url(../_img/nav-btns.png) -494px 0 no-repeat;}
#about a:hover {background:url(../_img/nav-btns.png) -494px -25px no-repeat;}



/* LEADER */

#leader {height:285px;background:url(../_img/leader-home.png) no-repeat; width:554px;float:left;margin-top:-14px;}
#free-cleaning-quote {height:330px;width:554px;float:left;}
#proposition {float:left;width:558px;margin-top:130px;}
#proposition h1 {margin-left:30px;text-shadow: 0 1px #fff;}
h1 span {font-style:italic;font-size:25px;margin-left:15px;}
h1 span span {font-style:normal;color:#2f7812;font-size:36px;margin-left:30px;}
#cleaning-quote {float:right;width:330px;padding-right:6px;;height: 455px;margin-bottom:30px;}
.home {margin-top:-15px;}

/* CONTENT */

#top {background:url(../_img/top.png) no-repeat;width:964px;height:28px;margin:0;}
#middle {background:url(../_img/middle.png) repeat-y;width:904px;padding:15px 30px;margin:0;}
#bottom {background:url(../_img/bottom.png) no-repeat;width:964px;height:33px;margin:0;}

#content {overflow:hidden;width:900px;}

#content-left {float:left;width:520px;}
#content-right {float:right;width:361px;}

.request {display:block;width:355px;height:61px;background:url(../_img/request-quote-gray.png) no-repeat;margin-top:15px;}
.request:hover {background:url(../_img/request-quote-hover-gray.png) no-repeat;}
.contact {display:block;width:355px;height:61px;background:url(../_img/contact-btn-gray.png) no-repeat;margin-top:15px;}
.contact:hover {background:url(../_img/contact-btn-hover-gray.png) no-repeat;}

#right-box-top {background:url(../_img/right-box-top.png) no-repeat;width:358px;height:20px;}
#right-box-content {background:url(../_img/right-box-middle.png) repeat-y;width:358px;}
#right-box-content p {width:318px;margin-left:20px;}
.testimonial {font-style:italic;font-size:14px;line-height:20px;}
.testimonial-author {}
.call-today {margin:0;text-align:center;border-top:1px solid #ccc;padding-top:10px;font-size:20px;color:#3f5aab;}
#right-box-bottom{background:url(../_img/right-box-bottom.png) no-repeat;width:358px;height:22px;}

#content-left ul, #middle ul {margin-bottom:15px;margin-top:-15px;}
#content-left ul li, #middle ul li {font-size:14px;margin-left:30px;list-style:circle;color:#4b4b4b;line-height:16px;}

#content-left-top {width:490px;height:15px;margin:10px 0 0 0;background:url(../_img/content-left-top.png) no-repeat;}
#content-left-mid {width:470px;background:url(../_img/content-left-mid.png) repeat-y;margin:0;padding:10px;}
#content-left-btm {width:490px;height:16px;background:url(../_img/content-left-btm.png) no-repeat;margin:0 0 10px 0;}
#content-left-mid h3 {margin-top:-10px;}

#conent-left contact-area {width:500px;}
#contact-area {clear:both;height:200px;}
#contact-area img {float:left;margin-left:20px;border:1px solid #666;}
#contact-area p {float:left;}


.clean {display:block;background:url(../_img/cleaners-off.png) no-repeat;width:162px;height:47px;}
.clean:hover {background:url(../_img/cleaners-on.png) no-repeat;}
.cs {display:block;background:url(../_img/cs-off.png) no-repeat;width:162px;height:47px;}
.cs:hover {background:url(../_img/cs-on.png) no-repeat;}
.qa {display:block;background:url(../_img/qa-off.png) no-repeat;width:162px;height:47px;}
.qa:hover {background:url(../_img/qa-on.png) no-repeat;}


/* FOOTER */

#footer-wrap {}
#footer {
	/* background: url(../_img/footer-bg.png) no-repeat; */
	height: 147px;
	margin-top: 20px;
	box-shadow: 0px 0px 8px #999;
	background: #fff;
	margin-bottom: 10px;
}

#links {width:315px;float:left;margin:15px 0 0 15px;}
#links ul {float:left;margin-right:10px;}
#links ul li, #services ul li {margin:0 0 7px 0;color:#4b4b4b;font-weight:normal;font-size:13px;}
#links ul li a, #services ul li a {color:#4b4b4b;font-weight:normal;}
#links ul li a:hover, #services ul li a:hover {color:#3f4781;text-decoration:none;}
#services {width:250px;float:left;margin:15px 0 0 15px;}
#footer-imgs {width:350px;float:left;margin:20px 0 0 15px;}
#footer-imgs img {margin-right:20px;}

#footer p {}

#footer a, #footer a:visited {}
#footer a:hover, #footer a:focus {}

#contact {}
#contact p {}

#social {width:120px;margin:0 0 10px 0;float:right;}

#copyright {}
#copyright p {}
#copyright a, #copyright a:visited {}
#copyright a:hover, #copyright a:focus {}


/* Errors */

#404wrap {margin:20px auto; width:800px; height:400px; background:#f2f2f2; border:1px solid #e3e3e3; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#404wrap h1 {font-size:18px; margin:20px; text-align:center;}
#404wrap p {margin:20px; text-align:center;}
#404wrap ol {margin:40px;}
#404wrap ul {margin:40px;}
#404wrap li {padding-bottom:8px;}
#404wrap a:link, #404wrap a:visited {color:#01759d; text-decoration:none; outline:none;}
#404wrap a:hover, #404wrap a:focus {color:#e26c1d; text-decoration:underline; outline:none;}