/*=======================================================
 CSS Document for Oaks Broome Development
=======================================================*/

.hidden { display: none; }
.show { display: block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

.bg-extended { width: 100%; height: auto; display: block; background: url('../images/core/bg-container.jpg') no-repeat 50% 0; position: relative; top: 0; z-index: 5;}
.flash-wrapper { width: 100%; height: 950px; text-align: center!important; position: absolute; z-index: 10; margin: 0 auto; top: 200px; left: 0; overflow: hidden!important}
.backdrop { width: 100%; height: auto; min-height: 800px; display: block; position: absolute; z-index: 10; margin: 0 auto; top: 200px; left: left; }
#backdrop, object#backdrop { width: 100%; height: 100%; text-align: center!important; display: block; margin: 0 auto; }
#container { width: 990px; height: auto; display: block; margin: 0 auto; background: transparent; position: relative; z-index: 20; clear: both; }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body.popup #container { width: 450px!important; height: 420px; padding: 25px; margin-top: 120px; background-color: #fdecce!important; }
body#contact-page .backdrop, body#gallery-page .backdrop { background: url('../images/core/backdrop3.jpg') no-repeat 50% 0; position:absolute; top:200px; left:0px; }
body#register-page .backdrop { background: url('../images/core/backdrop2.jpg') no-repeat 50% 0; position:absolute; top:200px; left:0px; }
body#news-page .backdrop, body#development-page.obd1 .backdrop { background: url('../images/core/backdrop1.jpg') no-repeat 50% 0; position:absolute; top:200px; left:0px; }
body#development-page .backdrop { background: url('../images/core/backdrop4.jpg') no-repeat 50% 0; position:absolute; top:200px; left:0px;}
body#forsale-page .backdrop { background: url('../images/core/backdrop5.jpg') no-repeat 50% 0; position:absolute; top:200px; left:0px; }
body#facilities-page .backdrop { background: url('../images/core/backdrop6.jpg') no-repeat 50% 0; position:absolute; top:200px; left:0px; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header { width: 990px; height: 230px; float: left; margin: 20px 0; display: block; clear: both; }
#logo { width: 230px; height: 160px; float: left; display: block/*inline*/; margin: 0 380px; background: url('../images/core/logo.jpg') no-repeat 50% 0; }
#header h2 { margin-top: 90px; width: 240px; height: 50px; display: inline; float: left; }
#logo a, #header h2 a { text-indent: -9999em; display: block; float: left; }
#logo a { width: 230px; height: 140px; }
#header h2 a { width: 240px; height: 50px; }
#hutchinson { background: url('../images/core/contact-hutchinson.jpg') no-repeat 0 0; }
#charter { background: url('../images/core/contact-charter.jpg') no-repeat 0 0; }

/*navigation*/
ul#nav { width: 990px; height: 70px; display: block; float: left; clear: both; }
ul#nav li { font-size: 1em; display: block; position: relative; z-index: 100; float: left; }
ul#nav a { height: 70px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
ul#nav a:hover { background-position: 0 -70px!important; }
ul#nav li ul { width: 210px; height: auto; background-color: #e78731; display: block; left: -9999em; position: absolute; top: 100%; margin: 0; padding: 5px; }
ul#nav li li { margin-bottom: 1px; }
ul#nav ul a { float: left; text-indent: 0!important; width: 200px; height: 18px; padding: 5px; text-transform: uppercase; text-align: center!important; font-size: 1.3em; text-decoration: none; background-color: #f5c545; color: #000; }
ul#nav ul a:hover { text-decoration: none; background-color: #a83604; color: #fff; }
/* hover actions */
ul#nav li:hover ul, ul#nav li.over ul { margin: -5px 0 0 7px; left: 0; }
ul#nav li:hover ul.adjusted, ul#nav li.over ul.adjusted { left: 0; margin: -5px 0 0 -45px; }
ul#nav li.over a.onsection { background-position: 0 -70px!important; }
/*bg images*/
a#navhome { background: url('../images/nav/home.png') no-repeat 0 0; width: 70px; }
a#navdevelopment { background: url('../images/nav/obd.png') no-repeat 0 0; width: 240px; }
a#navforsale { background: url('../images/nav/forsale.png') no-repeat 0 0; width: 135px; }
a#navfacilities { background: url('../images/nav/facilities.png') no-repeat 0 0; width: 95px; }
a#navgallery { background: url('../images/nav/gallery.png') no-repeat 0 0; width: 85px; }
a#navnews { background: url('../images/nav/news.png') no-repeat 0 0; width: 65px; }
a#navregister { background: url('../images/nav/register.png') no-repeat 0 0; width: 205px; }
a#navcontact { background: url('../images/nav/contact.png') no-repeat 0 0; width: 95px; }
/*on stage*/
body#home-page a#navhome, body#development-page a#navdevelopment, body#forsale-page a#navforsale, body#facilities-page a#navfacilities, body#gallery-page a#navgallery, 
body#news-page a#navnews, body#register-page a#navregister, body#contact-page a#navcontact { background-position: 0 -140px!important; }
body#development-page.obd1 #subnav1, body#development-page.obd2 #subnav2, body#development-page.obd3 #subnav3 { text-decoration: none; background-color: #a83604; color: #fff; }


/*=============================================================
	Main body - left + right
=============================================================*/

#contents-container { width: 990px; height: auto; display: block; float: left; clear: both; margin: 0 0 15px 0; position: relative; z-index: 60; }
.bg-alpha1 {width: 990px; height: 515px; display: block; float: left; clear: both; top: 0;left:0; position: absolute; z-index: 25; background: #fce8c3 url('../images/core/bg-body.jpg') repeat-x 0 0; }
.fit { height: 515px!important; }
.expand .bg-alpha1 { height: 920px; }
.expand h2 { font-size: 1.4em; text-transform: uppercase; color: #000; padding: 3px 0 3px 5px; color: #fff; /*border-bottom: 1px dotted #772103; border-top: 1px dotted #772103;*/ margin-bottom: 10px; display: block; background-color: #a93d17; }
.expand p span { font-size: 1.2em; margin: 0; color: #a6250a; }
.expand p { margin: 0 0 11px 5px; font-size: 1.2em; line-height: 16px; }
.expand .floatleft { width: 290px; height: auto; display: inline; float: left; }
body#home-page .floatleft { width: 470px; height: 515px; overflow: hidden; margin-left: 25px; position: relative; z-index: 50; }
body#home-page h1 { text-indent: -9999em; height: 40px; margin-top: 25px; display: block; background: url('../images/title/home.gif') no-repeat 0 0; line-height: 0; }
#scrolltext { width: 450px; height: 390px; padding: 10px 0; float: left; display: inline; }
#scrolltext p { text-align: justify!important; }
#scrollbox { width: 450px; height: 380px; padding: 5px 20px 5px 0; overflow: auto; position: relative; visibility: visible; }
body#home-page #scrollbox { width: 460px; height: 390px; padding: 0; }
#scrollbox strong { text-transform: uppercase;}
.text { clear: both; display: block; position: relative; z-index: 50; padding: 25px 0 0 25px; }
body.obd3 .text { position: relative; height: 820px; background-color: #fff; color: #000; padding: 0!important; }
body.SAFP .text { height: 1150px!important; }
body.obd3 .text img { position: absolute; z-index: 50; top: 0; left: 0; }
body.obd3 .text p { clear: both; position: relative; z-index: 60; width: 450px; float: right; text-align: right!important; margin: 20px; display: block; font-size:1.4em; font-weight: bold; }
body.obd3 .text h1 { float: left; width: 400px; margin: 20px 0 0 20px; position: relative; z-index: 60; }
body.obd3 .text ul#sidenav { float: right; display: block; width: 548px; height: 40px; margin: 0; padding: 0; list-style: none; position: relative; z-index: 100; }
ul#sidenav li { font-size: 1em; width: 135px!important; height: 40px; float: left; display: inline; margin: 0 0 0 2px; }
ul#sidenav a { width: 135px!important; display: block; height: 22px; padding: 8px 0 0 0; text-align: center; font-size: 1.3em; text-transform: uppercase; text-decoration: none; background-color: #f5c545; color: #000; }
ul#sidenav a:hover, body.GFP #subnav4, body.FFP #subnav5, body.SFP #subnav6, body.SAFP #subnav6b { height: 30px!important; padding-top: 12px; font-weight: bold; text-decoration: none; background-color: #a83604; color: #fff; }
body.GFP #subnav4, body.FFP #subnav5, body.SFP #subnav6, body.SAFP #subnav6b { position: relative; top: -8px; }
body#gallery-page .bg-alpha1 { height: 610px; }
body#gallery-page .text { width: 940px; padding: 25px; height: 560px; margin-bottom: 30px; }
body#contact-page .text { height: 440px; }
body#contact-page .floatleft { margin-right: 30px; width: 270px; }
body#register-page .bg-alpha1 { height: 670px; }
.cornered { margin: -25px 0 0 0; }
#facilities-slides { width: 470px; height: 515px; float: right; margin: -25px 0 0 0; overflow: hidden!important; }
#facilities-slides img { height: 515px; margin-left: -160px!important; float: left; display: inline; }
ul.slides-thumb { width: 450px; height: auto; display: block; }
ul.slides-thumb li { font-size: 1em; float: left; width: auto; display:inline; margin: 0; }
ul.slides-thumb li span { font-size: 1.2em; display: block; height: 20px; font-weight: bold; }
ul.slides-thumb li img { border: 1px solid #fff; width: 100px!important; height: 70px!important; float: left; margin-right: 10px; display: inline;  }

#featured-area { font-size: 1em; color: #866a4c; line-height: 17px; width: 990px; height: 330px; float: left; overflow: hidden; clear: both; display: block; position: relative; background: url('../images/core/bg-featured.jpg') no-repeat 0 0; }
#featured-area p { font-size: 1.2em; color: #866a4c; line-height: 17px; margin: 0 0 5px 0; }
#featured-area h2 { display: block; height: 20px; text-indent: -9999em; line-height: 0; }
.bg-alpha2 {width: 990px; height: 305px; display: block; float: left; clear: both; top: 0; position: absolute; z-index: 30; }
.featured { width: 280px; height: auto; padding: 10px; display: inline; float: left; margin: 20px 15px; position: relative; z-index: 50; }
#news { background: url('../images/core/bg-news.jpg') no-repeat 0 0; }
#news h2 { background: url('../images/title/featured-news.gif') no-repeat 0 0; }
#news img { border: 1px solid #fcefdf; float: left; display: inline; margin: 0 10px 10px 0; }
#gallery { background: url('../images/core/bg-gallery.jpg') no-repeat 0 0; }
#gallery h2 { background: url('../images/title/featured-gallery.gif') no-repeat 0 0; }
#gallery img { border: 1px solid #fcefdf; float: left; display: inline; width: 80px; height: 80px; margin: 0 6px 6px 0; }
#signup { background: url('../images/core/bg-newsletter.jpg') no-repeat 0 0; }
#signup h2 { background: url('../images/title/featured-signup.gif') no-repeat 0 0; }
#signup h4 { margin: 0px 0 10px 0; }
.splashImgs { height:515px;width:470px; }
.splashImgs .L1 {width:470px;height:409px;border-bottom:1px #FFFFFF solid;}
.splashImgs .S1 {width:149px;height:105px;border-right:solid 1px #FFFFFF;float:left;}
.splashImgs .S2 {width:176px;height:105px;border-right:solid 1px #FFFFFF;float:left;}
.splashImgs .S3 {width:140px;height:105px;float:left;}


/*unit for sales*/
ul#type-listings { margin: 0; padding: 0; list-style: none; display: block; width: 450px; height: auto; float: left; }
ul#type-listings li { width: 200px; height: 200px; text-align: center!important; overflow: hidden!important; padding: 5px 5px 0 5px; background-color: #fff; color: #000; float: left; display: inline; margin: 0 15px 15px 0; }
ul#type-listings a { text-decoration: none; position: relative; margin: -60px 0; background-color: #fff; width: 200px; font-size: 1.2em; text-transform: uppercase; text-align: center!important; height: 30px; padding: 10px 0 0 0; display: block; }
ul#type-listings a:hover { text-decoration: none; background-color: #a83604; color: #fff; }
ul#type-listings li:hover, ul#type-listings li:hover a { background-color: #a83604; color: #fff; }

/*gallery*/
#gallery-container { width: 940px; height: 570px; overflow: hidden; margin: 0 auto; display: block; float: left; }
ul#gallery-display { border: 20px solid #fff; width: 900px; height: 450px; display: block; text-align: center;  overflow: hidden; clear: both; margin-bottom: 10px; }
ul#gallery-display li img			{ width: 900px; height: 450px; margin: 0 auto; text-align: center; }

/*Coin Slider jQuery plugin CSS styles*/
.coin-slider { overflow: hidden; position: relative; }
.coin-slider a { text-decoration: none; outline: none; border: none; }
.cs-buttons { width: 940px; font-size: 0px; padding: 5px; display: block; float: left;}
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #fff; color: #fff; text-indent: -9999em; }
.cs-buttons a:hover { background-color: #c44f1b; }
.cs-active { background-color: #c44f1b; color: #c44f1b; border: 1px solid #c44f1b; }
.cs-title { width: 880px; padding: 10px; font-size: 1.4em; background-color: #000; color: #fff; }
.cs-prev, .cs-next { background-color: #fff; color: #000; font-size: 1.5em; padding: 5px 20px; }

/*listings*/
ul.listings { width: 440px; height: auto; display: block; margin: 0; list-style: none; margin: 0; }
ul.listings li { font-size: 1em; display: block; clear: both; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #e8ca92; }
ul.listings h3, ul.listings h4 {margin: 0 0 4px 0; font-weight: bold !important;}
ul.listings p { margin: 0 0 4px 0;}
.downloads { padding: 10px; display: block; background-color: #e5c58a; clear: both; font-size: 1.3em; margin: 0 0 10px 0; }
.pdf { background: url('../images/core/icon-pdf.gif') no-repeat 0 0; padding-left: 25px; height: 25px; line-height: 25px; vertical-align: middle; }
#scrollbox h3 {font-weight: bold;}

/*contact page*/
#chartergroup { background: url('../images/core/logo-charter.gif') no-repeat -8px 0; height: 52px; text-indent: -9999em; }
#hutchinsonrealestate { background: url('../images/core/logo-hutch.gif') no-repeat 0 0; height: 52px; text-indent: -9999em; }

/*toolstip*/
/*#map1 area shape { position: relative; top: 0; left: 0; }
.tooltip {
	display:none;
	background:transparent url('../images/core/bg-tooltip.png') no-repeat 0 0;
	font-size:13px;
	height:50px;
	width:100px;
	padding:15px;
	color:#fff;	
	position: absolute;
	z-index: 100;
	text-align: center;
}*/
#tooltip {
	position: absolute;
	z-index: 100;
	background:transparent url('../images/core/bg-tooltip.png') no-repeat 0 0;
	height:50px;
	width:110px;
	padding: 15px 10px;
}
#tooltip h3, #tooltip div { margin: 0; color: #fff; font-size: 1.4em!important; line-height: 17px; text-align: center!important; }


/*=============================================================
	Footer
=============================================================*/

#footer {width: 100%; height: 280px; padding: 0; clear: both; position: relative; background: #fff2d4 url('../images/core/footer-repeat.jpg') repeat-x 50% 55px; z-index: 20; bottom: 0!important; }
#footer ul { width: 990px; display: block; margin: 0 auto; height: 55px; }
#footer li { float: left; display: inline; margin: 19px 0 0 20px; height: 25px; color: #c44f1b; }
#footer b { color: #000; font-weight: normal; }
#footer a#hub { margin: -4px 0 0 0!important; width: 100px; height: 25px; background: url('../images/core/logo-hub.gif') no-repeat 0 0; display: block; text-indent: -9999em; line-height: 0; }


/*=======================================================
 End of CSS Document for Oaks Broome Development
=======================================================*/