/*clear css*/
html, body, div{padding: 0; margin: 0; background-color: transparent; color: white;}
div{background: transparent;}
table {border-collapse:collapse; border-spacing:0;}
td{padding: 0;}
img {border:0;}
html, body{width: 100%; height: 100%; background-color: #070506;  font-family: arial, sans-serif;}
p{margin: 14px 0; padding: 0;}
h1{margin: 0;}
ul, ol {margin: 1em 0; padding: 0;}
ul li, ol li {margin: 0.4em 0; padding: 0;}
a {color: #909db6;}
a.dashed {text-decoration:none;border-bottom:1px dashed #909db6;font-size:13px;}
a.dashed:hover {border-bottom:1px solid #909db6;}

/*base styles*/
.float_l {float: left;}
.float_r {float: right;}
.clear {clear: both; overflow: hidden; height: 0;}
.divider {clear: both; height: 45px; background: transparent;}
.hidden {display: none;}
.center {text-align: center;}
.right {text-align: right;}
.relative {position: relative;}
.button {border: 0 none; background: transparent; cursor: pointer;}
ul.nomarker, ul.nomarker li{list-style: none;}
.lower {text-transform: lowercase;}
#text {line-height: 1.3em; font-family: Georgia, "Times New Roman"; padding: 0 70px;}

/*Zhirafa*/
#global-wrapper{
	width: 1000px;
	min-height: 100%;
	margin: 0 auto;
}
.gallery #global-wrapper, .second #global-wrapper{
	background: url(/i/header-gallery.jpg) no-repeat top center;
}
#header{
	height: 177px;
	position: relative;
}
#header #logo{
	/*306x122*/
	position: absolute;
	float: left;
	font-size: 30px;
	width: 306px;
	height: 122px;
	margin: 21px 0 0 70px;
	/*background: transparent url(/i/logo.png) no-repeat center;*/
}
#header #logo a{
	display: block;
	width: 306px;
	height: 143px;	
}
.first #header{
	background: transparent url(/i/header-first.jpg) no-repeat top right;
}
#header #menu{
	float: right;
	text-align: right;
	padding: 65px 70px 0 0;
}
#header #menu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
}
#header #menu ul li{
	display: inline;
	margin: 0;
}
#header #menu ul li a{
	text-decoration: none;
}
#header #menu ul.small {
	font-size: 12px;
}
#header #menu ul.small li{
	padding: 0 12px 0 10px;
	background: transparent url(/i/menu-small-divider.gif) no-repeat center right;
}
#header #menu ul.small li a{
	color: #8c898a;
}
#header #menu ul.small li.last{
	background: none;
	padding-right: 0;
}
#header #menu ul.main {
	margin: 22px -3px 0 0; 
}
#header #menu ul.main li{
	height: 40px;
	display: block;
	float: left;
	background: transparent url(/i/menu-bg.png) repeat-x center;
}
#header #menu ul.main li.pre{
	width: 10px;
	background: transparent url(/i/menu-pre.png) no-repeat right;
}
#header #menu ul.main li.after{
	width: 10px;
	background: transparent url(/i/menu-after.png) no-repeat left;
}
#header #menu ul.main li a{
	height: 21px;
	font-size: 16px;
	color: white;
	margin-top: 3px;
	padding: 6px 12px;
	display: block;
	border-left: 1px solid black;
	border-right: 1px solid #262e33;
	text-transform: lowercase;
}
#header #menu ul.main li.first a{
	border-left: 0 none;
	padding-left: 9px;
}
#header #menu ul.main li.last a{
	border-right: 0 none;
	padding-right: 10px;
}
.first #banners #banner{
	width: 860px;
	height: 485px;
	margin: 0 auto;
}
.second div.padding70 {
	padding: 0 70px;
}

.second #text h1{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 30px;
}

.second #text ul li {
	margin-left: 30px;
}

.first #text{
	background: transparent url(/i/text-bg-first.jpg) no-repeat top left;
	padding-left: 70px;
	font-size: 10px;
}
.first #text h2{
	font-family: Calibri, "Myriad Pro", arial, sans-serif;
	font-size: 25px;
	font-weight: normal;
	margin: 20px 0;
}
.first #text .archive {
	display: block;
	height: 14px; 
	padding-left: 20px;
}
.first #text .float_l{
	width: 275px;
	padding-right: 25px;	
}
.first #text .reviews .archive{
	background: url(/i/archive-reviews.gif) no-repeat left center;
}
.first #text .news .date{
	width: 67px; height: 17px;
	display: inline-block;
	padding-top: 5px;
	margin-right: 12px;
	text-align: center;
	background: transparent url(/i/news-date.png) no-repeat top center;
	font-size: 10px;
}
.first #text .news h3{
	margin: 4px 0; 
}
.first #text .news .archive {
	background: url(/i/archive-news.gif) no-repeat left center;
}
.first #text .right{
	font-style: italic;
}
.gallery #text{
	padding: 0 70px;
}
.gallery #text #menu-left, .second #text #menu-left {
	float: left;
	width: 275px;
	background: #131619 url(/i/menu-left-top.gif) no-repeat top;
}
.second #text #menu-left{
margin: 0 50px 50px 0;
}
.gallery #text #menu-left ul, .second #text #menu-left ul {
	list-style: none;
	background: url(/i/menu-left-bottom.gif) no-repeat bottom;
	margin: 0;
	padding: 21px 12px;
	font-size: 14px;
	line-height: 1.2em;
}
.gallery #text #menu-left li, .second #text #menu-left li {
	list-style: none;
	background: url(/i/marker-gray.gif) no-repeat 16px 10px;
	margin: 0.7em 0;
}
.gallery #text #menu-left li a, .second #text #menu-left li a{
	/*256x25*/
	padding: 5px 0 0 34px;
	width: 222px; /*height: 20px;*/
	display: block;	
	color: white;
	text-decoration: none;
}
.gallery #text #menu-left li.selected a, .second #text #menu-left li.selected a{
	background: url(/i/menu-left-selected.gif) no-repeat;
}
.gallery #text #cnt{
	float: right;
	width: 571px;
}
.gallery #text #cnt h1{
	font-size: 24px;
	font-weight: normal;
	margin-left: 43px;
}
.gallery #text #cnt #gallery .item{
	float: left;
	padding: 30px 40px 0 40px;
	width: 200px;
	height: 220px;
}
.gallery #text #cnt #gallery .item h3{
	font-size: 12px;
	font-weight: normal;
}
.gallery #text #cnt #gallery .item a{
	color: #d3d3d3;
	text-decoration: none;
}
.gallery #text #cnt #gallery .item img{
	border: 1px solid #737373;
}
.gallery #text #cnt #gallery .pager{
	text-align: center;
	padding-top: 12px;
	margin: 30px 0 30px 20px;
	background: url(/i/pager-border.jpg) no-repeat center top;
}
.gallery #text #cnt #gallery .pager .prev{
	padding: 0 24px 0 15px;
	background: url(/i/marker-gray-right.gif) no-repeat left 7px;
}
.gallery #text #cnt #gallery .pager .next{
	padding: 0 15px 0 24px;
	margin-right: 25px;
	background: url(/i/marker-gray.gif) no-repeat right 7px;
}
.gallery #text #cnt #gallery .pager .line{
	height: 1px;
	padding-top: 14px;
	background: url(/i/pager-border.jpg) no-repeat center bottom;
}
#footer{
	background: transparent url(/i/footer-border-top.jpg) no-repeat top center;
	text-align: center;
	font-size: 12px;
	color: #5a5a5a;
	padding-top: 27px;
	height: 75px;
}

/*services*/
.services, .actions, .links {
	margin: 0 0 30px 0;
}
.services .item, .actions .item, .links .item {
	border-top: 1px solid #3b3a3a;
}
.services .first, .actions .first, .links .first {
	border: 0 none;
}
.services .item .descr, .actions .descr, .links .descr {
	padding: 17px 0;
	font-size: 13px;
	vertical-align: top;
}
.services .item .descr ul{
	margin: 0;
}
.services .item .descr button{
	display: block;
	padding: 0;
	margin: 16px 0 0 -4px;
}
.services .item .preview, .actions .preview, .links .preview{
	vertical-align: middle;
	padding: 17px 36px;
}

.services .item .preview_item, .actions .preview_item, .links .preview_item {
	vertical-align: top;
	padding: 30px 36px;
}

img.preview_item {
	padding: 0 20px 10px 0;
}

.services .item h3, .actions h3, .links h3 {
	display: inline;
	font-size: 18px;
	font-weight: bold;
}

/*order*/
.order{	
	margin: 30px 0 30px 160px;
	position: relative;	
	font-size: 13px;
}
.order form{	
	background: #131619 url(/i/order-form-top.jpg) no-repeat top;
	padding: 40px 40px 3px 40px;
	width: 622px;
}
.order form label{
	display: inline-block;
	font-size: 13px;
	width: 210px;
	margin: 5px 0;
	vertical-align: top;
}
.order .required{
	color: red;	
}
.order form input{
	width: 144px;
	border: 1px solid black;
	margin: 5px 100px 5px 7px;
	height: 21px;
	padding: 1;
	font-size: 16px;
}

#review_form form input {
	width: 354px;
}

.order form button{
	float: right;
	margin-right: 35px;
}
.order form textarea{
	width: 356px;
	border: 1px solid black;
	margin: 5px 5px 5px 4px;
	height: 110px;
	padding: 1;
	font-size: 16px;
}
.order form input.long{
	width: 356px;
	margin-right: 5px;
}
.order form input.phone-code{
	width: 110px;
	margin-right: 0;
}
.order form input.phone{
	width: 235px;
	margin-left: 5px;
	margin-right: 5px;
}
.order .order-bottom{
	width: 702px;
	height: 4px;
	background: #131619 url(/i/order-form-bottom.jpg) no-repeat bottom;
}
.order #order-fotki{
	position: absolute;
	left: 599px;
	top: -78px;
	background: transparent url(/i/order-fotki.png) no-repeat center;
	width: 221px;
	height: 204px;
}

.order form tr.captcha input {
	width:90px;
	height:25px;
	margin-bottom: 0;
}

/*banners*/
.first #banners{
	height: 485px;
	background: transparent url(/i/banners-bg-first.jpg) no-repeat top;
	position: relative;
	z-index: 100;
}
.first #banners #banner-border{
	width: 860px; height: 485px;
	position: absolute;
	left: 70px; top: 0px;
	/*background: transparent url(/i/banners-border.png) no-repeat;*/
	z-index: 999px;
}
.first #banners #banner-header{
	width: 283px; height: 49px;
	position: absolute;
	left: 290px; bottom: 40px;
	background: transparent url(/i/banners-header.png) no-repeat;
	z-index: 999px;
	font-size: 12px;
	color: #a7c4d0;
	text-align: left;
	padding: 11px;
}
.first #banners #banner-header h2{
	color: white;
	font-size: 13px;
	text-align: left;
	margin: 0;	
}
.first #banners #cam{
	position: absolute;
	top: 366px;
	left: 668px;	
	width: 286px;
	height: 300px;
	background: transparent url(/i/banner-cam.png) no-repeat top center;
	z-index: 1000;	
}
.first #banners #cam button{
	margin: 253px 0 0 52px;
}

/*------slideshow--------*/
/* container for slides */
.slideshow-banner {
	margin: 0;
	position:relative;	
	height:483px;	
	width:858px;
	float:left;	
	cursor:pointer;
	overflow: hidden;
	z-index: 998px;
}

/* single slide */
.slideshow-banner div.banner-item {
	display:none;
	position:absolute;
	margin: 1px;
	top:0;
	left:0;
	height: 483px;	
	width: 858px;
	text-align: center;
	vertical-align: middle;
	font-size:12px;
}

.slideshow-banner table{
	width: 100%;
	height: 100%;
}
.slideshow-banner td.banner{
	text-align: middle;
	vertical-align: middle;
}

.tabs {
	clear:both;	
}

.tabs a {
	display: none;
}

.disabled {
	visibility:hidden !important;		
}
.backward, .forward{
	position: absolute;
	cursor: pointer;
	width: 59px; height: 59px;
	top: 209px;
	z-index: 1001;
}
.backward{
	background: transparent url(/i/backward.png) no-repeat;	
	left: 92px; 
}
.forward{
	background: transparent url(/i/forward.png) no-repeat;	
	left: 850px; 
}

#opinions .opinion {
	padding: 20px 0;
	border-top:1px solid #3B3A3A;
}

#opinions .first {
	padding: 20px 0;
	border-top:none;
}

#news .news_item {
	border-bottom:1px solid #3B3A3A;
	padding: 20px 0;
}

#news .news_item h3 {
	margin: 5px 0 0 0;
	font-size: 18px;
}

#news .news_item_info {
	padding-top: 30px;
}

#news .news_item_info img {
	padding: 0 20px 10px 0;
}

#google_calendar {
	padding: 0 0 10px 0;

}

#dev {
	color: #5A5A5A;
}

.page_image {
	margin: 0 20px 10px 0;
}

/*slideshow*/
.slideshow .tabs {
	display: none;
}
.slideshow {
	margin-top: 10px;
	border:none;
	position:relative;
	float:left;
	height:190px; 
	width:170px;
	text-align: center;
	overflow: hidden;
}
.slideshow .pane {
	display:none;
	position:absolute;
	margin: 0;
	top:0;
	left:0;
}

.slideshow .pane .img_title {
	font-size: 12px;
	line-height: 1.2em;
}
.disabled {
	visibility:hidden !important; 
}

/*projects*/
#projects .project {
	width: 250px;
	height: 250px;
	float:left;
	text-align:center;
	padding: 10px;
	margin: px 20px 20px 0;
}

#projects .project img {
	margin-bottom: 15px;
}

#project .item img {
	border: none;
}

#project {
	border-collapse: separate; 
	border-spacing: 20px;
}

#project td {
	width: 130px;
	height: 130px;
	text-align:center;
	padding: 10px;
	background-color: #131619; /*#2E2F30;*/
	/*border: 1px solid white;*/
	vertical-align:middle;
	font-size:80%;
}


#auth {
	margin-top: 20px;
}
#auth input {
	width: 100px;
	border: 1px solid black;
	margin: 0 10px 0 0;
	height: 18px;
	padding: 1;
	font-size: 14px;
}

#auth button {
	color: white;
	background-color: #131619;
	border: 1px solid white;
}

#auth .error {
	color: red;
	font-size: 80%;
}