/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/layout/body-bg.png) top repeat-x #fff;
	margin: 0px;
}

a:link, a:visited, a:focus {
	color: #304b86;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

	a.link-box {
		padding: 8px 15px;
		background-color:#F4F4F4;
		border: solid 1px #CCC;
		text-decoration: none;
	}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1 {
	font-size: 2.4em;
	font-weight: normal;
	color: #304b86;
	margin-bottom:13px;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #304b86;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #304b86;
}

/* Container Styles
--------------------------------------------------------------- */

#outerContainer {
	width: 100%;
	float: left;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 960px;
		background: #fff;
		border-top: 440px solid #fff;
	}
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: right;
			width: 700px;
			padding: 0px 10px 30px 10px;
		}
		
			#main p {
				margin: 10px 0px 10px 0px;
				font-size: 1.2em;
				line-height: 20px;
			}
			
			#main ul {
				padding: 3px 0px 3px 20px;
				
			}
			
				#main ul li {
					padding: 5px 0px 4px 35px;
					font-size: 1.2em;
					line-height:20px;
					list-style: none;
					background: url(../../images/misc/tick.jpg) left no-repeat;
				}
				
							.partners a {
								display:inline-block;
								border: solid 1px #ccc;
								margin: 5px;
							}
														
						a#demont {
							height:200px;
							width:200px;
							background:url(../../images/imgcontent/demont-sq.jpg) 0px 0px no-repeat;
						}
						
							a#demont:hover {
								background:url(../../images/imgcontent/demont-sq.jpg) 0px -200px no-repeat;
							}
						
						a#derby {
							height:200px;
							width:200px;
							background:url(../../images/imgcontent/derby-sq.jpg) 0px 0px no-repeat;
						}
						
							a#derby:hover {
								background:url(../../images/imgcontent/derby-sq.jpg) 0px -200px no-repeat;
							}
							
						a#nhs {
							height:200px;
							width:200px;
							background:url(../../images/imgcontent/nhs-sq.jpg) 0px 0px no-repeat;
						}
						
							a#nhs:hover {
								background:url(../../images/imgcontent/nhs-sq.jpg) 0px -200px no-repeat;
							}

						a#hilton {
							height:200px;
							width:200px;
							background:url(../../images/imgcontent/hilton-sq.jpg) 0px 0px no-repeat;
						}
						
							a#hilton:hover {
								background:url(../../images/imgcontent/hilton-sq.jpg) 0px -200px no-repeat;
							}

				
				#sitemap #main ul li,
				#error #main ul li {
					padding: 4px 0px 4px 5px;
					font-size: 1.2em;
					list-style: disc;
					background: none;
				}
								
			#map {
				width: 280px;
				height: 260px;
				float: left;
				margin: 15px 0px 10px 0px;
				border: 1px solid #304b86;
			}
			
 
/* Sidebar/ CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: left;
			width: 220px;
			padding: 0px 10px 15px 10px;
		}
			
			#sb-cta-areas {
				width: 220px;
				float: left;
				display: inline;
				border-bottom: 15px solid #fff;
				background: url(../../images/layout/sb-cta-areas-bg.png) repeat-y;
			}
			
				#sb-cta-areas-top {
					width: 220px;
					float: left;
					min-height: 20px;
					height: auto !important;
					height: 20px;
					padding: 165px 0px 0px 0px;
					text-align: center;
					background: url(../../images/layout/sb-cta-areas-top-bg.jpg) no-repeat;
				}
				
					#sb-cta-areas-top p {
						color: #fff;
						font-size: 1.2em;
						cursor: pointer;
						font-weight: bold;
					}
					#sb-cta-areas-top p span {
						display:block;
					}
					
					/* SANDY EDIT
					#sb-cta-areas-top ul.slidedown {
						padding: 10px 0px 5px 55px;	
					}
					
						#sb-cta-areas-top ul.slidedown li {
							color: #304b86;
							font-size: 1.3em;
							text-align: left;
							padding: 2px 0px 2px 20px;
							list-style: none;
							background: url(../../images/layout/sb-cta-areas-tick.png) left no-repeat;
						}
					*/
					#sb-cta-areas-top ul.slidedown {
						padding: 15px 0px 10px 10px;
						margin:0;
					}
					
						#sb-cta-areas-top ul.slidedown li {
							width:85px;
							display:block;
							float:left;
							color: #304b86;
							font-size: 1.0em;
							text-align: left;
							margin:0;
							padding: 2px 0px 2px 17px;
							list-style: none;
							background: url(../../images/layout/sb-cta-areas-tick.png) top left no-repeat;
						}
						#sb-cta-areas-top ul.slidedown li.areabreak {
							border-top:15px #EAEDF3 solid;
						}
				
				#sb-cta-areas-bottom {
					width: 220px;
					height: 9px;
					float: left;
					background: url(../../images/layout/sb-cta-areas-bottom-bg.jpg) no-repeat;
					font-size:1px;
				}
			
			#sb-cta-fast {
				width: 220px;
				height: 41px;
				float: left;
				padding: 201px 0px 0px 0px;
				display: inline;
				border-bottom: 15px solid #fff;
				background: url(../../images/layout/sb-cta-fast-bg.jpg) no-repeat;
			}
			
				#sb-cta-fast p,
				#sb-cta-areas-bottom p,
				#sb-cta-convinced p {
					color: #fff;
					text-align: center;
					font-size: 1.3em;
					line-height: 1.0em;
				}
				
					#sb-cta-areas-bottom p#showMap {
						cursor: pointer;
					}
				
			#sb-cta-convinced {
				width: 220px;
				height: 35px;
				float: left;
				padding: 207px 0px 0px 0px;
				display: inline;
				border-bottom: 15px solid #fff;
				background: url(../../images/layout/sb-cta-convinced-bg.jpg) no-repeat;
			}
			
			#index #sb-cta-convinced {
				display: none;	
			}
			
			#services #sb-cta-fast,
			#services-carpet-cleaning #sb-cta-fast,
			#services-steam-cleaning #sb-cta-fast,
			#services-leather-cleaning #sb-cta-fast,
			#services-carpet-protection #sb-cta-fast,
			#services-upholstery-cleaning #sb-cta-fast,
			#services-rug-cleaning #sb-cta-fast,
			#services-stain-removal #sb-cta-fast,
			#services-stain-protection #sb-cta-fast,
			#commercial-cleaning #sb-cta-fast,
			#commercial-carpet-cleaning #sb-cta-fast,
			#commercial-upholstery-cleaning #sb-cta-fast,
			#commercial-builders-clean #sb-cta-fast,
			#commercial-graffiti #sb-cta-fast,
			#fire-flood-restoration #sb-cta-fast,
			#estimate #sb-cta-fast,
			#contact #sb-cta-fast,
			#about #sb-cta-fast,
			#guarantee #sb-cta-fast,
			#sitemap #sb-cta-fast,
			#testimonials #sb-cta-fast {
				display: none;	
			}
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 940px;
	height: 132px;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	padding: 0px 10px 0px 10px;
}

	#logo {
		width: 336px;
		height: 132px;
		float: left;
	}
	
	#cta-top-right {
		width: 590px;
		float: right;
		text-align: right;
	}
	
		#cta-top-right p {
			float: right;
			padding: 7px 10px 0px 0px;
			color: #687f6d;	
			font-size: 2.2em;
			font-weight: bold;
			line-height:0.9em;
		}
		
		#cta-top-right a.estimate {
			width: 235px;
			height: 36px;
			padding: 5px 0px 0px 18px;
			display: block;
			float: right;
			text-decoration: none;
			text-align: left;
			font-size: 2.0em;
			font-weight: bold;
			color: #fff;
			background: url(../../images/layout/top-right-cta-link-bg.png) no-repeat;
		}
		
			#cta-top-right a.estimate:hover {
				color: #bababa;
			}

/* Header Navigation Styles
--------------------------------------------------------------- */

	#header-nav {
		width: 353px;
		height: 26px;
		float: right;
		display: inline;
		margin: 0px 0px 24px 0px;
		background: #eaedf3;
	}
				  
		#header-nav ul li a {
			float: left;
			color: #304b86;
			padding: 3px 0px 0px 17px;
			text-decoration: none;
			font-size: 1.3em;
			font-weight: bold;
		}
		
		#header-nav ul li a:hover {
			color: #955593;	
		}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 960px;
	height: 27px;
	padding: 8px 0px 0px 0px;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 132px;
	border-top: 1px solid #bf99be;
	background: #955593;
}

	#navigation ul,
	#header-nav ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation ul li,
		#header-nav ul li,
		.hbar-bucket ul li,
		#hbar-nav ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				height: 20px;
				float: left;
				color: #fff;
				padding: 0px 18px 0px 18px;
				text-decoration: none;
				font-size: 1.3em;
				font-weight: bold;
				border-right: 2px solid #eaedf3;
			}
				
				#navigation ul li a.index-a {
					padding: 0px 20px 0px 10px;
				}
				
				#navigation ul li a.contact-a {
					border-right: none;
					padding: 0px 0px 0px 20px;
				}

				#navigation ul li a:hover,
				#services-sub-nav ul li a:hover,
				#commercial-sub-nav ul li a:hover {
					color: #b1cbff;
				}
							

/* Sub Navigation Styles
--------------------------------------------------------------- */

#services-sub-nav {
	width: 160px; /* 144px */
	padding: 0px 10px 10px 10px;
	z-index: 100;
	position: absolute;
	left: 78px; /* 43px */
	top: 168px;
	display: none;
	background: url(../../images/misc/sub-nav-bg.png) top repeat-x #955593; /* #955593 */
}

	#services-sub-nav ul,
	#commercial-sub-nav ul {
		margin: 0px;
		padding: 0px;
	}
	
		#services-sub-nav ul li,
		#commercial-sub-nav ul li {
			display: inline;
			list-style: none;
		}
			  
			#services-sub-nav ul li a,
			#commercial-sub-nav ul li a {
				float: left;
				width: 160px; /* 144px */
				color: #fff;
				text-decoration: none;
				padding: 5px 0px 5px 0px;
				font-size: 1.1em; /* 1.3em */
				font-weight: bold;
				text-align: left; /* center */
				border-bottom: 1px solid #DFC3DE; /* #eaedf3 */
			}
			#commercial-sub-nav ul li a {
				width: 188px; /* Overwrites above */
			}
			
			#services-sub-nav ul li a.lastLink,
			#commercial-sub-nav ul li a.lastLink {
				border: none;
				padding: 5px 0px 0px 0px;
			}
			
#commercial-sub-nav {
	width: 188px; /* 144px */
	padding: 0px 10px 10px 10px; /* 0px 29px 10px 29px; */
	z-index: 100;
	position: absolute;
	left: 178px; /* 173px */
	top: 168px;
	display: none;
	background: url(../../images/misc/sub-nav-bg.png) top repeat-x #955593; /* #955593 */
}

.servicesSubNav #navigation ul li a.services-a {color: #fdf7a1;}
.commercialSubNav #navigation ul li a.commercial-cleaning-a {color: #fdf7a1;}

/* Header Bar and Bucket Styles
--------------------------------------------------------------- */

#header-bar {
	width: 960px;
	height: 238px;
	position: absolute;
	z-index: 10;
	top: 183px;
	left: 0px;
}

	.hbar-bucket {
		width: 300px;
		height: 238px;
		float: left;
		display: inline;
		margin: 0px 10px 0px 10px;
		color: #955593;
		background: #eaedf3;
	}
	
	.hbar-bucket2 {
		background: url(../../images/layout/hbar-bucket2-bg.png) bottom left no-repeat #eaedf3;	
	}
	
		.hbar-bucket img {
			float: right;	
		}
		
		.hbar-bucket a.bucketHeading {
			width: 140px;
			color: #955593;
			text-decoration: none;
			font-size: 1.5em;
			padding: 10px 0px 10px 10px;
			float: left;
		}
		
			.hbar-bucket a:hover.bucketHeading,
			.hbar-bucket ul li a:hover,
			#hbar-nav ul li a:hover {
				color: #557595;
			}
		
		.hbar-bucket ul {
			margin: 0px;
			padding: 0px 0px 0px 10px;
		}
			
			.hbar-bucket ul li a {
				float: left;
				text-decoration: none;
				color: #955593;
				font-size: 1.2em;
				padding: 2px 0px 2px 15px;
				background: url(../../images/layout/bucketLinkArrow.png) left no-repeat;
			}
			
	#hbar-nav {
		width: 220px;
		height: 238px;
		float: left;
		display: inline;
		margin: 0px 10px 0px 10px;
		background: url(../../images/layout/hbar-nav-bg.png) no-repeat;
	}
	
		#hbar-nav ul {
			margin: 0px;
			padding: 10px 0px 0px 15px;
		}
			
			#hbar-nav ul li a {
				width: 170px;
				float: left;
				text-decoration: none;
				color: #955593;
				font-size: 1.2em;
				padding: 4px 0px 4px 15px;
				border-bottom: 1px solid #d7dce8;
				background: url(../../images/layout/bucketLinkArrow.png) left no-repeat;
			}
			
				#hbar-nav ul li a.lastLink {
					border: none;	
				}
	
	#hbar-mainimg {
		float: left;
		display: inline;
		margin: 0px 10px 0px 10px;
	}
	
	#hbar-cta {
		width: 220px;
		height: 40px;
		float: left;
		display: inline;
		padding: 198px 0px 0px 0px;
		margin: 0px 10px 0px 10px;
		background: url(../../images/layout/hbar-cta1-bg.jpg) no-repeat;
	}
	
		#hbar-cta p {
			color: #fff;
			text-align: center;
			font-size: 1.3em;
			line-height: 1.0em;	
		}

/* Footer Styles
--------------------------------------------------------------- */

#outerFooter {
	float: left;
	width: 100%;
	border-top: 3px solid #955593;
	background: #eaedf3;
}

#footer {
	clear: both;
	width: 960px;
	color: #304b86;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	font-size: 1.2em;
}

	#footer h2 {
		font-weight: bold;
		margin: 0px;
		color: #955593;
		padding: 3px 5px 10px 5px;
		font-size: 1.4em;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer p, #footer ul {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		white-space: nowrap;
		color: #304b86;
		text-decoration: none;
	}
		
		#footer a:hover {
			text-decoration: underline;
		}

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-links,
	#footer #footer-services,
	#footer #footer-commercial {
		float: left;
		width: 245px;
		margin: 0px;
	}
	
		#footer #footer-links ul li,
		#footer #footer-services ul li,
		#footer #footer-commercial ul li {
			float: left;
		}
	
			#footer #footer-links ul li a,
			#footer #footer-services ul li a,
			#footer #footer-commercial ul li a {
				float: left;
				width: 190px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
				
/* Footer Help & Advice
--------------------------------------------------------------- */	

	#footer #footer-help {
		float: right;
		width: 220px;
	}
	
		#footer #footer-help h2 {
			width: 175px;
		}
		
			#footer #footer-help ul li {
				float: left;
			}
					
			#footer #footer-help ul li a {
				float: left;
				width: 190px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
		#footer #footer-help p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-help .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 960px;
		float: left;
		display: inline;
		margin: 15px 0px 10px 0px;
		text-align: left;
	}
	
		#footer #footer-bottom img {
			float: right;	
		}
		
		#footer #footer-bottom p.topLine {
			padding: 7px 0px 0px 0px;	
		}

/* Float Styles
--------------------------------------------------------------- */

.left, .img-left {
	float: left;
}

	.img-left {
		margin: 15px 20px 10px 0px;
	}

.right, .img-right {
	float: right;
} 

	.img-right {
		margin: 10px 0px 10px 10px;
	}	
	
	.greenclean-img-right {
		float:left;
		padding: 10px 20px 10px 5px;
		
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}
.nolinkstyle {
	color:#000 !important;
	text-decoration:none !important;
}