@charset "utf-8";

/*
 Name: Sherriff Mountford
 Date: Feb 2010
 Description: Main css file
 Version: 1.0
 Author: Tom Gathern
 Autor URI: http://jaijo.com
*/

/* RESETS */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,span,strong,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0}
ol,ul{list-style:none}

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

#container 	{
	margin:0 auto;
	width:100%;
	background-image: url(../images/background.png);
	
	background-color: #fff;
}

body  {
	font-family: georgia, arial, helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	background-color: #fff;
}

/* FONTS */
h1 	{
	font-size:24px;
}
h1.main{ color:#242647; margin: 20px 0 5px 10px; font-weight:normal; }

h2	{
	font-size:18px;
}
h2.main{ color:#242647; margin: 0 0 15px 10px; font-weight:normal;}
   
h3	{
	font-size:12px;
}
h3.title{ color:#fff; font-weight:normal;}

p 	{
	font-size:12px;
}
p.main{color:#000033; margin: 0 0 10px 10px; text-align:justify; font-weight:normal; line-height:17px;}
p.bold{color:#000033; font-weight:bold; margin: 0 0 10px 10px;}
p.office{ font-size: 10px; color:#fff; margin: 15px 0 0 10px;}
p.footer{color:#fff;}

a { color:#fff; text-decoration:none;}
a.main { color:#242647; text-decoration:none;}
a:hover{color:#be0b00;}

/* HEADER */
#header_container {width:100%; height:144px; background-image: url(../images/header_bg.png); background-repeat:repeat-x;}
#header { margin: 0 auto; width: 1000px; height:144px; background-image: url(../images/header_top.png); background-repeat:no-repeat; position:relative;}

#logo {background-image:  url(../images/logo.png); background-repeat: no-repeat; width: 282px; height: 66px; float: left; margin-top:25px; margin-left: 10px;}

/* MENU */
.menu { height:29px; float:left; font-size:11px; z-index:100; position:absolute; bottom:0; }
.menu ul li a { font-family:Arial, Helvetica, sans-serif; display:block; text-decoration:none; height:29px; width: auto; padding:0 15px; text-align:left; color:#fff; line-height:30px; font-size:12px; overflow:hidden; }
.menu ul { list-style: none;}
.menu ul li { float:left; position:relative; z-index:100;}
.menu ul li ul { display: none;}

.menu ul li:hover a {color:#242647;}
.menu ul li:hover ul {display:block; position:absolute; top:29px; left:0; background-image: url(../images/menu_bg.png); z-index:100;}
.menu ul li:hover ul li a{color:#fff; width: 200px;}
.menu ul li:hover ul li a:hover {color:#242647; }

/* MAIN */
#main_container {width:100%;  background-image: url(../images/body_bg.png); background-repeat:repeat-x;}
#main { margin:0 auto; width: 1000px; padding-bottom: 50px; }

#left { float: left; width: 600px;}

#content{ float:left; width:990px;}

#search{float: left; background-image: url(../images/search.png); margin: 20px 0 0 0; height:246px; width:177px;}

#free_valuation{float: left; background-image: url(../images/valuation.png); margin: 20px 0 0 0; height:246px; width:177px;}

#feature{float: left; background-image: url(../images/feature.png); width:357px; height:299px; margin: 20px 0 20px 23px;}

#burnham { float: left; width: 400px; height: 300px; margin: 20px 75px 30px 10px;}
#farnham { float: left; width: 400px; height: 300px; margin: 20px 0px 30px 10px;}

ul.list{list-style-type:circle; margin: 0 0 20px 25px; line-height:17px;}

img.links{float:left; margin-bottom: 10px; margin-right: 10px;}

#ipad .iapphead { float:right; margin:36px 20px 3px 4px; 
    }

#ipad .iapp { float:right; margin:1px 20px 3px 4px; 
    }

/* FOOTER */
#footer_container {width:100%; height:189px; background-image: url(../images/footer_bg.png); background-repeat:repeat-x; clear: both; }
#footer	{margin: 0 auto; width: 1000px; height:189px; background-image: url(../images/footer_top.png); background-repeat:no-repeat; position:relative;}

/*#footer_title{ float: left; margin: 7px 0 0 680px;}*/
#footer_title{ float: left; margin: 7px 0 0 550px;}

#twitter{float:left; background-image: url(../images/twitter.png); background-repeat: no-repeat; width:96px; height:25px; margin: 15px 0 0 392px;}
#twitter_text{float:left; margin: 5px 0 0 -65px;}

.address {float: left; width: 240px; margin-bottom: 12px;}

.caddress {float: left; width: 300px; margin-bottom: 12px; margin-right: 25px;}

#credit {float:left; margin-left: 230px; margin-top:67px; width:250px; text-align:right; }
#credit h1 {font-size:10px; color:#fff; }
#credit a {font-size: 10px; color:#fff; }
#credit a:hover {color:#be0b00;}

#icons { float: left; margin-left: 15px; position:absolute; bottom:0; }

#icons img { float: left;}

#icons a.icons { float: left;}
#icons a.propertylive { background:url(../images/icons/propertylive.png) no-repeat; width: 92px; height: 66px;}
#icons a.mortgage { background:url(../images/icons/mortgage-required.png) no-repeat; width: 118px; height: 66px;}

/* CLEAR */
.clear{clear:both;}

/* SLIDESHOW */
.pics {  
    height: 246px;  
    width: 774px;  
    float: left;
	margin: 20px 20px 0 10px;
} 
 
.pics img {  
	position:absolute;
	width: 774px;
	z-index:1;
} 

/* CONTACT */
fieldset { float: left;	margin-bottom:10px;}
fieldset.front { margin-top: 30px; }

legend { font-size:12px; font-weight:bold; color:#b01c2e; padding: 5px 0 20px 20px;}

label {	font-size:12px;	width: 110px; float: left; margin: 15px 0 0 30px; text-align: justify; color: #333333;}
label.frontlabel { margin: 0 0 0 30px; }

input { float: left; width: 200px; margin:10px 0px 0 0px;}
input.valuation { width:158px; margin: 10px 0 0 7px; }

input.submit { font:12px/20px georgia, arial, helvetica, sans-serif; background-color:#FFFFFF; border:1px solid; border-color:#242647; width:100px; margin-bottom: 10px; }
input.margin_left { margin-left:38px; margin-top:-10px; }

select { float: left; width: 150px; margin:15px 0 0; text-align: center;}

textarea { float: left; width: 400px; font:12px/20px century gothic, verdana, arial, helvetica, sans-serif; margin-top:10px;}