/*========== Property Select Guides ==========*/

/*========== General styles ==========*/

body {
background: #E5ECF3;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 0 20px 0;
padding: 0;
text-align: center;
}

a img {
border: none;
}

.underline {
text-decoration: underline;
}

p {
line-height: 1.5em;
}

.relative {
position: relative;
}

/*========== Container divs ==========*/

#wrapper {
width: 746px;
margin: 0 auto 0 auto;
}

#inner_wrapper {
width: 746px;
float: left;
background: url('/resources/img/b_vertical_bg_shadow.gif') repeat-y #FFF;
}

#container {
width: 690px;
margin: 20px auto 0 auto;
}

/*========== Header ==========*/

#header {
width: 730px;
height: 92px;
position: relative;
margin: 0 auto 0 auto;
background: url('/resources/img/b_blue_prints.jpg') no-repeat;
}

#logo {
width: 393px;
height: 50px;
position: absolute;
top: 21px;
left: 17px;
}

#call_out {
float: right;
padding: 25px 20px 0 0;
font-size: 18px;
font-weight: bold;
text-align: right;
color: #FFF;
line-height: 1.2em;
}

#call_out .small {
font-size: 12px;
}

#call_out .highlight, #heading_bar .highlight {
color: #FBE201;
}

/*========== Heading bar (h1) ==========*/

#heading_bar {
width: 730px;
height: 60px;
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
background: url('/resources/img/b_heading_bar_bg.gif') repeat-x;
}

#heading_bar h1 {
margin: 0;
padding: 7px 0 0 20px;
color: #FFF;
font-size: 36px;
font-family: Tahoma, Arial, sans-serif;
}

/*========== Main text (bullet points) ==========*/

#main_text {
width: 420px;
margin: 0 20px 40px 0;
text-align: left;
font-size: 16px;
font-family: Arial;
font-weight: bold;
float: left;
background: #FFF;
}

#main_text ul {
margin: 0;
padding: 0 0 0 16px;
list-style: url('/resources/img/b_bullet_arrow.gif');
}

#main_text li {
margin: 0;
padding: 0 0 20px 0;
}

#main_text .last {
padding: 0; /* Remove the list item padding from the last item */
}

#main_text .highlight {
color: #C72C2C;
}

/*========== Yellow testimonial block (right column) ==========*/

#testimonial {
width: 208px;
float: left;
padding: 17px 20px 20px 20px;
border: 1px solid #FBE201;
background: #FBFC93;
font-size: 14px;
text-align: left;
}

#testimonial h2 {
font-size: 18px;
margin: 0;
}

/*========== Signup form block ==========*/

#form_container {
width: 650px;
margin: 22px 0 14px 0;
padding: 20px;
border: 1px solid #6099CF;
background: #E5ECF3;
text-align: left;
font-weight: bold;
font-size: 14px;
float: left;
#float: none; /* Validating hacks wern't working for IE7 hence this hack */
}

#form_container #left { /* Left column */
width: 210px;
float: left;
}

#form {
float: left;
margin: 14px 0 0 0;
padding: 0;
}

#form input, #form select {
margin-bottom: 5px;
}

#form .title {
color: #1B5790;
font-size: 12px;
margin-bottom: 3px;
}

#form #button {
width: 88px;
color: #FFF;
font-size: 17px;
font-weight: bold;
margin: 7px 0 0 0;
padding: 2px 6px 2px 6px;
border: 1px solid #1B5790;
background: #5491CB;
}

#spam_free {
	display:inline;
	width: 104px;
	padding: 20px 0 0 10px;
	vertical-align:middle;
}

#free_pdf { /* Free PDF violator */
width: 117px;
height: 117px;
position: absolute;
top: -75px;
left: 195px;
z-index: 1; /* Two absolutes over each other here - lift the violator a layer higher */
background: url('/resources/img/b_download_free_pdf.gif') no-repeat;
}

#form_header, #thanks_header {
	width: 191px;
}
#thanks_text {
	margin-top:15px;
	font-weight:normal;
	height:240px;
}

#pdf_cover { /* PDF cover shots */
width: 393px;
height: 303px;
position: absolute;
top: -26px;
left: 250px;
background: url('/resources/img/b_turkey_2008.gif') no-repeat;
}

/*========== Footer elements ==========*/

#footer_shadow { /* Bottom shadow of site container */
width: 746px;
height: 16px;
float: left;
margin: 0 auto 0 auto;
background: url('/resources/img/b_footer_bg_shadow.gif') no-repeat;
}

#footer {
color: #999;
font-size: 10px;
width: 100%;
margin: 10px auto 20px auto;
float: left;
line-height: 1.5em;
}

* html #footer { /* IE 6 Hack */
color: #999;
font-size: 10px;
width: 100%;
margin: 10px auto 0 auto;
float: left;
line-height: 1.5em;
}

#footer a {
color: #999;
}