/* typography.css */
body {
	font: 14px/1.5 Arial, sans-serif;
	background:#fff url(../images/bg.png) repeat-x 0 3px;
	color:#4d4d4d;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;margin-bottom: 20px;}
h1 {font-size: 25px;line-height:1;}
h2 {font-size: 22px;line-height:27px;}
h3 {font-size: 18px;line-height:1;}
h4 {font-size: 17px;line-height:1;}
h5 {font-size: 16px;line-height:1;}
h6 {font-size: 15px;line-height:1;}

a		{color:#00a950;}
a:visited	{color:#551a8b;}
a:hover 	{color:#028540;}
a:active 	{color:#1387d0;}

blockquote {font-style:italic;color:#000;}
ol {list-style: decimal;}
ul {list-style: disc;}
hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}
p,dl,ol,ul,pre,table,address,fieldset,blockquote,hr,span {margin-bottom: 20px;}
.left {float:left;margin:0 1.5em 1.5em 0;}
.phone {font-family:"Arial Narrow", Arial, serif;color:#000;line-height:1;margin-bottom: 20px;}
.slogan h2 b{color:#4d4d4d;}
.slogan h2{color:#656565;line-height:1;}
.alpha {margin-left:0;}
.omega {margin-right:0;}

.box {
	margin-bottom:60px;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
.grid {
	display:inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	width:210px;
}
.counters {
	height:40px; 
}
.content {
	line-height:21px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	width:480px;
}	

	.content ul  {
		margin: 1em 0 1em 1em;}

	.content ul ul  {
		margin: 1em 0 1em 2em;}


.sl {
	left:-500px;
}
.copyright {
	width:500px;
}
.developer, .contacts, .sl, .sr {
	width:210px;
}
.navigation {
	list-style: none;
	margin-bottom:50px;
}
.navigation li{
	margin-left:0;
	margin-bottom:20px; 
}
.navigation a{
	border-bottom:2px solid #00A950;
	font-size:18px;
	color: #00A950;
	text-decoration:none;
}
.navigation a:hover{
	color:#028540;
	border-bottom:2px solid #028540;
}

.contacts {
	font-size:12px;
	line-height:16px;
	margin:50px 0; 
}
.contacts .phone {
	font-size:36px;
	margin:10px 0;
	display:block;
}
.contacts h3 a{
	text-decoration:none;
	color: #00A950;
	border-bottom:2px solid #00A950;
}
.contacts h3 a:hover{
	color:#028540;
	border-bottom:2px solid #028540;
}
.distributor {
	margin-top:50px;
}
.distributor img {
	margin-top:-50px;
}

.h_b {
	position:relative;
	padding-top:44px;
	height:417px;
}
.lbg {
	background:url(../images/lbg.png) no-repeat;
	position:absolute;
	overflow:hidden; 
	height:351px;
	width:140px;
	left:-140px;
	top:0px;

}
.rbg {
	background:url(../images/rbg.png) no-repeat;
	position:absolute;
	border-bottom:1px solid #f00; 
	height:470px;
	overflow:hidden;
	width:160px;
	right:-160px;
	top:4px;
	z-index:100; 
}
.contact {
	font-size:15px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	color:#000;
	width:170px; 
}
#header {
	background:url(../images/bgh.png) no-repeat top center;
	width:100%;
}
/*#header .contact a{
	font-size:13px;
	color:#00a950;
}
#header .contact a:hover{
	color:#028540;
}*/
#header .phone {
	font: 19px/1.5 Arial, sans-serif;
}
.h_l {
	width:0;
	position:relative;
	left:0;
	top:0;

}
.h_l div{
	background:#fff url(../images/hlbg.png) repeat-x 0 0;
	position:absolute; 
	width:9999px;
	height:470px;
	right:140px;
	top:-44px;
}
#page {
	position:relative;
	margin-top:-100px;
}
#footer {
	background:url(../images/fbg.png) repeat-x 0 0; 
	background-position:right bottom; 
	border-bottom:3px solid green;
	position:relative;
	padding:50px 0;
	color:#555758;
	width:100%;
	height:1%;
}
.fotter_contacts {
	font-size:12px;
	line-height:16px;
}
.testing {
	border-top:1px solid #f00 !important; 
}
.scenery {
	position:absolute;
	height:99999px;
	width:100px;
	bottom:0;
}
#monitor {
	width:1600px;
}
#wrapper {
	border-top:3px solid green;
	min-width:998px;
}
.icons {
	display:inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	width:105px;
}
.i {
	height:10px;
}
.i-h, .i-m, .i-f{
	position:relative;
	overflow:hidden;
	height:10px;
	float:left;
	margin-right:25px;
}
.i-h {width:11px;}
 .i-m {width:9px;}
  .i-f {width:13px;margin-right:0;}
.i-h a span, .i-m a span, .i-f a span{
	background: url(../images/icons.png) no-repeat;
	width:33px;
	height:10px;
	position:absolute;
}
.i-m a span{
	left:-11px;
}
.i-f a span{
	left:-20px;
}
.developer {
	margin:0 auto;
	text-align:center;
	width:100px;
}
.developer a{
	color:#878c8f; 
	font-size:10px;
	line-height:16px;
}

.counter {
	margin:0 5px 5px;
	width:88px;
	display:inline;
	float: left;
}
/* Button Control */
.button {
	position:absolute;
	width:182px;
}
.button a {
	font: 14px/15px Georgia, sans-serif;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	display:block;
	color:#4c4c4c;
	width:182px;
	height:43px;
}

.button a .bc {
	cursor:pointer;
	position:absolute;
	text-align:center;
	padding-top:11px; 
	width:182px;
	z-index:1;
}
.button a .png{
	cursor:pointer;
	background:url(../images/button.png) no-repeat 0 0;
	position:absolute;
	width:182px;
	height:86px;
	left:0;
	top:0;
}
.button a:hover .png{
	top:-43px;
}

.auto {
	position:relative; 
}
.auto .button {
	top:102px;
	left:8px;
}
.auto .button a .bc {
	padding-top:3px;
	padding-bottom:3px;
}
.glass, .belay {
	position:relative;
}
.glass .button {
	top:80px;
	left:8px;
}
.glass .button a .bc {
	padding-top:11px;
	padding-bottom:3px;
}
.belay .button {
	top:89px;
	left:8px;
}
.belay .button a .bc {
	padding-top:3px;
	padding-bottom:3px;
}
.selection-header {
	border:2px solid #00a950;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:16px 12px;
	height:1%; 
	
}
.selection {
	border:1px solid #d9d9d9;
	padding:16px 12px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	height:1%; 
}

ul.tabNavigation li a.selected .al {
	background: url(../images/al.png) no-repeat 0 0; 
	position:absolute;
	height:39px;
	width:10px;
	left:-10px;
	margin:0;
	top:0;
}
ul.tabNavigation li a.selected .om {
	background: url(../images/om.png) no-repeat 0 0; 
	position:absolute;
	height:39px;
	width:10px;
	margin:0;
	right:0;
	top:0;
}
ul.tabNavigation {
	background:url(../images/tabnav.png);
	position:relative; 
	list-style: none;
	overflow:hidden;
	font-size:11px;
	width:480px; 
	height:39px;
	padding: 0;
	margin: 0 0 29px;
}
ul.tabNavigation a{
	color:#000;
	display:block;
	padding:7px 10px; 
	height:39px;
	text-decoration:none; 
}

ul.tabNavigation li {
	position:relative;
	float:left;
}
ul.tabNavigation #nt1 {
	height:39px;
	width:99px; 
}
ul.tabNavigation #nt2 {
	height:39px;
	width:116px;
}
ul.tabNavigation #nt3 {
	height:39px;
	width:124px;
}
ul.tabNavigation #nt4 {
	height:39px;
	width:140px;
}
ul.tabNavigation #nt4 a.selected .om {
	background: url(../images/lastom.png) no-repeat 0 0; 
}
ul.tabNavigation #nt1 a.selected .al {
	left:0;
	background: url(../images/alf.png) no-repeat 0 0; 
}
ul.tabNavigation #nt1 a.selected .om {
	right:-1px;
}
ul.tabNavigation li  {
	color: #000;
}
ul.tabNavigation li a.selected {
	background:url(../images/tabbg.png) repeat-x;
	color: #fff;
}


ul.tabNavigation li a:focus {
	outline: 0;
}
.tabs {
	color:#000;
}

div.tabs .content-tab {
	background: #FFF;
}
.if {
	margin:20px 0;
}
.fields {
	border:2px solid #00a950;
	background:#fff url(../images/field.png) no-repeat 12px 16px; 
	margin:0 0 20px;
	font-style:italic;
	padding:16px 38px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#000;
	height:1%; 
}
.fields h3{
	margin:0 0 8px;
}
.form-require {
	color:#f00;
}
.block {
	width:220px;
	height:160px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.radio {
	padding:6px 12px;
}

.main-path a {
	font-size:12px;
}
.main-path a {
	color:#1387d0;
}
.main-header {
	margin:24px 0 28px;
}
.block label {
	cursor:pointer; 
}
.form-element {
	height:30px;
	margin-bottom:10px;
}
.form-element textarea{
	width:260px;
	font: 14px/1.5 Arial, sans-serif;
}
.captha, .form-input {
	width:260px;
	position: relative;
	display:inline;
	float: left;
}
.form-input input{
	width:260px;
}
.form-label {
	width:182px;
	margin-right:5px;

	position: relative;
	display:inline;
	float: left;
}
.form-error {
	color:#f00;
	font-size:11px;  
}

.form-captha {
	margin-top:40px; 
}

.capthaimage {
	width:110px;
	position: relative;
	display:inline;
	float: left;
}
.form-input-medium {
	width:60px !important; 
}
.sending {
	width:454px;
	margin-top:10px;
	font: 12px/18px Arial, sans-serif;
	color:#848484;
}
.sending span{
	color:#f00;
}
.sending p{
	width:333px;
	display:block; 
	float:left;
}
.sending input{
	margin: 0 0 0 10px;
}
.goroda a{
	border-bottom:2px solid #00A950;
	font-size:18px;
	color: #00A950;
	text-decoration:none;
}
.goroda a:hover{
	color:#028540;
	border-bottom:2px solid #028540;
}
