@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
body {
background-image:url(images/onyxBg.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#1d1209;
}
.clear {
clear:both;
}
#header {
margin:2px auto 0;
width:820px;
height:131px;
}
.lineHeader {
clear:both;
background-color:#8a7960;
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:#fff;
margin-top:8px;
}

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

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

.menu_btn a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn_activ{
  color: #fff;
  background-color: #6a5236;
}
.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: #6a5236;
}

/* 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 #6a5236;
  display: block;
}
.menu_btn2 :hover{
  color: #85807d;
}
.menu_btn2 a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
.menu_btn2_active{
  border-bottom: 1px solid #6a5236; 
}
.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:675px;
padding:8px 0;
min-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;
}
.centerEmerald2{
width:1024px;
margin:0 auto;
padding:8px 0;
height:356px;
}
.centerEmeraldLeft {
width:890px;
float:left;
padding:0 150px 0 0;
}
.centerEmeraldRight {
width:809px;
float:left;
padding:0 0 0 215px;

}
.centerEmeraldBox1 {
width:auto;
float:left;
padding-right:27px;
text-align:justify;
}
.centerEmeraldBox2 {
width:auto;
text-align:justify;
}
.centerEmeraldBox3 {
width:265px;
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:37px;
}
.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;
}
.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;
}
.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;
}
.footerMenu{
padding-left:78px;
float:left;
font-size:12px;
}
.footerLogo {
padding-top:10px;
float:right;
padding-right:30px;
}
/* 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: #6a5236;
}

/*  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;
}
#top ul li {
margin-left:20px;
list-style:cyrcle;
}
/*
@font-face { font-family: Trebuchet MS; font-style: normal; font-weight: normal; src: url(fonts/trebuc.ttf);
*/

.footerMenu div.l9 div {
height: 20px;
display: block;
padding: 0;
margin: 0;
}
.footerMenu div.l9 div:hover {
display: block;
padding: 0;
margin: 0;
color: #fff;
}
.footerMenu div.l10 div {
height: 20px;
display: block;
padding: 0;
margin: 0;
}
.footerMenu div.l10 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: #6a5236; 
  padding: 1px 4px 2px 4px;
}
.menu_btn8_none{
}
.menu_btn8_none a{
  margin: 5px;
  text-decoration: none;
  color: #514b4b;
}
/* LEVEL l9 */
.footerMenu div.l9 {
position: relative;
top: 22px;
left: 166px;
display: block;
padding: 0;
margin: 0;
text-align: left;
}
.footerMenu div.l10 {
position: relative;
top: 22px;
left: 234px;
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;
}