﻿/* Melnichuk Anton
ICQ: 747-696
E-mail: bezdna84@gmail.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	background: #ae600e url(img/bg_body.png) repeat left top;
	line-height: 1;
	}
html {
    width: 100%;
    height: 100%;
    background: url(img/bg_body_intra_small.jpg) repeat-x center;
	}
body#intro {
	line-height: 1;
	width: 100%;
    background: url(img/bg_intra.jpg) no-repeat center center;
	height: 100%;
	margin: -78px 0 0px;
	overflow: hidden;
	padding: 40px 0;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
h2 {
    font: bold 14px bold Tahoma;
    margin: 0 0 20px;
    color: #000;
	}
h2 strong{
    color: #612001;
	}
.fl {
	float: left
	}
.fr {
	float: right
	}
.oh {
    overflow: hidden;
	}
.tc {
    text-align: center;
	}
.p14 .cntnt{
    line-height: 1px;
	font-size: 0;
	}
#all {
    width: 100%;
    height: 100%;
    overflow: hidden;
	
	}
.line {
	background: url(img/bg_line.png) repeat-x;
	height: 3px;
	overflow: hidden;
	clear: both;
	}
#main {
	background: url(img/bg_content.png) repeat-y left 1px;
	width: 903px;
	margin: 0 auto;
	}
#header {
	background: url(img/bg_header3.png) no-repeat center top;
	height: 297px;
	}
#header h1 {
	margin: 40px 0 0 15px;
	float: left;
	}
#header h1 a {
	background: url(img/bg_logo.png) no-repeat left top;
	height: 148px;
	width: 212px;
	display: block;
	float: left;
	text-decoration: none;
	}
#header h1 a span, #intro h1 a span {
	visibility: hidden;
	}
#content {
	padding: 0px 9px 0px;
	height: 1%;
	}
#side_content {
	float: left;
	width: 226px;
	}
ul#lang {
	background: url(img/bg_lang.png) no-repeat right top;
	float:right;
	height:85px;
	margin:2px 8px 0 0;
	overflow:hidden;
	width:138px;
	padding-left: 20px;
	display: inline;
	}
ul#lang li {
	padding: 50px 0 0;
	float: left;
	color: #803416;
	font: bold 12px Tahoma;
	}
ul#lang li a{
	font: bold 12px Tahoma;
	color: #803416;
	padding: 1px 6px;
	margin-left: -1px;
	text-decoration: none;
	}
ul#lang li a:hover{
	text-decoration: underline;
	color: #ff5c19;
	}
ul#main_menu {
    font-size: 0px;
	margin: 1px 2px 0px;
	padding: 20px 0px;
	background: #fff url(img/bg_menu.png) no-repeat left top;
	}
ul#main_menu li {
	padding: 0 6px 5px 20px;
	background: url(img/bg_menu_line.png) no-repeat left bottom;
	height: 1%;
	}
ul#main_menu li:hover {
	background: url(img/bg_menu_li_active.png) repeat-x left bottom;
	overflow: hidden;
	}
ul#main_menu dt {
	font: bold 12px/14px Arial;
	padding: 0 0 0 8px;
	}
ul#main_menu  li dd a{
	font: bold 12px/20px Arial;
 color: #1d1301;
	padding: 0 0 0 16px;
	}
ul#main_menu .active a {
	background: url(img/i_check.png) no-repeat right bottom;
	color: #f74405;
	
	}
ul#main_menu .active dd a {
	background: transparent;
	color: #1d1301;
	}
ul#main_menu .active dd.active a {
	background: url(img/i_check.png) no-repeat right bottom;
	color: #f74405;
	}
ul#main_menu li a:hover {
	color: #609;
	}
ul#main_menu li a {
	text-decoration: none;
	display: block;
	font: bold 14px/20px Arial;
	color: #1d1301;
	}
div#menu_bottom {
	margin: 0px 2px 1px;
	background: url(img/bg_menu_bottom.png) no-repeat left bottom;
	height: 8px;
	}
div#block_contact {
	padding: 10px 0 0px;
	}
div#block_contact h3{
	font: bold 12px Tahoma;
	color: #f00;
	padding: 0 0 10px;
	}
div#block_contact #i_phone{
	padding: 30px 0 10px 75px;
	}
div#block_contact h3 a{
	font: bold 12px/20px Tahoma;
	color: #f00;
	text-decoration: none;
	padding: 5px;
	}
div#block_contact h4 {
	font: bold 12px/20px Tahoma;
	color: #612001;
	}
div#block_contact h3 a:hover {
	text-decoration: underline;
	}
div#i_phone {
	background: url(img/i_phone.png) no-repeat 0px 10px;
	height: 70px;
	}
div#i_mail h3 a{
	background: url(img/i_mail.png) no-repeat 15px 15px;
	height: 30px;
	padding: 25px 0 10px 75px;
	display: block;
	}
div#i_find h3 a {
	background: url(img/i_find.png) no-repeat 12px 12px;
	height: 30px;
	padding: 25px 0 10px 75px;
	display: block;
	}
#main_content {
	float: right;
	color: #fff;
	padding:0 0px 0px 20px;
	width:612px;
	position:relative;
	top:-40px;
	}
#main_content p{
	font: 11px Arial;
	color: #000;
	padding: 0 20px 10px 0;
	}
#collection {
	margin: 0 0 0 20px;
	}
.small_model {
	width: 111px;
	float: left;
	margin: 0 35px 15px 0;
	height: 140px;
	display: inline;
	}
.small_model .cntnt{
	font-size: 0;
	}
.model .cntnt{
	font-size: 0;
	}
.small_model h3{
	padding: 5px 0;
	font: bold 11px/1 Tahoma;
	color: #000;
	text-align: center;
	}
.small_model .i_plus{
	position: absolute;
	top: 97px;
	left: 1px;
	height: 9px;
	width: 9px;
	display: block;
	background: url(img/i_plus.png) no-repeat left top;
	}
.model {
	width: 236px;
	float: left;
	margin: 0 25px 15px 0;
	display: inline;
	}
.model .i_plus{
    position: absolute;
    top: 280px;
    left: 1px;
    height: 15px;
    width: 15px;
    display: block;
    background: url(img/i_plus_big.png) no-repeat left top;
	}
.model_about h3 {
    font: bold 14px Tahoma;
    color: #f00;
    margin-bottom: 10px;
    text-transform: uppercase;
	}
.model_about h4 {
    font: bold 12px/20px Tahoma;
    color: #000;
	}
.tc a.tc {
    font: bold 12px/2 Tahoma;
    color: #000;
    padding-right: 20px;
	}
.model_about h4 strong {
    text-decoration: underline;
    padding: 0 5px 0 0;
	}
#main_content .model_about p {
    padding: 10px 0 10px;
    font: bold 12px/20px Tahoma;
	}
.main_baner {
    width: 590px;
	}
.main_baner .lr{
    padding: 14px;
	}
.main_baner .lr .lr{
    padding: 0px;
	}
.main_baner img{
    margin:  0 1px;
	}
.p14 {
    width: 554px;
	}
#select_collection {
	background: url(img/bg_vert_line.png) no-repeat center top;
	height: 150px;
	margin: 80px auto 0;
	clear: both;
	width: 482px;
	overflow: hidden;
	}
#select_collection h2 {
	padding: 10px 15px 0px 0px;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	background: url(img/icon_arhor.png) no-repeat 98% 12px;
	text-align: right;
	margin:45px 47px 10px 52px;
	display: inline;
	}
#select_collection h2 a{
	padding: 10px 2px 0px 0px;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 14px/14px Tahoma;
	color: #000;
	}
#select_collection h2 a:hover {
	color: #f00;
	}
#select_collection h2:hover {
    background: url(img/icon_arhor.png) no-repeat 100% 12px;
	color: #f00;
	}
#select_collection h2 a strong{
	font: bold 24px/24px Tahoma;
	color: #f00;
	text-transform: uppercase;
	text-decoration: none;
	}
.pager {
	clear: both;
	margin:0px auto;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:500px;
	padding-right: 20px;
	}
.pager div{
	float:left;
	left:50%;
	position:relative;
	text-align:center;
	
	}
.pager div ul{
	margin: 20px -2px 0;
	overflow: hidden;
	float:left;
	left:-50%;
	position:relative;
	}
.pager div ul li{
	float:left;
	padding: 3px;
	}
.pager div ul li a{
	font: bold 12px/33px Tahoma;
	color: #000;
	padding: 3px;
	text-decoration: none;
	}
.pager div ul li a.i_left{
	display: block;
	height: 30px;
	widows: 10px;
	background: url(img/arhor_left.png) no-repeat left center;
	}
.pager div ul li a.i_right{
	display: block;
	height: 30px;
	widows: 10px;
	background: url(img/icon_arhor.png) no-repeat right center;
	}
.pager div ul li a.i_left:hover {
	text-decoration: none;
	}
.pager div ul li a.i_right:hover {
	text-decoration: none;
	}
.pager div ul li a:hover {
	color: #fff;
	text-decoration: underline;
	}
#cont_left {
	float: left;
	width: 250px;
	}
#cont_left img.border{
	border: 5px solid #c8c7c7;
	}
#cont_right {
	float: right;
	width: 250px;
	margin-right: 30px;
	}
#YMapsID {
    margin: 2px;
	}
#YMapsID *{
    font: normal 12px Arial;
    color: #000;
	}
#contact{

	}
#hcard-Nature-Collection{
    display: none;
	}
h3 {
    font: bold 12px/16px Tahoma;
    color: #000;
}
h3 span {
    color: #f00;
}
h3.email {
    color: #000;
    margin: 15px 0;
}
h3.email a{
    color: #000;
}
h3.last {
    padding: 0 0 25px;
}
#contact label {
	display: block;
	color: #000;
	padding: 6px 0 2px;
	font: bold 12px Arial;
	}
#contact label em{
	font: bold 18px/1 Arial;
	color: #f00;
	}
#contact input,
#contact select,
#contact textarea {
	display: block;
	width: 250px;
	}
#contact input.botton{
    margin: 15px 0 0;
    height: 27px;
    width: 102px;
	font: bold 12px/27px Arial;
	color: #000;
	text-align: center;
	background: #fff url(img/bg_botton.png) no-repeat left top;
	}
#footer {
	background: url(img/bg_footer.png) no-repeat left top;
	clear: both;
	height: 81px;
	overflow: hidden;
	text-align: center;
	}
#footer address {
	padding: 20px;
	clear: both;
	font: normal 11px/1.4 Arial;
	color: #e99714;
	}
#foot_menu {
	margin:0px auto;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:775px;
	}
#foot_menu_cont {
	float:left;
	left:50%;
	position:relative;
	text-align:center;
	}
#footer ul {
	margin: 20px -2px 0;
	overflow: hidden;
	float:left;
	left:-50%;
	position:relative;
	}
#footer ul li {
	float: left;
	padding: 0px 14px;
	float: left;
	font: normal bold 10px/1.2 Arial;
	color: #ffc601;
	border-right: 0px solid #b26800;
	border-left: 2px solid #dc9b01;
	}
#footer ul li.first {
	border-left: 0px solid #dc9b01;
	}
#footer ul li a {
	color: #ffc601;
	text-decoration: none;
	}
#footer ul li a:hover{
	color: #ffc601;
	text-decoration: underline;
	}
#intro .main{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -160px 0 0 -200px;
    width: 400px;
    height: 320px;
	}
#intro h1 {
	overflow: hidden;
	height: 228px;
	margin:0 0 0 25px;
	}
#intro h1 a {
	background: url(img/bg_logo_intro.png) no-repeat left top;
	height: 228px;
	width: 369px;
	display: block;
	float: left;
	text-decoration: none;
	}
#intro .brelok {
    margin: 8px 0 0;
	background: url(img/bg_brelok_intro.png) no-repeat left top;
	height: 122px;
	width: 183px;
	display: block;
	float: right;
	text-decoration: none;
	}
#intro .brelok a {
	height: 70px;
	width: 95px;
	display: block;
	text-decoration: none;
	margin:45px 0 0 85px;
	}
#intro .brelok a span{
	visibility: hidden;
	}
#intro .lang{
    float: left;
    margin: 8px 0 0;
    width: 131px;
    height: 48px;
    background: url(img/bg_lang_intro.png) no-repeat left 100%;
    font: bold 12px/44px Tahoma;
    color: #fff;
    word-spacing:0.4em;
    text-align: center;
	}
#intro .lang a{
    color: #fff;
	}
#intro .lang a:hover{
    color: #fed257;
	}
#intro .line {
	top: 50%;
    position: absolute;
    background: url(img/bg_line_intro.png) repeat-x left top;
    margin: 65px 0 0;
    height: 11px;
    width: 100%;
	}
/************************************************************/
/************************Желтя строчка***********************/
/************************************************************/
.tl, .lr, .tr, .ll { background:url(img/bg_border.png) no-repeat }
.tl, .lr { position:relative }
.tl { margin-right:6px;margin-bottom:6px;background-position:top left }
.lr { top:6px;left:6px;background-position: right bottom; height: 1%; }
.tr, .ll { position:absolute;height:6px;width:6px }
.tr { top:0;right:-6px;background-position:top right }
.ll { bottom:-6px;left:0;background-position:bottom left }
.cntnt { position:relative;top:-3px;left:-3px;line-height:1.4em; padding: 1px; height: 1%;}

.menu {
    width: 202px;
    float: left;
    margin:-40px 0 12px 11px;
    display: inline;
	}
/************************************************************/

center a {
    display: none;
	}