/* standard tags */

/* css and website by Method & Class Ltd. 

colours: 
		Dark blue: #040B2D
		Royal Blue: #0D227D
		Light Blue: #DADCEB
		Reddy orange: #FF3525

*/

	body {font-family: Georgia,Times,'Times New Roman', Serif; font-size:small;}
	h1 {margin:10px 0px; font-size:22px;}
	h2 {margin:10px 0px; color:#040B2D;}
	h3 {margin:10px 0px;}
	h4 {margin:10px 0px;}
	h5 {margin:10px 0px;}
	h6 {margin:10px 0px;}
	p{margin:10px 0px;}
	.smalltext {font-size:11px;}
/* page structure */ 

	#container {width:950px; margin:0 auto; }
	#header {background:#0D227D; float:left; width:100%; margin-bottom:10px;}
	#logo {float:left; width:250px; margin:10px 0px 10px 10px;}
	#phonenumber {float:right; width:250px; color:#fff; font-size: 19px; margin:20px 5px 5px 0px; line-height: normal; display:block;}
	#navigation {background:#040B2D; color:#fff; float:left; width:100%; clear:both;}
	#pagebody {float:left; width:950px; min-height:500px; _height:500px;}
	#subnav {}
	#pagecontent {}
	#maintext {margin-top:10px; font-size:16px; float:left; width:100%; line-height:150%; font-family:"Myriad Pro", "Trebuchet MS",Arial, Verdana, "sans-serif"; }
	#banner {}
	#bannerimage {margin-bottom:10px;}
	#hp_search,#search {background:#DADCEB; border:1px solid #CCC; margin-top:0px; float:left;}
	#hp_search {width:743px;}
	#search{width:948px;}
	
	#quote {font-size:24px; line-height:150%; color:#0D227D; float:left; margin:5px 0px;}
	#quote h1 {font-weight:normal; font-size:32px; line-height:140%;}
	#bodytext {width:743px; float:left;}
	#sidebar {width:187px; float:right; background:#DADCEB; padding:5px;}
	#footer {clear:both; float:left; width:930px; padding:20px 10px; background:#0D227D; text-align:right; color:#fff; font-family: "Myriad Pro", "Trebuchet MS",Arial, Verdana, "sans-serif"; margin-top:10px;}
	#creds {clear:both; float:left; width:950px; text-align:center; color:#666; padding:5px 0px;}
/* style the standard content */ 


	#navigation ul {list-style:none; float:left; width:100%;}
	#navigation ul li {list-style:none; display:inline; font-family: "Myriad Pro", "Trebuchet MS",Arial, Verdana, "sans-serif"; float:left; font-size:16px;}
	#navigation ul li a {color:#fff; text-decoration:none; padding:15px 10px; float:left;}
	#subnav ul {}
	#subnav ul li {}
	#footer a {color:#fff;}

/* search form */
	.searchform {border:none; border-collapse: collapse; width:100%;}
	.searchform tr {}
	.searchform tr td {padding:5px; vertical-align: top;}
	.searchform tr td label {font-size:11px; color:#666; clear:both; font-weight:bold; font-family: "Myriad Pro", "Trebuchet MS",Arial, Verdana, "sans-serif"; clear:right; width:100%; display:block;}
	.searchform tr td select{font-size:10px; float:left; padding:3px 0px;clear:left;}
/* 	#hp_search dl dd, #search dl dd {padding-top:20px;float:left; text-align:left;} */
	.searchform tr td input[type="checkbox"] {clear:left;}
	.centre {text-align:center !important;}
	.alignright {float:right; width:160px;}
	.searchform tr td  input[type="submit"] {font-weight:bold; background:#0D227D; color:#fff; border:2px solid #fff; -webkit-border-radius:6px; -moz-border-radius: 6px; padding:3px; margin-top:0px; cursor: pointer;}
	.searchform tr td input[type="submit"] {font-weight:bold; background:#0D227D; color:#fff; border:2px solid #fff; -webkit-border-radius:6px; -moz-border-radius: 6px; padding:5px; margin-top:0px;cursor: pointer;}



/* feature property */
	
	#featureprop h2 {color:#0D227D; font-family: "Myriad Pro",Arial,Verdana,"sans-serif"; font-size:18px; padding-left:20px; background:url(../images/white-arrow.gif)no-repeat left;}
	#featurepropbox {border:1px solid #CCC; background:#fff; width:165px; min-height:250px; padding:10px; font-family:"Myriad Pro",Arial,Verdana,"sans-serif"; color:#666; float:left; margin-bottom: 8px;}
	#featurepropbox h3 {color:#0D227D;}
	#featurepropbox sub {font-size:9px; color:#666;}
	#featurepropbox p {font-size:11px; line-height:130%;}
	.centeralign {text-align: center;}
	a.featureprop {color: #666; text-decoration: none; font-family:"Myriad Pro",Arial,Verdana,"sans-serif";}
	a.featureprop:hover {color: #0D227D;}  
	.viewmore {background:#0D227D; width:100%; display:block; border:1px solid #CCC; padding:5px 0px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; line-height:normal; line-height:normal;}
	.viewmore:hover {background:#DADCEB; color:#0D227D;}
/* sidebar on homepage */
	
	#contactarea {text-align:right; color:#666; font-family:"Myriad Pro",Arial,Verdana,"sans-serif";margin-top:0px; float:left; width:165px;}	
	#contactarea h3 {font-size:15px;}
	#contactarea a {color:#666;}
	#contactarea a:hover {color:#FF3525;}
/* buttons on homepage */
	#buttonbar{}
	#buttonbar a {text-decoration: none; float:left; width:180px; display:block; margin-right:5px;}	
	.hpbutton {border:0;background:none; padding:0; margin:0; cursor:pointer; width:180px;}
	
	.hpbutton h2 {background:url(../images/blue-arrow.gif) no-repeat left; color:#0D227D; text-align:left; font-size:18px; font-weight:normal; padding-left:20px; font-family: Georgia,Times,'Times New Roman', Serif; text-decoration:none;}
	.hpbutton img {padding:2px; border:1px solid #CCC;}
	.hpbutton:hover img {border:1px solid #FF3525;}
	
	
/* search results */

#bodyfullwidth	{float:left; width:930px; padding:10px; font-family:"Myriad Pro",Arial,Verdana,"sans-serif"}
#bodyfullwidth h2 {color:#333;}
#bodyfullwidth h2 span {font-weight:normal; color:#0D227D;}

.proprow {float:left; width:100%;}
.propdetails {float:left; width: 210px; margin:15px; min-height:300px; font-size:12px; line-height:125%;}

#propheader {padding:5px 0px; width:100%; float:left; border-top:1px solid #CCC; border-bottom:1px solid #CCC;margin-bottom:10px; }
.panel {text-align:center;}
#proptitle {float:left; width:500px;}
#propcontrols {float:right; width:400px; text-align:right; padding-top:10px;}
.shortbutton {padding:5px 10px 5px 10px; margin:0 5px; width:100px;float:left; vertical-align:middle;}
.propdescshort {height:70px;}
.propthumb {padding:3px; border:1px solid #CCC; float:left; margin-bottom: 5px;}
.propthumb:hover {padding:3px; border:1px solid #FF3525;}
.propdetails h3 {color:#0D227D; font-size:14px; line-height:125%;}
.propdetails sub {font-size: 10px; color:#333;}
.propleft {margin-left:0px; }
.propright {margin-right:0px;}	

#propfulldesc {float:right; width:340px; line-height:150%;}
	
#propfulldetails h1 {font-size:20px; color:#0D227D;}	


/* MAP SEARCHES */

#map_canvas {width:700px; float:right; height:410px; padding:5px; background:#fff; border:1px solid #CCC;}
#mapcolumn {width:190px; float:left; height:400px; overflow-y: auto; overflow-x:hidden; background:#DADCEB; border:1px solid #ccc; padding:10px;}
hr {background:#ffffff; height:1px; }
.detailsmap {width:550px !important; height: 430px !important; padding:0 !important; border:0px !important; float:left;}

.smallpropdetails {float:left; width: 180px; margin:0px; font-size:12px; line-height:125%;}
.smallpropthumb {padding:3px; border:1px solid #CCC; background:#fff; float:left; margin-bottom: 5px;}
.smallpropthumb:hover {padding:3px; border:1px solid #FF3525;}
.smallpropdetails .viewmore {background:#fff;}
.smallpropdetails .viewmore:hover {background:#FF3525;}
.redsmall {color:#FF0000; margin:0;}

.newhomes {display:block; float:left; padding:5px;}
.newhomes:hover {background:#DADCEB;}
.newhomes dd{float:left;width:125px;}
.newhomes dt{float:left;width:600px;}
.newhomes dt h2 {font-size:18px; margin:3px 0px; line-height:normal;}

.plotdetails {width:100%; display:block; clear:both; float:left;}
.plotdetails dt{width:100%; float:left;}
.plotdetails dd{float:left;}

#linksleft {float:left; width:50%;}
#linksright {float:right; width:48%;}

.test {border-bottom:1px solid #fff; margin-bottom:10px;}
.test h3 {line-height:normal;}

/* forms */ 
.contactform {margin:0 auto;}
.contactform tr td {padding:5px; vertical-align: top;}
.contactform tr td textarea {font-family: arial; font-size:11px;}
.greymedium {background:#EEE; color:#000; font-weight:bold; font-size:14px;}
.greysmall {background:#EEE; }
.contactform tr td input[type="submit"] {font-weight:bold; background:#0D227D; color:#fff; border:2px solid #fff; -webkit-border-radius:6px; -moz-border-radius: 6px; padding:5px; margin-top:0px;cursor: pointer;}
#mapview {display:none;}
.splitpage {width:730px; margin-left:30px;}
.splitpage dd{width:350px; float:left;}

.commercialphotos img{margin:5px 0px;}
.imgspacer {margin:5px;}
.tiny {font-size:10px; color:#666;}


#dialog {display:none;}