@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
body {
background-image:url(images/bg_empty.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#000000;
}
.onyx {
background-image:url(images/onuxBg.jpg);
background-position:center top;
background-repeat:no-repeat;
}
.clear {
clear:both;
}
#header {
margin:2px auto 0;
width:820px;
height:131px;
}
.lineHeader {
clear:both;
background-color:#393232;
width:auto;
height:1px;
}


/*  HEADER  */
.headerLogo {
margin-top: 66px;
float:left;
height:61px;
width:277px;
}
.headerMenu {
float:right;
display: block;
height: 50px;
}
.headerLang {
margin:103px 0 0 0;
float:right;
height:20px;
width:62px;
}
.headerLangBtn a{
text-align:center;
float:left;
width:30px;
height:21px;
text-decoration:none;
color:#999;
margin-top:8px;
}
.headerLangBtn a:hover {
background-color:#393232;
color:#fff;
}

.headerLangBtn_hovered a{
text-align:center;
float:left;
width:30px;
height:21px;
text-decoration:none;
color:#fff;
margin-top:8px;
background-color:#393232;
}
.headerImg {
margin-top:9px;
float:left;
}
.headerMenu div.l1 {
display: block;
padding: 0 0 0 0;
margin: 0;
}

.menu_btn_dot{
  background: url(images/menu_dot.gif)center right no-repeat;
}
.menu_btn_dot :hover{
  color: #fff;
  background-color: #332928;
}

.menu_btn_dot a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn_dot_activ{
  color: #fff;
  background-color: #332928;
}
.menu_btn_dot_activ a{
  margin: 5px;
  text-decoration: none;
  color: #fff;
}

.menu_btn{
  
}
.menu_btn :hover{
  color: #fff;
  background-color: #332928;
}

.menu_btn a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn_activ{
  color: #fff;
  background-color: #332928;
}
.menu_btn_activ a{
  margin: 5px;
  text-decoration: none;
  color: #fff;
}
.headerMenu div.l1 div {
height: 21px;
display: block;
float: left;
padding: 0;
margin: 0;
}
.headerMenu div.l1 div:hover {
display: block;
float: left;
padding: 0;
margin: 0;
color: #fff;
background-color: #332928;
}

/* HEADER MENU  LEVEL 2 - PROJECTS */

.headerMenu div.l2 {
position: relative;
display: block;
padding: 5px 0 0 0;
margin: 0;
text-align: right;
}
.headerMenu div.l2 div {
height: 21px;
display: block;
padding: 0;
margin: 0;
}
.headerMenu div.l2 div:hover {
display: block;
padding: 0;
margin: 0;
color: #fff;
}
.menu_btn2{
  border-right: 1px solid #31282b;
  display: block;
}
.menu_btn2 :hover{
  color: #85807d;
}
.menu_btn2 a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn2_active{
  border-bottom: 1px solid #31282b;
}
.menu_btn2_active a{
  margin: 5px;
  text-decoration: none;
  color: #85807d;
}
.menu_btn2_none{
}
.menu_btn2_none a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}


/*  TOP  */
#center {
width:753px;
margin:0 auto;
}
#top {
clear:left;
margin-left:52px;
width:740px;
padding:8px 0;
min-height:338px;
}
#top_r {
position:relative;
width:auto;
height:338px;
padding:8px 0;
}
#top_i {
clear:left;
width:auto;


position:absolute;
left:140%;
margin-left:-1008px;
height:338px;
}
.contactBox {
float:left;
width:330px;
height:160px;
}
.contactBox2 {
float:left;
padding-left:20px;
width:310px;
height:160px;
text-align:justify;
}
.centerEmerald{
width:1024px;
margin:0 auto;
padding:8px 0;
height:338px;
}
.centerEmeraldLeft {
width:890px;
float:left;
padding:0 150px 0 0;
}
.centerEmeraldRight {
width:909px;
float:left;
padding:0 0 0 165px;

}
.centerEmeraldBox1 {
width:auto;
float:left;
padding-right:27px;
text-align:justify;
}
.centerEmeraldBox2 {
width:auto;
text-align:justify;
}
.centerEmeraldBox3 {
width:365px;
padding-right:27px;
float:left;
text-align:justify;
}
.centerEmeraldBox4 {
width:auto;
text-align:justify;
float:right;
}
.topFloorplans {
position:relative;
float:none;
width:672px;
height:98px;
}
.topFloorplans1 {
	position:absolute;
	top: 1px;
}
.topFloorplans2 {
	position:absolute;
	top: 75px;
}
.topFloorplans3 {
	position:absolute;
	top: 67px;
	left:327px;
}
.topFloorplansSkica {
	position:absolute;
	left:465px;
}
.downFloorplans {
float:left;
width:auto;
}
.downFloorplansText {
float:left;
padding-left:20px;
width: 280px;
}
.floorplansBox {
float:left;
width:335px;
height:235px;
}
.floorplansBox1 {
float:left;
width:340px;
height:235px;
}
.servicesBox1 {
float:left;
width:269px;
}
.servicesBox2 {
padding:0 27px;
float:left;
width:400px;
}
.servicesBox3 {
float:left;
width:298px;
}

.galleryEmeraldBox1 {
float:left;
padding:4px 0 4px 0; 
text-align:justify;
width:483px;
height:333px;
background:url(images/galleryBg.gif) no-repeat;
}
.galleryEmeraldBox1 img {
width:476px;
height:332px;
}
.galleryNav {
clear:left;
width:886px;
}
.actuveGallery {
color:#ffffff;
text-decoration:none;
font-size:12px;
font-family:Trebuchet MS,Helvetica,sans-serif;
}
.unactiveGallery {
color:#685956;
text-decoration:none;
font-size:12px;
font-family:Trebuchet MS,Helvetica,sans-serif;
}
.galleryNav1 {
float:left;
text-align:right;
width:482px;
}
.galleryNav2 {
float:left;
text-align:left;
width:155px;
padding-left:58px;
}
.galleryNav3 {
float:right;
text-align:right;
width:100px;
}
.gallerySeeMovie {
padding-top:266px;
width:34px;
float:left;
}
.galleryEmeraldBox2 {
float:left;
width:372px;;
height:333px;
padding-top:4px;
}
.galleryEmeraldBox2 img {
width:151px;
height:95px;
opacity: 0.5;
cursor: pointer;
}
.galleryEmeraldBox2 img:hover {
opacity: 1;
}
.gallerySmalldBox {
margin-left:27px;
margin-bottom:17px;
float:left;
padding:0 3px 4px 0; 
text-align:justify;
width:156px;
height:98px;
background:url(images/smallGalleryBg.gif) no-repeat;
}
/*  TEXT  */
h2 {
font-size:15px;
}
#footer {
margin:0 auto;
width:753px;
height: 100px;
}
.footerMenu{
padding-left:78px;
float:left;
font-size:12px;
}
/* FOOTER - MENU LEVEL 3 */

.footerMenu div.l3 {
z-index: 3;
display: block;
padding: 0 0 0 0;
margin: 0;
}
.footerMenu div.l3 div {
height: 21px;
display: block;
float: left;
padding: 0;
margin: 0;
}
.footerMenu div.l3 div:hover {
display: block;
float: left;
padding: 0;
margin: 0;
color: #fff;
background-color: #332928;
}

/* LEVEL 4 */
.footerMenu div.l4 {
display: block;
padding: 0;
margin: 0;
text-align: left;
}
.menu_btn4{
  border-left: 1px solid #31282b;
  display: block;
}
.menu_btn4 :hover{
  color: #85807d;
}
.menu_btn4 a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn4_active{
  border-left: 1px solid #31282b; 
  border-bottom: 1px solid #31282b;
  width: 80px;
}
.menu_btn4_active a{
  margin: 5px;
  text-decoration: none;
  color: #85807d;
}
.menu_btn4_none{
}
.menu_btn4_none a:hover{
  color: #85807d;
}
.menu_btn4_none a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}

/* LEVEL 5 */
.footerMenu div.l5 {
position: relative;
left: 80px;
top: -72px;
display: block;
padding: 0;
margin: 0;
text-align: left;
}
.footerMenu div.l5 div {
height: 18px;
display: block;
padding: 0;
margin: 0;
}
.footerMenu div.l5 div:hover {
display: block;
padding: 0;
margin: 0;
color: #fff;
}
.menu_btn5{
  padding: 0px 5px 0px 5px;
  border-left: 1px solid #31282b;
  display: block;
}
.menu_btn5 :hover{
  color: #85807d;
}
.menu_btn5 a{
  margin: 0px 5px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn5_active{
  
}
.menu_btn5_active a{
  text-decoration: none;
  color: #fff;
  background-color: #332928; 
  padding: 2px 4px 2px 4px;
}
.menu_btn5_none{
}
.menu_btn5_none a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}


/* LEVEL 6 */
.footerMenu div.l6 {
position: relative;
left: 91px;
top: 15px;
display: block;
padding: 0;
margin-bottom: 0;
text-align: left;
}
.menu_btn6{
  border-left: 1px solid #31282b;
  display: block;
}
.menu_btn6 :hover{
  color: #85807d;
}
.menu_btn6 a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn6_active{
  border-left: 1px solid #31282b; 
  border-bottom: 1px solid #31282b;
  width: 130px;
}
.menu_btn6_active a{
  text-decoration: none;
  color: #85807d;
}
.menu_btn6_none{
}
.menu_btn6_none a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}

/* LEVEL 7 - APARTMENTS */
.footerMenu div.l7 {
position: relative;
left: 206px;
top: 0px;
display: block;
padding: 0;
margin: 0;
text-align: left;
}
.menu_btn7{
  border-left: 1px solid #31282b;
  display: block;
}
.menu_btn7 :hover{
  color: #85807d;
}
.menu_btn7 a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn7_active{
  border-left: 1px solid #31282b; 
  border-bottom: 1px solid #31282b;
  width: 125px;
}
.menu_btn7_active a{
  margin: 5px;
  text-decoration: none;
  color: #85807d;
}
.menu_btn7_none{
}
.menu_btn7_none a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}


/* LEVEL 8 */
.footerMenu div.l8 {
position: relative;
left: 331px;
top: -25px;
display: block;
padding: 0;
margin: 0;
text-align: left;
}
.footerMenu div.l8 div {
height: 17px;
display: block;
padding: 0;
margin: 0;
}
.footerMenu div.l8 div:hover {
display: block;
padding: 0;
margin: 0;
color: #fff;
}
.menu_btn8{
  padding: 0px 5px 0px 5px;
  border-left: 1px solid #31282b;
  display: block;
}
.menu_btn8 :hover{
  color: #85807d;
}
.menu_btn8 a{
  margin: 0px 5px 0px 0px;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn8_active{
  border-bottom: 1px solid #31282b;
}
.menu_btn8_active a{
  text-decoration: none;
  color: #fff;
  background-color: #332928; 
  padding: 1px 4px 2px 4px;
}
.menu_btn8_none{
}
.menu_btn8_none a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}





.footerLogo {
padding-top:10px;
float:right;
padding-right:30px;
}


/*  TABLE  */
.tableMargin {
margin-left:-9px;
}
.tableText {
border:none;
width:233px;
height:20px;
background-color:#5c4f4f; 
}
.tableText1 {
border:none;
width:233px;
height:80px;
background-color:#5c4f4f; 
}
.text {
font-size:12px;
color:#998888;
font-family:Trebuchet MS, Helvetica, sans-serif;
}
.text2 {
font-size:12px;
color:#5c4f4f;
font-family:Trebuchet MS, Helvetica, sans-serif;
}
.text3 {
font-size:12px;
color:#917a7a;
font-family:Trebuchet MS, Helvetica, sans-serif;
}
.floorText {
font-size:12px;
color:#754c24;
font-family:Trebuchet MS, Helvetica, sans-serif;
}
.floorText2 {
font-size:12px;
color:#a57c52;
font-family:Trebuchet MS, Helvetica, sans-serif;
}
.title {
color:#bc9e71;
font-size:14px;
font-weight:bold;
}
.onyxText {
font-size:12px;
color:#8a7960;
font-family:Trebuchet MS, Helvetica, sans-serif;
}
/*
@font-face { font-family: Trebuchet MS; font-style: normal; font-weight: normal; src: url(fonts/trebuc.ttf);
*/
.translate_ln{
  color: orange;
}
.translate_ln:hover{
  color: green;
  text-decoration: overline;
}