/* 
Site Name : ValuationsUk 
Site URL : http://www.valuationsuk.co.uk
Designed and Developed by : Benjamin Ayres, Cutpastecreate : http://www.cutpastecreate.com
*/

html {}
body {font-family: Arial, Verdana, "Lucida Grande", sans-serif; text-align: center; min-width: 750px; margin: 0; padding: 0; background: #222e2f;}
/*background: #e7e7de; background: #222e2f;*/
*:focus{ outline-style: none;}
img { border: none;}

div#wrap {margin:0 auto; padding: 0; width:750px; text-align: left;}

/* Head */
div#head_wrap_1 {background-color: #84bcdd; background-position: center top; background-repeat: no-repeat; background-image: url(http://www.valuationsuk.co.uk/one/wp-content/themes/stageone/images/head_blue.png);} 
div#head_wrap_2 {background-position: 0 bottom; background-repeat: repeat-x; background-image: url(http://www.valuationsuk.co.uk/one/wp-content/themes/stageone/images/head_bg2.png);}
div#head {background-position: left bottom; background-repeat: no-repeat; margin:0 auto; width:750px; text-align: left;}
/* background-image: url(images/head_blue.png); background-color: #eaf2f5;}*/

	/*Title*/
	div#head h1 { padding: 10px 0 30px 0; text-align: center; clear: left; margin: 0;}
	div#head h1 a {}
	div#head h1 a:hover {}
	div#head h1 a:link {}
	div#head h1 a:visited {}
	div#head h1 a:active {}
		
	/*Brand*/
	div#head img.brand { margin: 20px 0 40px 0; float: left;}
	
	/*Navigation*/
	div#head ul { float: right; margin: 70px 0 40px 0; padding: 0;}
	
		div#head ul li { display: inline;}
		div#head ul li a { text-decoration: none; margin: 0px 10px; color: #203d6d; font-size: 18px; letter-spacing: 1px;}
		div#head ul li a:hover {}
		div#head ul li a:link {}
		div#head ul li a:visited {}
		div#head ul li a:active {}

/* Main */
div#main_top { padding-top: 15px; background-image: url(images/main_corner3.png); background-position: center top; background-repeat: no-repeat; margin: 20px 0 0 0;}

div#main { padding-left: 25px; padding-bottom: 5px; padding-right: 25px; padding-top: 10px; background-image: url(images/main_corner.png); background-repeat: no-repeat; background: #fff center top; margin: 0;}
div#main.navigation {} /*check this*/

/* Testimonials */
div.testimonial { margin: 15px 0px; background-color: #e2e2e2;}
	div.testimonial p { margin: 0;padding: 15px 15px 5px 10px; background-position: 0 top; background-repeat: no-repeat; background-image: url(images/testimonial_top.png);}
	div.testimonial h3 {padding: 0px 40px 15px 40px; background-position: 0 bottom; background-repeat: no-repeat; background-image: url(images/testimonial_bottom.png); text-align: right; margin: 0; color: #172322; }

	.quote_1 {float: left; margin: -10px 15px 45px -10px;}
	.quote_2 {float: right; margin: 35px 0px 0px 5px;}
/* Contact */
div#contact {float: right; margin: 0 0px 10px 20px; padding: 25px 25px 50px 25px; background: #80ceff 260px bottom; background-image: url(images/simple_house.png); background-repeat: no-repeat;}
	div#contact h3 { color: #172322; margin: 10px 0px;}
	div#contact ul { padding: 0px; list-style-type: none; margin: 10px 0px 30px 0px; list-style: none; width: 300px; text-align: right;}
	div#contact ul li { position: relative; margin: 0 0 5px 0; padding: 0 5px 0 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #edf5fe; font-size: 14px;}
	div#contact ul li a{ text-decoration: none; color: #172322;}
	div#contact ul li span { display: block; position: absolute; right: 0px; bottom: 0px; width: 295px; text-align: left; text-transform: uppercase; font-family: Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal;  color: #203d6d;}

	/* Comments link, not content */
	div.comments a{ color: red;}

/* Right */
div#right { float: right; width: 320px; margin: 0 0 0 20px;}

	/*Instruct*/	
	
	div.instruct { margin: 0 0 -20px -130px; width: 400px; background-position: 0 top; background-repeat: no-repeat; background-image: url(images/instrct_bg.png); padding: 0; display: block;  color:  #172322; }
	div.instruct p {text-decoration: none; padding: 10px 5px 5px 130px; font-weight: bold;}
	
	/*Simple, 1,2,3*/
	div#simple { background: #80ceff 230px bottom; background-image: url(images/simple_house.png); background-repeat: no-repeat; padding: 25px 25px 25px 25px; margin: 0 0 20px 0;}
		div#simple img { margin: -50px 0px 0 50px;}
		div#simple h2 { color: #172322; margin: 10px 0; padding: 0px 0 0 0;}
		div#simple h2 a { margin: 50px 50px 50px 0px; text-decoration: none; letter-spacing: 1px; font-size: 20px; font-weight: bold; color:  #172322; padding: 0px 4px 0px 7px;}
	
		div#simple ul {list-style-type: none; margin: 0 0 30px 0; padding: 0;}
		div#simple ul li {background-repeat: no-repeat; background-position: left 25px; list-style-position: inside; color: #172322; line-height: 20px; font-size: 14px; background-image: url(images/simple_tick.png); padding: 20px 0 0 60px;}
		div#simple ul li a { text-decoration: none; color: #203d6d; }
		div#simple ul li a:hover {}
		div#simple ul li a:link {}
		div#simple ul li a:visited {}
		div#simple ul li a:active {}

	/*Signup*/
	div#signup {color: #fff; padding: 0 25px 25px 25px; margin: 0; background-image: url(images/signup_bg.png); background-position: center bottom;}
	div#signup_top{padding-top: 15px; background-image: url(images/signup_top.png); background-position: center top; background-repeat: no-repeat; margin: 20px 0 0 0;}
	
		div#signup h3 { margin: 0px; padding: 5px 0 0 0; text-transform: uppercase; font-size: 20px;}
		div#signup p { line-height: 18px; color: #203d6d; font-size: 12px; padding:0; margin: 5px 0;}
	
		div#signup div.status { padding: 0; margin: 0; background: #fff 180px bottom; background-image: url(images/blue_house.png); background-repeat: no-repeat; }
			div#signup div.status p { font-weight: bold; color: #172322; font-family: Arial, Verdana, "Lucida Grande", sans-serif; font-size: 14px; padding: 8px 10px 50px 10px;}
		
		div#signup div.loading { display: none; background: #fff 180px bottom; background-image: url(images/blue_house.png); background-repeat: no-repeat; }
			div#signup div.loading p { font-weight: bold; color: #172322; font-family: Arial, Verdana, "Lucida Grande", sans-serif; font-size: 14px; padding: 10px 10px 0px 10px;}
			div#signup div.loading img {margin: 0; padding: 5px 0px 20px 120px;}
		
		div#signup .subscribe {background: #fff 180px bottom; background-image: url(images/blue_house.png); background-repeat: no-repeat; padding: 10px;}
			div#signup .subscribe p{ color: #172322; border-top: 2px solid #9fcbe4; clear: left; margin: 0; padding: 8px 0 5px 0; padding-left: 70px; height: 1%; font-size: 14px; }
			div#signup .subscribe label{ font-weight: bold; float: left; margin-left: -70px; width: 70px;}
			div#signup .subscribe input[type="text"]{width: 92%; font-size: 12px; padding: 2px; margin: 0; line-height: 18px; }
			div#signup .subscribe select{ margin-right: 130px;}
			
		div#signup label.error { float: none; color: red; vertical-align: top; font-weight: normal; border-bottom: 1px dashed red; margin: 5px 0 0 0; font-size: 11px;}
		
	/* Report */
	div.report { border-bottom: 2px solid #9fcbe4; background-position: 30px 10px; background-repeat: no-repeat; background-image: url(images/report_banner.png); padding: 5px 5px 5px 130px;}
	div.report h3 { margin: 2px;}

	div#report_banner { background-position: 30px 0px; background-repeat: no-repeat; background-image: url(images/report_banner.png); padding: 20px 10px 15px 130px; margin: 15px}
	div#report_banner h2 { margin: 0; padding: 0;}
	div#report_banner p { margin: 0; padding: 0;}
	
	.reports_image { float: right; }
	
	.slide { color: #172322; line-height: 21px; font-size: 14px; text-decoration: none;}
	
/*Footer*/
div#footer { clear: both;}

	div#footer ul { background: #eaf2f5; color: #172322; margin: 4px 0; padding: 5px; }
	
		div#footer ul li { display: inline; font-size: 12px;}
		div#footer ul li a { text-decoration: none; color: #5f99d2; font-weight: bold;}
		div#footer ul li a:hover { color: #203d6d;}
		div#footer ul li a:link { color: #5f99d2;}
		div#footer ul li a:visited {}
		div#footer ul li a:active {}


/* Font and Styles */

h1 {color: #172322; letter-spacing: 1px; font-style: normal; font-weight: normal; line-height: 36px; font-size: 20px;}
h2 {letter-spacing: 1px; font-size: 20px; font-weight: bold; color: #203d6d;}
h2 a {letter-spacing: 1px; font-size: 20px; font-weight: bold; color: #203d6d; text-decoration: none;}
h3 {letter-spacing: 1px; font-size: 17px; font-weight: bold; color: #203d6d;}

p { color: #172322; line-height: 21px; font-size: 14px;}
p a { color: #172322; line-height: 21px; font-size: 14px; text-decoration: none;}

ol li {color: #172322; line-height: 21px; font-size: 14px; padding: 0 0 10px 0;}
ul li {color: #172322; line-height: 21px; font-size: 14px; padding: 0 0 10px 0;}

/* - - - - Tableless Form- - - - */

div#form {padding: 15px 25px; margin: 10px 0; background: #fafafa; clear: both;}

.cssform p{ color: #172322; border-top: 2px solid #9fcbe4; clear: left; margin: 0; padding: 8px 0 5px 0; padding-left: 250px; height: 1%; }
 p.terms { font-size: 12px; line-height: 15px; padding: 10px 10px 10px 265px;}
.cssform label{ font-weight: bold; float: left; margin-left: -240px; width: 250px;}
.cssform input[type="text"]{width: 92%; font-size: 14px; padding: 2px; margin: 0; line-height: 20px; }
.cssform textarea{ font-family: Arial, Verdana, "Lucida Grande", sans-serif; width: 92%; height: 50px; font-size: 14px; line-height: 20px;  padding: 2px;}
.cssform select{ margin-right: 130px;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* Error boxes and styling */

label.error { float: none; color: red; vertical-align: top; font-weight: normal; border-bottom: 1px dashed red; margin: 10px 0 0 10px;}
label.success { float: none; color: green; vertical-align: top; font-weight: normal; border-bottom: 1px dashed red; margin-left: 0px;}

p.error {background-image: url(images/error_bg.png); background-repeat: repeat; background-color: white;  border-bottom: 2px solid red; }

div#topstatus { background: #fff; margin: 0px 0;}
div.status { background: #fff; margin: 10px 0;}

div.success p{ color: green; padding: 10px 10px 10px 10px;}
div.fail p{ color: red; padding: 10px 10px 10px 10px;}
div.load p { color: blue; padding: 10px 10px 10px 10px;}
	div.load p img { padding: 0 5px;}

.fail ol {color: red;line-height: 14px; font-size: 14px; margin: 10px 0 0 0;}
.fail ol li {color: red; line-height: 12px;}
.fail ol li a{color: red; font-size: 14px; text-decoration: none; border-bottom: 1px dashed red; }

.speach_instruct { margin: 0 0 30px 0; background-image: url(images/speach_report.png); background-repeat: no-repeat; border-bottom: 2px solid #172322;}

/* Notes styling */

	div#cpc_notes { background-repeat: repeat; background-image: url(http://www.valuationsuk.co.uk/one/wp-content/themes/stageone/images/notes_bg.png); position: fixed; left: 0px; bottom: 0px; width: 100%; text-align: left; padding: 10px;}
	div#cpc_notes h1,div#cpc_notes  h2,div#cpc_notes  h3,div#cpc_notes  h4,div#cpc_notes  p, div#cpc_notes  ul,div#cpc_notes  li { font-size: 12px; color: white; padding: 0; margin: 0;}
	div#cpc_notes h1 { font-size: 14px; text-weight: bold; }
	div#cpc_notes  ul,div#cpc_notes  li { margin-left: 10px;}
	div#cpc_notes div#link {position: fixed; right: 0px; bottom: 0px; margin: 10px; color: white; }
	div#cpc_notes div#link a{ color: white; text-decoration: none;}