@charset "utf-8";

/*-------- body and master styles------------------------*/
body{
	background: #fff;
	font-family: calibri, Helvetica, Arial, sans-serif;
	font-size: 14px;		
	line-height: 1.5;
	color: #333;
	margin:0
}

h1, h2, h3, h4, h5 {font-weight: normal; font-style: normal}

h1 {font-size: 20px; letter-spacing: 1px; margin-bottom: 10px; margin-top: 15px; line-height: 1.4}
h2 {font-size: 18px; letter-spacing: 1px; margin-bottom: 9px}
h3 {font-size: 16px; letter-spacing: 1px; margin-bottom: 8px}
h4 {font-size: 16px; margin-bottom: 8px}

a, a:link, a:visited {color: #46810D; text-decoration: none}
a:hover {color: #6500c6}

p {
	padding: 0 0 10px 0;
}
.white {background: #fff}
.padded15, .paddedTRBL {padding: 15px}
.paddedRBL {padding: 0 15px 15px 15px}

body {background: #649712 url(ruralSiteBg.gif) repeat-x left top}
.container_12 {margin-top: 15px}
/*-------------------------------------------------------*/
/*-------- header ---------------------------------------*/
#header {height: 182px;}
#headerTag {height: 166px; width: 617px; float: right; background: transparent url(ruralTag.jpg) no-repeat right top;}
#headerLogo {height: 166px; width: 186px; background: transparent url(PSKRuralLogo.gif) no-repeat left center; float: left}

/*-------------------------------------------------------*/
/*--------  menu ---------------------------------------*/
#menu {height: 63px; background: #204801 url(ruralMenuBg.gif) repeat-x left top; color: white; line-height: 1.2}
#menuL {float: left; height: 63px; width: 15px; background: #204801 url(ruralMenuLeft.gif) repeat-x left top}
#menuR {float: right; height: 63px; width: 15px; background: #204801 url(ruralMenuRight.gif) repeat-x left top}
.menu {list-style-type: none; margin: 0; padding: 0; float: right}
.menu li {display: block; float: left;list-style-type: none; margin: 0; padding: 0; }
.menu li a, .menu li a:link, .menu li a:visited {display: block;  padding: 7px 20px 0 20px; color: white; font-size: 17px; text-align: right;}
html > body li a { margin-top: 1px; height: 46px;
-webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;
-webkit-transition:background-color 0.3s ease-in-out;-moz-transition:background-color 0.3s ease-in-out;
}
.menu li a:hover {color: #ffd900; background: #043300; text-decoration: underline}

#bLet #let, #bSale #sale, #bPlanning #planning, #bRegister #register, #bLand #land, #bSurveys #surveys, #bHome #home{color: #ffd900; background: #043300}
/*-------------------------------------------------------*/
/*--------  fp ---------------------------------------*/
#fpImageContainer div {padding: 15px 0 15px 15px; height: 220px}
#fpImageContainer img {width:365; height:229px; position: absolute; top: 15px; left: 15px; }
.padTR {padding: 15px 15px 0 0}
.padR {padding: 0px 15px 0 0}

#showThanks {margin: 10px; padding: 3px 10px; border: 1px solid #ccc; -moz-border-radius: 6px;-webkit-border-radius: 6px; background: #FFFFFF url(gradientBlue.gif) repeat-x scroll left top}
/*-------------------------------------------------------*/
/*-------- footer  --------------------------------------*/
.footer { background: #fff url(footerBg.gif) repeat-y left top; margin-top: 0; margin-bottom: 0px;}
.footer p {margin-top: 12px; padding-bottom: 0; margin-bottom: 0px; color: #fff; text-align: left; padding-left: 15px; font-size: 12px; line-height: 1 }
.footerBase {background: #fff url(footerBaseBg.gif) no-repeat 0 top; margin-top: 0; margin-bottom: 30px;}
.container_12 {overflow: hidden}
.footer a, .footer a:link, .footer a:visited {color: white}
.footer a:hover {text-decoration: underline}
.footer .showHypers a, .footer .showHypers a:link, .footer .showHypers a:visited {color:#8de500; }
.footer .showHypers a:hover {color:#6500c6; text-decoration: underline}
/*-------------------------------------------------------*/
/*-------- properties listing -----------------------------*/
.fpc {}
.imageholder {margin-left: 10px; height: 150px}
.imageholder img {width: 198px;  border: 1px solid #154401}
.alpha .imageholder img {margin-left: 10px}
.fpc.omega  {margin-left: 0px}
.detailblock {margin-left: 10px; margin-top: 10px; text-align: center}
.detailblock span {display: block; text-align: center}
.detailblock .fpPrice {font-size: 17px; }
.detailblock .fpdesc {}
.detailblock .fpdesc ul{display: none;}
.detailblock a:link, .detailblock a:visited, .description a:link, .description a:visited {color: #46810d; font-size: 15px; font-weight: bold;}
.detailblock a:hover, .description a:hover { color: #6500C6;text-decoration: underline}

.break {display: none}
.property {height: 280px; text-align: center; margin-right: 0; line-height: 1 }
.property .imageholder {height: 150px}
.property .price h2 {font-size: 14px}
.property p {display: none}
.property h2 {font-size: 12px; letter-spacing: 0; line-height: 1}

/*-------------------------------------------------------*/
/*-------- property details ------------------------------*/
#mainImage {width: 450px; height: 314px; overflow: hidden; text-align: center}
#mainImage img {border: 1px solid #154401; max-width: 450px;}
#smallImages {width: 450px; text-align: center; overflow: hidden}
#smallImages img {width: 140px; float: left; border: 1px solid #154401; margin-right: 4px; margin-left: 4px; margin-top: 5px}
#smallImages img:hover {border-color: #6500C6 !important}


/*-------------------------------------------------------*/
/*-------- contact ---------------------------------------*/
.formSuccess, .formFail { font-size: 16px; font-weight: bold; margin-top: 15px}
.formSuccess p {padding: 15px; border: 1px solid #ccc}
.formSuccess span {padding-left: 24px; line-height: 16px; background: url(greenTick.png) no-repeat left center}
.formFail span {padding-left: 24px; line-height: 16px; background: url(noticeIcon.png) no-repeat left center}
.formFail p {padding: 15px; border: 1px solid darkRed; background: #eee url(gradient.png) repeat-x top left}
.contact .col2 {float: left; width: 100px; text-align: right; padding-right: 10px;}
.contact .normal, .contact .medium, .contact .large {font-size: 14px; width: 200px;  float: left; margin-right: 10px}
.contact .medium {width: 340px}
.contact .large {width: 420px}