/*
Theme Name: Horyzont
*/

body {
	font-size:12px;
	font-family:arial;
	margin:0px;
	color:#000;
	background:#ccd3e2 url('img/bg.png') repeat-x;
}

a {
	color:#004098;
}

#container {
	width:984px;
	margin:0px auto;
}

a#horyzont {
	display:block;
	width:281px;
	height:55px;
	text-indent:-9999px;
	background:url('img/logo-horyzont.gif') center no-repeat;
	position:absolute;
	top:58px;
	left:-8px;
}

#header {
	position:relative;
	height:127px;
	background:url('img/header-bg.png') right top no-repeat;
}

	#header h1 {
		position:absolute;
		right:0px;
		bottom:20px;
		left:452px;
		
		font-size:24px;
		margin:0px;
		font-weight:normal;
	}
	
		#header h1 a {
			text-decoration:none;
			color:#556a98;
		}
	
			#header h1 a span {
				font-size:40px;
				color:#374f6c;
			}	

	#header ul {
		list-style:none;
		margin:0px;
		padding:0px;
		position:absolute;
		right:0px;
		top:23px;
		color:#FFF;
	}

		#header ul li {
			display:inline;
			padding-left:10px;
		}

			#header ul li a {
				color:#FFF;
				text-decoration:none;
			}

				#header ul li a:hover, #header ul li.active a {
					text-decoration:underline;
				}

				
#versions {
	background:url('img/versions.gif') left top no-repeat;
	float:left;
	width:984px;
}

	#versions ul {
		list-style:none;
		margin:12px 0px 0px 0px;
		padding:0px 9px 0px 9px;
		background:url('img/versions-ul.gif') repeat-y;
		float:left;
		width:984px;
	}

		#versions ul li {
			float:left;
			margin-right:19px;
			color:#8c8c8c;
			width:136px;
		}

			#versions ul li a {
				display:block;
				color:#8c8c8c;
				text-decoration:none;
			}

				#versions ul li a:hover {
					text-decoration:underline;
				}

				#versions ul li a img {
					display:block;
					width:134px;
					height:87px;
					border:solid #FFF 1px;
				}

				#versions ul li a strong {
					display:block;
					margin:3px 0px 0px 0px;
					position:relative;
					top:2px;
				}	

		#versions ul li.active a {
			text-decoration:underline;
		}	

#tabs {
	float:left;
	width:984px;
}
		
#tabs ul {
	margin:0px;
	padding:21px 0px 0px 0px;
	list-style:none;
	overflow:hidden;
	background:url('img/tabs-bg.gif') right top no-repeat;
	width:984px;
	float:left;
}

	#tabs ul li {
		float:left;
		background-repeat:no-repeat;
		background-position:center top;
	}

		#tabs ul li a {
			display:block;
			text-align:center;
			line-height:40px;
			text-decoration:none;
			color:#FFF;
			height:40px;
		}

			#tabs ul li.active a, #tabs ul li a:hover {
			font-weight:bold;
			color:#080808;
			font-size:12px;
			background-position:center -40px;
			}


			#tabs-01 a {
				width:121px;
				background-image:url('img/tab-01.png');
			}

			#tabs-02 a {
				width:159px;
				background-image:url('img/tab-02.png');
			}

			#tabs-03 a {
				width:86px;
				background-image:url('img/tab-03.png');
			}

			#tabs-04 a {
				width:127px;
				background-image:url('img/tab-04.png');
			}
				
				
#main {
	background:#FFF url('img/main-bg.gif') center bottom no-repeat;
	padding:0px 0px 27px 0px;
	position:relative;
	float:left;
	width:984px;
}

	#body-photos #main {
		padding-bottom:32px;
	}

	#body-data #main {
		padding-bottom:19px;
	}

	#main.main-normal-page p {
		line-height:160%;
		padding:0px 30px;
	}
	
	#main.main-normal-page h2 {
		font-weight:normal;
		font-size:18px;
		margin:0px 0px 25px 0px;
		padding:20px 30px 0px 30px;
		background:url('img/main-top.gif') center top no-repeat;
	}
	
	#main.main-normal-page a {
		color:#004098;
		text-decoration:none;
	}
	
		#main.main-normal-page a:hover {
			text-decoration:underline;
		}
		
	#main.main-normal-page ul, #main.main-normal-page ol {
		margin:15px 0px 30px 0px;
		padding:0px 0px 0px 65px;
	}
	
	#main.main-normal-page ul {
		list-style:circle;
	}

	#main.main-normal-page li {
		margin-bottom:5px;
	}	
	
#main #ask, #main #order a {
	background-image:url('img/ask-order.gif');
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	height:41px;	
}

	#main #ask {
		width:185px;
		background-position:left top;
	}


#main #order {
	margin:0px;
}

	#main #order a {
		width:175px;
		background-position:left -41px;
		margin:0px auto;
	}


#main #enjoy {
	margin:38px 0px 15px 0px;
	font-size:20px;
	text-align:center;
	color:#5f5f5f;
}

	#body-photos #main #enjoy {
		margin-top:0px;
	}

	#main #enjoy strong {
		color:#19263b;
	}

	
#main .main-left {
	float:left;
	width:488px;
}

	#body-data #main .main-left {
		padding-top:28px;
	}

#main .main-right {
	float:left;
	width:496px;
}

h2.forum {
	margin:0px;
	background:url('img/forum-title.png') left top no-repeat;
	text-indent:-9999px;
	height:67px;
	position:relative;
	left:-11px;	
}

ul.forum {
	list-style:none;
	margin:0px 0px 5px 0px;
	padding:0px;
	padding:0px 0px 0px 20px;

}

	ul.forum li {
		height:27px;
		width:410px;
		background-repeat:no-repeat;
		background-position:center;
		line-height:26px;
		padding:0px 0px 0px 13px;
		position:relative;
	}
	
		ul.forum li a {
			color:#000;
		}
		
			ul.forum li a:hover {
				color:#FF7300;
			}		
		
		ul.forum li.one {
			background-image:url('img/forum-1.png');
		}

		ul.forum li.two {
			background-image:url('img/forum-2.png');
		}

		ul.forum li.three {
			background-image:url('img/forum-3.png');
		}
		
			ul.forum li.three a {
				color:#2d4262;
			}
			
				ul.forum li.three a:hover {
					color:#FF7300;
				}				
			
		ul.forum li span {
			position:absolute;
			left:281px;
			top:0px;
			color:#c8c8c8;
			font-size:10px;
		}

			ul.forum li span em{
				color:#dc8b29;
				font-style:normal;
			}	
		
		
#catalog-model {
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	left:-11px;		
}

	#catalog-model li a {
		background-image:url('img/catalog-model.gif');
		background-repeat:no-repeat;
		display:block;
		text-indent:-9999px;
		width:468px;
		height:102px;
	}

		#catalog-model li a#catalog {
			background-position:left top;
		}

		#catalog-model li a#model {
			margin:6px 0px 0px 0px;
			background-position:left -102px;
		}


#important {
	margin:19px 0px 0px 20px;
	padding:46px 0px 0px 3px;
	background:url('img/important-title.gif') left top no-repeat;
	list-style:none;
}

	#important li {
		background:url('img/dot.gif') left 5px no-repeat;
		padding:0px 0px 12px 16px;
	}

	#important li a {
		text-decoration:none;
		color:#004098;
		font-size:12px;
	}
	
		#important li a:hover {
			text-decoration:underline;
		}	

	
#warranty-delivery {
	list-style:none;
	margin:7px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
}	

#body-photos #warranty-delivery {
	margin-top:15px;
}

	#warranty-delivery li {
		float:left;
		background-image:url('img/warranty-delivery.gif');
		background-repeat:no-repeat;
		display:block;
		text-indent:-9999px;
		width:220px;
		height:61px;		
	}

		#warranty-delivery #warranty {
			background-position:left top;
			margin:0px 5px 0px 20px;
		}

		#warranty-delivery #delivery {
			background-position:left -61px;
		}


#description {
	color:#000;
	font-size:12px;
	line-height:160%;
	text-align:justify;
	margin:17px 42px 0px 12px;
}

	#description p {
		margin:10px 0px 0px 0px;
	}
	
	#description #excerpt {
		font-weight:bold;
		margin-top:16px;
	}


#details {
	overflow:hidden;
	margin:23px 32px 0px 12px;
}

	#details p {
		float:left;
		margin:2px 0px 0px 0px;
		font-size:12px;
		color:#8a8a8a;
	}
	
		#details p span {
			font-weight:bold;
			font-size:14px;
			color:#314665;
			padding-left:7px;
		}
		
		#details p a {
			display:block;
			color:#ff7300;
			font-size:11px;
			margin:6px 0px 0px 90px;
		}

			#details p a:hover {
				color:#004098;
			}

	#details #ask {
		float:right;
	}


#area-author {
	margin:48px 20px 0px 0px;
	height:61px;
	background:url('img/author-bg.png') center no-repeat;
	position:relative;
}

	#area-author p {
	margin:0px;
	}


#area {
	position:absolute;
	left:13px;
	top:13px;
	font-size:12px;
	color:#dc8a29;
}

	#area span {
		font-size:16px;
		font-weight:bold;
	}

	
#author {
	position:absolute;
	top:25px;
	right:25px;
	color:#273b5b;
}


#slideshow {
	margin:31px 0px 19px 20px;
	background:url('img/slideshow-bg-2.png') right 17px no-repeat;
}

	#slideshow-switch {
		list-style:none;
		margin:0px 0px 1px 0px;
		padding:0px;
		width:256px;
		overflow:hidden;
		border-bottom:solid #eeb97b 3px;
	}

		#slideshow-switch li {
			float:left;
		}

			#slideshow-switch li a {
				display:block;
				height:28px;
				width:128px;
				line-height:27px;
				color:#000;
				text-decoration:none;
			}

			#slideshow-switch li#switch-main a{
				background:url('img/switch-1.png') center no-repeat;
				color:#010101;
				text-align:center;
			}

				#slideshow-switch li#switch-main.active a{
					background:url('img/switch-1-active.png') center no-repeat;
				}

			#slideshow-switch li#switch-mirror a{
				background:url('img/switch-2.png') center no-repeat;
				color:#010101;
				padding-left:30px;
				width:98px;
			}

				#slideshow-switch li#switch-mirror.active a{
					background:url('img/switch-2-active.png') center no-repeat;
				}


#slide {
	position:absolute;
	display:block;
	top:5px;
	left:5px;
}

	#slide img {
		display:block;
		width:450px;
		height:330px;
		border:0px;
	}

	#slide span {
		display:block;
		width:107px;
		height:41px;
		background:url('img/slideshow-zoom.gif') center no-repeat;
		position:absolute;
		right:0px;
		top:0px;
		cursor:hand;
	}

	
#slideshow-list {
	width:460px;
	height:429px;
	background:url('img/slideshow-bg.png') center no-repeat;
	position:relative;
}

	#slideshow-list ul{
		position:absolute;
		left:5px;
		bottom:12px;
		list-style:none;
		margin:0px;
		padding:0px;
		overflow:hidden;
	}

		#slideshow-list ul li{
			float:left;
			margin-right:6px;
		}

			#slideshow-list ul li a{
				display:block;
				margin-top:3px;
			}

				#slideshow-list ul li.active a {
					margin-top:0px;
				}

					#slideshow-list ul li.active a img{
						border:solid #d08536 4px;
					}

				#slideshow-list ul li a img{
					display:block;
					width:70px;
					height:70px;
					border:solid #FFF 1px;
				}


h2.elevations {
	margin:7px 0px 0px 0px;
	height:35px;
	text-indent:-9999px;
	background:url('img/elevations.gif') 17px center no-repeat;
}	
			
ul.elevations {
	list-style:none;
	margin:0px;
	padding:10px 0px 0px 18px;
	overflow:hidden;
}

	ul.elevations li {
		float:left;
		margin:0px 0px 30px 0px;
		width:208px;
		height:166px;
		background:#e7e7e7 url('img/elevations-bg.png') center no-repeat;
		text-align:center;
		position:relative;
	}
	
		ul.elevations li.left {
			margin-right:30px;
		}	
	
		ul.elevations li p {
			margin:10px 0px 0px 0px;
			color:#242424;
			font-size:12px;
			font-weight:bold;
		}
		
		ul.elevations li a {
			display:block;
			width:200px;
			height:125px;
			margin:12px auto 0px auto;
			position:relative;
		}
		
			ul.elevations li a img {
				display:block;
				width:198px;
				height:123px;
				border:solid #dadada 1px;
			}	
			
			ul.elevations li a span {
				display:block;
				width:94px;
				height:23px;
				position:absolute;
				top:0px;
				left:0px;
				background:url('img/elevations-zoom.png') center no-repeat;
			}				

			
h2.comments {
	margin:0px;
	text-indent:-9999px;
	background:url('img/comments-title.gif') 16px center no-repeat;
	height:16px;
}

ul.comments {
	list-style:none;
	margin:0px;
	padding:5px 0px 0px 0px;
	width:470px;
	color:#282828;
	line-height:155%;
}

	ul.comments li {
		background:url('img/comments-main.gif') repeat-y;
		position:relative;
		margin-top:8px;
	}
	
	ul.comments .comments-content {
		background:url('img/comments-top.gif') center top no-repeat;
		padding:16px 21px 0px 21px;
		position:relative;
		z-index:11;
	}
	
		ul.comments .comments-content p {
			margin:0px 0px 10px 0px;
		}
	
	ul.comments .comments-details {
		background:url('img/comments-bottom.gif') center bottom no-repeat;
		padding:2px 21px 14px 21px;
		position:relative;
		z-index:11;
		color:#202b43;
	}
		
		ul.comments .comments-details p {
			margin:0px;
		}
		
		ul.comments .comments-details strong {
			font-size:12px;
		}
		
		ul.comments .comments-details span {
			color:#898989;
			word-spacing:6px;
			padding:0px 0px 0px 6px;
		}		
	
	ul.comments .comments-watermark {
		display:block;
		position:absolute;
		z-index:10;
		right:0px;
		bottom:8px;
		width:144px;
		height:56px;
		background:url('img/comments-bg.gif') center no-repeat;
	}		

	
#projects {
	list-style:none;
	margin:40px 50px 0px 0px;
	padding:0px;
	overflow:hidden;
}

	#projects li {
		float:left;
		width:415px;
		height:225px;
		border:solid #d9d9d9 1px;
		margin:0px 0px 50px 50px;
		background:#e6e6e6;
		position:relative;
	}
	
		#projects li  strong {
			color:#242424;
			font-size:12px;
			display:block;
			background:#f0f0f0;
			margin:0px;
			padding:10px 14px 7px 14px;
			border-bottom:solid #d9d9d9 1px;
		}
		
		#projects li  p.projects-description {
			color:#4f4f4f;
			line-height:150%;
			margin:0px 197px 0px 14px;
		}
		
		#projects li  p.projects-details {
			color:#ff7800;
			margin:15px 197px 13px 14px;
			font-size:12px;
		}

			#projects li  p.projects-details span {
				font-weight:bold;
				font-size:14px;
			}		

		#projects li  a {
			text-decoration:none;
			color:#242424;
		}
		
		#projects li  a:hover{
			text-decoration:underline;
		}		
		
		#projects li  a.more {
			color:#002f77;
			position:absolute;
			left:13px;
			bottom:13px;
			text-decoration:underline;
		}
		
			#projects li  a.more:hover {
				color:#FF7300;
			}

			#projects li  a:hover strong {
				text-decoration:underline;
			}			
		
		#projects li  img {
			display:block;
			position:absolute;
			right:10px;
			bottom:13px;
			width:169px;
			height:166px;
			padding:1px;
			background:#FFF;
			border:solid #b5b5b5 1px;
		}			


#photos-description {
	text-align:center;
	color:#003371;
	font-size:12px;
	margin:47px 0px 30px 0px;
}


#photos {
	list-style:none;
	padding:0px;
	margin:0px auto 20px auto;
	overflow:hidden;
	width:860px;
}

	#photos li {
		float:left;
		width:33.3%;
		margin:0px 0px 59px 0px;
	}
	
		#photos li a {
			display:block;
			margin:0px auto;
			position:relative;
			width:235px;
		}
		
			#photos li img {
				display:block;
				width:231px;
				height:166px;
				padding:1px;
				background:#FFF;
				border:solid #b5b5b5 1px;
			}		

		#photos li a span {
			display:block;
			position:absolute;
			top:1px;
			left:1px;
			background:url('img/photos-zoom.gif') center no-repeat;
			width:94px;
			height:23px;
			cursor:hand;
		}


#photos-nav {
	list-style:none;
	margin:0px 89px 0px 0px;
	padding:right;
	text-align:right;
	position:relative;
	top:-126px;
}

	#photos-nav li {
		display:inline;
	}

		#photos-nav li a {
			color:#001b6a;
			text-decoration:none;
			font-weight:bold;
			padding:0px 5px;
			border-left:solid #c5c5c5 1px;
		}

			#photos-nav li a.active, #photos-nav li a:hover {
				color:#ff8400;
			}
			
			#photos-nav li a.previous {
				background:url('img/previous.gif') left center no-repeat;
				padding-left:12px;
				border:0px;
			}

				#photos-nav li a.previous:hover {
					background:url('img/previous_hover.gif') left center no-repeat;
				}
				
			#photos-nav li a.next {
				background:url('img/next.gif') right center no-repeat;
				padding-right:12px;
				border:0px;
			}

				#photos-nav li a.next:hover {
					background:url('img/next_hover.gif') right center no-repeat;
				}			

			#photos-nav li a.first {
				border:0px;
			}
			
			#photos-nav li a.all {
				position:absolute;
				left:82px;
				top:0px;
				border:0px;
				color:#585858;
				text-decoration:underline;
				font-weight:normal;
			}

		
.data-section {
	margin:0px 0px 20px 20px;
	width:460px;
	background:url('img/data-bg.gif') repeat-y;
}

	.data-section h3 {
		font-size:11px;
		height:21px;
		background:url('img/data-top.png') center no-repeat;
		margin:0px 0px 23px 0px;
		padding:16px 0px 0px 0px;
		color:#000;
	}
	
		.data-section h3 span{
			text-align:center;
			width:218px;
			display:block;
		}
	
	.data-section ul {
		margin:0px;
		padding:0px 0px 24px 21px;
		background:url('img/data-bottom.gif') center bottom no-repeat;
		list-style:none;
	}
	
		.data-section ul li {
			position:relative;
			color:#2c4161;
			padding:6px 0px;
		}

			.data-section ul li span{
				position:absolute;
				left:212px;
				font-size:12px;
				color:#ff6600;
				font-weight:bold;				
			}
			
			.data-section ul li a {
				text-decoration:underline;
				color:#2c4161;
			}

				.data-section ul li a:hover {
					color:#FF7300;
				}
			
		.data-section ul li.no-details {
			color:#828282;
		}
		
		.data-section ul li.ep {
			color:#ff6600;
			font-weight:bold;
			padding-top:15px;
		}
		
			.data-section ul li.ep span {
				position:static;
				color:#020202;
				font-size:14px;
			}		

		.data-section ul li.img {
			display:block;
			margin:0px auto;
			width:221px;
			height:40px;
		}


#docs {
	margin:0px 0px 0px 20px;
	padding:51px 0px 0px 1px;
	background:url('img/docs-title.gif') left 14px no-repeat;
	list-style:none;
}

	#docs li {
		padding:1px 0px 10px 27px;
	}
	
		#docs li.PDF {
			background:url('img/docs-pdf.gif') left top no-repeat;
		}
		
		#docs li.XLS {
			background:url('img/docs-xls.gif') left top no-repeat;
		}			

	#docs li a {
		text-decoration:underline;
		color:#004098;
		font-size:12px;
	}

		#docs li a:hover {
			color:#FF7300;
		}	


#docs-info {
	margin:5px 0px 28px 20px;
	padding-left:27px;
}

	#docs-info a {
		color:#004098;
	}	

		#docs-info a:hover {
			color:#FF7300;
		}	

	
#plans {
	list-style:none;
	margin:28px 0px 0px 31px;
	padding:0px;
}

	#plans li {
		margin:0px 0px 27px 0px;
		width:426px;
		height:353px;
		background:#e7e7e7 url('img/plans-bg.png') center no-repeat;
		text-align:center;
		position:relative;
		overflow:hidden;
	}
	
		#plans li p {
			margin:0px;
			padding-top:10px;
			color:#242424;
			font-size:12px;
			font-weight:bold;
		}
		
		#plans li a {
			display:block;
			width:418px;
			height:312px;
			margin:11px auto 0px auto;
			position:relative;
		}
		
			#plans li a img {
				display:block;
				width:416px;
				height:311px;
				border:solid #dadada 1px;
			}	
			
			#plans li a span {
				display:block;
				width:94px;
				height:23px;
				position:absolute;
				top:1px;
				left:1px;
				background:url('img/plans-zoom.png') center no-repeat;
				cursor:hand;
			}		


#footer {
	text-align:center;
	padding-bottom:55px;
	float:left;
	width:100%;
}

	#footer p {
		margin:19px 0px 11px 0px;
		color:#54607d;
	}

		#footer p strong, #footer p span {
			padding:0px 7px;
		}

	#footer #order-catalog {
		display:block;
		margin:0px auto;
		width:174px;
		height:34px;
		background:url('img/order-catalog.gif') center no-repeat;
		color:#FFF;
		text-decoration:none;
		line-height:34px;
	}

	
.display-none {
	display:none;
}