/*	Champion Cleaning
		

		Palette
		---
		green - #78a644
		brown - #c29d40
		blue - #4a95af
		orange - #df7f3e
		purple - #7d8fae
		maroon - #af6f4a
*/

/*// =RESET */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}



/*// 	=GLOBAL */

html, body {
	background: #ACA978;
	font: 11px/15px Arial, sans-serif;
	}
a, a:link {
	color: #aca978;
	outline: none;
	}
a:hover {
	color: #276049;
	}
p {
	margin-bottom: 1.2em;
	}
.hidden { display: none; }

#wrapper {
	background: #fff;
	}



/*//	=MASTHEAD */

#masthead {
	height: 108px;
	padding-top: 8px;
	border-bottom: 1px solid white;
	}
body#home #masthead { background: url('/assets/images/banner-bg-home.jpg') repeat-x top left; }
body#company #masthead { background: url('/assets/images/banner-bg-profile.jpg') repeat-x top left; }
body#services #masthead { background: url('/assets/images/banner-bg-services.jpg') repeat-x top left; }
body#references #masthead { background: url('/assets/images/banner-bg-references.jpg') repeat-x top left; }
body#jobs #masthead { background: url('/assets/images/banner-bg-jobs.jpg') repeat-x top left; }
body#contact #masthead { background: url('/assets/images/banner-bg-contact.jpg') repeat-x top left; }

#masthead h1 {
	float: left;
	text-indent: -999em;
	height: 108px;
	width: 222px;
	background-color: #fff;
	background-image: url('/assets/images/logo.gif');
	}
#masthead h1 a{
	display: block;
	height: 108px;
	}
	
#masthead span {
	display: block;
	text-indent: -9999px;
	float: left;
	height: 108px;
	width: 486px;
	border-right: 1px solid #fff;
	}
body#home #masthead span { background: #fff url('/assets/images/banner-home.jpg') no-repeat bottom left; }
body#company #masthead span { background: #fff url('/assets/images/banner-profile.jpg') no-repeat bottom left; }
body#services #masthead span { background: #fff url('/assets/images/banner-services.jpg') no-repeat bottom left; }
body#references #masthead span { background: #fff url('/assets/images/banner-references.jpg') no-repeat bottom left; }
body#jobs #masthead span { background: #fff url('/assets/images/banner-jobs.jpg') no-repeat bottom left; }
body#contact #masthead span { background: #fff url('/assets/images/banner-contact.jpg') no-repeat bottom left; }



/*//	=NAVIGATION */

#nav {
	clear: both;
	padding-bottom: 7px;
	}
#nav ul {
	position: relative;
	display: block;
	padding-left: 41px;
	border-bottom: 1px solid white;
	background: #aca978;
	height: 22px;
	}
#nav li { display:inline; }
#nav li.nav_item a {
	display: block;
	float: left;
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 11px;
	text-decoration:none;
	text-transform: uppercase;
	text-indent: -999em;
	cursor: pointer;
	height: 22px;
	}
/* remove subnav from all but services pages */
#nav ul.subnav { display: none; }

/* bg images */
#nav li.nav_home a { width: 56px; background: #78a644 url(/assets/images/nav-home.gif) no-repeat 0 0; }
#nav li.nav_company a { width: 124px; background: url(/assets/images/nav-company.gif) no-repeat 0 0; }
#nav li.nav_services a { width: 77px; background: url(/assets/images/nav-services.gif) no-repeat 0 0; }
#nav li.nav_references a { width: 180px; background: url(/assets/images/nav-referencesaff.gif) no-repeat 0 0; }
#nav li.nav_jobs a { width: 134px; background: url(/assets/images/nav-jobs.gif) no-repeat 0 0; }
#nav li.nav_contact a { width: 90px; background: url(/assets/images/nav-contact.gif) no-repeat 0 0; }
#nav li.nav_home a:hover { background-color: #78a644; }
#nav li.nav_company a:hover { background-color: #c29d40; }
#nav li.nav_services a:hover { background-color: #4a95af; }
#nav li.nav_references a:hover { background-color: #df7f3e; }
#nav li.nav_jobs a:hover { background-color: #7d8fae; }
#nav li.nav_contact a:hover { background-color: #af6f4a; }

/* page specific nav styles, on states */
body#home #nav { background-color: #78a644; }
body#home #nav li.nav_home a { background-color: #78a644; height: 23px; }
body#company #nav { background-color: #c29d40; }
body#company #nav li.nav_company a { background-color: #c29d40; height: 23px; }
body#services #nav { background-color: #4a95af; }
body#services #nav li.nav_services a { background-color: #4a95af; height: 23px; }
body#references #nav { background-color: #df7f3e; }
body#references #nav li.nav_references a { background-color: #df7f3e; height: 23px; }
body#jobs #nav { background-color: #7d8fae; }
body#jobs #nav li.nav_jobs a { background-color: #7d8fae; height: 23px; }
body#contact #nav { background-color: #af6f4a; }
body#contact #nav li.nav_contact a { background-color: #af6f4a; height: 23px; }

/* bg position */
body#home #nav li.nav_home a,
body#company #nav li.nav_company a,
body#services #nav li.nav_services a,
body#references #nav li.nav_references a,
body#jobs #nav li.nav_jobs a,
body#contact #nav li.nav_contact a,
#nav li a:hover { background-position: 0 -22px; }

#nav li.last a { border-right: 1px solid #fff; }

/* subnav */
/* special case for services page subnav */
body#services #nav {
	background: #4a95af;
	height: 39px;
	padding: 0;
	}
body#services #nav ul ul.subnav {
	display: block;
	height: 18px;
	width: 100%;
	}
#nav li ul.subnav {
	position: absolute;
	top: 23px;
	left: 0;
	padding: 0 0 0 47px;
	border: 0;
	_margin-right: 1px;
	background-color: #4a95af;
	height: 18px;
	}
#nav li ul.subnav li {
	position: static;
	float: left;
	display: block;
	}
#nav li ul.subnav li a {
	margin-right: 24px;
	border: 0;
	background-position: 0 0 !important;
	height: 18px !important;
	}
/*bg images */
#nav ul.subnav li.subnav_maintenance a { background: url(/assets/images/nav-sub-maintenance.gif) no-repeat 0 0; width: 76px; }
#nav ul.subnav li.subnav_carpet a { width: 96px; background: url(/assets/images/nav-sub-carpet.gif) no-repeat 0 0; }
#nav ul.subnav li.subnav_window a { width: 101px; background: url(/assets/images/nav-sub-window.gif) no-repeat 0 0; }
#nav ul.subnav li.subnav_unit a { width: 92px; background: url(/assets/images/nav-sub-unit.gif) no-repeat 0 0; }
#nav ul.subnav li.subnav_tile a { width: 127px; background: url(/assets/images/nav-sub-tile.gif) no-repeat 0 0; }

/* bg position */
body.services_maintenance #nav ul.subnav li.subnav_maintenance a,
body.services_carpet #nav ul.subnav li.subnav_carpet a,
body.services_window #nav ul.subnav li.subnav_window a,
body.services_unit #nav ul.subnav li.subnav_unit a,
body.services_tile #nav ul.subnav li.subnav_tile a,
#nav li.nav_services ul.subnav li a:hover { background-position: 0 -18px !important; }



/*//	=CONTENT */

#content { 
	clear: both;
	border-bottom: 1px solid #fff;
	}
h2 {
	margin-bottom: 1.2em;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	text-indent: -999em;
	}
h2 span { color: #aca978; }
/* page specific headers */
body#home h2 { color: #78a644; background: url(/assets/images/title-home.gif) no-repeat 0 0; height: 40px; }
body#company h2 { color: #c29d40; background: url(/assets/images/title-company.gif) no-repeat 0 0; }
body#services h2 { color: #4a95af; background: url(/assets/images/title-services.gif) no-repeat 0 0; }
body.services_maintenance h2 { color: #4a95af; background: url(/assets/images/title-services-maintenance.gif) no-repeat 0 0 !important; }
body.services_carpet h2 { color: #4a95af; background: url(/assets/images/title-services-carpet.gif) no-repeat 0 0 !important; }
body.services_window h2 { color: #4a95af; background: url(/assets/images/title-services-window.gif) no-repeat 0 0 !important; }
body.services_unit h2 { color: #4a95af; background: url(/assets/images/title-services-unit.gif) no-repeat 0 0 !important; }
body.services_tile h2 { color: #4a95af; background: url(/assets/images/title-services-tile.gif) no-repeat 0 0 !important; }
body#references h2.ref { color: #df7f3e; background: url(/assets/images/title-references.gif) no-repeat 0 0; }
body#references h2.aff { color: #df7f3e; background: url(/assets/images/title-affiliations.gif) no-repeat 0 0; }
body#jobs h2 { color: #7d8fae; background: url(/assets/images/title-jobs.gif) no-repeat 0 0; }
body#contact h2 { color: #af6f4a; background: url(/assets/images/title-contact.gif) no-repeat 0 0; }

.col { float: left; }
.col_left {
	margin: 30px 25px 0 54px;
	width: 403px;
	}
.col_left img {
	margin: 20px 20px 0 0;
	}
.col_right {
	margin: 30px 0 0 0;
	width: 221px;
	}
/* page specific columns */
body#references .col_left,
body#references .col_right { width: 300px;}

#content h3 { margin-top: 3em; font-weight: bold; }
#content h3 { color: #4a95af; }
#content ul {
	margin: .5em 0 1.5em 0;
	}
#content ul li {
	list-style: disc;
	margin-left: 12px;
	padding-left: 4px;
	}
#content blockquote { margin-bottom: 10px; font-weight: bold; }
#content p.cite { font-size: 9px; line-height: 12px; font-weight: bold; }
body#home #content blockquote,
body#home #content p.cite { color: #78a644; }
body#services #content blockquote,
body#services #content p.cite { color: #4a95af; }
body#references #content blockquote,
body#references #content p.cite { color: #df7f3e; }
body#contact #content blockquote,
body#contact #content p.cite { color: #af6f4a; }

body#company .col_right p.cite { color: #c29d40; }

.top { padding-top: 1.5em; }
.top a {
	display: block;
	text-indent: -999em;
	background: url(/assets/images/top.gif) no-repeat 0 0;
	height: 9px;
	}
* html body .top { height: 9px; overflow:hidden; }
.top a:hover {
	background-position: 0 -9px;
	}



/*//	=FOOTER */

#footer {
	clear: both;
	padding: 5px 0 20px 54px;
	border-bottom: 7px solid #fff;
	}
/* page specifc footer styles */
body#home #footer { border-color: #78a644; }
body#company #footer { border-color: #c29d40; }
body#services #footer { border-color: #4a95af; }
body#references #footer { border-color: #df7f3e; }
body#jobs #footer { border-color: #7d8fae; }
body#contact #footer { border-color: #af6f4a; }