/*
Theme Name: Harborne Central
Version: 1.0
Author: Core Marketing
Author URI: http://www,core-marketing.co.uk/
*/

/* ----------------- */
/* ----------------- */
/* --- DW STYLES --- */
/* ----------------- */
/* ----------------- */
* 		{ margin:0; padding:0;}
body 	{
	font-family:lucida sans, arial, sans-serif;
	font-size: 78%;
	text-align:center;
	background:#e7e7df url('images/layout/bkgd-strip.png') repeat-x 0 380px;
	padding:20px 0;
}

img				{ border:none;} 

p, .list, td, th{ color:#554333; line-height:1.4em; font-size:.8em;}
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}

#cnt-left ul,
#col-left ul			{ margin:0 0 1.2em 0; }
#cnt-left ul li,
#col-left ul li			{ padding:.2em 0; background:url('images/layout/bullet.png') no-repeat left center; color:#554333; font-size:.8em;}
#cnt-left ul,
#col-left ul			{ margin-left:2em;}

a,
a:visited		{ color:#554333;}
a:hover			{ color:#00718f}


h1							{ width:250px; height:69px; display:block; text-indent:-999em; margin:0 0 0 20px; background:url('images/layout/logo.png') no-repeat 0 0; }
h1 span						{ width:250px; height:69px; display:block; text-indent:-999em;  cursor:pointer;  }
h1 a						{ text-decoration:none;}
h2							{ font-weight:normal; font-size:3em; color:#554333; margin-bottom:.3em; /*background:url('images/layout/dot-brown-horiz.gif') repeat-x 0 0;*/ line-height:1em; letter-spacing:-2px; padding:10px 0; background:url('images/layout/dot-brown-horiz.gif') repeat-x left bottom;  }
h3							{ font-weight:bold; color:#554333; margin:0 0 .3em 0; font-size:1.2em}

/* ---------------------------- */
/* 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}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container					{ text-align:left; margin:0 auto; width:1000px; }
#header						{ position:relative; height:95px; }
#header p					{ position:absolute; right:30px; top:25px;}
#header p a					{ text-decoration:none;}
#header p a:hover			{ text-decoration:underline;}
#content					{ clear:both; background:url('images/layout/content-top.png') no-repeat 0 0; padding-top:15px; position:relative }
#content-child				{ background:#FFF url('images/layout/content-bottom.png') no-repeat left bottom; position:relative; padding:5px 20px 20px 20px}
#col-left					{ position:relative; padding-bottom:75px; width:290px; margin-right:25px; float:left; background:url('images/layout/dot-brown-horiz.gif') repeat-x 0 0; }
a.bpg-logo					{ position:absolute; left:20px; bottom:20px; display:block; background:url('images/layout/logo-bpg.png') no-repeat 0 0; width:73px; height:58px; text-indent:-999em; text-decoration:none; font-size:.7em;  }
a.bpg-logo:hover			{ opacity: .7; -ms-filter:"alpha(opacity=70)"; filter: alpha(opacity=70); zoom: 1;}
#col-right					{ float:left; width:645px; }


/* ---------------------------- */
/* CONTENT */
/* ---------------------------- */
#cnt-left						{ background:#e7e7df url('images/layout/bkgd-colRight-top.png') no-repeat 0 0; float:left; width:322px;}
#cnt-left-child					{ background:url('images/layout/bkgd-colRight-bottom.png') no-repeat left bottom; padding:15px 10px;}
#cnt-right						{ float:left; width:323px;}

/* Specification */
div.specification #cnt-left				{ width:425px; margin-right:10px; background-image:url('images/layout/bkgd-colRight-425-top.png');}
div.specification #cnt-left-child		{ background-image:url('images/layout/bkgd-colRight-425-bottom.png');}
div.specification #cnt-right			{ width:210px; }

/* Floorplan */
div.floorplan #cnt-left-child			{ min-height:361px; height:auto !important; height:361px;}

/* Map */
div.map #cnt-left						{ width:500px;}
div.map #cnt-right						{ width:135px}

/* Location */
div.location #cnt-left					{ width:510px; margin-right:10px; background-image:none; background-color:transparent}
div.location #cnt-left-child			{ background-image:none; padding:0;}
div.location #cnt-right					{ width:125px}
#locationmap							{ width:510px; height:433px; }
div.maptext								{ }
div.maptext p							{ font-size:1em;  }
div.maptext p.no-margin					{ margin-bottom:0;}

/* Availability */
table									{}
table td								{ text-align:center; padding:6px; border-bottom:3px solid #E7E7DF; background-color:#f3f3ef; }

.table-header		{ background-color:#554333; color:#FFF; }
/*.table-row-odd		{ background-color:#f3f3ef;}
.table-row-even		{ background-color:#cfcbc3;}*/
.table-row-soldReserved		{ padding:0;}
.table-row-soldReserved	img	{ margin-bottom:-3px;}
.table-row-showroom,
.table-row-showroom td		{ background-color:#C1d72E}

/* Gallery */
ul.thumbnails							{ margin-left:0 !important; }
ul.thumbnails li						{ list-style:none; float:left; margin:0 10px 10px 0}
ul.thumbnails li a						{ text-decoration:none;}
ul.thumbnails img						{ width:75px; height:75px;}
ul.thumbnails li a:hover				{ opacity: .6; -ms-filter:"alpha(opacity=60)"; filter: alpha(opacity=60); zoom: 1;}

div.gallery .big-gallery-pic			{ float:right;}

/* Availability */
div.availability #cnt-left				{ width:510px; margin-right:10px; background-image:url('images/layout/bkgd-colRight-510-top.png');}
div.availability #cnt-left-child		{ background-image:url('images/layout/bkgd-colRight-510-bottom.png'); padding:0; padding:15px 10px;}
div.availability #cnt-right				{ width:125px}


/* ---------------------------------------------------- */
/* PICTURE GALLERY */
/* ---------------------------------------------------- */
img.banner-lastChance					{ position:absolute; top:5px; left:335px; z-index:99;}
 
.nivo_slider {
	position: absolute !important;
	top:0;
	left:315px;
	z-index: 99;
}

.nivo_slider_controlNavImages .nivo-controlNav {
	position: absolute;
	top:0;
	left: 475px !important;
	width: 220px;
}

.nivo_slider_controlNavImages .nivo-controlNav a {
	display: block;
	float: left;
	margin: 0 0 10px 10px !important;
}

.nivo_slider_controlNavImages .nivo-controlNav img {

}

/* Development gallery */
/* ---------------------------------------------------- */
.page-id-14 .nivo_slider {
	top:40px;	
}


/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary */
/* ---------------------------- */
ul#prim-nav								{ position:absolute; right:30px; bottom:25px; }
ul#prim-nav li							{ list-style:none; float:left; margin-left:5px; }
ul#prim-nav li a						{ text-decoration:none; background:url('images/layout/bkgd-nav.png') no-repeat 0 0; text-align:center; display:block; height:21px; width:85px; letter-spacing:-1px; position:relative; padding-top:5px; }
ul#prim-nav li a:hover,
ul#prim-nav li.current_page_item a,
ul#prim-nav li.current_page_ancestor a	{ background-position:0 -26px; color:#554333}

ul#prim-nav li ul						{ display:none;}


/* Sub Nav */
/* ---------------------------- */
ul#sub-nav						{ background-color:#e7e7df; padding:5px 10px; margin-bottom:1em}
ul#sub-nav li					{ list-style:none; float:left; color:#554333; font-size:.9em; margin-right:7px; padding-right:7px; border-right:1px solid #554333;}
ul#sub-nav li.page-item-8		{ border:none}
ul#sub-nav li a					{ color:#554333; text-decoration:none; padding:2px 7px; display:block; }
ul#sub-nav li.current_page_ancestor a,
ul#sub-nav li.current_page_item a,
ul#sub-nav li a:hover			{ background-color:#554333; color:#FFF;}

ul#sub-nav li ul 				{ position: absolute; left: -999em; z-index:9999; }
ul#sub-nav li ul li				{ float:none; border:none; padding:0; margin:0; display:inline }
ul#sub-nav li ul li	a,
ul#sub-nav li:hover ul li a,
ul#sub-nav li.sfhover ul li a	{ padding:5px 7px; display:block; background-color:#554333; color:#FFF }
ul#sub-nav li:hover ul,
ul#sub-nav li.sfhover ul 		{ left:auto; position:fixed; }
ul#sub-nav li ul li	a:hover,
ul#sub-nav li ul li.current_page_item a:hover		{ background-color:#c1d72e; color:#554333}


/* Footer */
/* ---------------------------- */
#footer							{ position:relative; margin-top:10px; border:1px solid #e7e7df}
#footer p						{ position:absolute; right:30px; top:0; font-size:1.1em; display:block;}
#footer ul						{ background-image:none; padding:3px 0 0 20px; }
#footer ul li					{ margin-right:7px; padding-right:7px; float:left; border-right:1px solid #554333; list-style:none; font-size:.8em; color:#554333}
#footer ul li.last				{ border:none;}
#footer ul li a,
#footer ul li a:visited			{ color:#554333; text-decoration:none; }
#footer ul li a:hover			{ text-decoration:underline}


/* --------------------- */
.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 */