@import url('reset.css');

html, body {
	height: 100%;
}

body {
	background: #fff;
	color: #767676;
	font-family: Arial;
	font-size: 13px;
	background: transparent url('/img/header-bg.jpg') center top no-repeat;
}

a {
	color: #07a3d4;
}

h1 {
	font-family: Times New Roman;
	font-size: 28px;
	color: #000;
	font-weight: normal;
	line-height: 40px;
	padding: 0 0 0 20px;
	_padding: 0 0 0 10px;
}


h2 {
	font-family: Times New Roman;
	font-size: 22px;
	color: #000;
	font-weight: normal;
	line-height: 30px;
	padding: 0 0 0 20px;
	_padding: 0 0 0 10px;
}

	#wrap {
		position: relative;
		width: 1000px;
		height: auto !important;
		height: 100%;
		min-height: 100%;
		margin: 0 auto;
	}
	
		#header {
			position: relative;
			display: block;
			height: 650px;
		}
		
			#logo {
				position: absolute;
				display: block;
				width: 280px;
				height: 30px;
				top: 0px;
				left: 0px;
				padding: 85px 0 0;
				background: transparent url('/img/logo.jpg') 80px 0px no-repeat;
				color: #000;
				font-size: 24px;
				font-family: Times New Roman;
				line-height: 30px;
				text-transform: uppercase;
				text-decoration: none;
			}
			
			#header-contacts {
				position: absolute;
				left: 280px;
				top: 10px;
				color: #000;
				font-size: 30px;
				font-family: Times New Roman;
				line-height: 26px;			
			}
			
				#header-contacts i {
					display: inline-block;
					color: #859095;
					font-size: 16px;
					font-style: normal;
					padding: 0 6px 0 0;
				}	

			#header-menu {
				position: absolute;
				display: block;
				width: 500px;
				height: 63px;				
				right: -3px;
				top: 0px;
				padding: 27px 0 0 0;
				background: transparent url('/img/header-menu.jpg') top right no-repeat;
				font-family: Times New Roman;
				font-size: 16px;
				line-height: 26px;				
			}
				#header-menu ul {
					margin: 0 0 0 22px;
				}
			
				#header-menu li {
					display: block;
					background-color: #14a194;
					float: left;
					margin: 0 19px 0 0;
					padding: 0 9px;
				}
				
				#header-menu a {
					color: #fff;
					text-decoration: none;
				}
				
			#header-triada {
				position: absolute;
				display: block;
				width: 92px;
				height: 26px;				
				right: 14px;
				top: 88px;
				padding: 0;
				background: transparent url('/img/triada-bg.jpg') top right no-repeat;
				line-height: 26px;				
			}
			
				#header-triada ul {
					margin: 0 0 0 1px;
				}
			
				#header-triada li {
					display: block;
					float: left;
					width: 30px;
					text-align: center;
					line-height: 26px;	
				}
				
				#header-triada a {
					text-decoration: none;
				}				
				
			.header-link {
				position: absolute;
				display: block;
				width: 152px;
				line-height: 14px;
				
				color: #000;
				text-decoration: none;
				text-align: center;
			}
			
			#top-menu {
				position: absolute;
				width: 1040px;
				height: 176px;
				margin: 469px -20px 0;
				z-index: 0;
			}
			
				#top-menu-l, #top-menu-r {
					float: left;
				}
			
				#top-menu ul {
				
				}
				
				#top-menu li {
					position: relative;
					display: block;
					float: left;
					width: 119px;
					height: 28px;
					background: transparent url('/img/menu-bg.gif') top right no-repeat;
					text-align: center;
					font-size: 12px;
					padding: 70px 10px 78px;
					font-family: Times New Roman;
					text-transform: uppercase;
					line-height: 14px;
				}
				
					#top-menu li a {
						color: #000;
						text-decoration: none;
					}
					
					#top-menu li a:hover {
						color: #fff;
						text-decoration: underline;					
					}

					#top-menu li div {
						display: none;
					}
				
			#header #subcontent {	
				display: none;
				position: absolute;
				top: 367px;
				left: 172px;
				background: #14a194;
				width: 214px;
				border: 3px solid #fff;
				padding: 20px 30px;
				text-align: left;
			}
			
				#header #subcontent a {
					position: relative;
					display: block;
					font-family: Arial;
					color: #fff;
					text-transform: none;
					line-height: 16px;
					padding: 4px 0;
					text-decoration: none;
				}
				
				#header #subcontent a:hover {
					color: #c8ed11;
					text-decoration: underline;					
				}
			
			#header #subcorner-l {
				display: none;
				position: absolute;
				top: 464px;
				left: 145px;
				background: transparent url('/img/menu-subcorner-l.png') center right no-repeat;
				_background: transparent url('/img/menu-subcorner-l.gif') center right no-repeat;
				width: 30px;
				height: 176px;			
			}
			
			#header #subcorner-r {
				display: none;
				position: absolute;
				top: 464px;
				left: 449px;
				background: transparent url('/img/menu-subcorner-r.png') center left no-repeat;
				_background: transparent url('/img/menu-subcorner-r.gif') center left no-repeat;
				width: 30px;
				height: 176px;			
			}			
				
		#content {
			margin: 10px 0 0 0;
		}
			#left-menu {
				float: left;
				width: 256px;
				margin: 0 0 0 -10px;
				padding: 0 10px 0 10px;
			}
			
				.left-block {
					background: #fff url('/img/menu-block-bg.gif') top right repeat-y;
					font-size: 13px;
					font-family: Arial;
					color: #767676;
					margin: 0 0 24px;
				}
				
				.left-block-content {
					padding: 0 20px 0 34px;
				}
				
					.left-block-content h4 {
						font-size: 24px;
						font-family: Times New Roman;
						color: #000;
						font-weight: normal;
						line-height: 30px;
						margin: 0 0 10px 0;
					}
					
					.left-block-content img {
						margin: 10px 0 0 0;
						border: 5px solid #dedede;
					}
					
					.left-block-content p {
						margin: 10px 0 0 0;
						line-height: 16px;
					}
					
					.arrow-href {
						font-size: 13px;
						font-family: Arial;
						font-weight: bold;
						background: transparent url('/img/arrow-href.gif') center left no-repeat;
						padding: 0 0 0 20px;
						line-height: 16px;
					}
					
					.left-block-hr {
						background: transparent url('/img/menu-block-hr.gif') center left repeat-x; 
						height: 10px; 
						line-height: 10px;
						margin: 16px 0 10px;
						border: 0;
					}
					
				.left-fishnet {
					position: relative;
					background-color: red;
					margin: 0 -10px 40px;
					background: #fff url('/img/menu-fishnet.gif') top right repeat-y;
					padding: 30px;
					min-height: 200px;
				}
				
					.left-fishnet-t {
						position: absolute;
						width: 292px;
						height: 160px;
						top: -20px;
						left: 0px;
						background: transparent url('/img/menu-fishnet-t.gif') top left no-repeat;
						z-index: 0;
						_display: none;
					}
					
					.left-fishnet-b {
						position: absolute;
						width: 300px;
						height: 183px;
						bottom: -38px;
						right: 0px;
						background: transparent url('/img/menu-fishnet-b.gif') top left no-repeat;
						z-index: 0;
						_display: none;
					}					
					
					.left-fishnet ul {
						position: relative;
						display: block;
						z-index: 100;
					}
				
					.left-fishnet li {
						line-height: 24px;
						background: transparent url('/img/menu-fishnet-li.gif') center left no-repeat;
						margin: 0 0 0 10px;
						padding: 0 0 0 14px;
					}
					
					.left-fishnet a {
						font-weight: bold;
						color: #fff;
						text-decoration: none;
					}
					
					.left-fishnet a:hover {
						color: #c8ed11;
						text-decoration: underline;
					}
					
					.left-fishnet a.active {
						color: #c8ed11;
					}					
			
			#main-content {
				margin: 0 0 0 290px;
			}
			
				#main-content .crumbs {
					margin: 10px 0 0 20px;
					padding: 0 0 0 20px;
					background: transparent url('/img/crumbs-bg.gif') left center no-repeat;
					display: block;
					color: #07a3d3;
					font-style: italic;
				}
				
					#main-content .crumbs a {
						text-decoration: none;
					}
			
				#main-content p {
					margin: 10px 0 0 42px;
					line-height: 17px;
				}
				
					#main-content p img {
						border: 5px solid #dedede;
						margin: 8px 16px 0 0;
						float: left;
					}
					
					#main-content p img[align='right'] {
						margin: 8px 0 0 16px;
						float: right;						
					}
				
				#main-content ul {				
					color: #ff5e00;
					line-height: 17px;
					list-style: square inside;
					margin: 10px 0 0 42px;
				}
				
				.content-info {
					display: block;
					margin: 20px 0 20px 20px;
					line-height: 17px;
					background: #e9faff;
					padding: 10px 20px 10px 22px;
					font-style: italic;
					color: #000;
					border: 1px solid #b7dde9;
					
					-moz-border-radius: 14px; /* Firefox */
					-webkit-border-radius: 14px; /* Safari, Chrome */
					-khtml-border-radius: 14px; /* KHTML */
					border-radius: 14px; /* CSS3 */
				}
				
					.content-info a {
						font-weight: bold;
						text-decoration: none;
					}
				
				.content-mark {
					display: block;
					margin: 10px 0 10px 20px;;
					line-height: 17px;
					padding: 0 20px 0 22px;
					font-style: italic;
					font-weight: bold;
					color: #6cb528;
				}
				
				.order-button {
					display: block;
					margin: 16px 0 0 42px;
					line-height: 28px;
					height: 30px;
					width: 98px;
					background: transparent url('/img/order-button.png') left bottom no-repeat;
					text-align: center;
					color: #fff;
					text-decoration: none;
					font-weight: bold;
				}
				
				.order-button:hover {
					background: transparent url('/img/order-button.png') left top no-repeat;
				}
				
					table.catalog {
						width: 100%;
						_width: 706px;
					}
					
						table.catalog .table-hr {
							text-align: center;
						}					
					
						table.catalog td {
							width: 50%;
							vertical-align: top;
						}
						
						table.catalog h3, table.catalog h3 a {
							color: #000;
							font-size: 24px;
							font-family: Times New Roman;
							line-height: 32px;	
							font-weight: normal;
							text-decoration: none;
							margin: 0 0 0 10px !important;
						}
						
						table.catalog p {
							margin: 10px 0 0 20px !important;
						}
						
						table.catalog ul, .item-chars ul {
							margin: 10px 0 0 20px !important;
							list-style: none outside none !important;
						}						
						
						table.catalog li, .item-chars li {
							background: #ebeddf;
							margin: 3px 0;
							line-height: 22px;
							color: #767676;
							font-weight: bold;
							padding: 0 0 0 18px;			
						}
						
							table.catalog li span, .item-chars li span {
								background: #f5f6ef;
								display: inline-block;
								float: right;
								width: 120px;
								font-weight: normal;
								padding: 0 4px 0 10px;
								white-space: nowrap;
								overflow: hidden;
							}
							
							.item-chars li span  {
								width: 150px;
							}
						
						.item-chars ul {
							margin: 0 0 20px 0 !important;
							width: 70%;
						}
						
						.item-whereelse ul {
							margin: 0 0 20px 0 !important;
						}
							
				.pager {
					display: block;
					margin: 20px 0;
					width: 100%;
					height: 24px;
					padding: 20px 0 16px;
					background-color: #eaecdf;
					text-align: center;
					
					-moz-border-radius: 14px; /* Firefox */
					-webkit-border-radius: 14px; /* Safari, Chrome */
					-khtml-border-radius: 14px; /* KHTML */
					border-radius: 14px; /* CSS3 */					
				}
				
					.pager a, .pager strong {
						display: inline-block;
						line-height: 24px;
						width: 38px;
						margin: 0 10px 0 0;
						background: #fff;
						color: #8e8e83;
						font-family: Trebuchet MS;
						text-decoration: none;
						
						-moz-border-radius: 6px; /* Firefox */
						-webkit-border-radius: 6px; /* Safari, Chrome */
						-khtml-border-radius: 6px; /* KHTML */
						border-radius: 6px; /* CSS3 */						
					}
					
					.pager a:hover, .pager strong {
						background: #07a5d5;
						color: #fff;
					}
					
					.pager a:hover {
						background: #83c300;
					}
	
				.item-image {
					display: inline-block;
					border: 5px solid #dedede;
					margin: 18px 0 20px 42px;
					_margin-left: 22px;
				}
				
				.item-description {
					display: inline-block;
					margin: 18px 0 20px 10px;
					vertical-align: top;
					width: 440px;
					line-height: 17px;
				}
				
				.item-description p {
					margin: 0 !important;
				}
				
				.item-photos, .item-chars, .item-whereelse, .item-form, .item_table {
					display: block;
					margin: 14px 0 0 42px;
					_margin-left: 22px;
				}
				
				.item-photos {
					text-align: center;
				}
					
					.item-photos img {
						display: inline-block;
						margin: 6px 6px 6px 0;
						border: 5px solid #dedede;
					}
					
					.item-whereelse a {
						color: #FF5E00;
					}
					
				.item-form {
					display: block;
				}
				
				.item-form label {
					display: inline-block;
					line-height: 30px;
					width: 200px;
					vertical-align: top;
				}
				
					.item-form label i, .item-form .mark i {
						color: red;
						font-style: normal;
					}
				
				.item-form input, .item-form textarea {
					height: 22px;
					line-height: 16px;
					background-color: #eff0f1;
					border: 2px solid #e1e2e3;
					width: 420px;
					padding: 2px;
					margin: 0 0 18px 0;
					_margin-bottom: 16px;
					*margin-bottom: 16px;
					font-family: Arial;
					font-size: 13px;
				}
				
					.item-form .mark {
						margin: 0 0 0 210px;
					}
					
				#submit {
					display: inline-block;
					margin: 26px 0 20px 206px;
					line-height: 28px;
					height: 30px;
					width: 98px;
					background: transparent url('/img/order-button.png') left bottom no-repeat;
					text-align: center;
					color: #fff;
					text-decoration: none;
					font-weight: bold;
					border:	0;
					cursor: pointer;
				}
				
				#reset {
					display: inline-block;
					margin: 26px 0 20px 16px;
					line-height: 28px;
					height: 30px;
					width: 98px;
					background: transparent url('/img/order-button.png') left center no-repeat;
					text-align: center;
					color: #fff;
					text-decoration: none;
					font-weight: bold;
					border:	0;
					cursor: pointer;
				}
				
				#item-form {
					display: none;
				}
				
				.item_table {
				}
				
					.item_table td {
						padding: 4px;
						text-align: center;
						border: 1px solid #999;
					}
					
					.item_table tbody td {
						color: #333;
					}
	
		#footer-space {
			height: 204px;
		}	
	
	#footer {
		position: relative;
		background: #dfe2d0 url('/img/footer-bg.gif') center top repeat-x;
		height: 204px;
		margin: -204px auto 0;
	}
	
		#footer-content {
			position: relative;
			background: transparent url('/img/footer-img.jpg') 160px bottom no-repeat;
			padding: 10px 0 0;
			width: 1000px;
			height: 194px;
			margin: 0 auto;
		}
		
			#footer-contacts {
				position: absolute;
				left: 36px;
				top: 44px;
				color: #000;
				font-size: 26px;
				font-family: Times New Roman;
				line-height: 24px;
			}
			
				#footer-contacts i {
					display: inline-block;
					width: 40px;
					color: #07a3d4;
					font-size: 16px;
					font-style: normal;
				}
				
			#footer-info {
				position: absolute;
				right: 0px;
				top: 44px;
				line-height: 17px;
				text-align: right;
			}