/*  
 * CSS for Vancouver-Cleaning.com
 * Author: Evgueni Naverniouk, evgueni@globexdesigns.com
 * Copyright: 2010 Globex Designs, Inc. All Rights Reserved.
 *
 * All style attributes in alpha-numeric order starting from 0
 *
 */

/* GLOBAL STYLES */

* {outline: none}

html, body {
	background: #FFF url(../img/header.png) repeat-x top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

h2 {
	color: #235316;
	font-size: 18px;
	font-weight: normal;
}


p {
	color: #111;
	line-height: 160%;
}

label {
	cursor: pointer;
	font-weight: bold
}

input {
	background: #FFF url(../img/input-text.gif) repeat-x;
	border: 1px solid #FFF;
	color: #333;
	font-size: 14px;
	margin: 0;
	-moz-border-radius: 3px;
	padding: 3px 4px;
	-webkit-border-radius: 3px;
}

	.textinput, .textareainput {
		border: 1px solid #999;
		display: inline-block;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	input:hover {background-position: 0 -4px}
	
	input:focus {
		border: 1px solid #FE6;	
		color: #000;
		outline: auto 5px -webkit-focus-ring-color;
	}
	
	textarea {
		background: #FFF url(../img/button.gif) repeat-x 0 -18px;
		border: 1px solid #FFF;
		color: #333;
		margin: 0 auto;
		-moz-border-radius: 3px;
		padding: 2px 4px;
		-webkit-border-radius: 3px;
		width: 100%;	
	}


ul,ol,li
{
margin:0px;
padding:0px;
}

.float-left
{
float:left;
}

p h1
{
display:inline;
font-size:12px;
}

p h2
{
display:inline;
font-size:15px;
}

p h3
{
display:inline;
font-size:17px;
}

.float-left h1
{
display:inline;
font-size:12px;
}

.float-left h2
{
display:inline;
font-size:15px;
}

.float-left h3
{
display:inline;
font-size:17px;
}



	
.button-w {
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	.button {
		background:	url(../img/button.gif) repeat-x;
		border: 1px solid #FFF;
		color: #3C3C3C;
		cursor: pointer;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		height: 26px;
		line-height: 26px;
		margin: 0;
		-moz-border-radius: 4px;
		padding: 0 15px;
		text-decoration: none;
		text-shadow: #FFF 0 1px 1px;
		-webkit-border-radius: 4px;
	}
		
		.button:hover, .button:focus {background-position: bottom}
		button.button, input.button {padding-bottom: 2px}

.error, .notice, .success {
	font-size: 12px;
	-moz-border-radius: 6px;
	padding: 2px;
	text-align: center;
	-webkit-border-radius: 6px;
}

.error {
	background: #FBE3E4;
	border: 2px solid #FBC2C4;
	color: #8A1F11;
}

.notice {
	background: #FFF6BF;
	border: 2px solid #FFD324;
	color: #514721;
}

.success {
	background: #E6EFC2;
	border: 2px solid #C6D880;
	color: #264409;
}

/* TEMPLATE STYLES */

#Wrapper {
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
	min-height: 100%;
	text-align: left;
	width: 1000px;
}

	#Header {
		height: 280px;
		position: relative;
	}
	
		#Logo {
			background:	url(../img/logo.png) no-repeat;
			cursor: pointer;
			height: 38px;
			left: 0;
			position: absolute;
			text-indent: -9999px;
			top: 4px;
			width: 420px;
		}
		
			#Logo:hover, #Logo:focus, #Logo:active {opacity: 0.9}
		
		#Nav {
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 0;
			top: 22px;
		}
		
			#Nav li {display: inline-block}
			
				#Nav a {
					background: url(../img/nav.png) no-repeat;
					color: #FFF;
					display: block;
					font-size: 14px;
					font-weight: bold;
					height: 36px;
					line-height: 36px;
					text-align: center;
					text-decoration: none;
					text-shadow: #54731A 0 1px 1px;
					width: 125px;
				}
				
					#Nav a:hover, #Nav a:focus, #Nav a:active {background-position: -130px 0}

		#Teaser {
			background: url(../img/teaser.png) no-repeat;
			bottom: 0;
			height: 200px;
			left: 0;
			position: absolute;
			right: 0;
		}
		
			#Teaser ul {
				list-style: none;
				margin: 0;
				padding: 0;	
			}
			
			#BigNav {
				position: absolute;
				right: 20px;
				top: 20px;	
			}
			
				#BigNav a {
					display: block;
					height: 56px;
					margin: 0 0 8px;
					width: 294px;
				}
			
			#TeaserNavWhat {
				background: url(../img/teasernav1.png) no-repeat center center;
				bottom: 0;
				display: block;
				height: 44px;
				left: 0;
				position: absolute;	
				width: 145px;
			}

			#TeaserNav {
				background: url(../img/teasernav.png) repeat-x 0 -44px;
				bottom: 0;
				height: 44px;
				left: 156px;
				position: absolute;
				right: 11px;
			}
			
				#TeaserNav li {float: left}
				
					#TeaserNav a {
						display: block;
						height: 43px;
						margin: 1px 0 0;
						width: 165px;	
					}
			
				#TeaserNavComm {
					background: url(../img/teasernav2.png) no-repeat center center;
					border-right: 1px solid #BFA100;
				}
				
				#TeaserNavRes {
					background: url(../img/teasernav3.png) no-repeat center center;
					border-left: 1px solid #8C6300;
				}
			
			#TeaserNavL, #TeaserNavR {
				background: url(../img/teasernav.png) no-repeat;
				bottom: 0;
				height: 44px;
				position: absolute;
				width: 11px;
			}
			
			#TeaserNavL {left: 145px}
			#TeaserNavR {background-position: -11px 0;right: 0}
			
	.content {
		background: #EAEAEA url(../img/content.png) repeat-x;
		-moz-border-radius: 0 0 12px 12px;
		-webkit-border-radius: 0 0 12px 12px;
	}
	
		#SidebarMenu {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0 0 20px;
			width: 267px;
		}
		
			#SidebarMenu a {
				border-bottom: 1px solid #AEAEAE;
				color: #3B3B3B;
				display: block;
				font-size: 14px;
				font-weight: bold;
				height: 35px;
				line-height: 34px;
				text-decoration: none;
				text-indent: 10px;
				text-shadow: #FFF 0 1px 1px;
			}
			
				#SidebarMenu a:hover, #SidebarMenu a:focus {background: #E0E0E0}
			
			#SidebarMenu .on a {
				background: url(../img/sidebarnav.png) no-repeat;
				border: 0;
				color: #FFF;
				text-shadow: #333 0 1px 1px;	
			}
			
		#SidebarContent {padding: 10px 20px 10px 287px}
		
	#Testimonials {margin: 20px 0}
	
		#Testimonials ul {
			background: #EAEAEA;
			list-style: none;
			margin: 0;
			-moz-border-radius: 12px;
			padding: 0;
			-webkit-border-radius: 12px;
		}
		
			#Testimonials li {
				display: inline-block;
				margin: 0 -3px 0 0;
				-moz-border-radius: 12px;
				-webkit-border-radius: 12px;
				width: 25%;
			}
			
			#Testimonials .alt {background: #E1E1E1}
			
				#Testimonials p {
					margin: 8px 16px;
					padding: 0;	
				}
				
				#Testimonials .name {
					font-weight: bold;
					margin-bottom: 0;
					text-align: right;
				}
				
				#Testimonials .company {
					font-style: italic;
					margin-top: 0;
					text-align: right;	
				}

#FooterPush {clear:both;height: 100px}
		
#Footer {
	background: #FFF url(../img/header.png) repeat-x top center;
	height: 80px;
	padding: 10px 0;
}

	#FooterNav {
		background: url(../img/footernav.png);
		margin: 12px auto;
		-moz-border-radius: 12px;
		padding: 12px;
		text-align: center;
		-webkit-border-radius: 12px;
		width: 1000px;
	}
	
		#Footer ul {
			list-style: none;
			margin: 0 auto;
			padding: 0;
		}
		
			#Footer li {
				color: #FFF;
				display: inline;
				padding: 0 4px;
			}
			
				#Footer li a {
					color: #FFF;
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
					text-shadow: #374F26 0 1px 1px;
				}
				
		#Footer p {
			color: #EEE;
			font-size: 11px;
			margin: 0;
		}
		
			#Footer p a {
				color: #FFF;
				text-decoration: none;
			}
			
				#Footer a:hover, #Footer a:focus {text-decoration: underline}
				
/* ESTIMATE PAGE */

#Estimate {padding: 10px 25px}

	#Estimate table {
		margin: 0 auto;
		width: 500px;
	}
	
		#Estimate .hr {padding: 4px}
	
		#Estimate .textinput {width: 400px}
		#Estimate .textareainput {width: 490px}
		
		#Estimate input {width: 390px}
		#Estimate textarea {height:150px;width: 480px}
		
		#Estimate .button-w {float:right}
		#Estimate .button {width: 120px}
		


.main {
	font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: medium;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.small {
border-bottom: 1px solid #AEAEAE;
				color: #660;
				display: block;
				font-size: 16px;
				font-weight: bold;
				height: 35px;
				line-height: 34px;
				text-decoration: none;
				text-indent: 10px;
				text-shadow: #FFF 0 1px 1px;
	
}