body {
	font: 12px Tahoma, Arial;
	color: #fff;
	background: #000d11;
	line-height: 16px;
}

#main { background: #014950; }
#mainpage #main { background: #014356; }

a { 
	color: #4acaef;
	text-decoration: underline;
}
a:visited { color: #4acaef; }
a:hover { color: #ccd9dd; text-decoration: underline; }
a.ext {
	padding-left: 20px;
	color: #ccd9dd; font-size: 11px;
	background: url('../i/sprite.png') no-repeat 0 5px;
}
a.ext:hover { color: #4acaef; background-position: 0 -16px; }


/* ==== HEADER ==== */
#header {
	overflow: hidden; zoom: 1;
	height: 670px; 
}
#mainpage #header { height: 916px; }

/* Top Backgrounds */
#page { background: url('../i/headers/about.jpg') no-repeat 50% 0; }
#mainpage #page {
	background-image: url('../i/headers/mainpage_low.jpg');
	background-image: url('../i/headers/mainpage.jpg');
}
#contacts #page { background-image: url('../i/headers/contacts.jpg'); }
#services #page { background-image: url('../i/headers/services.jpg'); }
#works #page { background-image: url('../i/headers/works.jpg'); }
#about #page { background-image: url('../i/headers/about.jpg'); }


#header .logo,
#header .logo h1,
#header .logo h1 a { width: 336px; height: 99px; }

#mainpage #header .logo,
#mainpage #header .logo h1,
#mainpage #header .logo h1 a { width: 470px; height: 180px; }

#header .logo {
	position: relative; float: left;
	margin: 78px 0 0 335px;
}
#mainpage #header .logo { margin: 44px 0 0 285px; }

#header .logo h1 { text-indent: -9999em; }
#header .logo h1 a {
	display: block; overflow: hidden;
	outline: none;
}

#mainpage .slogan {
	font: normal 12px/22px 'Verdana';
	color: #000000;
	
}
.sl-phrase { position: absolute; top: 128px; left: 55px; }
.sl-services {
	position: absolute;
	top: -44px; left: -300px; right: 100px;
	height: 24px;
	width: 1104px;
	text-align: center;
	background: #ddd;

	}
.sl-phone {
	position: absolute;
	top: 85px; left: 0;
	font-size: 18px;
}
#mainpage .sl-phone {
	top: 128px; left: 275px;
	width: 190px;
	font-size: 16px;
	text-align: right;
}

.topmenu {
	overflow: hidden;
	width: 100%;
	height: 25px;
	margin: 0 auto;
	text-align: center;
	font: normal 12px/22px Verdana, sans-serif;
	background: #000;
}
.topmenu li { display: inline; float: none !important; padding: 0 15px; }
.topmenu li a,
.topmenu li a:visited { color: #fff; text-decoration: underline; }
.topmenu li a:hover { color: #fff; text-decoration: none; }

.menu {
	clear: both; position: relative;
	top: 245px;
	width: 980px; height: 215px;
	margin: 0 auto;
	background: url('../i/menu.png') no-repeat;
}
#mainpage .menu { top: 432px; }
.menu ul { width: 980px; height: 215px; }
.menu li { float: left; }
.menu a {
	float: left; outline: none;
	width: 245px; height: 215px;
	text-indent: -9999px;
}
.menu .services a { width: 220px; }
.menu .works a { width: 250px; }
.menu .contacts a { width: 265px; }
.menu a:hover,
.menu a.active { background: url('../i/menu.png') no-repeat 0 -215px; }
.menu .services a:hover,
.menu .services a.active { background-position: -245px -215px; }
.menu .works a:hover,
.menu .works a.active { background-position: -465px -215px; }
.menu .contacts a:hover,
.menu .contacts a.active { background-position: -715px -215px; }


/* ==== ELEMENTS ==== */
.content-inner ul { list-style-type: disc; margin: 5px 0 1em 35px; }
.content-inner ol { list-style-type: decimal; margin: 5px 0 1em 35px; }
.content-inner li { margin-bottom: 5px; }

.content-inner table { margin-bottom: 15px; }
.content-inner table th, .content-inner table td {
	padding: 6px 10px;
	text-align: left;
	vertical-align: middle;
	color: #333;
}
.content-inner table th {
	padding: 13px 10px;
	font-weight: bold;
	border-bottom: 3px solid #383a3b;
}
.em, .em a { color: #999; }
.em a:hover { color: #666; }


/* ==== CONTENT ==== */
p { margin-bottom: 12px; }
h3 { color: #afdf08; }
.caption h3 { color: #fff; }
.content-inner h3:before { content: '\00A7\a0';  }


/* ==== MAINPAGE ==== */
.updates-block { overflow: hidden; zoom: 1; margin-bottom: 30px; }
.updates-block .ext { float: right; }
.updates-block ul { margin: 0; }

#mainpage .updates-block .articles {
	float: left;
	width: 265px;
	margin-top: 40px;
}
#mainpage .updates-block .articles li {
	list-style-type: none;
	margin: 0 50px 20px 10px;
	padding-left: 17px;
	background: url('../i/sprite.png') no-repeat 0 -120px;
}
#mainpage .updates-block .articles .ext { margin-right: 50px; }

#mainpage .updates-block .works { float: left; width: 645px; }
#mainpage .updates-block .works li {
	list-style-type: none;
	float: left;
	width: 211px; height: 278px;
	margin: 0 3px 20px 0;
	text-align: center;
	background: url('../i/work.png') no-repeat;
}
#mainpage .updates-block .works .small-logo {
	display: table-cell;
	vertical-align: middle;
	width: 211px; height: 67px;
}
#mainpage .updates-block .works .prew-img { margin-bottom: 5px; }
#mainpage .updates-block .works .prew-img img { border: 3px solid #fff; }
#mainpage .updates-block .works .url { color: #fff; font-size: 11px; }
#mainpage .updates-block .works .url:hover { color: #fff; text-decoration: none; }
#mainpage .updates-block .works .ext { margin-right: 5px; }


.nfo {
	width: 961px;
	margin: 30px -25px;
	background: #fffbe1 url('../i/book.png') repeat-y -1922px 0;
}
.nfo-wrap { background: url('../i/book.png') no-repeat; }
.nfo-inner {
	overflow: hidden; zoom: 1;
	min-height: 200px;
	padding: 30px 0;
	color: #4b3224; font-size: 11px;
	background: url('../i/book.png') no-repeat -961px 100%;
}
.nfo-item {
	float: left;
	width: 375px;
	margin: 0 50px;
}
.nfo .nextpage {
	float: right;
	margin-right: 50px;
	font: italic 14px/16px 'Trebuchet MS', Tahoma;
	color: #383838;
}
.nfo .nextpage:hover { text-decoration: none; }


/* WORKS */ 
.years { float: right; margin-bottom: 3px !important; }
.years li { float: left; list-style-type: none; margin-left: 15px;  }
.years a { color: #cffeff; }
.years a:hover { text-decoration: none; }


.works-list {
	overflow: hidden; zoom: 1;
	margin-top: 20px;
}
.works-types { clear: both; overflow: hidden; }
.works-types ul { float: right; margin-right: -16px !important; }
.works-types li {
	list-style-type: none;
	float: left;
	line-height: 12px;
	margin-left: 15px; padding-right: 15px;
	color: #00fcff;
	border-right: 1px solid #fff;
}
.works-types li.active { border-color: #00fcff; } 
.works-types a { color: #fff; }
.works-types a:hover { text-decoration: none; }


/* Items */
.item {
	overflow: hidden; zoom: 1;
	float: left;
	width: 185px;
	margin: 0 57px 35px 0;
}
.item.last { margin-right: 0; }
.item-inner { text-align: center; }
.item h4 { margin-bottom: 10px; }
.item h4 a { color: #fffbe1; text-decoration: none; }
.item h4 a:hover { color: #fffbe1; text-decoration: underline; }

.item .img { margin-bottom: 5px; }
.item .img img { border: 3px solid #fff; }
.item .url { color: #fff; font-size: 11px; }
.item .url:hover { color: #fff; text-decoration: none; }


/* Browser */
.image-brd { 
	overflow: hidden; zoom: 1;
	clear: both;
	width: 100%;
	text-align: center;
}
.browser {
	overflow: hidden; zoom: 1;
	display: inline-block;
	background: url('../i/safari-left.png') repeat-y;
}
.browser-bg {
	padding: 0 11px 0 10px;
	background: url('../i/safari-right.png') repeat-y 100% 0;
}
.browser-top { height: 44px; background: url('../i/safari.png') no-repeat; }
.browser-top-inner { height: 44px; background: url('../i/safari.png') no-repeat 100% -44px; }
.browser-bottom { height: 30px; background: url('../i/safari.png') no-repeat 100% -88px; }
.browser-bottom-inner { height: 30px; background: url('../i/safari.png') no-repeat 0 -118px; }

/* Shadow Image */
.shadow {
	overflow: hidden; zoom: 1;
	display: inline-block;
	background: url('../i/safari-left.png') repeat-y;
}
.shadow-bg {
	padding: 0 11px 0 10px;
	background: url('../i/safari-right.png') repeat-y 100% 0;
}
.shadow-top { height: 0; background: url('../i/shadow.png') no-repeat; }
.shadow-top-inner { height: 44px; background: url('../i/shadow.png') no-repeat 100% -44px; }
.shadow-bottom { height: 15px; background: url('../i/shadow.png') no-repeat 100% -103px; }
.shadow-bottom-inner { height: 15px; background: url('../i/shadow.png') no-repeat 0 -133px; }


/* Navigate */
.navigate { 
	position: relative; 
	margin: 30px 0 5px;
}
.navigate .prev,
.navigate .next { 
	position: absolute;
	top: 10px;
	width: 30px; height: 50px;
	text-indent: -9999em;
	opacity: 0.5; filter: alpha(opacity: 50);
	background: url('../i/sprite.png') no-repeat 0 -50px;
	outline: none;
}
.navigate .prev:hover,
.navigate .next:hover { 
	opacity: 0.8; filter: alpha(opacity: 80);
}
.navigate .prev { left: 50px; }
.navigate .next { 
  right: 50px;
	background-position: -30px -50px;
}


/* Pagenav */
.pagenav { clear: both; text-align: center; }
.pagenav .prev { padding-right: 15px; font-size: 14px; }
.pagenav .next { padding-left: 15px; font-size: 14px; }
.pagenav ul { margin: 13px 0 0 -10px; }
.pagenav ul li { display: inline; }
.pagenav ul li a { padding: 0 2px; }
.pagenav .curpage { padding-right: 16px; }


/* ==== FOOTER ==== */
#footer .footer-inner {
	overflow: hidden; zoom: 1;
	padding: 30px 50px 30px;
	background: #014950;
	font: normal 11px/14px Tahoma, sans-serif;
}
#mainpage #footer .footer-inner { background: #014356; }

#footer .phone {
	position: relative; float: left; 
	width: 305px; height: 35px;
	text-align: center;
}
#footer .phone .img {
	position: absolute;
	top: 0; left: 0;
	width: 305px; height: 35px;
	background: url('../i/footer-inner.png') no-repeat;
}
#footer .mail {
	clear: left; float: left;
	width: 302px;
	text-align: right;
}
#footer .copy {
	float: right;
	width: 270px;
	padding: 4px 0 45px;
	color: #b3c7cd;
	background: url('../i/footer-inner.png') no-repeat -313px 100%;
}
#footer .counters { float: right; width: 90px; padding: 10px 0; }

#mainpage #footer .phone .img,
#mainpage #footer .copy { background-image: url('../i/footer.png'); }

.table-price { 
	border: 1px;
	border-color: #FFF; 
	font-color: #FFF; 
}