/* CSS Document */
* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-size:11px;
/*	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;*/
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	color:#D1D2D4;
	background:#131313;
	min-height:100%;
	height:100%;
}
img {border:none; margin:0}
h1 {font-size:18px; color:#3E2F76; font-weight:normal; margin:0 0 10px 0;}
h2 {font-size:11px;}
ul {list-style:none;}
a {text-decoration:none; color:#D1D2D4}
a:hover {color:#8571D3}

input, textarea {font-size:11px; font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;}
/*\ HTML Tags */

.spacer {clear:both; font-size:0; line-height:0; height:1px; visibility:hidden;}
.spacerSep {clear:both; font-size:0; line-height:0; height:10px; visibility:hidden;}

/* containers */
#pageContainer {width:1024px; min-height:100%;}
* html #pageContainer {height:100%;}
#mainContainer {width:980px;  margin:10px 0 0 0;}
#left {width:290px; float:left;}
#right {width:675px; float:right;}
#flash {width:705px; margin:120px auto 0 auto; position:relative; font-size:10px;}
#flash .bbmedia {display:block; position:absolute; top:370px; right:0}
#flash .copyRight {position:absolute; top:350px; right:0;}

#header {width:1024px; height:122px;}
#header[id] {background:url(../../images/index/header.png) no-repeat}
#langEn {display:block; position:absolute; width:20px; height:20px; top:65px; left:570px;}
#langEn[id] {background:url(../../images/index/langEn.png) no-repeat}
a:hover#langEn[id] {background:url(../../images/index/langEnActive.png) no-repeat}

#langIt {display:block; position:absolute; width:20px; height:20px; top:80px; left:608px;}
#langIt[id] {background:url(../../images/index/langIt.png) no-repeat}
a:hover#langIt[id] {background:url(../../images/index/langItActive.png) no-repeat}

#langBg {display:block; position:absolute; width:20px; height:20px; top:95px; left:645px;}
#langBg[id] {background:url(../../images/index/langBg.png) no-repeat}
a:hover#langBg[id] {background:url(../../images/index/langBgActive.png) no-repeat}

#logo {width:183px; height:147px; position:absolute; top:60px; left:130px;}
#logo[id] {background:url(../../images/index/logo.png) no-repeat}

#slogan {position:absolute; top:223px; left:310px; font-size:47px; color:#171717; font-weight:bold; z-index:1;}

#pagePaths {width:450px; height:18px; margin:10px 0 10px 0; font-size:11px; color:#515050; font-weight:bold; position:relative; z-index:4; float:left}
#pagePaths a {color:#929292; margin:0 5px 0 0;}
#pagePaths a:hover {color:#D1D2D4}
#print {
	font-size:11px;
	font-weight:bold;
	color:#515050;
	float:right;
	position:relative;
	z-index:4;
	margin:10px 10px 10px 0;
	text-transform:uppercase
}
a:hover#print {color:#616161}

/*Footer*/
.spacerFooter {width:100%; height:150px; clear:both;}
#footer {width:1024px; height:138px; margin:-138px 0 0 0;}
#footer a {color:#ffffff;font-size:11px; }
#footer a:hover {color:#8571D3}
#footer[id] {background:url(../../images/index/footer.png) no-repeat}
#footer .links {margin:100px 0 0 40px; float:left; width:460px;}
#footer .links li {list-style:none; display:inline}
#footer .links li a {padding:0 20px 0 0}
#footer .copyRight {float:left; margin:60px 0 0 10px; text-align:center;}
#footer .copyRight a {display:block; margin:10px 0 0 0}
/*~Footer*/

/*Login*/
#loginContainer {float:right; margin:10px 40px 0 0; }
#loginContainer .title {color:#2E2E2E; font-size:11px; font-weight:bold}
#loginContainer .error {font-size:11px; font-weight:normal; color:#FFFFFF}
#loginContainer input {
	border:none; 
	background:url(../../images/index/inputBkg.jpg) no-repeat; 
	width:116px; 
	height:18px; 
	text-align:center; 
	padding:3px 0 0 0; 
	color:#515054;
	margin:0 3px 0 0 !important;
}
#loginContainer .btnLogin {	
	width:89px; 
	height:46px; 
	background:url(../../images/index/btnLogin.jpg) no-repeat; 
	cursor:pointer; 
	color:#FFFFFF;   
	/*margin:10px 0 0 0*/
}

#loginContainer .btnLogout {	
	display:block; 
	width:89px; 
	height:46px; 
	background:url(../../images/index/btnLogin.jpg) no-repeat; 
	cursor:pointer; 
	color:#FFFFFF;   
	line-height:46px; 
	text-align:center;
	float:left;
}
#loginContainer .privateMenu {
	display:block;
	border:none; 
	background:url(../../images/index/inputBkg.jpg) no-repeat; 
	width:116px; 
	height:18px; 
	text-align:center; 
	padding:3px 0 0 0; 
	color:#515054;
	margin:25px 3px 0 0 !important;
	float:left
}


/*~Login*/

/*Quick links*/
#left h1 {
	height:32px; 
	background:url(../../images/index/titleShape.jpg) no-repeat right #302C28; 
	float:left; 
	font-size:12px; 
	color:#FAFBFF; 
	line-height:32px;
	padding:0 45px 0 10px;
	margin:0 0 40px 0
}
.quickLink {background:#050505; width:280px; border:3px solid #302C28; border-left:none; position:relative}
.cornerTopRight {
	display:block; 
	width:7px; 
	height:7px; 
	font-size:0; 
	background:url(../../images/index/corners.jpg) no-repeat 0 0; 
	position:absolute; 
	top:-3px; 
	right:-3px;
}

.cornerBotRight {
	display:block; 
	width:7px; 
	height:7px; 
	font-size:0; 
	background:url(../../images/index/corners.jpg) no-repeat 0 -7px; 
	position:absolute; 
	bottom:-3px; 
	right:-3px;
}

.cornerTopLeft {
	display:block; 
	width:7px; 
	height:7px; 
	font-size:0; 
	background:url(../../images/index/corners.jpg) no-repeat -7px 0; 
	position:absolute; 
	top:-3px; 
	left:-3px;
}

.cornerBotLeft {
	display:block; 
	width:7px; 
	height:7px; 
	font-size:0; 
	background:url(../../images/index/corners.jpg) no-repeat -7px -7px; 
	position:absolute; 
	bottom:-3px; 
	left:-3px;
}


.quickLink .linkBox {width:270px; height:92px; display:block; padding:15px 0 10px 0; color:#666666; font-size:10px; font-weight:bold;}
.quickLink .linkBox .title {color:#8571D3; font-size:11px; font-weight:bold; display:block; margin:0 0 10px 0}
.quickLink a:hover.linkBox  {color:#D1D2D4;}
.quickLink a:hover.linkBox .title  {color:#AD9DEC}
.moreBtn {display:block; width:109px; height:27px; background:url(../../images/index/btnShape.gif) no-repeat 0 0; text-align:center; color:#3E2F76; line-height:27px;}
a:hover.moreBtn {background:url(../../images/index/btnShape.gif) no-repeat 0 -27px; color:#43347A}
.quickLink .moreBtn {float:right; margin:5px 10px 10px 0}
.quickLink .imgContainer {width:125px; height:90px; text-align:center; float:left; margin:0 10px 0 0;}
.quickLink .imgContainer img {margin: 0 auto;}

.quickLinkList {}
.quickLinkList .linkBox {display:block; padding:15px 0 10px 0; color:#666666; font-size:10px; font-weight:bold;}
.quickLinkList .linkBox img {float:left; margin:0 10px 0 0;}
.quickLinkList .linkBox .title {color:#8571D3; font-size:11px; font-weight:bold; display:block; margin:0 0 10px 0}
.quickLinkList a:hover.linkBox  {color:#D1D2D4;}
.quickLinkList a:hover.linkBox .title  {color:#AD9DEC}

/*~Quick links*/

/*Main Navigation*/
#mainNav {height:32px; background:url(../../images/index/mainNavLeft.jpg) no-repeat left #302C28;}
#mainNav .navBkg {background:url(../../images/index/mainNavRight.jpg) no-repeat right; height:32px;}
#mainNav li {list-style:none; display:inline;}
#mainNav li a {display:block; float:left; height:32px; line-height:32px; font-size:12px; color:#FAFBFF; margin:0 1px 0 0; padding:0 5px 0 0; cursor:pointer;  position:relative}
#mainNav li a:hover, #mainNav li a.selected { background:url(../../images/index/navRight.gif) no-repeat right;}
#mainNav li a span {display:block; height:32px; padding:0 15px; float:left;}
#mainNav li a.selected span, #mainNav li a:hover span {background:url(../../images/index/navLeft.gif) left no-repeat;}
#mainNav li a .shape {display:none;}
#mainNav li a:hover .shape, #mainNav li a.selected .shape {display:block; position:absolute; top:0; left:50%; margin:0 0 0 -3px; background:url(../../images/index/navHover.jpg) no-repeat; width:7px; height:5px}
/*~Main navigation*/

.wideContent {position:relative; z-index:4}

.mainContent {width:390px; float:left;}
.newsContainer {width:230px; border:3px solid #302C28; float:right; margin:5px 0 0 0; position:relative; background:#050505; padding:10px;}
.newsContainer h1 {text-align:right; font-size:14px; color:#8571D3; margin:0 0 20px 0}
.newsContainer a:hover.newsBox {color:#E7E5E5;}
.newsContainer a:hover.newsBox .title {color:#6975BB;}
.newsContainer .moreBtn {float:right}

.newsBox {color:#C4C4C4; margin:10px 0 30px 0; display:block; text-align:justify}
.newsBox .imgContainer {display:block; float:left; margin:0 10px 5px 0; position:relative;}
.newsBox .imgContainer img {border:3px solid #CCCCCA;}
.newsBox .imgContainer .date {
	width:80px; 
	height:16px; 
	background:#050505; 
	color:#D1D2D4; 
	font-size:14px; 
	text-align:center; 
	position:absolute;
	z-index:5;
	top:8px;
	left:3px;
}
.newsBox .title {color:#495598; display:block; margin:0 0 10px 0}
.newsBox .moreBtn {float:right; margin:10px 10px 10px 0 !important}
.newsBox .imgContainer .topLeft {
	display:block; 
	width:3px; 
	height:3px; 
	position:absolute; 
	top:0px; 
	left:0; 
	background:url(../../images/index/imgCorners.jpg) no-repeat 0 0;
	line-height:0; font-size:0;
}

.newsBox .imgContainer .topRight {
	display:block; 
	width:3px; 
	height:3px; 
	position:absolute; 
	top:0px; 
	right:0; 
	background:url(../../images/index/imgCorners.jpg) no-repeat -3px 0;
	line-height:0; font-size:0;
}

.newsBox .imgContainer .botleft {
	display:block; 
	width:3px; 
	height:3px; 
	position:absolute; 
	bottom:0; 
	left:0; 
	background:url(../../images/index/imgCorners.jpg) no-repeat 0 -3px;
	line-height:0; font-size:0;
}

.newsBox .imgContainer .botRight {
	display:block; 
	width:3px; 
	height:3px; 
	position:absolute; 
	bottom:0; 
	right:0; 
	background:url(../../images/index/imgCorners.jpg) no-repeat -3px -3px;
	line-height:0; font-size:0;
}

.wideContent .newsBox .title {color:#8571D3; font-size:12px;}

/*Contacts form*/
.contacts {width:340px; float:right; border:3px solid #302C28; background:#050505; padding:10px; position:relative}
.contacts label {display:block; width:130px; float:left; margin:0 0 5px 0;}
.contacts input {width:170px; height:18px; background:url(../../images/index/inputWideBkg.gif) no-repeat 0 0; border:none; margin:0 0 5px 0; color:#6B6B6C; padding:3px 0 0 9px}
.contacts input.blur {background:url(../../images/index/inputWideBkg.gif) no-repeat 0 -21px;}

.contacts .txtareaBkg {
	width:217px; 
	height:93px; 
	background:url(../../images/index/txtareaBkg.gif) no-repeat 0 0;
	border:none; 
	margin:0 0 5px 0;
	display:block;
	text-align:center;
	float:left
}

.contacts .txtareaBkg textarea{
	border:none;
	background:#2E2E2E;
	width:200px;
	height:75px;
	overflow:auto;
	margin:5px 0 0 0;
	color:#6B6B6C;
}

.contacts .blurArea {background:url(../../images/index/txtareaBkg.gif) no-repeat 0 -93px;}

.contacts .btn {
	width:89px; 
	height:46px; 
	background:url(../../images/index/btnBkg.gif) no-repeat; 
	cursor:pointer; 
	margin:20px 0 0 5px; 
	text-align:center;
	padding:0 !important;
	color:#FFFFFF;
}


/*~Contacts form*/

/*Sub navigation*/
#subNav {
	width:250px; 
	position:relative; 
	float:left; 
	background:#050505; 
	border:3px solid #302C28; 
	margin:0 20px 10px 0;
	padding:5px;
}


#subNav ul li a {
	color:#D1D2D4; 
	display:block; 
	background:url(../../images/index/dots.jpg) repeat-x bottom; 
	margin:0 0 5px 0;
	padding:0 0 8px 10px;
	font-size:14px;
	width:235px;
}

#subNav ul li a:hover,  #subNav ul li a.selected{color:#8571D3; background:url(../../images/index/dotsActive.jpg) repeat-x bottom; }

#subNav li a.last {background:none}
/*~Sub navigation*/

/*Project categories*/
.projectCatBox {display:block; width:320px; height:150px; float:left; margin:0 15px 30px 0}
.projectCatBox  .imgContainer {width:315px; height:80px;}
.projectCatBox  .title {font-size:18px; color:#6A5AA7; display:block; margin:10px 0 10px 0}

.projectBox {width:180px; height:215px; border:3px solid #2A1C5A; background:#131313; padding:10px; float:left; position:relative; margin:0 15px 10px 0}
.projectBox h2 {font-size:12px; color:#4E3C95; margin:0 0 10px 0}
.projectBox .imgContainer {width:120px; height:90px; margin:0 0 10px 0}
.projectBox .content {display:block; clear:both; text-align:justify}
.projectBox .moreBtn {float:right; margin:10px 0 0 0}

.cornerVTopRight {
	display:block; 
	width:7px; 
	height:7px; 
	font-size:0; 
	background:url(../../images/index/cornersViolet.jpg) no-repeat 0 0; 
	position:absolute; 
	top:-3px; 
	right:-3px;
}

.cornerVBotRight {
	display:block; 
	width:7px; 
	height:7px; 
	font-size:0; 
	background:url(../../images/index/cornersViolet.jpg) no-repeat 0 -7px; 
	position:absolute; 
	bottom:-3px; 
	right:-3px;
}

.cornerVTopLeft {
	display:block; 
	width:7px; 
	height:7px; 
	font-size:0; 
	background:url(../../images/index/cornersViolet.jpg) no-repeat -7px 0; 
	position:absolute; 
	top:-3px; 
	left:-3px;
}

.cornerVBotLeft {
	display:block; 
	width:7px; 
	height:7px; 
	font-size:0; 
	background:url(../../images/index/cornersViolet.jpg) no-repeat -7px -7px; 
	position:absolute; 
	bottom:-3px; 
	left:-3px;
}

.projectDetails {}
.projectDetails .left {width:430px; float:left; position:relative }
.projectDetails .right {width:210px; float:right; position:relative}

.projectGallBox {width:410px; position:relative; border:3px solid #2A1C5A; padding:10px 10px 0 10px; margin:0 0 20px 0}
.projectGallBox .imgContainer {margin:0 0 0 5px; display:block; width:400px; height:300px; text-align:center;}
.projectDetails .right #subNav {width:200px; margin:0 0 20px 0;}
.projectDetails .right #subNav li a {width:185px}
.projectDetails .right #subNav li a:hover.last {background:none}
.projectDetails .moreBtnSmall {float:right; margin:0 0 0 10px}
.back {position:absolute; left:550px; top:-30px; z-index:10; white-space:nowrap; color:#515050; font-weight:bold;}

.moreBtnSmall {display:block; width:70px; height:27px; background:url(../../images/index/btnSmallShape.gif) no-repeat 0 0; text-align:center; color:#3E2F76; line-height:27px;}
a:hover.moreBtnSmall {background:url(../../images/index/btnSmallShape.gif) no-repeat 0 -27px; color:#43347A}

.blockList {width:210px; position:relative; background:#050505; border:3px solid #302C28; margin:0 0 20px 0; padding:0 0 10px 0}
.blockList .row {height:22px; background:url(../../images/index/dots.jpg) repeat-x bottom; margin:5px; text-align:center}
.blockList .row a,  .blockList .row span {display:block; width:32px; float:left}
.blockList .row a.next {width:16px; height:16px;}
.blockList .row a.next[class] {background:url(../../images/index/next.png) no-repeat}
.blockList .apartment a {width:50%;}
.blockList .row .label {display:block; width:80px; float:left; padding:0 0 0 5px}
.blockList .apartmentData {text-align:left}


.blockList .title {
	background:url(../../images/index/blockTitleBkg.jpg) repeat-x; 
	height:28px; 
	position:relative; 
	
	top:-3px; 
	left:0px;
	text-align:center;
	color:#050505;
	line-height:28px;
	font-size:14px;
}
.cornerBLockTopRight {
	display:block; 
	width:7px; 
	height:28px; 
	font-size:0; 
	background:url(../../images/index/blockTitleRight.jpg) no-repeat 0 0; 
	position:absolute; 
	top:-3px; 
	right:-3px;
}

.cornerBlockTopLeft {
	display:block; 
	width:7px; 
	height:28px; 
	font-size:0; 
	background:url(../../images/index/blockTitleLeft.jpg) no-repeat 0 0; 
	position:absolute; 
	top:-3px; 
	left:-3px;
}

/*~Project categories*/

/*pager*/
.pager {float:right; /*border-right:1px solid #262320;*/ height:19px;}
.pager li {display:inline}
.pager li a {
	display:block; 
	float:left; 
	width:20px; 
	height:19px; 
	background:url(../../images/index/page.jpg) no-repeat 0 0; 
	font-size:11px; 
	color:#3E2F76;
	text-align:center;
	line-height:19px;
}

.pager li a:hover, .pager li a.selected {background:url(../../images/index/page.jpg) no-repeat -20px 0px; color:#7261B1 }
.pager li a.next { border-left:1px solid #262320;}
.pager li a.next[class] {background:url(../../images/index/nextPage.png) no-repeat; }
.pager li a:hover.next[class] {background:url(../../images/index/nextPageHover.png) no-repeat; }
.pager li a.previous[class] {background:url(../../images/index/prevPage.png) no-repeat; }
.pager li a:hover.previous[class] {background:url(../../images/index/prevPageHover.png) no-repeat; }
/*~pager*/

.msg {color:#3E2F76; font-size:14px; font-weight:bold; margin:10px 0}

/* Gallery */
#galleryContainer {text-align:right; float:right;}
#thumbs {position:relative;}
#galleryContainer .thumbs {
	float:left; 
	height:19px; 
	cursor:default; 
	overflow:hidden; 
	position:relative; 
}

#galleryContainer .fixedSize {width:200px;}

#galleryContainer .thumbnail {float:left; cursor:pointer; width:20px; height:19px;}
#galleryContainer .thumbnail a {
	display:block; 
	float:left; 
	width:20px; 
	height:19px; 
	background:url(../../images/index/page.jpg) no-repeat 0 0; 
	font-size:11px; 
	color:#3E2F76;
	text-align:center;
	line-height:19px; 
}
#galleryContainer .thumbnail a:hover, .thumbnail a.selected {background:url(../../images/index/page.jpg) no-repeat -20px 0px; color:#7261B1 }

#galleryContainer .arrow {width:20px; height:19px; float:left; cursor:pointer; border:none;}
#arrowLeft {width:20px; height:19px;}
#arrowRight {width:20px; height:19px;}
#arrowLeft[id] {background:url(../../images/index/prevPage.png) no-repeat;}
#arrowRight[id] {background:url(../../images/index/nextPageHover.png) no-repeat;}
/* \Gallery */


/*Site map*/
ul.siteMap {}
.siteMap ul ul {margin: 0 0 0 20px;}

.siteMap ul li a {margin:0 0 0 20px;}

.siteMap  li {list-style:none;} 
.siteMap li ul {margin:0;}

.siteMap li a, .siteMap li ul li a {
	background:url(../../images/index/dots.jpg) repeat-x bottom;
	display:block;
	height:20px;
	padding:2px 2px 2px 5px;
	color:#666666;
	text-decoration:none;
}
.siteMap li a:hover {color:#8571D3; background:url(../../images/index/dotsActive.jpg) repeat-x bottom;}

.siteMap ul ul {margin: 0 0 0 20px;}

.siteMap ul li a {background:url(../../images/index/tblDotLine.jpg) repeat-x bottom; margin:0 0 0 20px;}
/*\Site map*/