/* CSS Document */

body {
	background: url(../images/bg/body.jpg) repeat-y top center;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
#container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	float: left;
	}
	
#canvas {
	width: 950px;
	background: #fff;
	margin: 0 auto;
	padding: 0px;
	}

.top {
	width: 920px;
	height: 62px;
	padding: 15px;
	border-bottom: 8px solid #b40b2c;
	background: #011240;
	left: left;
	}
	
.message {
	width: 930px;
	padding: 10px;
	height: 18px;
	background: #fff;
	text-align: left;
	float: left;
	border-bottom: 1px solid #999;
	}
	
.message h1 {
	display: inline;
	font: normal 110%/1.3 Arial, Helvetica, sans-serif;
	color: #011240;
	margin: 0px;
	float: left;
	}
	
.message img {
	margin: 5px 0px 0px 0px;
	float: right;
	}	
	
.message ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	}
	
.message li {
	font: bold 80%/1.3 Arial, Helvetica, sans-serif;
	color: #011240;
	margin: 0px;
	padding: 5px 0px 0px 3px;
	/padding: 4px 0px 0px 3px;
	float: left;
	}
	
.message a {
	color: #b50a2e;
	text-decoration: none;
	}
	
.message a:hover {
	color: #666;
	text-decoration: none;
	}

	
.contentarea {
	width: 950px;
	background: #fff url(../images/bg/body.gif) repeat-y 170px 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-bottom: 1px solid #ccc;
	}
	
.leftcolumn {
	width: 171px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.leftcolumn ul {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 170px;
	float: left
	}
	
.leftcolumn li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 170px;
	border-bottom: 1px solid #e3e3e9;
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	}
	
.leftcolumn img {
	margin: 0px 0px 20px 32px;
	border: none;
	}
		
	
.leftcolumn a {
	display: block;
	width: 150px;
	padding: 8px 10px 9px 10px;
	background: #fff;
	color: #011240;
	text-decoration: none;
	}
	
.leftcolumn a:hover {
	display: block;
	width: 150px;
	padding: 8px 10px 9px 10px;
	background: #eee;
	color: #b50a2e;
	text-decoration: none;
	}
	
.leftcolumn em {
	color: 	#b50a2e;
	font-style: normal;
	}
	
.centercolumn {
	width: 605px;
	border: none;
	padding: 0px;
	margin: 0px;
	float: left;
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left
	}
	
.centercolumncomm {
	width: 565px;
	/width: 505px;
	border: none;
	padding: 0px;
	margin: 0px;
	float: left;
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	}
	
.centercolumn h1, .centercolumn h2, .centercolumncomm h1, .centercolumncomm h2 {
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
	color: #b50a2e;
	margin: 10px;
}

 .centercolumn h3 {
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
	color: #000;
	margin: 10px;
}
	
.centercolumn p, .formcolumn p, .centercolumncomm p, .centercolumncomm p {
	font: 100%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px 10px 10px 10px;
	text-align: left
	}
	
.formcolumn p {
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	}
	
.formcolumn small {
	font: 90%/1.3 Arial, Helvetica, sans-serif;
	width: 100px;
	display: block
	}
	
.tabs {
	width: 585px;
	height: 32px;
	border: none;
	float: left;
	background: #fff;
	padding: 0px;
	margin: 0px;
	/margin: 0px 0px -4px -0px
	}
	
.tabs ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	}
	
.tabs li {
	margin: 0px;
	padding: 0px 1px 0px 0px;
	float: left;
	display: inline;
	border: none;
	cursor: pointer
	}
	
.features {
	width: 585px;
	border: none;
	padding: 0px;
	margin: 0px;
	float: left;
	position:relative;
	height: 200px;
	display: block
	}
	
.featureleft {
	width: 380px;
	border: none;
	padding: 10px 0px 0px 10px;
	margin: 0px;
	float: left;
}	
	
.featureright {
	width: 185px;
	border: none;
	padding: 10px 0px 0px 5px;
	margin: 0px;
	float: left;
}

.featurerightlettings {
	width: 185px;
	height: 189px;
	border-top: 1px solid #ccc;
	padding: 10px 0px 0px 10px;
	margin: 0px;
	float: left;
	background: url(../images/bg/lettings_right.gif) 0px 1px repeat-y;
	text-align: left;
}	

#residential, #lettings, #commercial, #land, #art {
	width: 585px;
	border-bottom: 1px solid #ccc;
	float: left;
	padding: 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	}
	
#residential form, #lettings form, #commercial form, #land form, #art form {
float: left;
margin: 10px 0px 0px 0px;
padding: 0px;
clear: left;
width: 365px;
}
	
#residential {
	background: #b50a2e url(../images/bg/residential.gif) no-repeat top left;
	z-index: 1;
	visibility: visible;
		}
	
#lettings {
	background: #011240 url(../images/bg/lettings.gif) no-repeat top left;
	z-index: 2;
	visibility: hidden;
	}

#commercial {
	background: #c78301 url(../images/bg/commercial.gif) no-repeat top left;
	z-index: 3;
	visibility: hidden;
	}
	
#land {
	background: #007848 url(../images/bg/land.gif) no-repeat top left;
	z-index: 4;
	visibility: hidden;
	}
	
#art {
	background: #755229 url(../images/bg/art.gif) no-repeat top left;
	z-index: 5;
	visibility: hidden;
	}
	
#residential p, #lettings p, #commercial p, #land p, #art p {
	width: 170px;
	float: left;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 5px 0px 0px;
	text-align: left;
	}
	
#residential h1, #lettings h1, #commercial h1, #land h1, #art h1, #residential h2, #lettings h2, #commercial h2, #land h2, #art h2  {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 15px 5px 0px;
	text-align: left;
	}
	
#residential a, #lettings a, #commercial a, #land a, #art a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#residential a:hover, #lettings a:hover, #commercial a:hover, #land a:hover, #art a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

	
#residential img, #lettings img, #commercial img, #land img, #art img{
border: 1px solid #fff;
float: left;
}

	
.column {
	width: 194px;
	border-right: 1px solid #fff;
	float: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: left
	}
	
 .twocolumn {
	width: 292px;
	float: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: left
	}
	
.column h1, .column h2, .twocolumn h1, .twocolumn h2 {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #b50a2e;
	margin: 10px 10px 10px 10px;
}
	
.column p, .twocolumn p {
	color: #333;
	margin: 0px 10px 10px 10px;
	text-align: left
	}
	
.twocolumn p {
	font: 100%/1.3 Arial, Helvetica, sans-serif;
	}
	
.column p {
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	}
	
.column p.title, .twocolumn p.title  {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #b50a2e;
	margin: 10px 10px 5px 10px;
	}
	
.column p.title a, .twocolumn p.title a {
	text-decoration: none;
	}
	
.column p.larger, .twocolumn p.larger  {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #b50a2e;
	margin: 10px 10px 5px 10px;
	}
	
.twocolumn p.floatleft {
	font: 100%/1.3 Arial, Helvetica, sans-serif;
	}
	
	
.column dl, .twocolumn dl {
	margin: 0px;
	padding: 0px;
}
	
.column dt, .twocolumn dt {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #b50a2e;
	margin: 10px 10px 5px 10px;
	}
	
.column dt a, .twocolumn dt a {
	text-decoration: none;
	}	
	
.column dd, .twocolumn dd {
	font: bold 75%/1.2 Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px 10px 0px 10px;
	padding: 2px 0px 2px 25px;
	background: url(../images/logo/pdf.gif) no-repeat left center;
	}
	
.column dd a, .twocolumn dd a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	}
	
.column dd a:hover, .twocolumn dd a:hover {
	color: #011240;
	text-decoration: none;
	font-weight: bold;
	}

#frmSearch {
	padding: 0px 0px 10px 0px;
	}

.formcolumn {
	width: 130px;
	border-right: 1px solid #fff;
	float: left;
	margin: 0px;
	padding: 0px 10px 20px 0px;
	text-align: left
	}
		
.rightcolumn {
	width: 174px;
	float: left;
	margin: 0px;
	padding: 10px 0px 20px 0px;
	}
	
.rightcolumn h1, .rightcolumn h2,  .rightcolumn h3 {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #b50a2e;
	margin: 0px 10px 10px 10px;
}

.rightcolumn p {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px 10px 10px 10px;
}
	
.rightcolumn strong {
	color: #666;
}

.rightcolumn img {
	margin: 0px 10px 10px 10px;
}

.rightcolumn hr {
	height: 1px;
	border: none;
	border-top: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
	/margin: -5px 0px 5px 0px;
	padding: 0px;
	}
	
.rightcolumn ul {
	list-style-type: none;
	margin: -10px 0px 10px 0px;
	padding: 0px;
	}
	
.rightcolumn li {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font: normal 70%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	}
	
.rightcolumn li a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	}
	
.rightcolumn li a:hover {
	color: #b50a2e;
	text-decoration: none;
	font-weight: bold;
	}	
	
.featureimage {
	border-bottom: 1px solid #ccc;
	} 

a {
	color: #b50a2e;
	text-decoration: underline;
	}
	
a:hover {
	color: #011240;
	text-decoration: none;
	}

label {
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px 0px 10px 10px;
	/margin: 0px 0px 10px 5px;
	text-align: left;
	display: block;
	width: 110px;
	float: left
	}
	
label.presubmit {
	font: normal 100%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	margin: 5px 0px 10px 10px;
	text-align: left;
	display: block;
	width: 110px;
	float: left
	}	
	
input, select, textarea {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	width: 130px;
	border: 1px solid #999;
	margin: 0px 10px 10px 0px;
	padding: 3px 5px;
	display: block;
	float: left;
	}
	
textarea {
	height: 80px;
	}
	
select.property {
	padding: 3px;
	width: 120px;
	margin: 0px 5px 10px 0px;
	}
	
select.small {
	padding: 3px;
	width: 80px;
	margin: 0px 5px 10px 0px;
	}
	
select.bedrooms {
	padding: 3px;
	width: 100px;
	margin: 0px 5px 10px 0px;
	}
	
.twocolumn select, .twocolumn input, .twocolumn textarea {
	font: 95%/1.3 Arial, Helvetica, sans-serif;
	}
	
.tickbox {
	border: none;
	width: auto;
	}	
	
.submit {
	background:#003;
	border: none;
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	color: #fff;
	width: auto;
	padding: 4px 5px;
	/padding: 1px 2px;
	text-align: center;
	cursor: pointer;
	margin: 0px 5px;
	/margin: 0px;
	}
	
.submitgrey {
	background:#ccc;
	border: none;
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	width: auto;
	padding: 4px 5px;
	/padding: 1px 2px;
	text-align: center;
	cursor: pointer;
	margin: 0px;
	float: none;
	}
	
.twocolumn .submit {
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
}

.twocolumn .submitgrey {
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
}
	
input.hide {
	display: none;
	}
	
input.ginput {
	font: 100%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	width: 50px;
	border: 1px solid #999;
	margin: 5px 10px 0px 0px;
	padding: 3px 5px;
	display: block;
	float: left;	
	}

.gsubmit {
	background:#003;
	border: none;
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
	color: #fff;
	width: 130px;
	padding: 4px 5px;
	/padding: 1px 2px;
	text-align: center;
	cursor: pointer;
	margin: -12px 0px 0px 0px;
	float: left
	}
	
input.captcha {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	width: 50px;
	border: 1px solid #999;
	margin: 5px 10px 0px 0px;
	padding: 3px 5px;
	display: block;
	float: left;	
	}

	
.footer {
	width: 930px;
	border-top: 1px solid #eee;
	padding: 10px;
	margin: 0px;
	background: #fff;
	float: left;
	}

.footer p {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px;
	text-align: center;
	}

.StarBody {
background: #000;
}

.StarBar1 {
background: #000;
}


.wrapdiv {
	float: right;
	margin: 10px 10px 10px 20px;
	/margin: 10px 5px 10px 20px;
	width: 200px;
	padding:  0px;
	background: #eee;
	border-bottom: 5px solid #c00;
	}
	
.wrapdiv h1 {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 10px;
	background: #011240;
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
	color: #fff;
	border-bottom: 5px solid #c00;
	display: block;
	}
	
.wrapdiv p {
	color: #666;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	font: 90%/1.2 Arial, Helvetica, sans-serif;
	}
	
.wrapdiv ul {
	list-style-type: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	}
	
.wrapdiv li {
	list-style-type: none;
	margin: 0px 5px 5px 10px;
	padding: 0px;
	font: normal 90%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	}

.wrapdiv p.larger {
	font: 100%/1.2 Arial, Helvetica, sans-serif;
	}

.wrapdiv form.calculator {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	width: 200px;
}

.wrapdiv form.calculator label {
	margin: 0px;
	padding:0px 10px;
	float: left;
	display: block;
	width: 130px;
	color: #000;
	font: 90%/1.3 Arial, Helvetica, sans-serif;
}

.wrapdiv form.calculator label.results {
	margin: 5px 0px 5px 0px;
	padding:0px 10px;
	float: left;
	display: block;
	width: 130px;
	color: #000;
	font: bold 90%/1.3 Arial, Helvetica, sans-serif;
}

.wrapdiv form.calculator .textbox {
	background: #fff;
	border: 1px solid #c00;
	font: bold 90%/1.3 Arial, Helvetica, sans-serif;
	color: #c00;
	float: left;
	width: 34px;
	padding: 0px 3px;
	margin: 0px 0px 5px 0px;
	}
	
.wrapdiv form.calculator .answer {
	background: #eee;
	border: none;
	border-bottom: 1px solid #c00;
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
	float: left;
	width: 40px;
	padding: 2px 0px;
	margin: 0px 0px 5px 0px;
	}
	
.wrapdiv form.calculator .pointer {
	float: left;
	margin: 10px 0px 10px 10px;
	cursor: pointer;
	} 

#map {
float: left;
margin: 0px 0px 10px 0px;
}

.landfloat {
	float: left;
	margin: 0px 10px 10px 10px;
	width: 300px;
	height: 200px;
	border: none;
	}
	
.landrow {
border-bottom: 1px solid #ccc;
/padding: 10px 0px 0px 0px;
}

.commrow {
margin: 20px 0px 0px 0px
}

.commrow h2 {
	color: #000;
	}
	
.images {
	width: 250px;
	/width: 235px;
	border: none;
	padding: 0px;
	margin: 0px;
	float: right;
	}

	
/* ACCORDIAN SCRIPTS----------------------------------------------------------------------------*/	

.team {
	border:none;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	width: 585px;
	/width: 580px;
	float: left;
}

.team strong {
	color: #c00;
	font-weight: bold;
	margin: 0px;
	}

.teamPanel {
	margin: 0px;
	padding: 0px;
}

.teamPanelTab {
	background-color: #fff;
	border-bottom: solid 1px #fff;
	border-top: none;
	margin: 0px;
	padding: 5px 10px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font: bold 100%/1.3 Arial, Helvetica, sans-serif;
	color: #000
}

.teamPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.teamPanelContent p {
	font: 100%/1.3 Arial, Helvetica, sans-serif;
	color: #000;
	margin: 5px 10px 10px 10px;
}

.teamPanelContent img {
	float: right;
	margin: 0px 0px 0px 10px;
}

.teamPanelContent ul {
	margin-top: 5px;
}

.teamPanelOpen .teamPanelTab {
	background-color: #EEEEEE;
}

.teamPanelTabHover {
	color: #555555;
}
.teamPanelOpen .teamPanelTabHover {
	color: #555555;
}


.teamFocused .teamPanelTab {
	background-color: #3399FF;
}

.teamFocused .teamPanelOpen .teamPanelTab {
	background-color: #33CCFF;
}