/* PROGRESSIVE PAINTING INC. CSS Framework */
/* Copyright 2010, All Rights Reserved */


/* Universal Elements */		

	html {background: #d9d9d9;}
	h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0;line-height:1em;}	
	h1{font-size:2em; margin-bottom:1.75em; font-family:Georgia, "Times New Roman", Times, serif; color:#253a56}	
	h1#home {margin-bottom:.5em;}
	/*h1#sub {font-size:1.75em;margin:3.35em 0 .5em;color:#000;text-align:left;}*/
	.sub {margin:7.2em 0 .5em;}
	.subpage .clL h1 {margin-bottom:.5em;font-size:1.75em;color:#000;text-align:left;}
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
	h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0 0 0 .5em;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	ul {list-style-image:url(/images/bullet.gif);}
	li{margin:0 0 .3em 2.25em;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{text-transform:uppercase;border-bottom:1px dotted #000;letter-spacing:1px;}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	form ul {margin:0; padding:0}
	form ul li {list-style:none; margin:10px 0; padding:0; clear:both}
	label{display:block; width:120px; padding:3px 0; float:left; line-height:1 }
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}


/* Common */		
	
	.left{float:left;display:inline;margin-right:1em;}
	.right{float:right;display:inline;margin-left:1em;}
	.center{text-align:center;}
	.pright {text-align:right}
	.clear{clear:both;}
	.clL {clear:left}
	.clR {clear:right}
	.first{padding-left:0 !important; border-left:0 !important; margin-left:0 !important}
	.last{padding-right:0 !important; border-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden{display:none;}
	.graphic{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
	.topdot {border-top:1px dotted #ddd; padding-top:20px}
	
	
/* Typography */
	
	body, table, input, textarea, select, li, button{font:1em Verdana, Geneva, Sans-Serif;line-height:1.5em;color:#333;}		
	body{font-size:13px;background:#fff;margin:0;padding:0;text-align:center;}	
		
	a, a:visited{text-decoration:none;color:#385881;}
	a:hover{color:#d55f2c;position:relative; top:1px;left:1px;}
	
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{margin-left:2em;padding-left:2em;border-left:1px solid #ccc;}
	blockquote{margin-left:2em;border-left:1px solid #ccc;font-style:italic;}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	
	fieldset{border:1px solid #ccc;padding:1em 2em;margin:0 0 1.5em 0;}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}
	form div.first{clear:both;}
	form div{overflow:hidden;}
	input[type="text"], input[type="password"], textarea, .field, .area, select{border:1px solid #aaa;padding:5px;background:#fff;width:300px;line-height:1em;margin:0;}
	select {width:312px;}
	textarea, .area {overflow:auto; height:150px; width:300px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus {background:#f5f5f5;outline:none;}
	button{border:none;background:#555;color:#fff;padding:0 2.5em;height:2em;line-height:2em;cursor:pointer;}
	#sage_tooltip{border:1px solid #e1e1e1;padding:2px 10px;background:#f5f5f5;}
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	.pullquote{width:20%;float:left;margin-right:2em;padding-right:2em;border-right:1px solid #ccc;text-align:right;font-size:1.1em;font-style:italic;color:#777;margin-bottom:.5em;}
	.boxout{width:20%;float:right;margin-left:2em;padding:1em 2em;border:1px solid #ccc;margin-bottom:.5em;}



/* Layout */
	.container{margin:0 auto;width:960px;text-align:left;position:relative;}
	.inner{position:relative;}
	#header{position:relative;height:110px;}	
	#footer{position:relative;clear:both;}	
	.content{clear:both;padding:1em 0;}
	.main, .secondary, .tertiary, .quaternary{float:left;display:inline;}
	.main{width:448px;}
		#bannerimage {height:335px; overflow:hidden}
		#polaroid {margin-top:-10px}
	.secondary{width:220px;margin-left:35px;}
	.tertiary{width:200px; margin-left:55px;}
		#testimonial {color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; font-size:1.4em; line-height:1.4em}
		#testimonial span {color:#001531; font-family: "Times New Roman", Times, serif; font-size:1.6em; }
		#testimonial em {color:#001531; font-family:Verdana, Geneva, sans-serif; font-size:0.65em}
	.quaternary{}
	
	/* grid */
		.cols{clear:both} /* main column container class */
		.col{float:left;display:inline;	width:430px;margin-left:4%; /* 2 equal width columns layout - default */ }	
		.cols .col2 {width:476px; float:right}
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:23%;margin-left:12px; float:right} /* 4 equal width columns layout */
		.cols4 .col2{float:left; display:inline;width:430px;margin-left:0;} /* 4 equal width columns layout */

		.outline {padding:10px; border:1px solid #ddd; background-color:#eee; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:0.9em; line-height:1.49em; margin-bottom:10px}
		
		.halfL {float:left; display:inline; width:450px;}
		.halfR {float:right; display:inline; width:450px;}
				

/* Navigation */
	#nav {position:absolute;right:0;top:90px;}
	#nav, #nav ul, #nav li{margin:0;padding:0;list-style:none;}	
	#nav li{float:right;display:inline;position:relative;line-height:12px;height:12px;padding:0 0.8em;text-transform:uppercase;font-size:0.85em;border-left:1px solid #ddd}	
	#nav ul{position:absolute;left:0;top:32px;padding:5px 10px;width:auto;background:#fff;display:none;z-index:1000;}
	#nav ul li{float:none;display:block;}
	#nav .cta {line-height:23px;height:23px;margin-top:-4px}
		

/* Header */
	#logo{width:327px; height:103px; float:left; display:inline; margin-top:20px; margin-bottom:5px; margin-left:-20px}
	#headerContact {
	width:300px;
	height:59px;
	padding:12px 10px 0 0;
	margin-top:20px;
	position:absolute;
	right:0;
	top:0;
	background-image:url(../images/bg-roller.png);
	background-repeat:no-repeat;
	color:#FFF;
	text-align:right;
	font:1.2em Georgia, Times New Roman, Serif;
	line-height:1em
}
	#headerContact a, #headerContact a:visited {font: 0.7em Verdana, Geneva, sans-serif; color:#FFF}
	#headerContact a:hover {color:#7da9c9}


/* Banners */
	.homepage {background: #FFF url(../images/banner.jpg) center top repeat-x}
	.subpage {background: #FFF url(../images/banner2.jpg) center top repeat-x}
		.subpage h1 {color:#FFF; clear:both; text-align:right; width:100%;}
		.subpage h2 {font-family:Georgia, "Times New Roman", Times, serif}
		.subpage hr {height:1px; width:100%; border-bottom:1px solid #FFF}
		.subpage .content {padding-top:3px}
	.btnrq {padding-top:17px}
	.btnrq img {margin-bottom:10px}

/* Content */
	.content a, .content a:visited{text-decoration:none;border-bottom:1px solid #385881;}
	.content a:hover{border-bottom:1px solid #d55f2c;}
	a img {border:none; vertical-align:top;}

	
/* Footer */
	#footer {font-size:0.75em; line-height:1.2em; background-color:#d9d9d9; padding:20px 0; margin:0}
	#footer a, #footer a:visited{color:#444}
	#footer a:hover {color:#d55f2c}
	#MailingList input[type="text"], #MailingList .email {border:0;padding:5px;background:#fff;width:150px;line-height:0.6em;margin:0;height:19px;}
	#MailingList input[type="image"], .joinbutton {border:0;padding:0;margin:0;margin-bottom:-10px}

/* Clearfix */
	.inner:after, .content:after, .cols:after, .fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}


html fieldset {
position:relative;
margin-top:1em;
padding-top:.75em;
}

html legend {
position:absolute;
top:-10px;
left:.5em;
}

form {
margin:0;
padding:0;
}

form p {
margin:5px 0;
background:none;
}

form fieldset {
margin-right:auto;
margin-left:auto;
}

form em {
margin:0 0 0 2px;
font:8pt Arial;
}

fieldset {
text-align:left;
border:1px solid #374D7B;
background:#273758;
padding:13px;
margin:0 0 20px;
}

legend {
font:bold 12px Verdana;
color:#fff;
background:#374D7B;
border:1px solid #46639F;
padding:2px 6px;
}

fieldset,legend {
-webkit-box-shadow:2px 2px 5px #000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #314166;
}

label {
font:bold .85em verdana, sans-serif;
text-align:left;
min-width:100px;
display:inline-block;
border-bottom:1px dotted #666;
padding:0 2px;
}

input,textarea,select {
background:#fafafa;
color:#666;
border:1px solid #ccc;
}

input:focus,input:hover,textarea:focus,textarea:hover,select:focus,select:hover {
color:#000;
background:#fff;
border:1px solid #aaa;
}

#buttonSubmit {
font-weight:700;
cursor:pointer;
background:#DDCDB1;
color:#000;
border:1px solid #1F2C46;
margin:1px 2px;
}

#recaptcha_table a {
border: none;
}






#contactForm {
	background:url(/images/form/contact-form-bg.jpg) no-repeat;
	margin: 0 auto 20px;
	width: 610px;
	height: 342px;
}
#contactDetails {
	float: left;
	width: 168px;
	padding: 0 20px;
}
#contactFields {
	float: right;
	width: 370px;
	padding: 45px 0 0 20px;
}
.contact-form label {
	color: #fff;
}
.contact-form .text {
	width:135px;
	height:20px;
	background: url(/images/form/bg-input.jpg) no-repeat;
	overflow:hidden;
	padding:0 17px 4px 11px;
}
.contact-form .parent-focus, .contact-form .text:hover {
	background: url(/images/form/bg-input-h.jpg) no-repeat;
}
.contact-form .text input {
	width:135px;
	border-style:none;
	background:none;
	line-height:13px;
	padding:3px 0 0;
	color:#bca78f;
}
.contact-form .parent-focus input {
	color:#7f5532;
}
.contact-form .btn-search {
	float:right;
	position:relative;
	margin-left:-12px;
}
.contact-form p label {
	float:left;
	min-width: 50px;
	font-weight:bold;
}
.contact-form span.textarea {
	display:block;
	background:url(/images/form/bg-textarea.jpg) no-repeat;
	width:330px;
	height:65px;
	padding:10px;
	margin:0;
}
.contact-form span textarea {
	width:330px;
	height:65px;
	background:none;
	border-style:none;
	position:relative;
	overflow:auto;
	color:#bca78f;
	font:1em Tahoma, Arial, Helvetica, sans-serif;
}
.contact-form span:hover {
	background:url(/images/form/bg-textarea-h.jpg) no-repeat;
}
#quoteForm {
	background:#000 url(/images/form/quote-form-bg.jpg) no-repeat;
	margin: 0 auto 20px;
	padding: 25px 35px;
	width: 365px;
	height: 300px;
}
#appointment {
	font-size: 11px;
}
/*.wide, .thin { clear:both; }*/
.column{ padding: 0 15px;}
.content {min-height: 400px;}