/* GENERIC --------------------------------------------------------------------------------- */
HTML, BODY { height : 100%; }
BODY { margin : 0px; padding : 0px; text-align : center; background : url('images/bg/site_bg.png') center -80px no-repeat; }

.clr { clear : both; }
hr { display : none; }

/* H2 Heading Styles */
.dotted-header { background : url('images/bg/horiz-dot.png') bottom left repeat-x; position : relative; padding-bottom  : 2px; margin-bottom : 46px; border-width : 0px 0px 0px 10px; border-style : solid; padding-left : 4px;}
.dotted-header span { position : absolute; right : 0px; bottom : -37px; display : block; width : 48px; height : 42px; }

/* PAGE ICONS */
span.about-icon { background : url('images/icons/hive-icon.png') left top no-repeat; }
span.lettings-icon { background : url('images/icons/rent-icon.png') left top no-repeat; }
span.sales-icon { background : url('images/icons/sales-icon.png') left top no-repeat; }
span.services-icon { background : url('images/icons/services-icon.png') left top no-repeat; }
span.contact-icon { background : url('images/icons/contact-icon.png') left top no-repeat; }
span.testimonials-icon { background : url('images/icons/testimonials-icon.png') left top no-repeat; }
span.keys-icon { background : url('images/icons/keys-icon.png') left top no-repeat; }

/* ICONS */
    /* Icon structure */
    .icons { position : relative; height : 62px; width : 33px; float : left; display : block; margin : 20px 5px 0px 5px; text-align : center;}
    .icons span.icon { display : block; position : absolute; top : -4px; left :0px; height : 43px; width : 33px; }
    .icons strong { position : relative; top : -8px; } 

    /* Legend for icon */
    .icons .def { visibility : hidden; position : absolute; top : -28px; left : -50%; height : 14px; line-height : 14px; width : 52px; border-width : 1px; border-style : solid; text-align : center; }
    .icons:hover span.def { visibility : visible; }

    .living:hover .def { width : 72px !important; }
    /* Icon images */
    .garden:hover   span.icon { background : url('images/icons/garden-icon-active.png') top left no-repeat; }
    .bathroom:hover span.icon { background : url('images/icons/bathroom-icon-active.png') top left no-repeat; }
    .bedroom:hover  span.icon { background : url('images/icons/bedroom-icon-active.png') top left no-repeat; }
    .living:hover   span.icon { background : url('images/icons/living-icon-active.png') top left no-repeat; }
    .garage:hover   span.icon { background : url('images/icons/garage-icon-active.png') top left no-repeat; }

/* PAGER */
.pager { margin : 20px 0px; }
.pager a { display : block; padding : 2px 6px; background : #bfbfbf url('images/bg/pager-sl.png') top left repeat-x; text-decoration : none; text-align : center; float : left; margin : 0px 2px; border-style : solid; border-width : 1px; }
.pager a:hover, .pager a.active { background : #ff9f00 url('images/bg/pager-sl-active.png') top left repeat-x; }


/* BUTTONS */
.std-btn { text-align : right; background : url('images/btn/more-button.png') left top no-repeat; overflow:hidden; display : block; line-height : 28px; width : 94px; font-weight : bold; text-decoration : none; text-transform : uppercase; }
.std-btn span { margin-right : 8px; }
.std-btn:hover { background-position : left bottom; }

.map-btn { float : right; position : relative; background : url('images/icons/map-icon.png') left top no-repeat; height : 62px; width : 33px; display : block;  text-decoration : none !important;}
.map-btn span { display : none; position : absolute; left : 20px; top : -15px; text-decoration : none !important;  width : 90px; padding : 4px 6px; border-width : 1px; border-style : solid;}
.map-btn:hover { background-image: url('images/icons/map-icon-active.png');  }
.map-btn:hover span { display : block; }


/* SITE ELEMENTS --------------------------------------------------------------------------- */
.sitelogo { height : 113px; background : url('images/logos/sitelogo.png') 40px center no-repeat; }
.sitelogo h1 { display : none; }


/* TESTIMONIAL BLOCK ----------------------------------------------------------------------- */ 
.testimonial-block { margin : 20px 0px; }

.testimonial-block .name { float : left; width : 100px; position:relative; top:10px; }
.testimonial-block strong { display : block; }

.testimonial-block .comment { float : right; width : 645px; background : url('images/bg/testimonial-sl.png') top right repeat-y; position : relative; }
.testimonial-block .comment p { position : relative; display : block; margin : 36px 80px; }    
.testimonial-block .close-quote { position : absolute; display:block; height : 16px; width : 23px; bottom : 0px; right : -23px; background : url('images/bg/testimonial-close-quote.png') top left no-repeat; }
    
.testimonial-block div.top { position : absolute; height : 90px; width : 645px; top : 0px; left :0px; background : url('images/bg/testimonial-top.png') top left no-repeat;}
.testimonial-block div.bottom { position : absolute; height : 10px; width : 645px; bottom : -10px; left :0px; background : url('images/bg/testimonial-bottom.png') top right no-repeat;}

/* HOMEPAGE ELEMENTS ----------------------------------------------------------------------- */
.home-block h2 { margin : 0px; padding : 0px; }
.home-block .left-col { width : 235px; float : left; margin-right : 10px; }

.featured-block { float : left; position : relative; }
.featured-block h2 { margin-left : 14px; }

.featured-block .top { width : 500px; background : url('images/bg/yellow-block-top.png') top left no-repeat; height : 12px; overflow : hidden;}
.featured-block .bottom { width : 500px; background : url('images/bg/yellow-block-bottom.png') top left no-repeat; height : 14px; overflow : hidden; clear : both;}
.featured-block .featured-ad { width : 500px; background : url('images/bg/yellow-block-sl.png') top left repeat-y; min-height : 115px; }

.featured-block .std-btn { position : absolute; bottom : 0px; right : 20px;}

.featured-ad img { float : left; margin : 0px 0px 5px 13px; border-width : 1px; border-style : solid; }
.featured-ad .text { float : left; padding-left : 10px; padding-top : 5px; width : 215px; background-color : #ffe7a4; min-height : 149px; margin-top : 3px; }
.featured-ad p { margin : 0px 0px 10px 0px; }


/* SITE BLOCKS ----------------------------------------------------------------------- */
.grey-block {position : relative; display : block; margin-right : 13px; text-align : center; float : left; background : url('images/bg/grey-block.png') left top no-repeat; width : 236px; height : 153px; text-decoration : none; }
.grey-block img { border : 0px; margin-top : 12px; }
.grey-block .block-title { display : block; position : absolute; left : 12px; top : -18px; font-weight : bold; }
.grey-block .block-icon { position : absolute; right : 10px; top : -25px; width : 48px; height : 42px; display : block; }
.grey-block .keys-icon { height : 43px; }


.fullbox-layout { clear : both; }
.fullbox { position : relative; background : url('images/bg/fullgrey-block-sl.png') top left repeat-y; text-align : left;}
.fullbox .top { background : url('images/bg/fullgrey-block-top.png') top left no-repeat; padding : 10px 5px 5px 5px; height : 100%; }
.fullbox .bottom { background : url('images/bg/fullgrey-block-bottom.png') bottom left no-repeat; height : 100%; }

.fullbox .image-cell { width : 140px; text-align : center; float : left; }
.fullbox .image-cell img { border-style : solid; border-width : 1px }
.fullbox .info-cell { float : left; width : 350px; margin : 0px 5px; background : url('images/bg/vert-dot.gif') top right repeat-y; }
.fullbox .icons-block { margin-left : 10px; }

.fullbox .info-cell p, .fullbox .large-details p { margin : 0px; margin-bottom : 14px; }

.fullbox .large-image { width : 252px; float : left; margin-left : 5px; margin-bottom : 5px; }
.fullbox .large-image img { border-style : solid; border-width : 1px; margin : 2px 3px !important;}
.fullbox .main-image {}

.fullbox .large-details { width : 430px; float : left; margin-left : 8px; margin-bottom : 5px; background : url('images/bg/vert-dot.gif') top left repeat-y; padding-left : 10px;}

.fullbox-layout .std-btn { float : right; position : relative; top : -15px; left : -10px; }

.details .icons-block { background : none !important; position : relative; left : -8px; width : 380px;  }
.details .icons-block .icons { margin-top : 0px !important; }
     
/* CONTACT PAGE */
.contact-info { float : left; background : url('images/bg/contact-info.png') top left no-repeat; width : 218px; height : 322px; margin-top : 10px; font-weight : bold; }
.contact-info p { margin-left : 10px; }
.contact-info h4 { margin : 18px 20px 0px 10px; background : url('images/bg/horiz-dot.png') bottom left repeat-x; padding-bottom : 8px;}

.contact-form { float : left; background : url('images/bg/contact-form.png') top left no-repeat; width : 532px; height : 392px; }
.contact-form .first-element { margin-top : 20px; }
.contact-form .field-hint { display : block; text-align : right; margin-right : 30px; }

.contact-form-control { clear : both; text-align : right; width : 532px; margin-top : 20px; }
.submit-btn { background : url('images/btn/submit-btn.png') top left no-repeat; border : 0px; width : 102px; height : 38px; text-align : right; font-weight : bold; cursor : pointer; text-transform : uppercase; }
.submit-btn:hover { background-position : left bottom; }
     
.form-row { margin-bottom : 15px; margin-left : 30px; position : relative; }
.form-row label { display : block; float : left; width : 100px; text-align : right; margin-right : 20px; line-height : 25px; font-weight : bold;}
.form-row label span { position : absolute; margin-left : 4px; }
.form-row .text-field { border-width : 1px; border-style : solid; padding : 5px 5px; width : 340px;}
.form-row textarea { border-width : 1px; border-style : solid; padding : 5px 5px; width : 340px; height : 80px;}
.form-row .error { position : absolute; right : 38px; bottom : -10px; border-width : 1px; border-style : solid; padding : 4px; font-weight : bold; }


/* FOOTER ELEMENTS ------------------------------------------------------------------------- */
.copyright { margin : 4px 0px 0px 20px; padding : 0px; line-height: 1.8em; }

.footer-logos { position : absolute; right : 30px; top : -50px;  }

#designby
{
    position        : absolute;
    right           : 30px;
    top             : 35px;
	display			: block;
	
	width			: 50px;
	height			: 10px;
	line-height		: 10px;
	
	padding-right	: 25px;
	
	margin-left		: auto;
	margin-bottom	: 5px;
	
	color			: #d88e00;

	background		: url('images/logos/dbdc.png') right top no-repeat;
	text-decoration : none;
	font-size       : 11px;
}
	#designby:hover {color : #000000; background-position : right bottom; text-decoration : none; }