@import url("reset.css"); 

body {
    font: 62.5%/1.5  "MS Trebuchet", "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
    background: #fff url(images/bg.gif) top center fixed repeat-x;
    color: #999;
}

h1 {font-size: 2.2em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
p {font-size: 1.2em;}

a {color: #c00; text-decoration: none;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
*hrml .clearfix {zoom: 1; }

.left {float: left !important;}
.right {float: right !important;}
.clear {clear: both !important;}
.block {display: block;}

.bgs {background-color: #edb;}
.bgr {background-color: #c00;}
.bgb {background-color: #faf1cb;}

.cb {color: #FFF0CC;}
.cr {color: #CD1111;}
.cd {color: #390B00;}
.cw {color: #fff;}

/* Corners
-----------------------------------------------------------------------------*/
span.corners-top {background-image: url("images/corners_l.png");}
span.corners-top span {background-image: url("images/corners_r.png");}
span.corners-bottom {background-image: url("images/corners_l.png");}
span.corners-bottom span {background-image: url("images/corners_r.png");}
.paragraph span.corners-top, .paragraph span.corners-bottom {margin: 0 -20px;}
* html span.corners-top, * html span.corners-bottom { background-image: url("images/corners_l.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("images/corners_r.gif"); }
 span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {background-repeat:no-repeat;display:block;font-size:1px;height:10px;line-height:1px; margin: 0px;}
span.corners-bottom {background-position:0 bottom;}
span.corners-top span {background-position:100% 0;}
span.corners-bottom span {background-position:100% bottom;}
.ins {height: 80px;}


.first {clear: both !important; margin-left: 0px !important;}
.debug {border: 1px solid red;}

/* Structure
-----------------------------------------------------------------------------*/
#wrapper {width: 946px; margin: 0px auto; background: url(images/shadow.png) top center repeat-y; }
#header {width: 930px; margin: 0 8px; height: 170px; position: relative; background-color: #faf1cb;}
#headerNav {width: 930px; height: 50px; position: relative; background-color: #c00;}
#inner {margin: 0 8px;padding: 0px 10px; background-color: #fff;}
#left {float: left; width: 190px; }
#main {float: left; width: 720px; }
#footer {clear: both; height: 100px; position: relative;}
#mainBottom {width: 1000px; margin: 0px auto; height: 100px; background: url(images/mainBottom.png) top center no-repeat;}



/* Header
-----------------------------------------------------------------------------*/
.logo {display: block; float: left; width: 290px; height: 50px; margin: 25px 25px; background: url(images/logo.png) top left no-repeat;}
.tabs {width: 150px; height: 35px; position: absolute; bottom: 0px; background: url(images/menuBg3.png) top left no-repeat;}
.buy {background-position: 0px 0px; left: 10px;}

/*.tabs {width: 150px; height: 35px; position: absolute; bottom: 0px; background: url(images/menuBg.png) top left no-repeat;}*/
.buy {background-position: 0px 0px; left: 10px;}
.rent {background-position: -150px 0px; left: 160px;}
.sell {background-position: -300px 0px; left: 310px;}
.landlords {background-position: -450px 0px; left: 460px;}
.agents{background-position: -600px 0px; left: 610px;}
.investment {background-position: -750px 0px; left: 760px;}
.tabs a {width: 150px; height: 35px; display: block;}
#breadcrumb {clear: both; height: 20px;}
#breadcrumb span, #breadcrumb a {color: #231F20; display: block; float: left; padding: 2px 0 0px 10px; margin-left: 10px; background: url(images/bread.gif) 0px 8px no-repeat;}
#breadcrumb a:hover {color: #CD1111; background-position: 0px -7px;}
.logins {float: right;}

/** Selected Tabs
-----------------------------------------------------------------------------*/
.buy a.select{background: url(images/menuBg3.png); background-position: 0px 105px;}
.rent a.select{background: url(images/menuBg3.png); background-position: -150px 105px;}
.sell a.select{background: url(images/menuBg3.png); background-position: -300px 105px;}
.landlords a.select {background: url(images/menuBg3.png); background-position: -450px 105px;}
.agents a.select{background: url(images/menuBg3.png); background-position: -600px 105px;}
.investment a.select{background: url(images/menuBg3.png); background-position: -750px 105px;}


/* LEFT
-----------------------------------------------------------------------------*/
#propertyFinder {width: 250px; height: 245px; margin: -10px 0 0 -50px; color: #faf1cb; background: transparent url(images/propertyFinderBg.png) top left no-repeat; }
#propertyFinder .ins {padding: 56px 26px 0 28px;}
#propertyFinder input {vertical-align: text-bottom;}
#propertyFinder label {clear: both; font-size: 1.2em; line-height: 1em; margin-bottom: 2px; } 
#propertyFinder .location {margin: 5px 0 10px 0;}
#propertyFinder .locations {width: 195px; }
#propertyFinder .left {width: 76px; margin-bottom: 9px;}
#propertyFinder .left label {display: block;}
#propertyFinder .left input {width: 58px; clear: both;}
#propertyFinder .left.minbeds {width: 43px; }









.leftMenu {background-color: #faf1cb; margin-top: -10px; }
.leftMenu li {font-size: 1.2em; line-height: 1.8em; padding-left: 5px; }
.leftMenu li a {color: #390B00;}
.leftMenu li a:hover {color: #CD1111;}
.leftMenu li.menuHead {font-size: 1.8em; background-color: #edb; color: #c00; font-variant: small-caps;  }


/* Main
-----------------------------------------------------------------------------*/
.mainFeatured {display: block; margin: 10px 0 0 10px; background: #faf1cb url(images/mainFeaturedBg.png) top right no-repeat; width: 710px;  }
.mainFeatured .ins {height: 185px;}
.mainFeatured .thumb {height: 185px; position: relative; height: 185px; width: 230px; margin-left: 10px; float: left;}
.mainFeatured .thumb .featuredBorder {width: 230px; height: 185px; position: absolute; top: 0; left: 0; z-index: 2; background: transparent url(images/mainFeaturedBorder.png) top left no-repeat;}
.mainFeatured .thumb .imgContainer {width: 230px; height: 185px; position: absolute; top: 0; left: 0; }
.mainFeatured .featuredContent {float: left; width: 330px; margin-left: 10px; padding-top: 10px;}
.mainFeatured .featuredContent h3 {line-height: 1em; font-size: 1.6em; padding-bottom: 0.5em; }
.featureIcons {float: left; margin: 10px 0 0 10px;}
.featureIcons li {width: 50px; height: 20px; float: left; background: transparent url(images/featureIcons.png) top center no-repeat; color: #CD1111; font-size: 14px;}
.featureIcons li.receptions {background-position: center 0px;}
.featureIcons li.beds {background-position:  center -20px;}
.featureIcons li.baths {background-position:  center -40px;}
.featureIcons li.parking {background-position:  center -60px;}
.featureIcons li.travel {background-position:  center -80px;}
.featureIcons li.garden {background-position:  center -100px;} 
.mainCoulmn {width: 230px; margin: 10px 0 10px 10px; float: left; background-color: #faf1cb; }
.mainCoulmn1 {width: 710px; margin: 10px 0 10px 10px; float: left; background-color: #faf1cb; }
.mainCoulmn .ins {height: 600px;}
.mainCoulmn h2 {padding-left: 5px; font-variant: small-caps; }
.mainCoulmn1 h2 {padding-left: 5px; font-variant: small-caps; }
.mainCoulmn h3 {line-height: 1em; font-size: 1.6em; padding-bottom: 0.5em;}
.columnContent {padding: 5px;}
.mainCoulmn img {border-bottom: 1px solid #c00; border-top: 1px solid #c00;}
.columnContent p {padding-bottom: 1em; color: #390B00;}

/* Footer
-----------------------------------------------------------------------------*/
.footerLinks {position: absolute; bottom: 0px; right: 0px; color: #666;}
.footerLinks a {text-decoration: none; color: #666;}


/* Homepage
-----------------------------------------------------------------------------*/
.homeFeatured {width: 308px; float: left; margin: 15px 0 15px 15px; position: relative;}

.homeHeads {width: 135px; height: 42px; position: absolute; top: 0; left: 0; background: url(images/homeHeads3.png) top left no-repeat;}