* {
  margin:0;
  padding:0;
 }

body{
  font-size:10px;
  padding-top: 1px;
 }

.clean { clear:both; }
h1,p {
  color: #ffca05;
  font-family:arial;
  }

dl {
  margin-top:13px;
  font-family:arial;
  font-size:1.4em;
  color: #ffca05;
 }
dt {
  width: 100px;
  float: left;
 }

dd {
  margin-left: 10px;
 }


/**********************************
* Header
**********************************/

#header {
 height:157px;
 background: url('../images/graphics/header_left.png') no-repeat 0 0;
 }

#header div {
 height:157px;
 background: url('../images/graphics/header_right.png') no-repeat 100% 0;
 }

#header a{
  display:block;
  margin-top:32px;
  margin-right:90px;
  float:right;
  text-decoration:none;
 }

#header a img {
  padding:0;
  margin:0;
  border:none;
 }



/**********************************
* Main Nav
**********************************/

#nav {
 height:18px;
 background: url('../images/graphics/main_nav_left.png') no-repeat 0 0;
}

#nav ul {
 padding-left:86px;
 padding-right:64px;
 list-style:none;
 height:18px;
 background: url('../images/graphics/main_nav_right.png') no-repeat 100% 0;
 }

#nav ul li{
 float:left;
 text-align:center;
 width:10%;
 height:18px;
 background: url('../images/graphics/nav_seperator.png') no-repeat 100% 0;
 }


#nav ul li a {
  display:block;
  padding-top:1px;
  font-family:arial;
  text-decoration:none;
  color:#444;
  font-weight:bold;
  font-size:1.16em;
 }

#nav ul li a:hover{
color:#000;
 }

#nav ul li#homeL {
  width:7%;
 }

#nav ul li#homeL { width:7%;}
#nav ul li#projL { width:9%;}
#nav ul li#locaL { width:10%;}
#nav ul li#builL { width:10%;}
#nav ul li#flooL { width:9%;}
#nav ul li#unitL { width:9%;}
#nav ul li#gallL { width:7%;}
#nav ul li#fasiL { width:7%;}
#nav ul li#abouL { width:9%;}
#nav ul li#contL { width:9%;}
#nav ul li#viewL { background:none;width:9%;}

/***** Activate Site **************/
#project #nav ul li#projL a,
#location #nav ul li#locaL a,
#buildings #nav ul li#builL a,
#floors #nav ul li#flooL a,
#units #nav ul li#unitL a,
#gallery #nav ul li#gallL a,
#facilities #nav ul li#faciL a,
#about_us #nav ul li#abouL a,
#contact_us #nav ul li#contL a,
#views #nav ul li#viewL a,
#home #nav ul li#homeL a {
color:#000;
 }

#project #subnav ul li#projL2 a,
#location #subnav ul li#locaL2 a,
#buildings #subnav ul li#builL2 a,
#floors #subnav ul li#flooL2 a,
#units #subnav ul li#unitL2 a,
#gallery #subnav ul li#gallL2 a,
#facilities #subnav ul li#faciL2 a,
#about_us #subnav ul li#abouL2 a,
#contact_us #subnav ul li#contL2 a,
#views #subnav ul li#viewL2 a,
#home #subnav ul li#homeL2 a {
color:#fff;
 }

/**********************************
* Status with Search and Language
**********************************/

#status {
  height:38px;
  background: url('../images/graphics/content_left.png') repeat-y 0 0;
}

#status div {
  padding-top:1px;
  height:38px;
  background:  url('../images/graphics/content_right.png') repeat-y 100% 0;
}

#status #searchbox {
  float:left;
  margin:10px 0 0 92px !important;
  margin:10px 0 0 45px ;
  padding:0;
  width:179px;
  height:27px;
  background: url('../images/graphics/search_box.png') no-repeat 0 0;
 }

#status #searchbox fieldset {
  border:none;
  padding:0;
  margin:0;
 }

#status #searchbox a {
 display:block;
 float:left;
 margin: 7px 0 0 12px;
 height:15px;
 width:30px;
 }
#status #searchbox span {
  display:none
  }

#status #searchbox input {
  display:block;
  margin: 7px 0 0 60px;
  padding-bottom:1px;
  background-color:#fff;
  border:none;
  width:110px;
  height:12px;
  color:#333;
  font-size:1.1em;
  font-family:arial;
 }

#status div ul  {
  margin: 16px 0 0 286px;
  width:300px;
  list-style:none;
 }

#status div ul li  {
  float:left;
  width: 40px;
 }
#status div ul li a {
  display:block;
  text-decoration:none;
  font-size:1.4em;
  font-family:arial;
  color:#ccc;
  text-align:center;
 }

#status div ul li a:hover{
  color:#fff;
 }



/**********************************
* Content
**********************************/
#content {
  position:relative;
  padding:0;
  margin: 0;
  background: #000 url('../images/graphics/content_left3.png') repeat-y 0 0;
 }

#content #content_c {
  margin-left:294px;
  padding-right:90px;
  margin-top:0;
  padding-top:0;
  min-height:450px;
  height:auto !important;
  height:500px;
  background: url('../images/graphics/content_right2.gif') repeat-y 100% 0;
 }

#content #content_c hr {
  padding:0;
  margin:0;
  border: 0;
  color: #ffca05;
  background-color: #ffca05;
  height: 1px;
 }

#content #content_c img {
 border: solid 1px  #ffca05;
 }

/**********************************
* Landing
**********************************/
#content #content_c #buildingselection {
  float:left;
  margin:10px 0 0 0;
  width:601px;
 }

#content #content_c #buildingselection img {
  display:block;
 }
#content #content_c #buildingselection a  {
  float:left;
 }

#content #content_c #buildingselection ul {
  list-style:none;
 }

#content #content_c #buildingselection ul li {
  float:left;
  width:20px;
 }

#content #content_c #buildingselection ul li a {
  display:block;
  color: #ffca05;
  text-decoration:none;
  font-size:1.3em;
  font-family:arialblack;
 }


ul#buildingpaging {
  margin-top:13px;
  list-style:none;
  display:block;
 }

ul#buildingpaging li {
  margin:0 4px ;
  float:left;
 }

ul#buildingpaging li a {
  display:block;
  color: #ffca05;
  font-family:arial;
  font-size:1.4em;
  text-decoration:none;
 }

ul#buildingpaging li a span {
  color:#fff;
 }

/**********************************
* Boxes Contents
**********************************/
#content #content_c #boxlist {
  width:99% !important;
  width:90%;
  min-height:400px;
  height:auto !important;
  height:400px;
 }

/**********Content box1**********/
#content #content_c .contentbox {
  float:left;
  margin:10px 13px 13px 0 ;
  width:292px;
  background: url('../images/graphics/content_box1.png') no-repeat 0 100%;
 }

#content #content_c .contentbox h2 {
  margin-bottom:13px;
  padding-top:1px;
  width:292px;
  height:113px;
  background: url('../images/graphics/content_box_header.png') no-repeat 0 0;
  font-size:1.2em;

 }

#content #content_c .contentbox span {
  display:block;
  margin-top:89px;
  margin-left:12px;
  width:279px;
  height:20px;
  color:#fff;
  font-weight:normal;
  letter-spacing: 0.1em;
 }

#content #content_c .contentbox p {
  padding: 0 11px 13px 11px;
  font-size:1.1em;
  color:#333;
 }

/**********Content box2**********/
#content #content_c .contentbox2 {
  float:left;
  margin:10px 0 0 0px;
  width:292px;
  background: url('../images/graphics/content_box1.png') no-repeat 0 100%;
 }

#content #content_c .contentbox2 h2 {
  margin-bottom:13px;
  padding-top:1px;
  width:292px;
  height:29px;
  background: url('../images/graphics/content_box2_header.png') no-repeat 0 0;
  font-size:1.2em;
 }

#content #content_c .contentbox2 span {
  display:block;
  margin:3px 0 0 142px;
  width:150px;
  height:20px;
  color:#fff;
  font-weight:normal;
 }

#content #content_c .contentbox2 img {
  float:left;
  margin-top: -42px;
  margin-right:11px;
  margin-left:1px;
  border:none;
  width:136px;
 }


#content #content_c .contentbox2 p {
  padding: 0 11px 13px 11px;
  font-size:1.1em;
  color:#333;
 }


/**********Content box3**********/
#content #content_c .contentbox3 {
  float:left;
  margin:10px 13px 0 5px;
  width:590px;
  background: url('../images/graphics/content_box3.png') no-repeat 0 100%;
 }

#content #content_c .contentbox3 h2 {
  margin-bottom:13px;
  padding:4px 0 0 13px;
  width:590px;
  height:29px;
  background: url('../images/graphics/content_box3_header.png') no-repeat 0 0;
  font-size:1.3em;
  color:#000;
  font-weight:bold;
 }




#content #content_c .contentbox3 p {
  padding: 0 11px 13px 11px;
  font-size:1.4em;
  color: #ffca05;
 }



/**********Fly box5**********/
#content #content_c .flybox {
/*  float:left; */
  margin:10px 13px 0 0px;
  width:350px;
 }

/**********Google Map box5**********/
#content #content_c .googlemap {
/*  float:left; */
  margin:10px 13px 0 0px;
  width:590px;
  height:320px;
  background-color:#000;
 }

/**********************************
* Floor
**********************************/
.buildingImage {
  margin:2px;
  float: left;
 }

#content #content_c img.floorlist {
  margin:10px 13px 10px 0;
 }

h3 {
  margin-top:13px;
  color:#ffca05;
  font-family:arial;
 }

/**********************************
* Location
**********************************/
#map {
 margin-top:13px;
 }



/**********************************
* Units Apartments apartments
**********************************/
.goback {
  display:block;
  width:150px;
  margin-top:10px;
  font-family:arial;
  font-size:1.4em;
  color: #ffca05;
  text-decoration:none;
 }

.goback:hover {
  color:#fff;
 }

dl#unitDescription dd a {
  color: #fff;
  text-decoration:none;
 }

dl#unitDescription dd a:hover {
  color: #ffca05;
 }

/**********************************
* Facility
**********************************/
ul#facilitylist {
  margin:13px 0 20px 25px;
  font-size:1.4em;
  color: #ffca05;
 }


ul#imagelist li {
  margin-top:13px;
 }

ul#imagelist li {
  margin:6px 0 ;
 }

ul#imagelist li p {
  font-size:1.2em;
  font-family:arial;
 }




/**********************************
* Gallery
**********************************/
.galleryimage {
  margin-top:13px;
 }

#gallerylist li {
  float:left;
  margin:4px 8px 4px 0;
 }


/**********************************
* Contact us
**********************************/

#contact_us h3 {
  margin-top:6px;
  color: #ffca05;
  font-size:1.5em;
  font-family:arial;

 }




/**********************************
* Login User_login
**********************************/

#login p {
  margin-top:13px;
  margin-left:80px;
 }
#login p a {
  color: #ffca05;
  font-size:1.5em;
  font-family:arial;
  text-decoration:none;
 }

#login p a:hover {
  color:#fff;
 }




















/**********************************
* Subnav
**********************************/


#subnav {
  position:absolute;
  top:225px;
  left:92px;
  background: url('../images/graphics/nav_box_body.png') repeat-y 0 0;
  width:181px;
 }

#subnav h2{
  padding: 2px 0 0 10px;
  width:181px;
  height:19px;
  background: url('../images/graphics/nav_box_head.png') no-repeat 0 0;
  font-size:1.4em;
  color:#333;
 }

#subnav ul {

  padding:10px 0 10px 10px;
  width:181px;
  background: url('../images/graphics/nav_box_bottom.png') no-repeat 0 100%;
 }


#subnav ul li {
  margin:5px 0 0 0;
  width:154px;
  height:24px;
  list-style:none;
  background: url('../images/graphics/nav_box_list_body.png') no-repeat 0 100%;
  text-indent: .3em;
 }


#subnav ul li a {
  color:#ddd;
  font-size:1.3em;
  font-family:arial;
  text-decoration:none;
 }

#subnav ul li a:hover {
  color:#fff;
 }

#subnav ul li a span {
  color:#fff;
 }



/**********************************
* Footer
**********************************/

#footer {
  margin-bottom:13px;
  background: url('../images/graphics/footer_main_left.png') no-repeat 0 0;
  height:250px;
 }

#footer div#footer_c {
  padding-top:1px;
  background: url('../images/graphics/footer_main_right.png') no-repeat 100% 0;
  height:250px;
 }

#footer #copyright {
   height:15px;
   margin: 25px 86px 0 292px;
   text-align:center;
   color:#333;
   font-size:1.1em;
   font-family:arial;
 }

#footer div #logos {
  float:left;
  margin: 20px 0 0 292px !important;
  margin: 20px 0 0 146px;
  width:300px;
  height:80px;
 }

#footer div #logos img {
  border:none;
 }

#footer div #adresse{
  margin: 20px 92px 0 0px !important;
  margin: 20px 45px 0 0px ;
  float:right;
  width:300px;
  height:80px;

 }

#footer div #adresse h2 {
  color: #ffca05;
  margin: 0 0 6px 170px;
  font-family:arial;
  font-size:1.42em;
  text-align:right;
  text-transform:uppercase;
  width:130px;
  height: 20px;
  background: url('../images/graphics/footer_address_header_bg.png') no-repeat 0 100%;
 }

#footer div #adresse address {
  color: #ffca05;
  font-family:arial;
  font-size:1.2em;
  font-style:normal;
  text-align:right;
  }

#footer div #adresse address a {
  color: #ffca60;
  text-decoration:none;
  }

#footer div #adresse address a:hover {
  color: #fff;
 }

#footer div address#footeradresse {
  clear:both;
  margin:55px 100px 0 290px;
  padding-top:20px;
  display:block;
  height: 35px;
  color:#858585;
  font-style:normal;
  font-size:1.02em;
  text-align:center;
 }


#footer div address#footeradresse a {
  color:#858585;
  text-decoration:none;

 }

#footer div address#footeradresse a:hover{
  color:#fff;
 }






#lightbox{      position: absolute;     left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{     padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/*  Form Design
--------------------------------- */


div.form-container { margin:0 0 0 0px;}
div.form-container form p { margin: 0 ; }
div.form-container form fieldset { border:none;margin:10px 0; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label { color: #ffca05;font-family:arial; font-size:1.4em;margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error,
div.form-container span.error { color: #ffca05; }
div.form-container label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #fff; }
div.form-container input { color:#000; background-color:#ddd; border: 1px solid #666;height:1.4em; }
div.form-container textarea { width:500px; height:200px; color:#000; background-color:#eee; border: 1px solid #666 }
div.form-container select { color:#000; background-color:#ddd; border: 1px solid #666 }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus {background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label,
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset label.controlset { display: block; float: left; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

.button {
  width:80px;
  cursor:pointer;
  font-weight:bold;
 }
#thumbpreview {
  background-color:red;
 }