/* Start global styles */

body {font-family:"Century Gothic", Arial, sans-serif; font-size: 62.5%; /* makes default font-size (1em) = 10px */ color: #333333; margin: 0; background: #e9e9e8; text-align:center; background-image:url(images/container_bkgnd-blue.jpg);  }

* { padding:0; margin:0 }

H1 {font-size:2em; color:#333333}  /* displayed at 20px */
H2 {font-size:1.5em; color:#333333}  /* displayed at 15px */
H3 {font-size:1.25em; color:#333333}  /* displayed at 12.5px */
H4 { color:#333333; font-size:1em;}  /* displayed at 10px */

INPUT, SELECT, TH, TD, TEXTAREA {font-size:1em; margin:0 0 5px; float:right; clear:right; color:#333333; width:180px; }
Label { float:left; }

p { font-size:1em;  }

a:link { color:#3b7ac0; text-decoration:none; }
a:visited { color:#3b7ac0; text-decoration:none; }
a:hover { color:#333333; text-decoration:none; }

img { border:none; }

/* End global styles */



/* Start Header styles */

#container { width:960px; text-align:center; margin: 0 auto; }

#contentcontainer { width:960px; text-align:left; background-image: url(images/content_container_bkgnd.png); background-repeat:repeat-y; margin:0; padding:0; z-index:300; }


#navigation { width:920px; height:51px; margin: 0px 0 0px 20px; background-image:url(images/nav-bkgnd.jpg); background-repeat:no-repeat; z-index:300; }
#navigation ul { list-style:none; }
#navigation ul li { display:inline-block; float:left; }
#navigation ul li a { display:block; height:0; overflow:hidden; padding-top:35px; }
#navigation ul li.home { background-image:url(images/home-nav-button.jpg); background-repeat:no-repeat; margin-left:20px; width:117px; }
#navigation ul li.home:hover { background-image:url(images/home-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.services { background-image:url(images/services-nav-button.jpg); background-repeat:no-repeat; width:132px; }
#navigation ul li.services:hover { background-image:url(images/services-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.coverage { background-image:url(images/coverage-nav-button.jpg); background-repeat:no-repeat; width:112px; }
#navigation ul li.coverage:hover { background-image:url(images/coverage-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.company { background-image:url(images/company-nav-button.jpg); background-repeat:no-repeat; width:107px; }
#navigation ul li.company:hover { background-image:url(images/company-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.guarantees { background-image:url(images/guarantees-nav-button.jpg); background-repeat:no-repeat; width:123px; }
#navigation ul li.guarantees:hover { background-image:url(images/guarantees-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.news { background-image:url(images/news-nav-button.jpg); background-repeat:no-repeat; width:86px; }
#navigation ul li.news:hover { background-image:url(images/news-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.jobs { background-image:url(images/jobs-nav-button.jpg); background-repeat:no-repeat; width:80px; }
#navigation ul li.jobs:hover { background-image:url(images/jobs-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.contact { background-image:url(images/contact-nav-button.jpg); background-repeat:no-repeat; width:123px; }
#navigation ul li.contact:hover { background-image:url(images/contact-nav-button-roll.jpg); background-repeat:no-repeat; }

#home #navigation ul li.home { background-image:url(images/home-nav-button-roll.jpg); }
#services #navigation ul li.services { background-image:url(images/services-nav-button-roll.jpg); }
#company #navigation ul li.company { background-image:url(images/company-nav-button-roll.jpg); }
#coverage #navigation ul li.coverage { background-image:url(images/coverage-nav-button-roll.jpg); }
#guarantees #navigation ul li.guarantees { background-image:url(images/guarantees-nav-button-roll.jpg); }
#news #navigation ul li.news { background-image:url(images/news-nav-button-roll.jpg); }
#jobs #navigation ul li.jobs { background-image:url(images/jobs-nav-button-roll.jpg); }
#contact #navigation ul li.contact { background-image:url(images/contact-nav-button-roll.jpg); }


/* #navigation a, #navigation a:visited {display:block; font-size:1em; color:#333333; height:2.5em; line-height:2.4em; text-decoration:none; text-indent:5px; border:0px solid #fff; border-width:0px; margin: 0 20px 0 0;}   Set up the sub level borders 
#navigation li ul li a, #navigation li ul li a:visited {border-width:0 ; width:22em;}  */
#navigation ul li ul li.first { padding:16px 0 0 0; height:35px; }
#navigation ul li ul li.wide { padding:0; margin:0; height:35px; width:24em;  }
#navigation ul li ul li.first-wide { padding:16px 0 0 0; height:35px; width:24em; }
#navigation ul li ul li { display:block; width:18em; height:35px; background:url(images/nav-dropdown-bkgnd.png); float:left; }
#navigation ul li ul li a { height:35px; padding:9px; font-size: 1.4em; display:block; font-weight:bold; color:#fff; }
#navigation li:hover {position:relative; color:#3b7ac0; text-decoration:none;} /* For Non-IE browsers and IE7 */
#navigation li:hover > a { color:#000; background:url(images/nav-dropdown-bkgnd-roll.png); background-repeat:repeat-x; } /* Make the hovered list color persist */
#navigation li ul {display:none; padding:0; margin:0; } 
#navigation li:hover > ul {display:block; position:absolute; top:35px; left:-35px; padding:0px 30px 0px 35px; background:transparent; background-image:url(images/transparent.gif); width:18em;}/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ 
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#navigation > li:hover > ul { left:-30px; top:25px;  } /* Position the first sub level beneath the top level liinks */
#navigation table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1.4em;} /* get rid of the table */
#navigation li a:active, #navigation li a:focus {color:#fff; text-decoration:none;} /* For accessibility of the top level menu when tabbing */
#navigation li a:hover ul ul{ visibility:hidden; } /* keep the third level+ hidden when you hover on first level link */
#navigation li a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;  } /* make the second level visible when hover on first level link and position it */
#navigation li.last {width: 150px; background-image: url(images/nav_drop_down_rounded_corners.png); background-repeat:no-repeat; border:0; }

/* End header styles */



/* Start main image styles */

#main-image { clear:both; width:880px; height:287px; margin: 0px auto; overflow:hidden; }
#main-image span.title {display:block; margin-left:881px; height:78px; }
#main-image span.action-buttons { width:170px; height:36px; float:left; margin:0 0 0 505px; } 
#main-image img { clear:left; float:left; margin:3px 0 0 0px; }

#home #main-image {  background-image:url(images/home-main-image2.jpg); background-repeat:no-repeat; }
#coverage #main-image {  background-image:url(images/coverage-main-image.jpg); background-repeat:no-repeat; }
#services #main-image {  background-image:url(images/home-main-image2.jpg); background-repeat:no-repeat; }
#services-carpet #main-image {  background-image:url(images/carpet-cleaning-main-image.jpg); background-repeat:no-repeat; }
#services-window #main-image {  background-image:url(images/window-cleaning-main-image.jpg); background-repeat:no-repeat; }
#company #main-image {  background-image:url(images/company-main-image.jpg); background-repeat:no-repeat; }
#guarantees #main-image {  background-image:url(images/guarantees-main-image.jpg); background-repeat:no-repeat; }
#news #main-image {  background-image:url(images/news-main-image.jpg); background-repeat:no-repeat; }
#jobs #main-image {  background-image:url(images/home-main-image2.jpg); background-repeat:no-repeat; }
#contact #main-image {  background-image:url(images/contact-main-image.jpg); background-repeat:no-repeat; }

/* End main image styles */



/* Start text box styles */

#content_block_container {width:880px; margin: 0px 0 0 40px; }
#content_block_container h3 { color:#333333; font-size:2.4em; font-weight:normal; margin:0px 10px 0 15px; }
#content_block_container h3 a.h3:link, a.h3:visited { color:#333333; text-decoration:none; }
#content_block_container h3 a.h3:hover { color:#3b7ac0; text-decoration:underline; }
#content_block_container h4 { color:#333333; font-size:1.6em; font-weight:bold; margin:10px 10px 0 15px; position:relative; top:10px; }
#content_block_container p {  margin: 10px 10px 10px 15px; font-size:1.3em; line-height:1.6em; }
#content_block_container p a:link, a:visited { color:#3b7ac0; text-decoration:none; }
#content_block_container p a:hover { color:#333333; text-decoration:underline; }
#content_block_container ul {margin: 10px 0 0 33px; padding:0 10px 0 0; list-style-image:url(images/star_bullet.gif);}
#content_block_container ul li {padding: 0px 0 2px 0; margin:0 0 0 0; font-size:1.3em; line-height:1.6em; }
#content_block_container img { margin: 1px 0 0 1px; }

#content_block_container .what-we-do {float: left; background-image:url(images/what-we-do-bkgnd.jpg); width: 293px; height:164px;}
#content_block_container .how-we-do-it {float: left; background-image:url(images/how-we-do-it-bkgnd.jpg); width: 293px; height:164px;}
#content_block_container .the-proof {float: left; background-image:url(images/the-proof-bkgnd.jpg); width: 293px; height:164px; margin-left:1px}
#content_block_container p.button { margin-left:8px; }
#content_block_container p.subtitle { margin-top:20px; font-size:1.5em; text-transform:uppercase; border-bottom:1px solid #CCCCCC; }
#content_block_container .left-col { width:482px; float:left; }
#content_block_container .left-col img.txtimg { clear:right; float:right; margin:10px; }
#content_block_container .left-col p {  margin-right: 20px; }
#content_block_container .right-col { width:378px; float:left; background-image:url(images/right-col-bkgnd.jpg); background-repeat:no-repeat; padding-left:20px; }
#content_block_container .right-col h3 { font-size:2em; margin-top:4px; }
#content_block_container span.highlighted { font-weight:bold; color:#91499b; }
#content_block_container .form { margin: 10px 10px 10px 15px; font-size:1.3em; line-height:1.6em; width:310px; }
#content_block_container .form-wide { margin: 10px 10px 10px 15px; font-size:1.3em; line-height:1.9em; width:420px; }
#content_block_container .submit-button { position:relative; left:-9px; }
#content_block_container .sitemap ul { margin-top:0; }
#content_block_container .defined { padding:10px 0; border-bottom:1px dashed #999; width:350px;  }
/* End text box styles */



/* Start footer styles */

#footer {clear:both; width:960px; padding:0px 20px 10px 41px; font-size:1.1em; }
#footer, #footer ul { float:left; list-style-type: none;}
#footer a:link, #footer a:visited {display:block; margin:0 20px 0 0; color:#555555; height:1.1em; line-height:1.1em; text-decoration:none; text-indent:5px;} 
#footer a:hover {display: block; color:#3b7ac0; text-decoration:none; }
#footer li {float:left;} 
#footer li:hover {position:relative; color:#006633; text-decoration:none;}
#footer .copyright { float:right; width: 240px; height:1.1em; padding:0px 0 0 28px; margin:0px 60px 0 0; color:#555555; } 

#footer .divider { border-top: 1px solid #cccccc; width:880px; }

.footer-links { 	display:block; 	height:1px; 	margin:2px 0 0 0; 	overflow:hidden; }

/* End footer styles */


/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	
}