/* CSS Document */

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

body {
	background: url(../../images/main_bg.jpg) repeat-x #fff;
	text-align: center;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana;
	color: #0f3728;
	margin-top: 0px;
}

	a:link{
		color: #ffffff;
		text-decoration: none;
	}

		a:visited{
			color: #ffffff;
			text-decoration: none;
		}
		
			a:active{
				color: #ffffff;
				text-decoration: none;
			}

				a:hover{
					color:#ffffff;
					text-decoration: underline;
				}
	
	h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bolder;
		color: #0f3728;
		text-transform: uppercase;
		font-size:  1.2em;
	}
	
	h3 {
		text-align: center;
		font-weight: bold;
		font-size: 1.7em;
	}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	position: relative;
	width: 760px;
	/* Mozilla Firefox Centre Align Fix */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background: #fff;
}

	#header {
		height: 154px;
		width: 760px;
		padding: 0px;
		margin: 0px;
		border-bottom: #FFFFFF solid 4px;
		background: url(../../images/header.jpg) no-repeat;
	}
	
		#header-cta {
			width: 600px;
			position: absolute;
			z-index: 1;
			right: 15px;
			top: 30px;
		}
		
			#header-cta p {
				margin: 0px;
				padding: 0px;
				color: #fae81f;
				font-size: 1.6em;
				line-height: 1.4em;
				text-align: right;
			}
				
				#header-cta p.headerTel {
					color: #ccc;
				}
				
					#header-cta p span {
						color: #fff;
						font-weight: bold;
						font-size: 1.8em;
					}

	#navHolder {
		clear: both;
		text-align: center;
		height: 30px;
		width: 760px;
		border-top: solid 1px #95459a;
		border-bottom: solid 1px #95459a;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	#banner {
		padding-top: 10px;
		width: 760px;
	}

		#contentLeft {
			float: left;
			width: 490px;
		}

			#contentLeftText {
				padding-left: 63px;
				text-align: justify;
			}
			
				#contentLeftText a {
					color: #0f3728;
				}

		#contentRight {
			width: 172px;
			border-left: #fff solid 16px;
			float: right;
			background: #fff;
			padding-right: 30px;
		}

	#footer {
		clear: both;
		text-align: right;
		background: url(../../images/footer.gif) #95459a repeat-x;
		padding-top: 10px;
		padding-right: 26px;
		padding-bottom: 10px;
		font-size: 0.8em;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		border-top: 10px solid #fff;
	}

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

#navigation {

}

	#navigation ul {
	  margin-top: 1px;
	  padding-left: 2px;
	  list-style: none;
	  padding-top: 5px;
	  padding-bottom: 3px;
	}

		#navigation li {
			display: inline;
			margin: 0px;
			padding: 0px;
		}

	#navigation a {
		background: #fff;
		margin-right: 3px;
		text-decoration:none;
		padding: 7px;
		font-weight: bold;
		color: #004785;
	}
	
		#navigation a:hover {
			background: #004785;
			margin-right: 3px;
			text-decoration:none;
			padding: 7px;
			font-weight: bold;
			color: #fff;
		}

/* CTA Star Styles
--------------------------------------------------------------- */

	#ctaStar {
		width: 130px;
		height: 100px;
		float: right;
		padding: 30px 0px 0px 0px;
		margin: 0px 0px 5px 10px;
		background: url(../../images/cta-star.jpg) no-repeat;
	}
	
		#ctaStar p {
			color: #fff;
			padding: 0px;
			margin: 0px;
			font-size: 3.2em;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			line-height: 0.9em;
		}

/* Class Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.subheader{
	background: url(../../images/subheader.jpg) no-repeat;
	padding-top: 14px;
	padding-left: 70px;
	height: 32px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	color: #0f3728;
	margin-left: 37px;
}

	#dynamic-cta {
		width: 759px;
		height: 121px;
		float: left;
		position: relative;
	}
	
		#index #dynamic-cta,
		#contact #dynamic-cta {
			background: url(../../images/cta-banner-images/index-cta-bg.jpg) no-repeat;
		}
		
		#carpet #dynamic-cta {
			background: url(../../images/cta-banner-images/carpet-cleaning-cta-bg.jpg) no-repeat;
		}
		
		#commercial #dynamic-cta {
			background: url(../../images/cta-banner-images/commercial-cta-bg.jpg) no-repeat;
		}
		
		#leather #dynamic-cta {
			background: url(../../images/cta-banner-images/leather-cta-bg.jpg) no-repeat;
		}
		
		#upholstery #dynamic-cta {
			background: url(../../images/cta-banner-images/upholstery-cta-bg.jpg) no-repeat;
		}
		
		#testimonials #dynamic-cta {
			background: url(../../images/cta-banner-images/testimonials-cta-bg.jpg) no-repeat;
		}
		
			#dynamic {
				position: absolute;
				top: 20px;
				left: 60px;
				z-index: 100;
				color: #f7f93e;	
			}
			
			#dynamic2 {
				position: absolute;
				top: 22px;
				left: 62px;
				z-index: 10;
				color: #000;	
			}
			
				.dynamic-number {
					font-size:52px;
					letter-spacing: -2px;
					font-weight: bold;
					display: block;
					line-height: 48px;
				}
		
					.dynamic-strap {
						font-size: 18px;
						font-weight: bold;
						display: block;
						line-height: 14px;
						padding: 0px 0px 6px;
						padding-left: 2px;
						margin-top: 0px;
					}
		
						.yellow {
							color: #f7f93e;
						}
						
						.red {
							color: #0faaff;
						}
						
						.purple {
							color: #fff;
						}
						
/* Contact Table Styles
--------------------------------------------------------------- */

div#form {
	float: left;
	padding: 0px 0px 0px 10px;
}

	div#form form.formular {
		width: 350px;
	}

		div#form form.formular fieldset {
			margin: 0px 0px 5px 0px;
			padding: 0px 15px 10px 15px;
			border: 1px solid #ccc;
		}

		div#form form.formular fieldset.botBuster,
		div#callbackform #callbackBotBuster {
			display: none;
		}

			div#form form.formular legend {
				font-size: 1.4em;
				color: #000;
				font-weight: bold;
				padding: 0px 5px 0px 5px;
				background: #fff;
			}

			div#form form.formular input, div#form form.formular select, div#form form.formular textarea {
				margin-bottom: 0px;
			}
			
			div#form form.formular label {
				display: block;
				padding: 5px 0px;
			}
			
				div#form form.formular label span {
					width: 110px;
					float: left;
					padding: 10px 0px 0px 0px;
				}
			
				div#form form.formular fieldset.ourServices label {
					padding: 5px 0px;
				}

		div#form form.formular .text-input, div#form form.formular .dropdown, div#form form.formular #textarea {
			width: 300px;
			color: #555;
			padding: 5px;
			border: 1px solid #ccc;
			margin-top: 4px;
			background: #FFF;
		}

			div#form form.formular #textarea {
				height: 40px;
			}

#form #errors {
	font-size:1.1em;
	color: #FF8200;
	font-weight: bold;
}

	#form #errors li {
	background: url(../../images/form-error.jpg) no-repeat left center;
	list-style: none;
	padding: 5px 0px 5px 30px;
	}
	
	#form .required {
		color: #ff0000;
		font-style: italic;
	}