﻿body {
	margin: 0 auto; 
	padding: 10px;
	background-image:url(graphics/background-gradient.gif);
	background-repeat: repeat-x;
	background-color: #64a6e8;
	text-align: left;
    font-size: 62.5%;
	font-family:Arial, Verdana, sans;
}

/*/TOP LAYER//*/
div#btns {
	margin-left: 100px;
}
div#top {
	margin: 0px auto;
	background-color: #666;
	width: 744px;
	height: 17px;
	text-align: right;
	color: #fff;
	padding-top: 2px;
}
.whiter {color: white;}
.whiterlrg {color: white; font-size: 18px;}
div#top-header {
	margin: 0 auto;
	width: 744px;
	background-color: #fff;
	/*-padding: 3px 11px 3px 11px;
	background-image:  url(graphics/bg-01.gif);
	background-repeat: repeat-y;-*/
}
div#otherbox {
	width: 176px;
	height: 228px;
	background-image: url(graphics/sidebox.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 7px;
}

div#formtext {
	width: 310px;
	font-family: arial;
	font-size: 13px;
	text-align: left;
	color: white;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;

	margin-bottom: 5px;
}
div#top-hrow {
	margin: 0 auto;
	height: 5px;
	width: 744px;
	background-color: white;
	/*-background-image:  url(graphics/bg-hrow.gif);-*/
}
div#formholder {
	width: 308px;
	height: 226px;
	float: left;
	clear:both;
	background-image:url(graphics/formbackground.gif);
	background-repeat: no-repeat;
	
}

/*-- MAIN AREA OF HOME PAGE --*/

div#holder {
	margin: 0 auto;
	width: 744px;
	background-color:#fff;
	/*-padding: 10px 28px 0px 28px;
	background-image:  url(graphics/bg-01.gif);
	background-repeat: repeat-y;-*/
}
div#spacing {
	width: 744px;
	background-color: white;
}
div#holderleft {
	margin-left: 10px;
	float: left;
	width: 210px;
	background-color: #fff;
	margin-left: 0px; border: 0; padding: 0;
}

div#holderright {
	float: right;
	/*margin-right: 10px;*/
	width: 540px;
	background-color: #fff;
	margin: 0; border: 0; padding: 0;
}

div#logo {
	float: left;
	width: 490px;
	background-color:#fff;
	height: 80px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin: 0; border: 0;
}


/*-- MAIN HOME MENU --*/

div#menu {
	float: right;
	width: 545px;
	background-color: #666;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 6px 5px 6px 0px;
	text-align: left;
}
div#menupropertyforms {
	color: #666;
	font-size: 13px;
	padding-left: 12px;
}
div#menupropertyforms a{
	color: #666;
	text-decoration: none;
}div#menupropertyforms a:hover{
	color: #3685d5;
	text-decoration: underline;
}

div#menu a {
	text-decoration: none;
	color: #FFF ;
}

div#menu a:hover {
	color: #3685d5;
}

/*-- MENU-CURRENT LETTINGS 180px --*/

div#menucurrentlettings {
	float: left;
	width: 190px;
	background-color: #666;
	font-size: 12px;
	margin: 0 0px 10px 0px;
	padding: 6px 5px 6px 0px;
	text-align: left;
}

div#menucurrentlettings a {
	text-decoration: none;
	color: #fff;
}

div#menucurrentlettings a:hover {
	background: #666;
	color: #3685d5;
}
div#propertyformsheaders {
	float: left;
	width: 190px;
	background-color: #666;
	font-size: 12px;
	margin: 0 0px 10px 0px;
	padding: 6px 5px 6px 0px;
	text-align: left;
}
div#propertyformsheaders a{
	background: #666;
	color: white;
	
}

/*-- MENU-WIDE 710px --*/

div#menu-wide {
	float: left;
	width: 744px;
	background-color: #666;
	margin: 0 0 10px 0px; 
	padding: 6px 5px 6px 10px;
	text-align: left;
	font-size: 12px;
}

div#menu-wide a {
	text-decoration: none;
	color: #fff;
}

div#menu-wide a:hover {
	color: #3685d5;
}

/*-- CONTENT LAYER --*/

div#content {
	float: left;
	width: 310px;
	background-color:#fff;
	border-top: 0px solid #CBCDC5;
	text-align: left;
}
div#contentphp {
	float: left;
	width: 600px;
	background-color:#fff;
	border-top: 0px solid #CBCDC5;
	margin-left: 65px;
}

div#content p {
	text-align: justify;
	margin: 0 0 0 0;
	line-height: 1.5em;
	color:  #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
contentindex li{
	color: #3685d5;
}
contentindex li a{
	color: #3685d5;
	text-decoration: none;
}
contentindex li a:hover{
	color: #3685d5;
	text-decoration: underline;
}
contentindex a {
	color: #3685d5;
	text-decoration: none;
}
contentindex a:hover {
	color: #3685d5;
	text-decoration: underline;
}
div#contentmoreinfo {
	color: #666;
	
}
div#contentmoreinfo a{
	color: #3685d5;
	text-decoration: none;
}
contentmoreinfo a:hover {
	color: #3685d5;
	text-decoration: underline;
}

div#offerholders {
	width: 309px;
	clear:both;
	float:left;
	background-color: #3685d5;
	margin-bottom: 20px;
}
div#offertitles {
	color: white;
	font-size: 2em;
	text-align: left;
	font-weight: bold;
	margin-top: 8px;
	padding-bottom: 5px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-color: white;
	margin-left: 20px;
	margin-right: 30px;
}
div#offerundertitles {
	color: white;
	font-size: 13px;
	text-align: left;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 30px;
}
div#offercontents {
	
	color: white;
	text-align: left;
	font-size: 15px;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
	float:center;
}
div#textlabels {
	text-align:right;
	float:left;
	width: 50px;
	clear:both;
	margin-right: 10px;
	color: white;
	font-size: 14px;
}
div#textlabelstwo {
	text-align:right;
	float:left;
	width: 50px;
	clear:both;
	margin-right: 10px;
	margin-top: 6px;
	color: white;
	font-size: 14px;
}
div#textboxes {
	float:left;
	width: 50px;
	font-size: 14px;
	background:color #32CD32;
	
}
div#submitbutton {
	clear:both;
	text-align: center;
}
/*--
div#content ol li a { color: #3685d5; text-decoration: none; }

div#content ul li a { color: #3685d5; text-decoration: none; }

div#content p a { color: #3685d5; text-decoration: none; }
div#content ol li a:hover { color: #666;	text-decoration: none; }

div#content ul li a:hover { color: #666;	text-decoration: none; }

div#content p a:hover { color: #666;	text-decoration: none; }

div#content ul {
	text-align: left;
	margin: 10px 0 20px 15px;
	font-size: 12px;
	color: #666;
	border: 0; padding: 0;
}

div#content ol {
	text-align: left;
	margin: 20px 0 20px 20px;
	margin-left: 20px !important; margin-left: 23px;
	font-size: 1.1em;
	color: #666;
	border: 0; padding: 0;
}

div#content ul li {
	list-style-type: square;
	line-height: 1.0em;
	margin-bottom: 5px;
}

div#content ol li {
	list-style-type:inherit;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#content .li-inner {
	list-style-type: square;
	margin-left: 14px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#content .li-noblock {
	list-style-type: none;
	margin-left: 14px;
	line-height: 1.6em;
	margin-bottom: 5px;
}
--*/

/*-- CONTENT WIDE LAYER --*/
div#formreturn {
	clear:both;
	padding-left: 70px;
	padding-right: 40px;
}
div#formreturn p {
	color: #666;
	text-align: left;
	font-size: 13px;
}
div#formreturn a {
	color: #666;
	text-decoration: none;
	font-size: 13px;
}
div#formreturn a:hover {
	color: #3685d5;
	text-decoration: underline;
	font-size: 13px;
}

div#contentholder {
	float:left;
	width: 700px;

}
div#contentwide {
	float: left;
	width: 640px;
	background-color:#fff;
	border-top: 0px solid #CBCDC5;
	padding: 0px 0 0 0px;
	margin-left: 50px;
}

div#contentwide p {
	width: 640px;
	text-align: justify;
	margin: 0 0 0 0;
	line-height: 1.5em;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div#contentwide ol li a { color: #3685d5; text-decoration: none; }

div#contentwide ul li a { color: #3685d5; text-decoration: none; }

div#contentwide p a { color: #3685d5; text-decoration: none; }
div#contentwide ol li a:hover { color: #666;	text-decoration: none; font-size: 12px;}

div#contentwide ul li a:hover { color: #3685d5;	text-decoration: none; font-size: 12px;}

div#contentwide p a:hover { color: #3685d5;	text-decoration: underline; font-size: 12px;}

div#contentwide h1 {
	border-bottom: 1px solid #CBCDC5;
	margin: 0;
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 10px;
	color: #666;
}
div#desess {
	width: 640px;
	text-align: justify;
	margin: 0 0 0 0;
	line-height: 1.5em;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div#toppage {
	color: #3685d5;
}
div#toppage a{
	color: #3685d5;
	text-decoration: none;
}
div#toppage a:hover{
	color: #3685d5;
	text-decoration: underline;
}

div#contentwide h1 a { color: #666;	text-decoration: none; }
div#contentwide h1 a:hover { color: #666; text-decoration: none; }

div#contentwide ul {
	text-align: left;
	margin: 10px 0 20px 40px;
	font-size: 1.1em;
	color: #666;
	border: 0; padding: 0;
}

div#contentwide ol {
	text-align: left;
	margin: 20px 0 20px 20px;
	margin-left: 20px !important; margin-left: 23px;
	font-size: 1.1em;
	color: #666;
	border: 0; padding: 0;
}

div#contentwide ul li {
	list-style-type: square;
	line-height: 1.2em;
	margin-bottom: 5px;
	font-size: 12px
}

div#contentwide ol li {
	list-style-type:inherit;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#contentwide .li-inner {
	list-style-type: square;
	margin-left: 14px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#contentwide .li-noblock {
	list-style-type: none;
	margin-left: 14px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

/*--  CONTENT NARROW  --*/

div#contentnarrow {
	float: left;
	width: 200px;
	background-color:#fff;
	border-top: 0px solid #CBCDC5;
	padding: 0 0 0 0;
	margin: 0;
}

div#contentnarrow ul {
	text-align: left;
	margin: 10px 0 20px 0px;
	font-size: 1.1em;
	color: #666;
	border: 0; padding: 0;
}

div#contentnarrow ul li {
	list-style-type: square;
	line-height: 1.6em;
}

/*--  PROPERTY (LETTINGS PAGE) --*/

div#property{
	float: left;
	width: 600px;
	background-color:#fff;
	border: 1px solid #CBCDC5;
	margin-bottom: 10px;
	margin-left: 70px;
}

div#property p {
	font-size: 12px;
	color: #666;
	text-align: justify;
	margin-right: 10px;
}

div#propertypic{
	float: left;
	width: 100px;
	background-color:#fff;
	border-top: 0px solid #CBCDC5;
	padding: 10px 0 10px 0px;
	margin-left: 10px;
}

div#propertyheader{
	float: left;
	width: 600px;
	color: white;
	font-size: 12px;
	background-color: #666;
	border: 0px solid #CBCDC5;
	padding: 6px 0px 6px 0px;
	margin-bottom: 5px;
}

div#property_more {
	float: right;
	color: white;
	font-size: 12px;
	background-color:  #3685d5;
	padding: 6px 6px 6px 6px;
	margin: 0px 20px 0px 0px;
}

div#property_more a {
	color: white;
	text-decoration: none;
}

/*-- PICTURE (INDIVIDUAL DETAILS PAGES) --*/

div#picturesholder {
	float:left;
	width: 151px;
}
div#picture01	{
	float:left;
	background-color: white;
	width:151px;
	height: 153px;
	clear:both;
	
}

/*-- DETAILS (INDIVIDUAL DETAILS PAGES) --*/
div#advertbreif {
	float: left;
	width: 450px;
	padding-left: 10px;
}
div#details_house	{
float:left;
font-size: 12px;
color: #666;
width:400px;
margin: 10px 0px 0px 10px;
padding-left: 10px;
background-color: white;
}

div#details01 p	{

}

div#details_house .headingsdetails	{
text-align: left;
font-size: 12px;
background-color: white;
color: #3685d5;
}

div#details_house ul { margin: 0px 0 10px 0; padding: 0; list-style: none; color: #666; }
div#details_house ul li { font-size: 12px; text-align: left; margin: 0 0 8px 0; }

div#detailsheader	{
width: 400px;
text-align: left;
font-size: 12px;
font-weight: bold;
background-color: #666;
color: white;
padding: 5px 0px 5px 20px;
margin-bottom: 20px;
}


/*-- Footer --*/

div#footer {
	margin: 20px 0 0 0;
	background-color:#CBCDC5;
	height: 70px;
	font-size: 0.9em;
}

div#footer p {
	text-align: left;
	margin: 0 0 10px 0;
	line-height: 1.8em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

div#footer p a {
	text-align: left;
	margin: 0 0 10px 0;
	line-height: 1.8em;
	color: #3685d5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}


/*--
div#content .calculator-holder {
	background-color:#F3F3F1;
	padding: 6px;
	border: 2px solid #ABADA5;
	margin: 0;
}

div#content .small { font-size: 1.0em; color: #444; }

div#content .small2 { font-size: 1.0em; }


div#content .calculator-form {
	font-size: 1.1em;
	color: #444;
	width: 90px;
}

div#content .calculator-button {
	font-size: 1.1em;
	color: #444;
	width: 60px;
}

div#content .calculator-left {
	width: 120px;
	height: 30px;
	float: left;
	clear: both;
}

div#content .calculator-right {
	width: 140px;
	height: 30px;
	float: right;
}

div#content .line {
	height: 1px;
	font-size: 0.1em;
	clear: both;
	margin-bottom: 12px;
	border-bottom: 1px dashed #3685d5;
}

div#content .calculator-top {
	height: 20px;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	padding-top: 5px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #3685d5;--*/
}

/*-- CURRENT LETTINGS --*/

div#events {
	float: left;
	width: 185px;
	background-color:#fff;
	margin: 0px;
}

div#events .header a { width: 185px; display: block; margin: 0 0 25px 0; /*-padding: 6px 5px 6px 5px;-*/ background-color:#ABADA5; color: #fff; border-bottom: 0;}
div#events .header a:hover {color: #3685d5;}

div#lettings	{
	float: left;
	width: 175px;
	background-color:#fff;
	border-bottom: 1px solid #ddd;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 5px; 
	font-size: 12px;
	text-align: left;
}
div#otherboxitemholder {
	width: 169px;
	float: left;
	clear:both;
	margin-left: 10px;
}
div#pipic {
	width: 29px;
	height: 31px;
	float: left;
	clear:both;
	
}
div#otherboxtext {
	width: 160px;
	float: left;
	font-family: arial;
	font-size: 13px;
	color: white;
	text-align: left;
	
	
	
}

div#blueboxholder {
	width: 171px;
	float: left;
	clear:both;
	background-color: #64a6e8;
}

div#bluebox a{
	font-family: arial;
	font-size: 13px;
	color: white;
	
}
div#bluebox a:hover{
	text-decoration: underline;
	color: white;
}


div#lettings  a	{ display: block; margin: 0; background-color: #FBFBF9; color: #999; padding: 5px; text-decoration: none; }
div#lettings  a:hover	{ color: #3685d5; }

div#lettingsnew {float: right;
	color: #fff;
	padding: 1px 3px 1px 3px; 
	border: 0; margin: 0; 
	font-size: 10px;
}

div#lettingseco {float: right;
	color: #fff;
	padding: 1px 3px 1px 3px; 
	border: 0; margin: 0; 
	font-size: 10px;
}

div#lettingslet {float: right;
	color: #fff;
	padding: 1px 3px 1px 3px; 
	border: 0; margin: 0; 
	font-size: 10px;
}
div#lettingsnofee {float: right;
	color: #fff;
	padding: 1px 3px 1px 3px; 
	border: 0; margin: 0; 
	font-size: 10px;
}
div#moredetailsbtn {float: left;
	color: #b68320;
	padding: 1px 3px 1px 3px; 
	border: 0; margin: 0; 
	font-size: 13px;
}

div#moredetailsbtn{background-color: white;}
div#lettingslet{background-color: #b68320;}
div#lettingseco{background-color: #3685d5;}
div#lettingsnew{background-color: #3685d5;}
div#lettingsblank{background-color: white;}
div#lettingsnofee{background-color: #3685d5;}

/*-- LINKS RHS HOME PAGE --*/

div#links {
	float: left;
	width: 185px;
	margin-left: 15px;
	background-color:#fff;
}
div#linksten {
	float: left;
	width: 650px;
	margin-left: 60px;
	background-color:#fff;
}

#links .img { width: 180px;
}

div#news {
	width: 200px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #ABADA5;
	background-color: #fbfbf9;
	text-align: left;
	
	
}
div#btn {
	width: 108px;
	height: 27px;
	float:left;
	
}
div#newsten {
	width: 200px;
	float: left;
	margin-left: 5px;
	border: 1px solid #ABADA5;
	background-color: #fbfbf9;
	text-align: left;
	
	
}
div#newsitem { width: 125px; float:left; font-size: 13px; color: #666; background-color: #fbfbf9;}

#newsitem a { width: 125px;  display: block; margin: 0; background-color: #FBFBF9; font-size: 12px; color: #666; text-decoration: none;}
#newsitem a:hover { color: #3685d5;}
div#newsitemcontent {
	font-size: 12px; 
	color: #666;
	padding-left: 2px;
	margin-left: 2px;
	text-align: left;
}
div#newsitemcontent a{
	font-size: 12px; 
	color: #3685d5;
	text-decoration: none;
}
div#newsitemcontent a:hover{
	font-size: 12px; 
	color: #3685d5;
	text-decoration: underline;
}

div#newsitembutton a{
	float:right;
	display:block;
	background-color: #3685d5; 
	width: 130px;
	color: white;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
}
div#newsitembutton a:hover{
	color: white;
	text-decoration: underline;
	
}

div#newsboxone {
	width:69px;
	float:left;
	margin-right: 4px;
	
	
}
div#newsboxtwo {
	width:69px;
	float:left;
	margin-right: 4px;
	
}
div#newsboxthree {
	width:69px;
	float:left;
	margin-right: 4px;
	
}
div#newsboxfour{
	width:69px;
	float:left;
	margin-right: 2px;
	
}
div#newsboxtenone {
	width:69px;
	float:left;
	margin-right: 4px;
	
	
}
div#newsboxtentwo {
	width:69px;
	float:left;
	margin-right: 4px;
	
}
div#newsboxtenthree {
	width:69px;
	float:left;
	margin-right: 4px;
	
}
div#newsboxtenfour{
	width:69px;
	float:left;
	margin-right: 2px;
	
}
div#linkslan {
	float: left;
	width: 500px;
	padding-left: 220px;
	background-color:#fff;
}
div#newslan {
	width: 200px;
	float: left;
	margin-left: 60px;
	margin-bottom: 10px;
	border: 1px solid #ABADA5;
	background-color: #fbfbf9;
	text-align: left;
	
	
}
div#newsboxlanthree {
	width:69px;
	float:left;
	margin-right: 4px;
	
}
div#circlepic {
	display:block;
	width: 20px;
	float:left;
	
} 
div#colholder {
	clear:both;
	width: 600px;
	float:left;
	margin-left: 227px;
}
div#col1 {
	float:left;
}
div#col1 h3{
	color: #3685d5;
	font-size: 13px;
}
div#col1 li{
	color: gray;
	font-size: 13px;
}
div#col2 {
	float:left;
	margin-left: 50px;
}

div#col2 h3{
	color: white;
	font-size: 13px;
}
div#col2 li{
	color: gray;
	font-size: 13px;
}


#associations	{
	margin-top: 10px;
	
	clear:both;
	float:left;
}

/*-- BOTTOM --*/

div#bottom {
	margin: 0 auto;
	width: 744px;
	background-color:#666;
	height: 20px;
	/*--background-image: url(graphics/bg-bottom.gif);--*/
}

div#bottom p {
	padding-top: 3px;
	text-align: center;
	margin: 0 0 5px 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*div#bottom p a {
	text-align: center;
	margin: 0 0 5px 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}*/

a:visited { color: #fff; text-decoration: underline; }

div#bottom a { color: #fff; text-decoration: underline; }
div#bottom a:hover { color: #fff; text-decoration: none; }

/*--  NEWS CONTENT --*/

div#news center {margin: 0 0 10px 0; padding: 0; width:310px; }

div#error {
	width: 250px;
	float: right;
	margin: 20px 30px 10px 0px;
}

div#errorpic{
	width: 250px;
	float: left;
	margin: 20px 0px 10px 50px;
}


/*/ OTHER /*/

.ruler {
	border: 0; padding: 0;	height: 1px;
	color: #CBCDC5;
	background-color: #CBCDC5;
	margin-bottom: 6px;
}


h1 {
	border-bottom: 1px solid #CBCDC5;
	margin: 0 0 7px 0;
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 7px;
	color: #666;
}

h1 a { color: #666;	text-decoration: none; }
h1 a:hover { color: #666; text-decoration: none; }

h2 { margin: 15px 0 6px 0; font-size: 1.5em; font-weight: bold; padding-bottom: 2px; color: #666; }
h2 a { color: #00AAFF;	text-decoration: none; }
h2 a:visited { color: #00AAFF; text-decoration: none; }
h2 a:hover { color: #666; text-decoration: none; }

h3 {
	margin: 0 0 10px 0;
	font-size: 1.8em;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 0px;
	color: #666;
}

h3 a { color: #3685d5;	text-decoration: none; }
h3 a:hover { color: #666; text-decoration: none; }

.dark { font-family: arial; font-size: 13px;
color: #666; }

.clear {
	clear:both;
	height: 0;
}

.edetail {
	font-weight: bold;
}

.ty {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	padding: 8px;
	border: 1px solid #FF0000;
	text-align: center;
}

