/* CSS Document */

body /*IE*/ {padding: 0; margin: 0; text-align: center; background: url(/images/layout/strip.gif) repeat-y center top;}
body, td, th {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.7em; letter-spacing: 0.005em; margin: 0 0 8px 0; color: #097d6b;}

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; margin: 18px 0 4px 0; color: #0067a1; font-weight: normal;}

h4 {margin: 0 0 4px 0; color: #0067a1; font-weight: bold; width: 100%; font-size: 1em;}

address, p {font-style:normal; margin: 0 0 10px 0;}

textarea, input, select {
	border: 1px solid #999999;
	background-color:#F5FCFE;
	font-size: 1em;
	width: 97%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

td, th {border-bottom: 1px solid #ccc; vertical-align: top; text-align: left;}

th {color: #fff; background-color:#005ba1;}
caption { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #0067a1; font-weight: normal; text-align: left; padding: 0 0 5px 0;}

#wrapper {padding: 0; margin: 0 auto; position: relative; width:800px;}
#wrapperInner {float: left; width:800px; padding: 0; margin: 0; background-color:#FFFFFF; text-align: left;}

font {visibility: hidden; display: none;}

img {border: none;}

a.frame-home { background:url(/images/layout/frame.gif) no-repeat top center; width: 132px; padding: 15px; margin: -1px 0 0 15px; display: block; color: #333; text-decoration: none;}
#mainContent a.frame-right { background:url(/images/layout/frame.gif) no-repeat top center; width: 132px; padding: 15px; margin: 0 0 0 15px; display: block; float: right; color: #333; text-decoration: none; clear: right; }
#mainContent a.frame-left { background:url(/images/layout/frame.gif) no-repeat top center; width: 132px; padding: 15px; margin: 0 15px; display: block; float: left; color: #333; text-decoration: none; }
#mainContent a.frame-right span, #mainContent a.frame-left span { text-align: center; font-size: 0.85em; padding: 11px 0 0 0; display: block; line-height: normal;}
a.frame-home span { text-align: center; padding: 11px 0 0 0; display: block; line-height: normal; font-weight: bold;}






/************** BANNER AND TOP *************************/



#mainBanner {position: relative; width: 800px; height:167px; background:url(/images/layout/plain-top.gif) no-repeat left bottom; margin: 0 0 0 0;}

#logo {background:url(/images/layout/logo.gif); width: 323px; height: 87px; position: absolute; top: 10px; left: 15px;}
#smallNav {position: absolute; right: 15px; top: 10px; text-align: right; font-size: 0.75em;}
#smallNav ul {margin: 0; padding: 0; list-style-type: none;}
#smallNav li {display: inline; padding: 0 0 0 20px;}
#smallNav li a {color: #00497f; text-decoration: none;}
#smallNav li a:hover {color:#097d6b;}

#smallNav strong {font-weight: normal; text-transform: uppercase;}

/*#infoBox /*IE{background: url(/images/layout/info-tab.gif) no-repeat; width: 118px; height: 90px; position: absolute; right: 46px; bottom: -30px; color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; padding: 30px 8px 5px 5px; line-height: 1.2em;}



#infoBox a {color: #fff;} */

#infoBox {display: none; visibility: hidden;}

.env-ico { position:absolute; top: 0; right: 20px;}

/*********** NAV ********************/

#nav { background:url(/images/layout/menu-aqua.jpg) repeat-x center top; font-size: 0.7em; margin: 0 0 20px 0; padding: 0; width: 183px; float: left;}

#navOuter {float:left; width: 183px; margin: 0; padding: 0;}

#nav ul {margin: 0; padding: 10px; list-style-type: none; text-transform: uppercase;}
#nav ul li { width: 163px; border-bottom: 1px solid #fff; display: block; margin: 0 0 10px 0;}

#nav ul li a { color: #fff; text-decoration: none; display: block; padding: 3px;}
#nav ul li a:hover { background:url(/images/layout/menu-bullet.gif) no-repeat right center;}

#nav ul li#active a {font-weight: bold; background:url(/images/layout/menu-bullet.gif) no-repeat right center;} 

#nav ul li#active ul {display: block;}
#nav ul li ul {display: none;}

#nav ul li#active ul li { width: 143px; border-bottom: 1px solid #fff; margin: 0 0 10px 0; text-align: right; font-size: 0.9em;}

#nav ul li#active ul li a {background: none; font-weight: normal;}
#nav ul li#active ul li a:hover {color:#ffd006;}

#nav ul li#active ul li a.subactive {font-weight: bold; color: #ffd006;}

#propertyNav {text-align: left; font-size: 0.85em; margin: 0 0 15px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc;}


/************ CONTENT *******************/

#contentOuter {width: 615px; font-size: 0.8em; float: left; background-color:#fff; margin: 0 0 0 2px; color:#333; line-height: 1.6em;}

#contentOuter ul {margin: 0; padding: 0 0 0 15px; list-style-type: none;}
#contentOuter ul li {padding: 0 0 0 18px; background:url(/images/layout/bullet.gif) no-repeat left 4px; margin: 0 0 5px 0;}

#contentOuter ol {margin: 0;}
#contentOuter ol li { margin: 0 0 10px 0;}



#content {padding: 0 15px 20px 15px; float: left; width: 585px;}
#mainContent {padding: 10px 15px 20px 15px; float: left; width: 585px;}

#content a, #mainContent a {color:#CC6600;}

#left {float: left; width: 335px;}

#right {float: left; width: 233px; padding: 0 0 0 14px; position: relative; text-align: center; font-size: 0.85em; line-height: 1.5em;}

#right img {border: 0px;}


#leftWide {float: left; width: 388px;}

#rightNarrow {float: left; width: 150px; padding: 0px 13px 13px 13px; text-align: center; font-size: 0.85em; background:url(/images/layout/pic-back.jpg) repeat center top; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc; margin: 0 0 0 15px; line-height: 1.4em;}

#rightNarrow h3 {font-size: 1.9em; line-height: 1.1em;}

#rightNarrow p { margin: 1.4em 0 0 0;}

#rightNarrow img {margin: 20px 0 0 0;}



/******************* FOOTER *********************/

#footer {position: relative; width: 770px; clear: both; text-align: center; padding: 5px 15px; font-size: 0.7em; background: url(/images/layout/footer-gradient.gif) repeat-x center top #045595; float: left; color: #fff;}

#footer a {color: #fff; text-decoration: none;}



/***** CLASSES ***********/

.offLeft {position: absolute; left: -9999px;}
.notepaper {background:url(/images/layout/note.jpg) no-repeat center 25px;}

.pictureHolderFloat {width: 233px; position: relative; float: right; margin: 0 0 20px 10px; text-align: center; font-size: 0.85em;}
.pictureHolder {width: 233px; position: relative; text-align: center; margin: 20px 0 10px 0; font-size: 0.85em;}

.pictureHolder img, .pictureHolderFloat img {}
.pictureCover { width: 233px; height: 69px; position: absolute; bottom: -10px; left: 0px; z-index: 100;}

.topOfPage {background:url(/images/layout/top.gif); width: 119px; height: 40px; float: right; clear: both;}

.comment, .comment2 {color:#fff; line-height: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; width: 143px;  height: 133px; padding: 20px 20px 7px 20px; margin: 10px 0 5px 0; float: left; font-weight: bold; overflow: auto;}

.comment {background:url(/images/layout/comment.jpg) no-repeat center top; }
.comment2 {background:url(/images/layout/comment2.jpg) no-repeat center top; }

.comment p, .comment2 p {display: inline;}

.comment a, .comment2 a {color: #fff;}

table.docTable {width: 100%; font-size: 0.85em; margin-bottom: 20px;}
table.docTable td, table.docTable th {vertical-align: top; border-bottom: 1px solid #ccc; padding: 3px; text-align: left;}
table.docTable th {color: #333; background: #eee; font-weight: bold;}
table.docTable caption {font-size: 1.6em; font-weight: normal; color: #818D9F; padding-bottom: 3px; text-align: left; display: block; width: 100%;}

.align-center { text-align: center;}

/*************** PAGES ******************/



/* Home */

#homeBanner3 {position: relative; width: 800px; height:167px; background: url(/images/homepage2008-head.jpg) no-repeat left bottom; margin: 0 0 0 0;}

#mainpicHome { width: 615px; height: 319px; float: left; background: url(/images/homepage2008-main.jpg) no-repeat left top;}

#homeBanner2 {position: relative; width: 800px; height:197px; background:url(/images/layout/hometop2.jpg) no-repeat left bottom; margin: 0 0 0 0;}

#mainpicHome2 {background:url(/images/layout/home-main2.jpg) no-repeat left top; width: 615px; height: 129px; float: left;}

.homeTicks1 {float: left; width: 156px; margin: 0 20px 0 0; clear: both; }
.homeTicks2 {float: left; width: 156px; clear: right;}

.homeTicksHolder {float: left; clear: both; width: 333px; padding: 0; margin: 0 0 10px 0;}

/*ul#home-featured-list {padding: 0; margin: 0; list-style-type: none;}

ul#home-featured-list li {padding: 20px 0 0px 0; background: none; margin: 0;}

ul#home-featured-list li a {display: block; width: 223px; padding: 91px 5px 0 5px; text-decoration: none; line-height: 1.4em; font-size: 0.85em; color: #333; text-align: center;}

.featured1 {background:url(/images/investment-gains.jpg) no-repeat center top;}
.featured2 {background:url(/images/sold-out.jpg) no-repeat center top;}
.featured3 {background:url(/images/testimonials.jpg) no-repeat center top;}*/



/* Contact */

form#contact {width: 218px; padding: 40px 0 0 0; margin: 0; text-align: left;}

/* Location */

#postcards {width: 300px; height: 491px; background:url(/images/location-main-long.jpg) no-repeat; position: relative; float: right;}

.akbukLink {width: 300px; height: 246px; display: block;}
.turkeyLink {width: 300px; height: 245px; display: block;}

/*#postcards {width: 389px; height: 332px; background:url(/images/location-main.jpg) no-repeat; position: relative; float: right;}

.akbukLink {width: 389px; height: 180px; display: block;}
.turkeyLink {width: 389px; height: 145px; display: block;}*/

form#contact td, form#contact th {border-bottom: 1px dotted #ccc; padding: 8px 0 2px 0; vertical-align: top;}


/*  Developments */

#propertyNav strong { text-transform: uppercase;}

#developmentsBanner {position: relative; width: 800px; height:167px; background:url(/images/layout/developtop.jpg) no-repeat left bottom; margin: 0 0 0 0;}

#developmentsBanner1 {position: relative; width: 800px; height:167px; background: url(/images/develop-main-head-top.jpg) no-repeat left bottom; margin: 0 0 0 0;}

#developmentsBanner2 {position: relative; width: 800px; height:167px; background: url(/images/gdn-apt-head-top.jpg) no-repeat left bottom; margin: 0 0 0 0;}
#developmentsBanner3 {position: relative; width: 800px; height:167px; background: url(/images/pool-apt-head-top.jpg) no-repeat left bottom; margin: 0 0 0 0;}
#developmentsBanner4 {position: relative; width: 800px; height:167px; background: url(/images/pool-dupl-head-top.jpg) no-repeat left bottom; margin: 0 0 0 0;}
#developmentsBannerGdnMain {position: relative; width: 800px; height:167px; background: url(/images/mand-garden-head-top.jpg) no-repeat left bottom; margin: 0 0 0 0;}

#mainpicDevelopments {background:url(/images/layout/develop-main.jpg) no-repeat -2px top; width: 615px; height: 253px; float: left;}
#mainpicDevelopments2 {width: 615px; height: 253px; float: left;}

#apartmentsBanner {position: relative; width: 800px; height:167px; background:url(/images/mand-apt-head-top.jpg) no-repeat left bottom; margin: 0 0 0 0;}
#cottagesBanner {position: relative; width: 800px; height:167px; background:url(/images/mand-cott-head-top.jpg) no-repeat left bottom; margin: 0 0 0 0;}
#clubBanner {position: relative; width: 800px; height:167px; background:url(/images/mand-club-head-top.jpg) no-repeat left bottom; margin: 0 0 0 0;}

#mainpicApartments {background:url(/images/layout/apts-main.jpg) no-repeat -2px top; width: 615px; height: 253px; float: left;}

#subNavPage {text-align: center; padding: 5px 0; margin: 10px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#subNavPage ul {margin: 0; padding: 0; list-style-type: none;}
#subNavPage ul li {margin: 0; padding: 0 5px; background: none; display: inline;}

.floorPlanContainerLeft {width: 286px; float: left; margin: 0 10px 0 0; text-align: left;clear: left;}
.floorPlanContainerRight {width: 286px; float: left; text-align: center;}
.floorPlanContainerRight2 {width: 286px; float: left; text-align: left;}
.floorPlanContainerLeft2 {width: 236px; float: left; padding: 0 20px 0 40px; text-align: left;clear: left;}

.floorPlanBodyText {text-align: left; padding: 0 10px; text-align: justify;}

.floorPlanTextHolder {float: left; clear: both; width: 585px; padding: 0; margin: -20px 0 0 0;}

.floorPlanFixtureHolder {float: left; clear: both; width: 585px; padding: 17px 0 0 0; margin: 0 0 23px 0; border-bottom: 1px dotted #ccc;}

.floorPlan2boxHolder {width: 585px; float: left; clear: both; padding: 17px 0 0 0;}

.floorDescription {float: left; width: 250px;}


/* Site Plan */

		
#mainContent a#changer, #mainContent a#changer2, #mainContent a#changer3 {background:url(/images/plan-button.jpg) no-repeat left top; width: 132px; height: 41px; color:#fff; float: right; font-size: 0.8em; font-weight: bold; text-decoration: none; padding: 5px 0 0 9px;}

.priceTable1 {float: left; width: 282px; margin: 0 20px 0 0; clear: both; }
.priceTable2 {float: left; width: 282px; clear: right;}

.sitePlanHolder {width: 585px; clear: both;}

.sold {color:#C00; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}

.priceTableHolder {float: left; clear: both; width: 585px; padding: 0; margin: 0 0 10px 0;}

/* Brochures */

.clear-para-brochure { clear: both; border-bottom: 1px dotted #ccc; padding-bottom: 4px; float: left; width: 585px ; }