/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin: 0;
	padding: 0;
	background-color: #E4EBF6;
}

#wrapper {
	width: 766px;
	margin: auto;
	padding: 0;
	margin-top: 8px;	
}

#top { float: left; width: 100%; height: 10px; background: url(../images/header.gif) no-repeat; }
#content { float: left; width: 100%; background: url(../images/content.gif) repeat-y; padding-bottom: 10px; }
#bottom { float: left; width: 100%; height: 16px; background:url(../images/footer.gif) no-repeat; }
#copyright { float: left; width: 100%; text-align: center; font-size: 10px; margin-top: 10px; margin-bottom: 10px; color: #666666; }

#header { float: left; width: 100%; }
#header_logo { float: left; background: url('../images/headers/rotator.php') no-repeat; width: 758px; height: 96px; margin: 0 0 0 1px; }
#header_logo img { float: right; }
#header_menu { float: left; width: 755px; margin: 5px 0 0 5px; }
#header_stripe { float: left; width: 743px; height: 3px; background:url(../images/divider.gif); margin: 5px 0 15px 3px; }

#maincontent { float: left; width: 540px; margin-left: 20px; }

.property { float: left; width: 540px; margin: 10px 0 10px 0; }
.property .header { float: left; width: 100%; height: 20px; background: url(../images/propertybox/header2.gif) no-repeat; text-indent:25px; line-height: 20px; color: #85A5D6; font-weight: bold;}
.property .content { float: left; width: 100%; background: url(../images/propertybox/contentbg.gif) repeat-y; }
.property .footer { float: left; width: 100%; height: 30px; background: url(../images/propertybox/footer_small.gif) no-repeat; }
.property .footerbig { float: left; width: 100%; height: 30px; background: url(../images/propertybox/footer_big.gif) no-repeat; }
.property .addressbox { display:none; float: left; width: 300px; height: 20px; line-height: 20px; color: #85A5D6; font-weight: bold; text-indent: 5px; background: url(../images/propertybox/addressbox.gif) no-repeat; margin: -12px 0 0 10px; }
.property .picture { float: left; width: 250px; height: 166px; background: url(../images/propertybox/photobox.gif) no-repeat; margin: 5px 0 0 20px; }
.property .picture2 { float: left; width: 250px; height: 190px; background: url(../images/propertybox/photobox2.gif) no-repeat; margin: 5px 0 0 10px; }
.property .picture2 #picnav { float: left; width: 100%; height: 33px; }
.property .picture2 #picnav #text { float: left; width: 180px; line-height: 33px; text-indent: 20px; color: #E357A4; font-weight: bold; }
.property .picture2 #picnav #navbuttons { float: left; width: 70px; height: 33px; }
.property .picture2 #picnav #navbuttons img { margin: 5px 0 0 0; padding: 0; }
.property .picture img { padding: 10px 16px 10px 16px; }
.property .picture2 img { padding: 10px 16px 0 16px; }
.property .info { float: left; width: 265px; height: 140px; margin: 0 5px 5px 0px; font-size: 11px; padding: 10px 5px 5px 5px; }
.property .info .line { float: left; width: 265px; height: 16px; margin: 1px 0 1px 0; color: #666666; font-size: 12px; }
.property .info .line .caption { float: left; width: 90px; color: #E357A4; font-size: 13px; }
.property .info .line .further { float: right; margin-top: 10px; color: #85a5d6; }
.property .info .descrip { float: left; width: 240px; margin-top: 5px; color: #666666; text-align: justify; }
.property .icons { float: right; width: 178px; height: 30px; margin-right: 12px; }
.property .iconbig { float: right; width: 300px; height: 30px; margin-right: 12px; }
.property .icons img { margin: 4px 0 0 15px; }
.property .iconbig img { margin: 4px 0 0 9px; } /* margin: 4px 0 0 9px; */
.property .enquire { float: left; width: 230px; height: 30px; margin: 5px 0 0 20px; }
.property .description { float: left; width: 500px; margin: 10px 0 0 20px; color:#666666; text-align: justify; font-size: 12px; line-height: 16px; }
.property .cfm { float: right; width: 178px; height: 30px; line-height: 30px; margin-right: 12px; text-align:center; font-size: 13px; color: #001F4C; font-weight: bold; }

.property2 { float: left; width: 540px; margin: 10px 0 10px 0; background: #D2DCEF; }
.property2 .picture { float: left; width: 150px; margin: 3px; }
.property2 .location { float: left; width: 150px; height: 85px; margin: 5px 0 5px 30px; color: #444444;  }
.property2 .price { float: left; width: 90px; height: 85px; margin: 5px 0 0 20px; color: #444444; text-align: center;  }
.property2 .soldInfo { float: left; width: 130px; height: 85px; margin: 5px 0 5px 0; color: #444444; text-align: center;  }
.property2 .icon { float: left; width: 60px; height: 85px; font-size: 10px; text-align: center; margin: 5px 3px 5px 10px; }
.property2 .refno { font-size: 11px; color: #666666; }
.property2 .statusBanner { float: left; width: 300px; height: 20px; margin: 0 0 0 40px; line-height: 20px; color: #e357ab; font-size: 1.2em; text-align: center; }

.property_sold { float: left; width: 540px; margin: 10px 0 10px 0; background: #D2DCEF; }
.property_sold .picture { float: left; width: 150px; margin: 3px; }
.property_sold .location { font-size: 13px; float: left; width: 370px; height: 25px; margin: 7px 5px 2px 5px; color: #444444; text-align: center; line-height: 25px; font-weight: bold; background-color: #FFFFFF; }
.property_sold .price { float: left; width: 370px; height: 25px; margin: 2px 5px 2px 5px; color: #444444; text-align: center; text-align: center; line-height: 25px; background-color: #8BD3E9; }
.property_sold .soldInfo { float: left; width: 370px; height: 35px; margin: 2px 5px 2px 5px; color: #444444; text-align: center; text-align: center; line-height: 35px; }

#mainmenu { float: left; width: 140px; margin: 0 0 0 30px; padding: 10px 10px 30px 10px; }
/* #mainmenu span { margin-left: 20px; } TEST TEST TEST */
#mainmenu span.blue_menu { width: 140px; background: url('../images/buttons/button_blue_wide.jpg') no-repeat; }
#mainmenu span.pink_menu { width: 140px; background: url('../images/buttons/button_pink_wide.jpg') no-repeat; }
#mainmenu span.gray_menu { width: 140px; background: url('../images/buttons/button_gray_wide.jpg') no-repeat; }
#mainmenu ul { margin: 5px 0 20px 10px; padding: 0; list-style-type: none; color:#666666; font-size: 11px; clear: left; }
#mainmenu ul li { padding: 1px 0 1px 0; }
#mainmenu ul ul { margin: 2px 0 5px 10px; }
#mainmenu #refform { margin-top: 5px; }
#mainmenu #refform .formstyle { border: 1px solid #666666; width: 85px; font-size: 11px; padding-left: 5px; }
#mainmenu #refform .formstyle:focus { border: 1px solid #E357A4; background-color: #E4EBF6; }
#mainmenu #refform .formstyle2 { border: 1px solid #666666; font-size: 11px; }

#homepage { float: left; width: 100%; margin: 10px 0 10px 0; }
#homepage #intro { float: left; width: 300px; height: 20px; padding: 10px 20px 10px 20px; }
#homepage #featuredprop { float: left; width: 200px; height: 281px; background: url(../images/feature3.gif) no-repeat; }
#homepage #featuredprop .header { float: left; width: 180px; margin: 10px 0 0 10px; color: #E357A4; font-size: 15px; font-weight: bold; margin-right: 15px; }
#homepage #featuredprop .pic { float: left; width: 180px; margin: 10px; }
#homepage #featuredprop .info { float: left; width: 180px; margin: 0 10px 0 10px; color: #666666; font-size: 10px; line-height: 14px; }
#homepage #featuredprop .icon { position: absolute; margin: 258px 0 0 166px;}
#homepage #featuredprop .cfm2 { position: absolute; width: 180px; height: 20px; font-size: 12px; color: #85A5D6; font-weight: bold; line-height: 20px; text-align:center; margin: 258px 0 0 10px; }

#legend { float: left; width: 540px; height: 50px; margin-top: 0; margin-bottom: 10px; margin-left: 20px; }
#legend .icon { float: left; width: 60px; height: 50px; margin: 0 3px 0 3px; text-align:center; font-size: 10px; color: #666666; }
#legend .icon img { margin-bottom: 5px; }

#latestnews { float: right; width: 300px; height: 160px; background: url('../images/latestnews_bg2.jpg') no-repeat; }
#latestnews #header { float: left; width: 100%; height: 20px; margin: 10px 0 0 0; }
#latestnews #header h1 { float: left; margin: 0 0 0 10px; padding: 0; color: #000000; text-decoration: underline; font-size: 14px; }
#latestnews #header h2 { float: left; margin: 0 0 0 30px; padding: 0; color: #444444; font-size: 11px;  }
#latestnews #newsContent { float: left; width: 280px; height: 120px; margin: 0 10px 5px 10px; overflow: hidden; color: #444444; font-size: 11px; line-height: 13px; }
#latestnews #newsContent p { color: #444444; font-size: 11px; line-height: 14px; margin: 0; padding: 3px 0 0 0 }

#weblinks { width: 490px; margin: 0 auto 0 auto; }
#weblinks .linkContainer { float: left; border: 1px solid #cfcfcf; width: 480px; margin: 5px; }
#weblinks .linkTitle { float: left; background-color: #fbb6ed; width: 470px; margin: 5px; padding: 2px 0 2px 0; color: #222222; }
#weblinks .linkTitle img { padding: 0 5px 0 5px; } 
#weblinks .linkDescription { float: left; background-color: #FFFFFF; width: 430px; margin: 0 0 0 20px; padding: 5px; font-size: 12px; line-height: 15px; color: #333333; text-align:justify;  }
#weblinks .linkUrl { float: left; color: #666666; text-align: right; background-color: #b2eaf9; width: 460px; margin: 5px; padding: 0 10px 0 0; }

/********* SEARCH FORMS ******/
#searchArea { float: left; width: 230px; }
#searchArea h2 { margin: 0 0 0 10px; padding: 0; }
#searchform { width: 200px; margin: 10px 0 0 0px; }
#searchform .linesep { float: left; width: 100%; margin: 5px 0 5px 15px; }
#searchform .caption { float: left; width: 100px; color: #444444; font-size: 11px; }
#searchform .formstyle { border: 1px solid #666666; width: 100px; font-size: 11px; }
#searchform .formstyle2 { float: right;  border: 1px solid #666666; width: 75px; font-size: 11px; }


blockquote { margin: 10px auto 10px auto; width: 500px; height: 150px; background: url('../images/gradientbox.jpg') no-repeat; }
blockquote h1 { margin: 0 0 0 10px; padding: 15px 0 0 0; color: #333333; }
blockquote p { padding: 5px 20px 5px 20px; }

#slideshow { float: left; width: 261px; height: 90px; text-align: left; padding: 5px; margin: 5px; }
#slideshow2 { float: right; width: 230px; height: 100px; text-align: center; padding: 5px; margin: 25px 5px 5px 5px; }
#slideshow3 { width: 261px; height: 90px; text-align: center; padding: 5px; margin: 5px auto 5px auto; }

/*********** FORMS ***********/
#myform { margin: 0 0 0 50px; width: 400px; }
#myform .formheader { float: left; width: 100%; border-bottom: 1px solid #85A5D6; margin: 5px 0 5px 0; text-indent: 10px; color: #E357A4; }
#myform .linesep { float: left; width: 100%; margin: 3px 0 3px 0; }
#myform .caption { float: left; width: 110px; color: #666666; font-size: 12px; }
#myform .formitem { float: left; width: 280px; font-size: 11px; color: #666666; }
#myform .formstyle { border: 1px solid #666666; width: 200px; padding: 0 5px 0 5px; }
#myform .formstyle:focus { border: 1px solid #E357A4; }
#myform .formstyle2 { border: 1px solid #666666; font-size: 11px; }

/********* SEARCH FORMS ******/
.staff { float: left; background:url(../images/staffbg.gif) no-repeat; width: 540px; height: 40px; margin-bottom: 10px; }
.staff .name { float: left; width: 300px; height: 40px; line-height: 40px; margin-left: 40px; color: #85A5D6; font-size: 13px; font-weight: bold; }
.staff .tele { float: left; width: 100px; height: 40px; line-height: 40px; text-align:center; color: #85A5D6; font-size: 13px; }
.staff .email { float: left; width: 100px; height: 40px; line-height: 40px; text-align:center; font-size: 11px; }



/*********** TEXT ***********/
a { color: #666666; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
p { font-size: 12px; color: #444444; line-height: 15px; text-align:justify; }
p.indent50 { margin-left: 50px; }
p.disclaimer { font-size: 12px; color: #666666; line-height: normal; }
h1 { color: #85A5D6; font-size: 16px; }
h2 { color: #E357A4; font-size: 14px; margin-left: 10px; padding-top: 10px; }
h2.blue { color: #85A5D6; }
h3 { color: #E357A4; font-size: 16px; }
h2 a { color: #E357A4; }
h2.blue a { color: #85A5D6; }
h2.legend { font-size: 13px; }
#header_menu a { color: inherit; text-decoration: none; }
#header_menu a:hover { text-decoration: underline; }
#mainmenu a { color: inherit; text-decoration: none; }
#mainmenu a:hover { text-decoration: underline; }
.property .info .line .further a { color: #85a5d6; }
#homepage #featuredprop .cfm2 a { color: #85a5d6; }
.property .cfm a { color: #85a5d6; }
.pink_menu { float: left; width: 120px; height: 20px; text-align: center; line-height: 20px; margin: 0 3px 0 3px; font-weight: bold; letter-spacing: 1px; color: #444444; font-size: 12px; background: url('../images/buttons/button_pink.jpg') no-repeat; }
.blue_menu { float: left; width: 120px; height: 20px; text-align: center; line-height: 20px; margin: 0 3px 0 3px; font-weight: bold; letter-spacing: 1px; color: #444444; font-size: 12px; background: url('../images/buttons/button_blue.jpg') no-repeat; }
.gray_menu { float: left; width: 120px; height: 20px; text-align: center; line-height: 20px; margin: 0 3px 0 3px; font-weight: bold; letter-spacing: 1px; color: #444444; font-size: 12px; background: url('../images/buttons/button_gray.jpg') no-repeat; }
.pageLink { font-size: 13px; color: #E357A4; margin-left: 10px; }
ul { font-size: 12px; color:#666666; list-style-type: square; }
ul li { padding: 1px 0 1px 0; }
ol { font-size: 12px; color:#444444; }
ol li { padding: 5px 0 5px 0; }
.warning { color: #FF0000; }