@charset "utf-8";
/* CSS Document */

@import 'og-common.css?cache=021211';

.banner {border-bottom: 1px solid #d6d6d6; float: left; height: 215px; text-indent: -9999px; width: 940px;}
.banner.bannerPropsClass {margin-top: -6px;}
.banner#OGlifestyle {background: url(images/banner-OGlifestyle.jpg) no-repeat;}
.banner#location {background: url(images/banner-location.jpg) no-repeat;}
.banner#village-centre {background: url(images/banner-village-centre.jpg) no-repeat;}
.banner#care-services {background: url(images/banner-care-services.jpg) no-repeat;}
.banner#our-facilities {background: url(images/banner-our-facilities.jpg) no-repeat;}
.banner#villas-and-apartments {background: url(images/banner-apartments.jpg) no-repeat;}
.banner#our-services,
.banner#functions {background: url(images/banner-our-services.jpg) no-repeat;}
.banner#activities-and-events {background: url(images/banner-activities-and-events.jpg) no-repeat;}
.banner#photo-gallery {background: url(images/banner-photo-gallery.jpg) no-repeat;}
.banner#local-amenities {background: url(images/banner-local-amenities.jpg) no-repeat;}
.banner#spacious-atrium-apartments {background: url(images/banner-spacious-atrium-apartments.jpg) no-repeat;}
.banner#board-members  {background: url(images/banner-board-members.jpg)}
.banner#management-and-staff  {background: url(images/banner-management-and-staff.jpg)}
.banner#linked-sites  {background: url(images/banner-linked-sites.jpg)}
.banner#villa-living,
.banner#villas-and-apartments {background: url(images/banner-villa-living.jpg) no-repeat;}
.banner#our-vision-and-mission {background: url(images/banner-our-vision-and-mission.jpg) no-repeat;}
.banner#village-governance {background: url(images/banner-village-governance.jpg) no-repeat;}
.banner#a-message-from-the-board {background: url(images/banner-a-message-from-the-board.jpg) no-repeat;}

/*standard template*/

.copycontainer {border-top: 1px solid #909090; float: left; padding: 30px 60px 80px 60px; width: 820px; font-size:13px;}
\ html .copycontainer h1 {margin-top: -55px;}

.copycontainer ul {margin: 10px 0 15px 15px;}
.copycontainer ol {margin: 10px 0 15px 25px;}
.copycontainer table {margin: 0 0 20px 0;}
.copycontainer table td {padding: 10px 15px 10px 0; border-bottom: 1px solid #cecece}

.copycontainer .left-column {float: left; padding: 0 10px 0 0; width: 560px;}
.copycontainer .right-column {float: right; width: 250px;}

.copycontainer .right-column .imgframe {background: url(images/right-col-img-frame.png) no-repeat 0 0; height: 156px; padding: 10px 10px 11px 10px; width: 216px; margin-bottom: 7px;float: right;}
.copycontainer .right-column .imgframe img {height: 156px; width: 216px;}

/*
.copycontainer .right-column .imgframe#first  {float: right; z-index: 1;}
.copycontainer .right-column .imgframe#second {float: left; margin: -40px 0 0 0; z-index: 2;}
.copycontainer .right-column .imgframe#third {float: right; margin: -40px 0 0 0; z-index: 3; }*/

.copycontainer .right-column .floorplan {border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; float: left; margin: 13px 0 0 0; padding: 7px 0 6px 0; width: 326px;}

/* property templates */

.propertycontainer {background: #f6f6f6; float: left; padding: 20px 25px 50px 25px; width: 890px;}

/* property landing template */

.propertycontainer .summary-panel a {background: url(/images/restyle2011/property-landing-panel.gif) no-repeat; display: block; float: left; font-weight: bold; height: 268px; margin: 0 10px 0 0; padding: 3px; width: 209px;}
.propertycontainer .summary-panel.nomargin a {margin: 0; }
.propertycontainer .summary-panel a:hover {text-decoration: none;}
.propertycontainer .summary-panel a img {border: none; height: 139px; width: 209px;}
.propertycontainer .summary-panel a .title {display: block; font-size: 110%; margin: 10px 0 0 0; text-align: center;}
.propertycontainer .summary-panel a .price {color: #d4a368; display: block; font-size: 170%; margin: -15px 0 0 0; text-align: center;}

.propertycontainer .summary-panel a .bedrooms, .propertycontainer .summary-panel a .bathrooms, .propertycontainer .summary-panel a .wcs {color: #555; float: left; margin-top: 21px; }

.propertycontainer .summary-panel a .bedrooms {margin-left: 60px;}
* html .propertycontainer .summary-panel a .bedrooms {margin-left: 30px;}
.propertycontainer .summary-panel a .bathrooms {margin-left: 55px;}
.propertycontainer .summary-panel a .wcs {margin-left: 50px;}

.hr.propertylanding {margin: 26px 0 27px 0;}
\ html .hr.propertylanding {margin: 60px 0 27px 0;}

.home_cat { padding-top:20px; clear:both; }

/* property detail template */


.propertycontainer .left-column {float: left; width: 215px;}
.propertycontainer .left-column h3 {color: #d4a368; font-size: 170%; margin: 0 0 15px 0;} /*sIFR*/
.propertycontainer .left-column ul {list-style: none; margin: 0 0 30px 0; padding: 0;}
.propertycontainer .left-column ul a {color: #006b8e; display: block; font-weight: bold; padding: 5px 0;}
.propertycontainer .left-column ul a:hover, .propertycontainer .left-column ul a.active {background: url(images/blue-arrow-right.gif) no-repeat right 50%; color: #47a7d0; text-decoration: none;}
.propertycontainer .left-column ul li {border-bottom: 1px solid #cecece; width: 203px;}

.propertycontainer .right-column {float: right; width: 665px;}
.propertycontainer .right-column .outer {background: url(images/property-detail-repeat.gif) repeat-y 50% 0; float: right; width: 665px;}
.propertycontainer .right-column .outer .inner {background: url(images/property-detail-bottom.gif) no-repeat 50% bottom; float: right; width: 665px;}
.propertycontainer .right-column .outer .inner .center {background: url(images/property-detail-top.gif) no-repeat 50% top; float: right; padding: 3px 3px 28px 3px; width: 659px;}
.propertycontainer .right-column .outer .inner .center .hdr {background: url(images/property-detail-hdr-bg.gif) repeat-x 0 0; border-bottom: 1px solid #d6d6d6; height: 47px; padding: 0 25px;}
.propertycontainer .right-column .outer .inner .center h2, .propertycontainer .right-column .outer .inner .center h3 {color: #fff; font-size: 160%; line-height: 47px; }
.propertycontainer .right-column .outer .inner .center img {border-bottom: 1px solid #d6d6d6; border-top: 1px solid #909090;}
.propertycontainer .right-column .outer .inner .center .aboutbar {background: url(images/about-bar-bg.gif) repeat-x 0 0; border-top: 1px solid #909090; font-size: 95%; height: 36px; line-height: 36px; padding: 0 25px;}
\ html .propertycontainer .right-column .outer .inner .center .aboutbar {margin-top: -3px;}
.propertycontainer .right-column .outer .inner .center .aboutbar a {color: #555; font-weight: bold;}
.propertycontainer .right-column .outer .inner .center .aboutbar a.previous {margin: 0 5px 0 9px;}
.propertycontainer .right-column .outer .inner .center .aboutbar a.next {margin: 0 5px 0 5px;}
.propertycontainer .right-column .outer .inner .center .aboutbar a#pauseToggle {margin: 0 0 0 5px;}

.propertycontainer .right-column .outer .inner .center .aboutbar .bed-quantity {background: url(images/icon-bedroom.gif) no-repeat 0 bottom; float: left; font-weight: bold; height: 19px; line-height: 19px; margin: 6px 0 0 0; padding: 0 0 0 37px; width: 25px;}
.propertycontainer .right-column .outer .inner .center .aboutbar .bathroom-quantity {background: url(images/icon-bathroom.gif) no-repeat 0 bottom; float: left; font-weight: bold; height: 19px; line-height: 19px; margin: 6px 0 0 0; padding: 0 0 0 36px; width: 23px;}
.propertycontainer .right-column .outer .inner .center .aboutbar .wc-quantity {background: url(images/icon-wc.gif) no-repeat 0 bottom; float: left; font-weight: bold; height: 19px; line-height: 19px; margin: 6px 0 0 0; padding: 0 0 0 32px; width: 8px;}

.propertycontainer .right-column .outer .inner .center h3.details {color: #d4a368; font-size: 165%; margin: 11px 0 0 25px;} /*sIFR*/

.propertycontainer .right-column .outer .inner .center .detail-blurb {border-right: 1px solid #cecece; float: left; padding: 0 25px; width: 430px; font-size:13px;}
.propertycontainer .right-column .outer .inner .center .detail-link {float: right; padding: 0 25px 0 0; width: 138px;}
.propertycontainer .right-column .outer .inner .center .detail-link a { margin:0 0 5px 0;}

/* General styles */

.copycontainer ul, .propertycontainer ul {margin: 0 0 10px 15px;}


/* Gallery Styles */
#galleryItemHeader { float:left; width:830px; height:25px; border-bottom:1px solid #666; margin-bottom:15px; }

/* Gallerific styles */
/* below two main divs are set to display:none - their display is controlled on page if js is enabled */
div.content { display: none; float:left; width:500px; }
div.navigation { display: none; float:left; width:320px; }
div.content a, div.navigation a { text-decoration: none; color: #777; }
div.content  a:focus, div.content  a:hover, div.content  a:active { text-decoration: underline; }
div.controls { margin-top: 5px; height: 23px; }
div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }

div.loader { background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 500px; height: 350px }
div.slideshow { clear: both; }
div.slideshow span.image-wrapper { float: left; padding-bottom: 12px; }
div.slideshow a.advance-link { padding: 2px; display: block; border: 1px solid #ccc; }
div.slideshow img { border: none; display: block; }
div.download { float: right; }
div.embox { clear: both; color: #d4a368; font-weight: bold; padding: 12px 0 0 0; font-size: 150%; }
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }

#thumbs-adv ul.thumbs { clear: both; margin: 0; padding: 0; }
#thumbs-adv ul.thumbs li { float: left; padding: 0; margin: 5px 5px 5px 0; list-style: none; }
#thumbs-adv a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
#thumbs-adv ul.thumbs li.selected a.thumb { background: #000; }
#thumbs-adv a.thumb:focus { outline: none; }
#thumbs-adv ul.thumbs img { border: none; display: block; }

div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px;	height: 11px;}
div.navigation div.bottom {	margin-top: 12px;}
div.pagination a, div.pagination span.current {	display: block;	float: left; margin-right: 2px;	padding: 4px 3px 2px 3px;}
div.pagination a:hover {background-color: #eee;	text-decoration: none;}
div.pagination span.current {font-weight: bold;	color: #555;}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {	float: none;padding: 0;	margin: 0; list-style: none;}
#thumbs-min a.thumb {	padding: 0px; display: inline; border: none;}
#thumbs-min ul.thumbs li.selected a.thumb {	background: inherit; color: #000; font-weight: bold;}

/* Contact Us */
#address{ width:328px; padding:0 0 0 40px; float:right;}

#address .addressframe{background: url(images/right-col-img-frame.png) no-repeat 0 0; height: 156px; padding: 10px 10px 11px 10px; width: 216px;}

/* Contact Form */
/* .required {color:red; font-weight:bold; font-size:14px; margin:0 3px} */
.header-required { font-weight:bold;margin:0 0 15px 0;}
.form { font-weight:bold; line-height:normal; position:relative;}
input, textarea {font-family:Arial, Helvetica, sans-serif; color:#999797;}
textarea {font-size:100%;}
.form table td {padding: 5px 0;}
#ctl00_cphContent_ctl00_frmMkUp{ width:452px; float:left;}

/* Status Msg */
.fail { color: Red; }
.pass { color: Green; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

/* FAQ Page */ 
hr {color:#cecece; background-color:#cecece; border:none; height:1px; margin:10px 0 10px 0;}
#ctl00_cphContent_ListDisplay1 h3 {background: url(images/q.gif) no-repeat 0 1px; padding: 0 0 0 21px;}
#ctl00_cphContent_ListDisplay1 .answer {background: url(images/a.gif) no-repeat 0 17px; padding: 0 0 0 21px;}

/* Location Page - Ocean Gardens Site Plan */
#villageMap {background: url(images/village-map-frame.png) no-repeat 0 0; height: 499px; padding: 12px 10px 9px 10px; width: 434px;}