* 		{ margin:0; padding:0;}
body 	{
	font-family:"lucida sans", "lucida sans unicode", "lucida grande", arial, sans-serif;
	font-size: 78%;
	text-align:center;
	background:#FFF url('../images/layout/bkgd.jpg') repeat-x 0 0;
}

img				{ border:none;} 

p, .list, td, th{ color:#6a6a6a; line-height:1.4em; font-size:.9em;}
p				{ margin-bottom:1.1em; }

blockquote		{ font-size:1.5em; margin-left:60px; border-left:1px solid #666; padding-left:15px;}
blockquote p	{ color:#545454}

.list			{ margin:0 0 1.2em 0; }
.list li 		{ padding:.2em 0; list-style:none; background:url('../images/layout/bullet.png') no-repeat left center; padding-left:20px; color:#305c4f}
.list ul,
.list ol		{ margin-left:2em;}

a,
a:visited		{ color:#000;}
a:hover			{ color:#6a6a6a}


h1							{ width:204px; height:127px; display:block; text-indent:-999em; margin:0; background:url('../images/layout/logo.png') no-repeat 0 0; position:absolute; top:0; right:0;}
h1 span						{ width:204px; height:127px; display:block; text-indent:-999em;  cursor:pointer;  }
h2							{  }
h3							{ font-weight:normal; color:#305c4f; margin:0 0 .5em 0; font-size:1.7em}
h4							{ font-size:1.2em; font-weight:bold; margin:0 0 .5em; color:#305c4f;}

/* ---------------------------- */
/* Minor Classes */
/* ---------------------------- */
.txt-small			{ font-size:0.8em;}
.txt-medium			{ font-size:1.2em;}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-uppercase		{ text-transform:uppercase; }

.txt-grey			{ color:#777}
.txt-black			{ color:#000}
.txt-green			{ color:#305c4f;}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container					{  text-align:left; background:url('../images/layout/bkgd-hills.png') no-repeat bottom center;  }
#main						{ width:904px; margin:0 auto; position:relative; }
#header						{ position:relative; height:127px; margin-bottom:15px; }
#content					{ clear:both; position:relative; }
#col-left					{ float:left; width:225px; margin-right:19px; }
#col-right					{ float:left;  padding-top:20px; background:url('../images/layout/bkgd-contentTop.png') no-repeat 0 0; position:relative;   width:660px;}
#content .bkgd-bottom		{ width:630px; /*background:url('../images/layout/bkgd-contentBottom.png') no-repeat left bottom;*/ background-color:#FFFFFF; padding:0 15px}
#cnt-left					{ float:left; width:410px; margin-right:20px }
#cnt-right					{ float:left; width:200px;}
#footer						{ text-align:center; }
#footer div					{ padding:15px 15px 0 15px; width:904px; margin:0 auto; text-align:left; position:relative;}
#footer p					{ font-size:.8em; color:#999; margin:0; position:absolute; top:42px;}
#footer p a,
#footer p a:visited			{ color:#999; text-decoration:none;}
#footer p a:hover			{ text-decoration:underline; }

/* ---------------------------- */
/* HOME */
/* ---------------------------- */
body.home #main										{ width:851px; }
body.home embed 									{margin-top: 25px; margin-right: 50px;}
body.home #main	h1									{ background:url('../images/layout/logo-home.png') no-repeat top center; height:145px; position:absolute; left: 50px; margin-bottom:60px; }
body.home #main h2									{ position:absolute; top:176px; margin:0; font-size:.8em; text-indent:-999em; display:block; width:100%; height:24px; background:url('../images/layout/home-text.png') no-repeat top center; position:absolute; left:0;}
body.home #main p.strapline							{ color:#385c51; }
body.home #container ul.home-buttons				{ margin-top:30px;}
body.home #container ul.home-buttons li				{ float:left; list-style:none; margin-right:67px; text-align:center; position:relative }
body.home #container ul.home-buttons li.contact		{ margin-right:0;}
body.home #container ul.home-buttons li a 			{ display:block; width:239px; height:239px; text-decoration:none; background-repeat:no-repeat; background-position:0 0; text-indent:-999em; }
body.home #container ul.home-buttons li.sale a		{ background-image:url('../images/layout/homeBtn-sale.png');}
body.home #container ul.home-buttons li.let	a		{ background-image:url('../images/layout/homeBtn-let.png');}
body.home #container ul.home-buttons li.contact	a	{ background-image:url('../images/layout/homeBtn-contact.png');}
body.home #container ul.home-buttons li a:hover		{ background-position:0 -239px; }

body.home #container ul.home-buttons li.active		{ display:block; width:239px; height:179px; background-color:yellow; padding:30px 0; background:url('../images/layout/homeBtn-active.png') no-repeat 0 0;}
body.home #container ul.home-buttons li.active h3	{ font-weight:normal; margin:0 0 10px 0; font-size:1.4em; letter-spacing:-1px}
body.home #container ul.home-buttons li.active a.close-panel 			{ display:block; width:19px; height:19px; background:url('../images/layout/btn-close.png') no-repeat 0 0; position:absolute; left:13px; bottom:13px;}
body.home #container ul.home-buttons li.active a.close-panel:hover		{ background-position:0 -19px}

body.home #container ul.home-buttons li.active a.normal{background-image:none;
color:#000000;
display:inline;
height:auto;
text-decoration:underline;
width:auto; }

/* ---------------------------- */
/* PROPERTY PAGE */
/* ---------------------------- */
div.title-box							{ margin-bottom:12px; background:url('../images/layout/titlebottom.png') no-repeat left bottom;   }
div.title-box div						{ background-color:#305c4f; padding:54px 25px 25px 25px;  }
div.title-box div.lettings 				{ background:transparent url(../images/layout/titleTop-propToLet.png) no-repeat scroll left top; }
div.title-box div.sales 				{ background:transparent url(../images/layout/titleTop-propForSale.png) no-repeat scroll left top;
}
div.title-box h2						{ position:absolute; text-indent:-999em}
div.title-box p,
div.title-box p a,
div.title-box p a:visited				{ color:#FFF; font-size:.9em; margin:0;}
div.title-box p a:hover					{ text-decoration:none; color:#FFF}

/* Search Box */
#search-box								{ background:url('../images/layout/searchBox-bottom.png') no-repeat left bottom;}
#search-box div#searchbox_inner			{ background:url('../images/layout/searchBox-top.png') no-repeat left top; padding:60px 25px 20px 25px; }
#search-box h2							{ position:absolute; text-indent:-999em;}

h3.property-title						{ font-size:1.6em; color:#305c4f; margin:0 200px .4em 0; font-weight:bold; }

/* Property Picture */
#property-pic							{ border:2px solid #a8a8a8; width:101px; float:left; margin-right:25px;  position:relative; padding-left:324px; height:222px;  }
#property-pic img.property				{ position:absolute; top:0; left:0;}
#property-pic ul						{}
#property-pic ul li						{ list-style:none; margin-bottom:3px;}
#property-pic ul li a					{ text-decoration:none;}
#property-pic ul li a img				{ width:75px; height:57px; }

/* Property Thumbnails */
div#up a,div#down a						{ display:block; width:75px; height:8px; text-decoration:none; background-position:top center; background-repeat:no-repeat; text-indent:-999em; font-size:.3em;}
div#up a								{ background-image:url('../images/layout/arrow-up.png'); margin:7px 0 5px;}
div#down a								{ background-image:url('../images/layout/arrow-down.png'); margin-top:5px;}
div#up a:hover, div#down a:hover		{ background-position:center -8px;}

#thumbnails-container					{ overflow:hidden; width:75px; height:183px; }

/* Property Info */
#property-info 							{ float:left; margin-top:-58px;}
#property-info ul li					{ color:#6a6a6a;}

/* Property Navigation */
ul.property-options						{ padding:10px 0 15px 0; clear:both;}
ul.property-options li					{ list-style:none; float:left; position:relative; margin-right:5px;}
ul.property-options	li a				{ background: url('../images/layout/bkgd-propertyNav.png') repeat-x 0 0; text-decoration:none; border:2px solid #a8a8a8;  font-size:.9em; color:#7d7d7d; display:block; padding:3px 9px; }
ul.property-options	li.print a,
ul.property-options	li.slideshow a		{ padding:3px 4px; background-image:none; background-color:#daf6d0;}
ul.property-options	li a span			{ display:none; width:100%; height:11px; text-align:center; position:absolute; top:-9px; left:0; background:url('../images/layout/active-propertyNav.png') no-repeat top center;}
ul.property-options	li a:hover span,
ul.property-options	li a:visited:hover span,
ul.property-options	li.active a span	{ display:block}
ul.property-options	li.print a:hover,
ul.property-options	li.slideshow a:hover{ text-decoration:none; background-color:#305c4f; color:#FFF; border-color:#305c4f}

/* Property Bottom */
#property-bottom						{ /*margin-top:15px;*/ position:relative}

/* Property Description */
#property-description					{ float:left; width:428px; margin-right:26px;}

/* Property Actions */
#property-actions						{ float:left;}

#property-options						{ float: left; margin-top: 10px; height: 110px;}

#property-options a						{ background:transparent url(../images/layout/bkgd-propertyNav.png) repeat-x scroll 0 0; border:2px solid #A8A8A8; color:#7D7D7D; display:block; font-size:0.9em; padding:3px 9px; text-decoration:none; margin:5px 0 0; width:115px }

a.full-details,
a.full-details:visited					{ background: url('../images/layout/bkgd-propertyNav.png') repeat-x 0 0; text-decoration:none; border:2px solid #a8a8a8; font-size:.9em; color:#7d7d7d; padding:3px 0 3px 32px !important;width:101px !important;position:absolute;  }
a.full-details span,
a.full-details:visited span				{ display:block; width:15px; height:8px; background:url('../images/layout/btn-arrow-fullDetails.png') no-repeat top center; position:absolute; left:7px; top:6px; }
a.full-details:hover,
#property-options a:hover				{ background-color:#305c4f!important; color:#FFF!important; border-color:#305c4f!important; background-image:none!important; }
a.full-details:hover span,
a.full-details:visited:hover span		{ background-position:0 -8px}


/* ---------------------------- */
/* FORMS */
/* ---------------------------- */
/* General */
form fieldset							{ border:none;}
form li									{ list-style:none; margin-bottom:8px; position:relative;}
form.contact input,
form.contact select,
form.contact textarea					{ font-family:lucida sans, arial, sans-serif; font-size:.9em }


/* Search: Detail & Home */
body.home #container ul.home-buttons li	form.search-home li			{ margin-right:0}
#search-box form li.bedrooms			{ clear:both;}
#search-box form li label,
form.search-home li label				{ position:absolute; text-indent:-999em; font-size:.8em;}
#search-box form li.radio-buttons label	{ position:inherit; text-indent:0; }
#search-box form input,
#search-box form select	,
form.search-home input,
form.search-home select					{ width:175px; font-size:.8em; padding:1px 0;}
form.search-home li.keywords input,
#search-box form li.keywords input		{ border:none; font-size:1.2em; color:#a9acab; padding:2px; width:169px; border:1px solid #bfbfbf;}
#search-box form li.radio-buttons input	{ width:auto; margin-right:4px; margin-left:21px;}
#search-box form li.price,
form.search-home li.price				{ float:left; }
#search-box form li.price select,
form.search-home li.price select		{ width:80px;  }
#search-box form li.min select,
form.search-home li.min select			{ margin-right:15px}
#search-box form li.submit,
form.search-homeli.submit				{ margin-top:10px;  overflow: hidden; }
#search-box form li.submit input,
form.search-home li.submit input		{ width:78px; margin-right:18px; float:left; background-color:#005d2d; border:2px solid #FFF; color:#FFF; padding:3px 0; font-size:.9em; cursor:pointer; }
#search-box form li.submit input.map,
form.search-home li.submit input.map	{ margin-right:0;}

/* Search: Home */
form.search-home						{ width:175px; margin:0 auto;}



/* Contact form */
form.contact							{}
form.contact label						{ display:none;}
form.contact input,
form.contact select,
form.contact textarea					{ border:1px solid #999; padding:2px 3px; color:#6a6a6a; width:192px;}
form.contact textarea					{ height:90px;}
form.contact li.submit input			{ width:70px; background-color:#305c4f; color:#FFF; border:none; padding:5px 0}
form.contact li.submit p				{ position:absolute; right:0; top:6px; cursor:pointer;}


/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary */
/* ---------------------------- */
ul.nav							{ background:url('../images/layout/bkgd-nav.png') no-repeat 0 0; height:19px; padding:12px 120px 8px 18px; position:absolute; top:46px; }
ul.nav li						{ list-style:none; float:left; margin-right:9px; padding-right:9px; /*border-right:1px solid #305c4f; background:url('../images/layout/subNav-divider.png') no-repeat right 5px*/ }
ul.nav li.last					{ margin-right:0; padding-right:0; border:none; background-image:none}
ul.nav li a,
ul.nav li a:visited				{ text-decoration:none; color:#305c4f; display:block; }
ul.nav li a:hover,
ul.nav li a:visited:hover,
ul.nav li a.on 					{ text-decoration:underline; color:#305c4f; }
ul.nav li.sub-nav 				{ background:url('../images/layout/nav-activeTriangle.png') no-repeat bottom center;height:35px;}


ul.nav ul						{ position:absolute; left:-999em;  background:url('../images/layout/bkgd-subNav-left.png') no-repeat 0 0; top:48px; padding:0 0 0 15px;}
ul.nav ul li					{ padding:2px 0 0 0; border:none; margin:0; background-image:none}
ul.nav ul li.last				{ padding-right:15px; height:23px; background:url('../images/layout/bkgd-subNav-right.png') no-repeat top right;}
ul.nav ul li a					{ font-size:0.95em; padding:2px 10px 0 0; margin-right:10px; background:url('../images/layout/subNav-divider.png') no-repeat right 5px}
ul.nav ul li.last a				{ background-image:none; padding-right:0; margin:0;}
ul.nav ul li a					{ background:url('../images/layout/subNav-divider.png') no-repeat right 5px;}
ul.nav ul li.last a:hover		{ background-image:none;}

ul.nav li ul				{  left:auto; }

ul.nav li.sub-nav ul li a { background-image:none }

/* Footer */
/* ---------------------------- */
ul.footer-nav					{ background-image:none; position:inherit; left:auto; top:auto; padding: 2px 0 0 0; margin-bottom:10px; }
ul.footer-nav li				{ margin-right:7px; padding-right:7px; border-right:1px solid #666;}
ul.footer-nav li.last			{ border:none;}
ul.footer-nav li a,
ul.footer-nav li a:visited		{ font-size:.8em; color:#FFFFFF }

ul.footer-nav li a:hover		{ color:#FFFFFF!important; text-decoration:underline }

/* Footer Logos */
/* ---------------------------- */
ul.logos						{ position:absolute; right:10px; top:20px;}
ul.logos li						{ display:block; float:left; margin-left:10px; list-style:none; background-position:0 0; background-repeat:no-repeat; text-indent:-999em;}
ul.logos li.rics				{ background-image:url('../images/layout/logo-rics.png'); width:62px; height:23px;}
ul.logos li.naea				{ background-image:url('../images/layout/logo-naea.png'); width:38px; height:27px;}
ul.logos li.arla				{ background-image:url('../images/layout/logo-arla.png'); width:33px; height:28px;}



* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container			{ height: 100%;}
body > #container 				{ height: auto; min-height: 100%;}
#main 							{ padding-bottom: 150px;}  /* must be same height as the footer */
#footer 						{ position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;} 



/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
/*html .clearfix {height: 1%;}
.clearfix {display: block;}*/
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


#iphone-box { margin-top: 20px; }
.iphone ul { color: #6a6a6a; font-size: 0.9em; line-height: 2em; margin-left: 20px; }
.iphone-screenshots { float: right; width: 290px; height: 493px;  background: url(/images/iphone.png) top left no-repeat; position: relative; }
.iphone-active-shot { position: absolute; top: 88px; left: 63px; width: 167px; height: 260px; overflow: hidden;}
.iphone-active-shot img { position: absolute; top: 0; left: 0; }
.iphone-selector { position: absolute; top: 430px; width: 200px; left: 26px; }
.iphone-selector ul { list-style-type: none; width: 200px;}
.iphone-selector li { float: left; width: 30px; height: 30px;  margin: 0 5px; }
.iphone-selector li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: url(/images/iphone-screen-button.png) bottom left no-repeat; color: white; text-decoration: none; font-size: 1.2em; }
.iphone-selector li a:hover, .iphone-selector li a.active { background-position: top left; }

#app-store-link img { margin-top: 50px; }