@import url("yreset.css");

* {background-repeat:no-repeat; }

body {font-family: Candara, Trebuchet MS; font-size: 12px; color: #fff; margin:30px 0; padding:0;  background-image: url(../img/backgrounds/body-bg.png); background-repeat: no-repeat; background-position: top center; overflow-x: hidden;}

a {color:#ffb100; text-decoration:underline; outline: none;}
a:hover {color:#fff; text-decoration:none;}

#page {width: 920px; margin: 0 auto; display: block; overflow: hidden; position: relative;}

#header {}
#logo {background-image: url(../img/brand/copou-bellevue.png); width: 172px; height: 134px; text-indent: -5000px; margin: 0 auto 10px auto;}
#logo a {width: 172px; height: 134px; display: block; overflow: hidden;}

#nav {font-size: 14px; font-family: Cambria, Georgia, Times new roman; text-align: center; background-image: url(../img/backgrounds/hr.png); padding: 7px 0; text-transform: uppercase;}
#nav li {display: inline; margin-right: 25px;}
#nav li a {color: #fff; text-decoration: none;}
#nav li a:hover {color:#ffb100;}
#nav li a span {font-size: 20px; margin-bottom: 0;}
#nav li.selected a {color:#ffb100; text-shadow:1px 1px 0px #000;}

#presentation {margin-bottom: 15px; position: relative; background-image: url(../img/backgrounds/hr.png); padding-top: 10px;}
#presentation .info {width: 190px; position: absolute; top:92px; left: 204px; padding: 0 10px; font-size: 16px; line-height: 20px; font-weight: bold;}
#presentation .info .title {background-color: #ffb100; padding: 10px; margin-left: -10px; height: 143px; position: relative; width: 190px; margin-bottom: 10px; display: block;}
#presentation .info .title h1 {font-size: 26px; font-family: Cambria, Georgia, Times new roman; font-weight: bold; position: absolute; bottom: 10px; line-height: normal;}
#presentation .info .title h1 span {font-size: 38px;}
#presentation p {margin-bottom: 8px;}

#content {display: block; overflow: hidden; width: 900px; margin: 0 10px;}

#primary {}
#primary p {margin-bottom: 12px;}

body.homepage #presentation {margin-bottom: 0;}
body.homepage #featured {padding: 15px 10px 50px 10px; display: block; overflow: hidden;}
body.homepage #featured li {width: 280px; float: left; margin-right: 30px;}
body.homepage #featured li.mod3_0 {margin-right: 0;}
body.homepage #featured li h2 {margin-bottom: 10px;}
body.homepage #featured li h2 a {text-decoration: none; color: #fff; font-size: 20px; font-weight: bold; font-family: Cambria, Georgia;}
body.homepage #featured li h2 a:hover {color:#ffb100;}
body.homepage #featured li p.head {margin-bottom: 10px;}
body.homepage #featured li p.more {color:#ffb100;}
body.homepage #featured li p.more a:hover {text-decoration: none;}


body.project {}
body.project #content {display: block; overflow: hidden;}
body.project #primary {width: 320px; margin-left: 414px; display: inline; margin-top: 20px; float: left;}
body.project #secondary {width: 165px; float: right;}


body.apartments #content {width: 920px; margin: 0;} 
body.apartments #primary {margin-top: 125px; padding: 0 10px; display: block; overflow: hidden;}
body.apartments #primary ul.apartments {width:100%; display:block; float:left;}
body.apartments #primary ul.apartments li {width: 210px; margin-right: 20px; float: left; text-align: center;}
body.apartments #primary ul.apartments li.mod4_0 {margin-right: 0;}
body.apartments #primary ul.apartments li p.icon {margin-bottom: 0;}
body.apartments #primary ul.apartments li h2 {font-size: 14px; font-weight: bold; font-family: Cambria, Georgia; margin-bottom: 5px;}
body.apartments #primary ul.apartments li h2 a {color: #fff; text-decoration: none;}
body.apartments #primary ul.apartments li h2 a:hover {color: #ffb100; text-decoration: underline;}

#primary .new-building {float:left; display:block; width:100%; margin:30px 0px 0px 0px; padding:0px;}
#primary .new-building h3 {text-align:center; font-size: 20px; font-family: Cambria, Georgia, Times new roman; font-weight: bold; line-height: normal; margin-bottom:5px;}
#primary .new-building h3 span {font-size: 32px;}
#primary .new-building p.description {font-size:14px; line-height:17px; text-align:center; margin-bottom:10px;}
#primary .new-building .penthouse {width:580px !important; padding-left:210px;}

body.offer #primary .new-building .penthouse {float:left !important;}   
body.offer #primary .new-building .penthouse {padding-left:210px !important;} 

body.apartments #primary .new-building .penthouse {float:left !important;}   
body.apartments #primary .new-building .penthouse {padding-left:210px !important; padding-bottom:20px;}      


body.offer #primary .new-building {height:672px; margin-top:31px; padding-top:55px; background:url("../img/backgrounds/landing-page-bg.jpg") no-repeat top;}
body.offer #primary .new-building ul li {position:relative;}
body.offer #primary .new-building ul li .badge-new {position:absolute; width:50px; height:50px; display:block;}
body.offer #primary .new-building ul #flat1 .badge-new {top:5px; left:10px;}
body.offer #primary .new-building ul #flat2 .badge-new {top:80px; left:20px;}
body.offer #primary .new-building ul #flat3 .badge-new {top:75px; left:35px;}
body.offer #primary .new-building ul #flat4 .badge-new {top:30px; right:40px;}  
body.offer #primary .new-building ul #flat5 .badge-new {top:105px; left:25px;}
body.offer #primary .new-building h3 {text-align:center; font-size: 26px; font-family: Cambria, Georgia, Times new roman; font-weight: bold; line-height: normal; margin-bottom:5px;}
body.offer #primary .new-building h3 span {font-size: 38px;}
body.offer #primary .new-building p.description {width:450px; margin-left:auto; margin-right:auto; font-size:16px; line-height:18px; margin-bottom:10px; color:#ffb100;} 

body.apartments #primary .new-building {height:691px; margin-top:31px; padding-top:55px; background:url("../img/backgrounds/landing-page-bg.jpg") no-repeat top;}
body.apartments #primary .new-building ul li {position:relative;}
body.apartments #primary .new-building ul li .badge-new {position:absolute; width:50px; height:50px; display:block;}
body.apartments #primary .new-building ul #flat1 .badge-new {top:5px; left:10px;}
body.apartments #primary .new-building ul #flat2 .badge-new {top:80px; left:20px;}
body.apartments #primary .new-building ul #flat3 .badge-new {top:75px; left:35px;}
body.apartments #primary .new-building ul #flat4 .badge-new {top:30px; right:40px;}  
body.apartments #primary .new-building ul #flat5 .badge-new {top:105px; left:25px;}
body.apartments #primary .new-building h3 {text-align:center; font-size: 26px; font-family: Cambria, Georgia, Times new roman; font-weight: bold; line-height: normal; margin-bottom:5px;}
body.apartments #primary .new-building h3 span {font-size: 38px;}
body.apartments #primary .new-building p.description {width:450px; margin-left:auto; margin-right:auto; font-size:16px; line-height:18px; margin-bottom:10px; color:#ffb100;} 

#primary .new-building .apartments {margin:0px auto; width:730px !important; float:none !important;}
#primary .new-building .apartments li {width:230px !important;}
#primary .new-building .apartments li.last {margin-right:0px;}

body.offer #primary .new-building .apartments li h2 a {color:#FFB100 !important;}
body.apartments #primary .new-building .apartments li h2 a {color:#FFB100 !important;} 

#primary .new-building .apartments li p.icon {height:163px;}

/* OFFERS LANDING PAGE */
body.offer #content {width: 920px; margin: 0;}
body.offer #presentation {margin-bottom: 0px; height:140px; background-image:url("../img/backgrounds/bg-topcontent-offer.png"); padding-top: 10px; padding-bottom:0px;}
body.offer #presentation #pageTitle {text-align:center; font-size:26px; line-height:42px; color:#FFF; margin:15px 0px 10px 0px;}
body.offer #presentation #pageTitle span {font-size:38px;}
body.offer #presentation .head {font-size:16px; line-height:20px; color:#ffb100; width:440px; margin:0px auto; text-align:center;}
body.offer #primary {margin-top: 0px; padding: 0 10px; display: block; overflow: hidden;}
body.offer #primary ul.apartments {display:block; margin-bottom:20px;}
body.offer #primary ul.apartments li {display:block; width: 210px; margin-right: 20px; float: left; text-align: center;}
body.offer #primary ul.apartments li.mod4_0 {margin-right: 0;}
body.offer #primary ul.apartments li p.icon {margin-bottom: 0;}
body.offer #primary ul.apartments li h2 {font-size: 14px; font-weight: bold; font-family: Cambria, Georgia; margin-bottom: 5px;}
body.offer #primary ul.apartments li h2 a {color: #fff; text-decoration: none;}
body.offer #primary ul.apartments li h2 a:hover {color: #ffb100; text-decoration: underline;}
body.offer #primary .contact {clear:both; float:none; width:300px; text-align:center; margin:0px auto; padding:0px;}
body.offer #primary .contact .contactBtn {margin:0px auto; display:block; width:220px; height:35px; padding:0px; text-indent:-9999px; text-transform:uppercase; background:url("../img/icons/btn-contact.jpg") no-repeat;}
body.offer #primary .contact .contactInfo {padding-left:50px; margin-top:10px; width:300px; text-align:center;}    
body.offer #primary .contact .contactInfo p {font-family:Candara,Trebuchet MS; margin:0px 0px 5px 0px; font-weight:bold; font-size:16px; line-height:19px; padding:0px; width:auto; color:#fff; text-align:left;}
body.offer #primary .contact .contactInfo p .label {color:#999999; float:left; display:inline; width:60px; text-align:left; margin:0px 10px 0px 0px;}
body.offer #primary .contact .contactInfo p a {color:#ffb100; text-decoration:underline; font-weight:bold;}
body.offer #primary .contact .contactInfo p a:hover {text-decoration:none;}
body.offer #fancy_ajax {background:url("../img/backgrounds/body-bg.png");}

#fancy_ajax .contactForm {width:340px; padding-left:20px; padding-top:10px;}
#fancy_ajax .contactForm .contact-us {font-size:26px; line-height:29px; margin:0px 0px 5px 0px; color:#fff; font-weight:bold;}
#fancy_ajax .contactForm .contact-us span {font-size:38px;}
#fancy_ajax .contactForm .contact-details {color:#fff; font-weight:bold; font-size:16px; line-height:20px; margin-bottom:30px;}
#fancy_ajax .contactForm .contact-details span {display:block;}
#fancy_ajax .contactForm .contact-details span a {color:#ffb100; text-decoration:underline; font-weight:bold;}
#fancy_ajax .contactForm .contact-details span a:hover {text-decoration:none;}

body.apartment {}
body.apartment #presentation .info {width: 320px;}
body.apartment #presentation .info .position {position: absolute; bottom:0;}
body.apartment #presentation .info .position h1 {position: relative;}
body.apartment #presentation .info .position p.parent {}
body.apartment #presentation .info .position p.parent a {color: #fff; font-size: 14px; font-family: Cambria, Georgia; text-decoration: none;}
body.apartment #presentation .info .position p.parent a:hover {text-decoration: underline;}
body.apartment #content {position: relative;}
body.apartment #primary {margin-top: 100px; margin-left: 190px;}
body.apartment #primary h2 {text-transform: uppercase; font-size: 14px; font-weight: bold; padding-left: 24px; background-position: left center;}
body.apartment #primary h2 a {color: #fff; text-decoration: underline;}
body.apartment #primary h2 a:hover {color: #ffb100;}
body.apartment #primary h2.endowments {background-image:url(../img/icons/endowments.png);}
body.apartment #primary h2.movie {background-image:url(../img/icons/film.png);}
body.apartment #primary ul {margin-left: 44px; margin-bottom: 10px;}
body.apartment p.visual {width: 424px; height: 360px; position: absolute; right:0; top:0;}
body.apartment p.newbuilding {top:30px !important;}


body.mini_penthouse #primary {margin-top: 80px;}
body.mini_penthouse h1 {line-height: 20px !important; margin: 20px 0 10px 0;}




body.lifestyle #content {position: relative;}
body.lifestyle #primary {margin: 25px 0 0 0;}
body.lifestyle #primary ul {display: block; overflow: hidden;}
body.lifestyle #primary ul li {width: 210px; float: left; margin: 0 20px 20px 0;}
body.lifestyle #primary ul li.mod4_0 {margin-right: 0;}
body.lifestyle #primary ul li h2 {text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
body.lifestyle #primary ul li p.icon {margin-bottom: 5px;}

body.gallery #content {position: relative;}
body.gallery #primary {margin: 25px 0 0 0;}
body.gallery #primary ul {display: block; overflow: hidden;}
body.gallery #primary ul li {width: 120px; float: left; margin: 0 10px 10px 0; padding: 0; height: 170px;}
body.gallery #primary ul li img {border: 1px solid #464646; margin: 0; padding: 0;}
body.gallery #primary ul li.mod7_0 {margin-right: 0;}
body.gallery #primary ul li h2 {text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
body.gallery #primary ul li p.icon {margin-bottom: 5px;}


body.contact #primary {margin-top: 24px; margin-left: 204px;}
body.contact #primary ul {width: 220px; display: block; overflow: hidden; float: left;}
body.contact #primary div.contactForm, body.offer .contactForm {width: 340px; display: block; overflow: hidden;}

div.contactForm {}
div.contactForm input {border: 0;}
div.contactForm fieldset legend {display: none;}
div.contactForm fieldset div.item {width: 160px; float: left; margin-right: 10px; margin-bottom: 10px;}
div.contactForm fieldset div.item label {padding-bottom:5px; float:left;}
div.contactForm fieldset div.item input {background-image: url(../img/backgrounds/input-bg.gif); width: 150px; height: 15px; padding: 5px; color: #fff; font-weight: bold; font-size: 11px;}
div.contactForm fieldset div.item textarea {background-image: url(../img/backgrounds/textarea-bg.gif); width: 320px; height: 105px; border: 0; padding: 5px; color: #fff; font-weight: bold; font-size: 11px;}
div.contactForm fieldset div.mod2_0 {margin-right:0px;}
div.contactForm fieldset.info_message {margin-top:10px; margin-bottom:10px;}
html>body div.contactForm fieldset.info_message {margin-top:10px; margin-bottom:0px;}  
div.contactForm div.actions input.submit {width: 80px; height: 25px; background-image: url(../img/backgrounds/submit-bg.gif); color: #fff; text-transform: uppercase; text-shadow:1px 1px 0px #c48800; padding-bottom: 3px; cursor: pointer;}
div.contactForm #form_message {margin-top:10px; margin-bottom:0px;}



#footer {background-image: url(../img/backgrounds/hr.png); background-position: top center; padding-top: 5px; text-align: center; color: #999; clear: both; margin-top: 50px;}
#footer p.copyright {margin-bottom: 15px;}
#footer p.createdBy {margin-bottom: 15px;}


#lang {font-size: 10px; position: absolute; right:100px; top:0; color: #fff;}
#lang a {color: #fff;}

.disclaimer {clear:both;font-style:italic; margin-bottom:20px; padding:0px; text-align:center;}