*, html, body, div {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

html, body { height:100%;}

body {
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	background:#1c3b46 url(../images/bg-main.png) repeat-x 0% 0%;
}	

ul, ul li {
	list-style:none;
}

img {
	border:none;
}



a {
	text-decoration:none;
	outline:none;
	color:#0088FF;
}
a:hover {
	text-decoration:underline;
}



/* MAIN LAYOUT
--------------------------------------------------------*/

#container {
	position:relative;
	width:837px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0px auto -130px auto;
	text-align:left;
}	#decor {
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-613px;
		width:662px;
		height:376px;
		background:url(../images/bg-decor.png) no-repeat;
	}
	#decor-2 {
		position:absolute;
		top:117px;
		left:50%;
		margin-left:-551px;
		width:498px;
		height:463px;
		background:url(../images/bg-drops-1.png) no-repeat;
	}
	#decor-3 {
		position:absolute;
		top:98px;
		left:13px;
		width:266px;
		height:354px;
		background:url(../images/bg-drops-2.png) no-repeat;
		z-index:1;
	}
	/*
	#decor-4 {
		position:absolute;
		bottom:-40px;
		right:-40px;
		width:194px;
		height:213px;
		background:url(../images/bg-drops-3.png) no-repeat;
		z-index:2;
	}
	*/
	#decor-4-top {
		position:absolute;
		bottom:59px;
		right:-40px;
		width:73px;
		height:114px;
		background:url(../images/bg-drops-3-top.png) no-repeat;
		z-index:2;
	}
	#decor-4-bottom {
		position:absolute;
		bottom:-40px;
		right:-40px;
		width:194px;
		height:99px;
		background:url(../images/bg-drops-3-bottom.png) no-repeat;
		z-index:2;
	}
	


#header { position:relative; height:112px; z-index:1;}
#logo { float:left; display:inline; margin:23px 0px 0px 0px;}
#phone { position:relative; float:right; display:inline; width:450px; margin-top:16px; text-align:right; }
#phone a:hover { text-decoration:none; }

#phone span { position:relative; top:-6px; font-size:15px;color:#FFF; font-weight:bold; }
#phone span.main { font-size:55px; top:0px; font-weight: normal;}
#phone span.prefix {  top:-17px; left:-12px; margin-top:0px; color:#747a76; font-size:30px; font-weight: normal; }

#main { z-index:1; padding-bottom:130px;}

#sidebar {
	position:relative;
	float:left;
	display:inline;
	width:269px;
	padding:37px 0px 0px 0px;
	z-index:2;
}

	#menu {
		position:relative;
		padding:0px 0px 33px 36px;
		z-index:9;
		min-height:		220px;
	}
	
	#menu li {
		width:109px;
		height:21px;
		padding:1px 0px 0px 9px;
		margin-bottom:2px;
		
	}	#menu li.active {background:url(../images/bg-menu.png) no-repeat;}
	#menu a { color:#FFF;}
	#menu a:hover {color:#66ccff; text-decoration:underline;}
	#menu li.active a { color:#000;}
	#menu li.active a:hover { text-decoration:none;}
	
	
	#sidebar .banners {position:relative; padding:0px 0px 14px 16px; z-index:9;}
	
	
	.new-block {
		margin-top:25px;
		padding:0px 10px 0px 0px;
		background:#4989c8 url(../images/bg-blue.png) repeat-x 0% 0%;
		color:#FFF;
	}	.new-block .stripe {
			width:227px;
			height:5px;
			overflow:hidden;
			font-size:0px;
			line-height:0px;
			background-color:#000;
		}
		.new-block div.label-what-new { font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:26px 0px 16px 18px;}
		
		.new-block ul {padding:0px 0px 10px 17px;}
		.new-block li { min-height:56px; height:auto !important; height:60px;}
		.new-block li img { float:left; display:inline; margin-right:11px;}
		.new-block li div.news-name { }
		.new-block li div.news-name a { font-size:13px; color:#FFF; font-weight:normal; text-decoration:underline;}
		.new-block li a:hover { text-decoration:none;}
	

#content-wrap { position:relative; float:left;display:inline;width:566px;}
#content {background:url(../images/bg-content.png) repeat-y -1132px 0%;}	
#content .wrap {position:relative; background:url(../images/bg-content.png) no-repeat;  }
#content .wrap-inner { padding:35px 30px 10px 30px; background:url(../images/bg-content.png) no-repeat -566px 100%;}
	
	
	#tabs { height:42px;}
	#tabs li {
		float:left;
		display:inline;
		height:36px;
		padding-top:10px;
	}
	
	#tabs li span, #tabs li a { float:left; display:inline;}
	#tabs li span {
		height:36px;
		background:url(../images/bg-tabs.png) no-repeat 0% -102px;
	}
	#tabs li span span {background:url(../images/bg-tabs.png) no-repeat 100% -138px;}
	#tabs li a {
		height:				26px; 
		padding:			3px 4px 2px 4px; 
		margin:				0px 14px 0px 14px; 
		background-color:	#FFF; 
		border-top:			5px solid #d1dce1;
		color:				#82b0db;
		font-size:			17px;
	}
	
	#tabs li.active { padding-top:0px; height:42px;}
	#tabs li.active span { height:42px; background:url(../images/bg-tabs.png) no-repeat 0% 0%;}
	#tabs li.active span span {background:url(../images/bg-tabs.png) no-repeat 100% -51px;}
	#tabs li.active a {height:34px; padding-top:10px; border:none; color:#000; font-size:21px;background-color:#d1dce1; cursor:default; }
	#tabs li.active a:hover { text-decoration:none; }
	

.tbl, .tbl table { position:relative; width:100%; text-align:center;}
.tbl td { vertical-align: top; }
.tbl td.icons { height:160px; vertical-align: bottom; }

.tbl .cap { position:relative; top:-25px;}
.tbl .cap a { color:#006fd7; font-weight:bold;}
.tbl .cap a:hover { text-decoration:underline;}



.slide-wrap { position:relative; width:506px; overflow:hidden; min-height:600px; height:auto !important; height:500px;}
.slide-wrap .slide { position:absolute; left:0px; top:0px; width:3000px;}
.oneSlide { width:506px; float:left; }
.slide .tbl { width:506px; float:left;}


#footer {
	position:relative;
	clear:both;
	width:837px;
	height:130px;
	margin:0px auto 0px auto;
	text-align:left;
	color:#FFF;
}

#footer div.head4 { padding:0px 0px 0px 0px; margin-bottom:5px; font-size:11px; font-weight:normal; }
#footer div.head4 span { padding-right:100px; padding-bottom:1px; border-bottom:2px solid #4989c8;}
#footer a { color:#FFF; text-decoration:underline; font-size:11px;}
#footer a:hover { text-decoration:none;}
#footer p { padding-bottom:10px;}

/* Trash
----------*/

.clear {
	width:100%;
	height:1px;
	clear:both;
	overflow:hidden;
}



























/******* INNER MODULES AND COMPONENTS ***********/
/*
#content .surfaces-list table {
	width:				100%;
	border-collapse:	collapse;
	border-spacing:		0 0;
}
#content .surfaces-list table tr.header {
	background-color:	#B7B7B7;
}
#content .surfaces-list table td {
	border:				solid 1px #000000;
	vertical-align:		middle;
	padding:			4px 0px 7px 0px;
}

#content .surfaces-list table tr.header td {
	text-align:			center;
	font-weight:		bold;
	font-size:			1.1em;
}
*/

#content .surfaces-list table td.number { width: 40px; text-align: center; }
#content .surfaces-list table td.address { width: auto; text-align: left;  padding-left: 5px; padding-right: 5px; }
#content .surfaces-list table td.storona { width: 30px; text-align: center; }
#content .surfaces-list table td.format { width: 60px; text-align: center; }


#content .surfaces-detail table {
	width:				100%;
	border:				0px;
	border-spacing:		0 9px;
}
#content .surfaces-detail table td {
	vertical-align:		top;
	text-align:			left;
	border:				0px;
}
#content .surfaces-detail table td.left {
	width:				90px;
	font-weight:		bold;
	text-align:			right;
	padding-right:		10px;
}

#content .surfaces-detail div.imgs {
	text-align:			center;
}
#content .surfaces-detail div.imgs img {
	margin:				10px 0px 20px 0px;
	border:				solid 1px #000000;
}



div.mainText {
	padding-bottom:		30px;
	min-height:			550px;
}
div.mainText h1 {
	font-size:			18px;
	color:				#006FD7;
	margin-bottom:		15px;
}
div.mainText p, div.mainText ul {
	margin-bottom:		20px;
}
div.mainText ul li {
	padding-left:		30px;
	background:			url(../images/ul-li-bullit.png) 10px 3px no-repeat;
	padding-bottom:		10px;
}

div.mainText table {
	width:				100%;
	border-collapse:	collapse;
	border-spacing:		0px 0px;
	border:				solid #000000 0px;
	border-width:		1px 0 0 0;
	border-left:		solid #BBBBBB 1px;
	margin-bottom:		20px;
}

div.mainText table thead tr {
	background-color:	#DEE6EA;
}
div.mainText table td {
	border-color:		#000000;
	border-style:		solid;
	border-width:		0 0 1px 0;
	border-right:		solid #BBBBBB 1px;
	vertical-align:		middle;
	padding:			4px 2px 7px 2px;
}

div.mainText table thead tr td {
	text-align:			center;
	font-weight:		bold;
	font-size:			1.1em;
}

div.mainText input, div.mainText textarea {
}
div.mainText div.input-272 {
	background:			url(../images/input-272.png) 0 0 scroll no-repeat;
	padding:			8px 16px 12px 19px;
	margin:				0px;
}
div.mainText div.input-272 input {
	margin:				0px;
	padding:			0px;
	width:				237px;
	height:				17px;
	background:			transparent;
	border:				solid 0px #FF0000;
	cursor:				text;
}
div.mainText div.textarea-272 {
	background:			url(../images/textarea-272.png) 0 0 scroll no-repeat;
	padding:			9px 16px 12px 19px;
	margin:				0px;
}
div.mainText div.textarea-272 textarea {
	margin:				0px;
	padding:			0px;
	width:				237px;
	height:				158px;
	background:			transparent;
	border:				solid 0px #FF0000;
	cursor:				text;
	overflow:			auto;
}
div.mainText span.required {
	color:				red;
	font-weight:		bold;
}
div.mainText div.label {
	padding-left:		14px;
}

.submit-162 {
	width:				162px;
	height:				31px;
	background:			url(../images/submit-162.png) 0 0 no-repeat;
	padding:			0px;
	margin:				0 0 0 50px;
	border:				none;
	color:				#006FD7;
	text-align:			center;
	font-weight:		bold;
	cursor:				pointer;
}
.submit-162:hover {
	background-position:0 -31px;
}

input.example, textarea.example {
	color:				#AAAAAA;
}


div.mainText div.errors ul li {
	background:			url(../images/ul-li-error-bullit.png) 10px 3px no-repeat;
	padding-bottom:		20px;
	color:				#FF4E00;
	font-weight:		bold;
}






div#footer {
	margin-top:			45px;
}
div#footer div.left {
	float:				left;
}
div#footer div#signature {
	float:				right;
	width:				155px;
	margin:				23px 0px 22px 0px;
	padding:			12px 20px 13px 20px;
	/* background:			url(../images/web-fusion-canvar.png) 0px 50% no-repeat;*/
}
div#footer div#signature div.left {
	width:				35px;
	text-align:			left;
}
div#footer div#signature div.right {
	float:				right;
	width:				100px;
	padding:			0px;
	margin:				0px 0px 0px 0px;
	text-align:			left;
	font-size:			12px;
}
div#footer div#signature div.right a {
	font-size:			13px;
	
}





div.mainText div.items-list table.item {
	margin-bottom:		20px;
	width:				100%;
	border:				none;
}
div.mainText div.items-list table.item td {
	padding:			0px;
	border:				0px;
	vertical-align:		top;
	text-align:			left;
}



div.mainText div.items-list.what-new-list td.image {
	width:				60px;
	padding-top:		5px;
}

div.mainText div.items-list .item .date {
	margin:				0px;
	padding:			0px;
	font-size:			0.9em;
	color:				#999999;
}
div.mainText div.items-list .item .title {
	font-size:			1.5em;
}

div.mainText div.items-list.faqs-list .item .title {
	font-size:			1.0em;
}

div.mainText p.faq-question {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#006FD7;
}






div.mainText table.noBordersSpaces {
	border:				none;
	border-collapse:	collapse;
	border-spacing:		0px 0px;
	margin:				0px;
}
div.mainText table.noBordersSpaces td {
	border:				none;
	padding:			0px;
}
div.mainText table.noBordersSpaces td p {
	margin:				0px;
	padding:			0px;
}





div.mainText table.gallery {
	border:				none;
	border-collapse:	collapse;
	border-spacing:		0px 0px;
	height:				323px;
}
div.mainText table.gallery td {
	border:				none;
	padding:			0px;
}
div.mainText table.gallery td.arrow {
	width:				37px;
	background:			url(../images/gallery-arrow-left.png) 50% 50% no-repeat;
	cursor:				pointer;
}
div.mainText table.gallery td.arrow.left {
	background:			url(../images/gallery-arrow-left.png) 50% 50% no-repeat;
	text-align:			left;
}
div.mainText table.gallery td.arrow.right {
	text-align:			right;
	background:			url(../images/gallery-arrow-right.png) 50% 50% no-repeat;
}
div.mainText table.gallery td.arrow.left.unactive {
	background-image:	url(../images/gallery-arrow-left-unactive.png);
}
div.mainText table.gallery td.arrow.right.unactive {
	background-image:	url(../images/gallery-arrow-right-unactive.png);
}

div.mainText table.gallery td.arrow:active {
	background-position:60% 51%;
}
div.mainText table.gallery td.arrow.unactive:active {
	background-position:50% 50%;
}


div.mainText table.gallery td.main {
	width:				430px;
	border:				solid 1px #000000;
}
div.mainText table.gallery td.main.islink {
	cursor:				pointer;
}

div.mainText table.gallery td.main div.nameHint a.alt-name,
div.mainText table.gallery td.main div.nameHint a.alt-name:hover {
	text-decoration:	none;
}
div.mainText table.gallery td.main.islink:hover div.nameHint a.alt-name {
	text-decoration:	underline;
}





div.mainText table.gallery ul {
	margin:				0px;
	padding:			0px;
}
div.mainText table.gallery ul li {
	padding:			0px;
	margin:				0px;
	background:			none;
	width:				430px;
	height:				323px;
}
div.mainText table.gallery td.main div.nameHint {
	position:			relative;
	width:				430px;
}
div.mainText table.gallery td.main div.nameHint div.line {
	position:			absolute;
	left:				0px;
	bottom:				0px;
	z-index:			9;
	width:				430px;
	height:				30px;
	background-color:	#DC592A;
	-moz-opacity:		.80;
	filter:				alpha(opacity=80);
	opacity:			.80;
}
div.mainText table.gallery td.main div.nameHint a.alt-name {
	position:			absolute;
	left:				0px;
	bottom:				0px;
	z-index:			10;
	display:			block;
	width:				430px;
	height:				30px;
	font-size:			16px;
	font-weight:		bold;
	color:				white;
}
div.mainText table.gallery td.main div.nameHint a.alt-name span {
	display:			block;
	padding:			3px 0px 0px 5px;
}

.jcarousel-clip {	/* Почему то без этого она глючит, хотя не должна. */
	width:				430px;
}