﻿/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:13px;vertical-align: baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}
meter,progress,mark, time{display:inline;}
ol, ul {list-style: none;}
blockquote,q{quotes: none;}
html,body{height:100%;}
img {border:0;vertical-align:top;text-align:left;}
object{vertical-align:top;outline:none;}
ul,ol{list-style:none;}
table,table td{padding:0;border:none;border-collapse:collapse;}
input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}
textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:920px;}
body{background:#00327a url('../images/blue_bg.png') -100px -200px;overflow:hidden; font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000;}

#glob{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	min-width:920px;
	min-height:690px;
	font:13px/19px Arial, Helvetica, sans-serif;
	overflow:hidden;
	border:0px red solid
}

#glob>.inner,footer>.inner{
	width:920px;
	height:100%;
	margin:0 auto;
	position:relative;
	z-index:1;
	border:0px red solid;
}

.spinner{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

#gspinner{
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
	left:0;
	top:0;
	background:#fff url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

/*ELEMENTS*/
a {color:#f00;outline:none;}
a:hover{text-decoration:none;}


p,.blo{
	line-height:19px;
	margin-bottom:19px;
}

#content .p1{
	margin-bottom:9px;
}

span.blo{
	display:block;
	font-weight:bold
}


/*aside*/

aside{
	width:156px;
	height:783px;
	background:url(../images/menu-bg.png);
	position:absolute;
	left:0;
	top:0;
}

h1{
	position:absolute;
	top:8px;
	left:0;
}

nav{
	position:absolute;
	right:10px;
	top:300px;
	text-align:left;
	border:0px white solid;
	width:130px;
}

nav>ul>li>a{
	font:normal 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family:Fred-Semiscript;
	font-size:16px;*/
	color:#ffffff;
	display:block;
	text-transform:capitalize;
	text-decoration:none;
	padding:0px 4px;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
	line-height:30px;
	text-shadow: 1px 0px 10px #ffffff;
}

nav>ul>li>a:hover,nav>ul>li.active>a,nav>ul>li._hover>a{
	background:#2e5caa;
	color:#fff;
}

nav li .tria{
	display:none;
	position:absolute;
	left:120px;
	top:5px;
	z-index:1;
}


nav li ul{
	position:absolute;
	z-index:10;
	left:100%;
	top:0;	
	background:#2f2f2f;	
	padding:10px 0;
}

nav li ul li{
	padding:0 18px;
	text-align:left;
}

nav>ul>li>ul{
	margin-left:0px;
	margin-top:-10px;
}

nav>ul>li>ul>li>ul{	
	margin-left:0;
	margin-top:-10px;
	background:#494949;
}

nav li ul>img{
	position:absolute;
	left:-10px;
	top:7px;
}

nav li{
	position:relative;	
}

nav li ul a{
	font:normal 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	white-space:nowrap;
	color:#fff;
	text-decoration:none;
	text-transform:capitalize;
	padding-right:12px;
	background:100% 50% no-repeat;
	line-height:30px;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

nav li ul a:hover,nav li ul ._hover>a{
	color:#a5a5a5;
}

nav li ul ._hover>a{
	background-image:url(../images/dropDown-mrk.png);
}

.banner{
	position:absolute;
	bottom:15px;
}

.banner-1{
	left:0;
}

.banner-2{
	left:300px;
}

.banner-3{
	left:600px;
}

#search{
	width:880px;
	height:54px;
	background:url(../images/search-bg-sp.png);
	position:absolute;
	left:50%;	
	bottom:18%;
	margin-left:-455px;
	border:0px green solid;
}

#search>span{
	width:174px;
	text-align:right;
	display:block;
	font:bold 18px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-top:7px;
	float:left;
}

#search>.wrapper{
	width:670px;
	height:42px;
	float:left;
	margin-left:20px;	
	margin-top:8px;
	background:url(../images/search-sp.png);	
}

#search input[type="text"]{
	width:590px;
	margin-left:28px;
	margin-top:-5px;
	padding:6px 0;
	border:none;
	background:none;
	outline:none;
	font:18px Arial, Helvetica, sans-serif;
	color:#979593;
	border:0px red solid;
}

#search input[type="submit"]{
	width:33px;
	height:42px;
	background:url(../images/search-submit.png);
	border:none;
	cursor:pointer;
}

/*#content*/
#content{
	width:700px;
	height:620px;
	left:180px;	
	top:4%;
	top:-100%;		
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:transparent;
	border:0px red solid;
	-webkit-border-radius:12px;
	border-radius: 12px;
}

#content .black{
	color:#000000;	
	background:url('../images/header-bg.jpg') repeat-x;
	padding:20px 0 26px 56px;
	overflow:hidden;
	-webkit-border-radius:12px 0;
	border-radius: 12px 12px 0 0;	
}

#content .black .flash{
	color:#707074;	
	background:#000;
	overflow:hidden;
	
	-webkit-border-radius:12px 0;
	border-radius: 12px 12px 0 0;	
}


#content #privacy .black,#content #readmore .black{
	padding-right:56px;
	position:absolute;
	top:0;
	bottom:0;
	
	webkit-border-radius:12px;
	border-radius: 12px;	
}

#content div.white{
	color:#393939;
	background:#fff;
	padding:22px 40px 10px 46px;
	overflow:hidden;
	font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border:0px red solid;
	height:600px;
}

#content div.white p,#content div.white .blo{
	margin-bottom:18px;
	line-height:18px;
}

h2{
	font:28px/1.2em  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:18px;
}

h3{
	font:bold 24px/1.2em  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3e3d3a;
	margin-bottom:12px;
}

h4{
	font:17px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#e4e4e4;
	margin-bottom:10px;
}

h4>img{
	margin-right:12px;
	float:left;
}

#about_us .row-1{	
	/*background:url(../images/about-row-1-bg.jpg) #030304;
	padding:90px 0 24px 468px;*/
	
	-webkit-border-radius:12px 0;
	border-radius: 12px 12px 0 0;	
}

#about_us .row-1 .wrap{
	width:406px;
}

#about_us .cols{
	margin-left:-45px;
}

#about_us .cols img{
	width:163px;
	height:111px;
}


#about_us .cols li{
	width:163px;
	float:left;
	margin-left:45px;
}

#about_us .cols li img{
	margin-bottom:18px;
}

#apartments .row-1 .cols{
	margin-left:-22px;
}

#apartments .row-1 .cols li{
	margin-left:22px;
	float:left;
}

#apartments .row-2 .cols li{
	float:left;
	margin-left:45px;
}

#apartments .row-2 .cols{
	margin-left:-45px;
}

#services .row-1 .cols{
	margin-left:-32px;
}

#services .row-1 .cols li{
	width:170px;
	margin-left:32px;
	float:left;
}

#services .row-2 .cols{
	margin-left:-34px;
}

#services .row-2 .cols li{
	width:256px;
	margin-left:34px;
	float:left;
}

#services .row-2 .img-box dt{
	margin-right:8px;
}

#links .row-1 .cols{
	margin-left:-26px;
}

#links .row-1 .cols>li{
	width:284px;
	margin-left:26px;
	float:left;
}

#links .row-1 .img-box dt{
	margin-right:10px;
}


#links .row-1 .img-box.mb{
	margin-bottom:20px;
}

#contacts div.white.row-2{
	padding-right:0px;
}

/*footer*/
footer{
	width:100%;
	height:27px;
	background:#fff;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}

footer .privacy{
	position:absolute;
	left:0;
	top:0;
	font:11px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#898989;
	text-transform:uppercase;
}

footer .soc-links{
	position:absolute;
	right:0;
	top:0;
}

footer .soc-links li{
	float:left;
	background:url(../images/soc-links-sep.png) 100% 50% no-repeat;
	padding-right:8px;
	margin-right:8px;
}

footer .soc-links li.last{
	background:none;
	margin-right:0;
	padding-right:0;
}

footer .soc-links a{
	font:11px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#898989;
	text-transform:uppercase;
}

/*forms css*/
#form2 label{
	position:relative;
	display:block;	
}

#form2 .left{
	width:172px;
	margin-right:10px;
	float:left;
}

#form2 .right{
	width:422px;
	float:left;
}

#form2{
	position:relative;
}

#form2 .success{
	border:1px #d5d5d5 solid;
	font:13px Arial, Helvetica, sans-serif;
	color:#999;
	background:#fff;
	text-align:center;
	padding:34px 0;
	
	position:absolute;
	left:0;
	width:602px;
	top:0;
	z-index:10;
	
	-webkit-border-radius:5px;
	border-radius:5px;
}

#form2 input,#form2 textarea{
	border:1px #d5d5d5 solid;
	padding:4px 14px;
	font:13px Arial, Helvetica, sans-serif;
	color:#999;
	background:#fff;
	margin-bottom:10px;
	outline:none;
	resize:none;
	box-shadow:none;
	
	-webkit-border-radius:5px;
	border-radius:5px;
}

#form2 .left input{
	width:142px;
	box-shadow:none;
}

#form2 .right textarea{
	width:392px;
	height:88px;
	resize:none;
	outline:none;
}
#form2 .submit
{
	cursor:pointer;
}
#form2 .error,#form2 .empty{
	position:absolute;
	z-index:10;
	left:0;
	top:70%;
	font-size:10px;
	line-height:14px;
	color:#999;	
}

#form2 .message .error,#form2 .message .empty{
	top:90%;
}

/*js css*/

.google_map{
	width:323px;
	height:150px;	
}

.map-box dt{
	margin-right:20px;
	width:323px;
	float:left;
}

.map-box dd{
	overflow:hidden;
	width:270px;
}

.bg-pags{
	position:absolute;
	left:346px;
	bottom:46px;
}

.bg-pags li{
	float:left;
	margin-right:4px;
}

.bg-pags a{
	width:15px;
	height:15px;
	background:url(../images/bg-pags-sp.png) 100% 0;
	display:block;
}

.bg-pags a:hover,.bg-pags .active a{
	background-position:0 0;
}

/*custom boxes*/

.btn{
	float:right;
	font:bold 16px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding-left:18px;
}

.btn:hover{
	text-decoration:underline;
}

.black .btn{
	background:url(../images/mrk-white.png) 0 80% no-repeat;
}

div.white .btn{
	background:url(../images/mrk-black.png) 100% 80% no-repeat;
	color:#3e3d3a;
	padding-right:18px;
	padding-left:0;
}

.alc .btn{
	margin-right:30px;
}

.list a{
	font:11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	background:url(../images/mrk-2.png) 0 50% no-repeat;
	padding-left:14px;
}

dl.address dd{text-align:right;clear:both;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left;}

/*additional classes*/
span.white,a.white{
	color:#fff;
}

.fl{float:left;}
.fr{float:right;}
.col-1,.col-2,.col-3{float:left;}
.all{text-align:left;}
.alr{text-align:right;}
.alc{text-align:center;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
a.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.bold{font-weight:bold;}
.wrap{overflow:hidden;}
.nopa{padding:0;}
.noma{margin:0;}
.nobg{background:none;}
.nobd{border:none;}
.nofl{float:none;}
.dn{display:none;}
.clear{clear:both;line-height:0;}



.hand{
	background:url('../images/hand.png') no-repeat;
	z-index:999;
	width:300px;
	height:230px;
}





/*============ Mercury =================*/

#mercury_details .row-1 .cols{
	margin-left:-22px;
}

#mercury_details .row-1 .cols li{
	margin-left:22px;
	float:left;
}

#mercury_details .row-2 .cols li{
	float:left;
	margin-left:45px;
}

#mercury_details .row-2 .cols{
	margin-left:-45px;
}
