/* Reset styles */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}



/* Headings */

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0px 10px;
	font-weight: normal;
}

h1 {
	margin: 0 0 12px 0;
	font: normal 18px "Trebuchet MS";
	color: #e4e4e4;
}

h2 {
	margin: 20px 0 8px 0;
	font: normal 15px "Trebuchet MS";
	color: #e4e4e4;
}

h3 {	
	margin: 18px 0 8px 0;
	font: normal 13px "Trebuchet MS";
	color: #e4e4e4;
}

h4 a:link, h4 a:visited {
	color: #e4e4e4;
	text-decoration: none;
}

.h4 h4 {
	float: left;
	width: 75px;
}

h4 {
	margin: 0 0 10px 0;
	font: normal 19px "Trebuchet MS";
	color: #e4e4e4;
}

.h4 {
	margin: 0 0 6px 0;
	_margin: 0 0 15px 0;
}

.arrow_magenta {
	float: left;
	background: url('../i/arrow_down.gif') no-repeat;
	display: block;
	width: 20px;
	height: 15px;
	display: inline;
	margin: 6px 0 0 8px;
}

.arrow_gray {
	float: left;
	background: url('../i/arrow_down_gray.gif') no-repeat;
	display: block;
	width: 20px;
	height: 15px;
	display: inline;
	margin: 4px 0 0 8px;
}

h5 {
	font-weight: bold;
	font-size: 1em;
	color: #000;
	background-color: transparent;
}

h6 {
	font-weight: bold;
	font-size: 1em;
	color: #999;
	background-color: transparent;
}

/* Links */

a:link, a:visited, a:active {
	text-decoration: underline;
}

a:link, a:active {
	color: #abbd00;
}

a:visited {
	color: #abbd00;
}

a:hover {
	text-decoration: none;
}

#regular .wrapper_2 a {
	font-weight: bold;
}

#regular .wrapper_2 a:link, #regular .wrapper_2 a:active {
	background: url('../i/underline_link.gif') repeat-x 0 99%;
	text-decoration: none;
}

#regular .wrapper_2 a:visited {
	background: url('../i/underline_link.gif') repeat-x 0 99%;
	text-decoration: none;
}

#regular .wrapper_2 a:hover {
	background: transparent;
}

#regular .wrapper_2 {
	background: url('../i/text_end.gif') no-repeat 0 100%;
	padding: 0 0 7px 0;
}



/* Paragraphs */
 
p {
	margin: 0 0 12px 0;
	line-height: 1.1em;
}

p_1 {
	margin: 0 0 8px 0;
	line-height: 1.1em;
}

/* Lists */

ol {
	margin: 16px 0px 16px 27px;
	padding: 0px;
}

ol ol {
	list-style-type: upper-alpha;
	margin: 4px 0px 4px 25px;
	padding: 0px;
}

ol li {
	padding: 0px;
	margin: 5px 0;
	list-style: decimal;
}

ul * ul {
	margin: 4px 0px 4px 25px;
}

ul {
	font-size: 11px;
	color: #adadad;
	margin: 12px 0 20px 20px;
	list-style-type: none;
}

ul li {
	margin: 0;
	_margin: -1px 0 0 0;
	list-style: none;
	padding: 0 0 0 10px;
	line-height: 15px;
	_line-height: 13px;
	background: url('../i/left_menu_li.gif') no-repeat 1px 4px;
}

ul li {
	margin: 5px 0;
	padding: 0px;
	list-style: disc;
}

* html ul li {
	height: 1%;
}

dl{
	margin: 10px 0;
}

dl dt {
	margin: 2px 0;
}

dl dd {
	margin: 2px 0 2px 30px;
}


/* Tables */

table {
	border-color: #9c9c9c;
	border-collapse: collapse;
	margin: 15px 0 15px 0;
}

table td {
	border-color: #9c9c9c;
	border-collapse: collapse;
	padding: 5px;
}

table td strong {
	font-weight: bold;
}

table .color td {
	background: #F5F5F5;
}

table caption {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px;
	color: #000;
	font-size: 107%;
	text-transform: uppercase;
	border-bottom: 1px solid #A6A6A6;
}

table th {
	padding: 5px;
	border: 1px solid #B3B3B3;
	color: #000;
	background: #EEEEEE;
	font-weight: bold;
}

table th h4 {
	color: #000;
	margin: 0px;
	font-weight: bold;
}

hr {
	background: #ccc;
	border: 0px;
	color: #ccc;
	height: 1px;
	margin: 15px 0px;
	padding: 0px;
}

* html	hr {
	margin: 8px 0px;
	padding: 0px;
}

/* Forms */

.form{
	margin: 10px 0 10px;
	width: 100%;
	padding: 15px 0 0;
}

.form.redline {
	border-top: 4px solid #90A600;
}

.form fieldset {
	border: 1px solid #CBC0BC;
	padding: 0px 20px 20px;
}

.form legend {
	margin: 0px 0px 10px;
	padding: 0 5px;
	font-size: 120%;
	font-weight: bold;
	height: auto;
}

.form ul {
	margin: 0;
	padding: 0;
}

.form .line {
	clear: both;
	padding: 0 0 6px 0;
	width: 100%;
	margin: 2px 0;
}

.form .line.marked {
	background: #D98C00;
	padding: 10px 0 10px;
	color: #fff;
}

.form .line.marked label {
	margin-left: 10px;
}

.form.descr .line {
	border-bottom: 1px solid #ccc;
	padding: 5px 0 6px 0;
}

.form .line:before {content: "."; display: block; height: 0; clear: both; visibility:hidden;}
.form .line:after {content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html .form .line {height: 1%;}

.form .label {
	float: left;
	width: 25%;
	display: block;
	margin-right: 10px;
	display: inline;
	font-size: 93%;
}

.form .formw {
	width: 70%;
	display: block;
	float: left;
}

form.descr .formw {
	width: 460px;
	text-align: justify;
}

.form .formw .text {
	width: 99%;
	background: #F4F5F4;
	border: 1px solid #9C9C9C;
	font: 100% Arial, Helvetica, sans-serif;
}

.form .rad {
	vertical-align: middle;
	margin: 0 4px 0 0;
}

.form .btn {
	font: 100% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
}

.red {
	color: #E05332;
}

.err {
	color: #E05332;
	font-size: 83%;
	line-height: 115%;
}

/* Clearfix */

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}

.clearfix {
    display:block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}

/* Layout */

body {
	font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background: #d1d1d1;
/*	width: 1800px;*/
	background: url('../i/footer_bg.jpg') repeat-y 50% 100%;
}

html, body {
	height: 100%;
}
/*
.everything {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	background: #ff0;
}*/

.all {
	min-height: 100%;
	height: auto !important;
	height: 100%;
/*	margin: 0 auto -68px;
	_margin: 0 auto -65px;*/
	position: relative;
}

.catalog {
	width: 699px;
	height: 314px;
	position: absolute;
	top: 444px;
	right: 12px;

}

.catalog kbd {
	margin:0;
	font: 12px "Trebuchet MS";
	font-style: normal;
	width: 699px;
	height: 314px;
	display: none;
}

#back {
	position:absolute;
	top: 78px;
	left: 63px;
	width: 27px;
	height: 25px;
	background: url('../i/arrow_left.gif') no-repeat;
	display: block;
	text-decoration: none;
}

#forward {
	position:absolute;
	text-decoration: none;
	top: 31px;
	right: 79px;
	width: 27px;
	height: 25px;
	background: url('../i/arrow_right.gif') no-repeat;
	display: block;
}

#all_works {
	position: absolute;
	top: 257px;
	left: 219px;
	background: url('../i/blank.gif') repeat;
	display: block;
	width: 78px;
	height: 40px;
	z-index: 500;
	text-decoration: none;
}

#back:hover, #forward:hover {
	background-position: 0 100%;
}

.here {display: block !important;}

.bg_left {
	background: url('../i/bg_left.jpg') repeat-x;
	width: 100%;
	height: 100%;
/*	position: absolute;
	top: 0;
	left: 0;*/
	position: relative;
	z-index: 1;
}

.bg_right {
	background: url('../i/bg_right.jpg') no-repeat 100% 0;
	width: 100%;
	height: 100%;
	/*position: absolute;
	top: 0;
	right: 0;*/
	position: relative;
	z-index: 1;
}

.all {
	position: relative;
	z-index: 100;
	background: url('../i/bg.jpg') no-repeat 50% 0;
}

.frame {
	width: 973px;
	margin: 0 auto;
	position: relative;
	min-height: 872px;
	padding: 0 0 20px 0;
}

#index .frame {
	background: url('../i/index_bg.jpg') no-repeat 100% 0;
}

#regular .frame {
	background: url('../i/regular_bg.jpg') no-repeat 538px 0;
	padding: 0 0 50px 0;
}

.col_left {
	float: left;
	width: 260px;
	display: inline;
	overflow: hidden;
}

.col_right {
	float: left;
	width: 713px;
	display: inline;
	overflow: hidden;
	position: relative;
	min-height: 872px;
}

.logo {
	margin: 52px 0 0 0;
}

ul.navicons {
	margin: 0;
	position: absolute;
	top: 157px;
	right: 56px;
	z-index: 50;
}

ul.navicons li {
	float: left;
	overflow: hidden;
	margin: 0 0 0 15px;
}

ul.navicons li a {
	width: 20px;
	height: 20px;
	display: block;
	overflow: hidden;
}

ul.navicons li:hover img, ul.navicons li.here img {
	margin: -20px 0 0 0;
}

.menu {
	margin: 150px 0 0 0;

}

.menu li {
	margin: 0 14px 0 0;
	float: left;
	height: 30px;
	overflow: hidden;
	list-style: none;
	position: relative;
	padding: 0;
	background: transparent;
}

.menu li .a {
	float: left;
	height: 29px;
	overflow: hidden;
	text-decoration: none;
	font: 11px "Trebuchet MS";
	color: #d3d3d3;
	line-height: 30px;
	margin: 0 15px;
	background: url('../i/menu_middle.png') repeat-x;
	position: relative;
	z-index: 10;
}

.menu li a:link, .menu li a:visited {
	display: block;
	position: absolute;
	text-decoration: none;
	background: url('../i/blank.gif') no-repeat;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
}

.m_left {
	background: url('../i/menu_left.png') no-repeat;
	width: 15px;
	height: 29px;
/*	float: left;*/
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

.m_right {
	background: url('../i/menu_right.png') no-repeat;
	width: 15px;
	height: 29px;
/*	float: left;*/
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}
/*
.m_middle {
	background: url('../i/menu_middle.png') repeat-x;
	height: 29px;
	display: block;
	cursor: pointer;
	float: left;
	display: inline;
	margin: 0 5px 0 15px;
}*/

.m_text {
	height: 29px;
	display: block;
	cursor: pointer;
	float: left;
	display: inline;
	margin: 50px 0 0 -5px;
	overflow: hidden;
	font: 11px "Trebuchet MS";
}

.the_text {
	position: absolute;
	top: 7px;
	left: 11px;
	z-index: 100;
	color: #d3d3d3;
	font: 11px "Trebuchet MS";
}

.menu li.current .m_left {
	background: url('../i/menu_current_left.png') no-repeat;
}

.menu li.current .m_right {
	background: url('../i/menu_current_right.png') no-repeat;
}

.menu li.current .a {
	background: url('../i/menu_current_middle.png') repeat-x;
}

.menu li.current:hover .m_left {
	background: url('../i/menu_current_left.png') no-repeat;
}

.menu li.current:hover .m_right {
	background: url('../i/menu_current_right.png') no-repeat;
}

.menu li.current:hover .a {
	background: url('../i/menu_current_middle.png') repeat-x;
}

.menu li:hover .m_left {
	background: url('../i/menu_hover_left.png') no-repeat;
}

.menu li:hover .m_right {
	background: url('../i/menu_hover_right.png') no-repeat;
}

.menu li:hover .a {
	background: url('../i/menu_hover_middle.png') repeat-x;
}


.auth {
	position: absolute;
	top: 37px;
	right: 60px;
}

#auth_box {
	width: 180px;
	height: 194px;
	position: absolute;
	right: 55px;
	top: 55px;
	z-index: 100;
}

.auth_bg {
	background: url('../i/auth_bg.png') no-repeat;
	width: 180px;
	height: 194px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.auth_hidden {
	display: none;
}

.auth_visible {
	display: block;
}

#auth_box .inner {
	position: relative;
	z-index: 100;
}

#auth_box form {
	margin: 55px 0 0 24px;
	width: 130px;
}

#auth_box .text {
	width: 50px;
	background: url('../i/auth_input.gif') no-repeat;
	width: 131px;
	height: 24px;
	margin: 0 0 7px 0;
}

#auth_box .text input {
	background: transparent;
	border: 0px solid transparent;
	color: #6e6e6e;
	font: 14px "Trebuchet MS";
	margin: 3px 0 0 9px;
}

.button {
	background: url('../i/button_right.gif') no-repeat 100% 0;
	float: left;
	height: 20px;
}

.button div {
	background: url('../i/button_left.gif') no-repeat 0 0;
	float: left;
	height: 20px;
}

.button input {
	background: transparent;
	border: 0px solid transparent;
	color: #d3d3d3;
	font: 11px "Trebuchet MS";
	width: 1;
	overflow: visible;
	padding: 0 11px;
	height: 20px;
	cursor: pointer;
}

#auth_box .button {
	margin: 15px 0 0 40px;
	display: inline;
}

.auth_links {
	font-size: 10px;
	color: #7c7c7c;
	margin: 10px 0 0 0;
}

.auth_links a:link, .auth_links a:visited {
	color: #7c7c7c;
}

.close {
	position: absolute;
	display: block;
	top: 34px;
	right: 26px;
	width: 14px;
	height: 14px;
}

a.auth_link:link, a.auth_link:visited {
	color: #212125;
	text-decoration: none;
	line-height: 14px;
	background: url('../i/ico_auth.gif') no-repeat 0 4px;
	padding: 0 0 0 14px;
	display: block;
	height: 16px;
	float: left;
}

.auth_link span {
	background: url('../i/dashes.gif') repeat-x 0 100%;
	display: block;
	float: left;
	cursor: pointer;
}

.col_right .wrapper {
	margin: 35px 0 0 43px;
}

.pic {
	float: left;
}

.description {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	color: #313131;
}

.new .description {
	width: 230px;
}

.new a:link, .new a:visited, .blog_entry a:link, .blog_entry a:visited {
	text-decoration: none;
	color: #313131;
}

.new a:hover, .blog_entry a:hover {
	text-decoration: underline;
}

.news {
	width: 340px;
}

p.title {
	font-weight: bold;
	color: #313131;
	line-height: 1em;
	margin: 0;
}

.new .title a {
	background: url('../i/arrow_right_green.gif') no-repeat 100% 6px;
	padding: 0 20px 0 0;
}

.blog_entry .title a .arrow {
	margin: 0 0 0 3px;
}

.date {
	color: #888888;
}

.new .date {
	color: #989797;
}

.new {
	margin: 0 0 4px 0;
	line-height: 1.3em;
}

.phone {
	font-size: 10px;
	color: #888888;
	margin: 30px 0 40px 14px;
}

.phone small {
	font-size: 10px;
	display: block;
	margin: 0 0 0 13px;
}

.phone big {
	font-size: 21px;
	display: block;
	color: #e4e4e4;
	line-height: 1.1em;
}

.phone p {
	margin: 0 0 0 13px;
}

.slogan {
	text-transform: uppercase;
	color: #abbd00;
	font-size: 34px;
	line-height: 1em;
}

.slogan span {
	display: block;
}

.slogan .line_2 {
	margin: -14px 0 0 15px;
}

.left_menu {
	font-size: 11px;
	color: #adadad;
	margin: 12px 0 58px 20px;
}

.left_menu li {
	margin: 0;
	_margin: -1px 0 0 0;
	list-style: none;
	padding: 0 0 0 10px;
	line-height: 15px;
	_line-height: 13px;
	background: url('../i/left_menu_li.gif') no-repeat 1px 4px;
}

.left_menu a:link, .left_menu a:visited {
	color: #adadad;
	text-decoration: none;
}

.left_menu a:hover {
	text-decoration: underline !important;
}

.blogs .h2 {
	margin: 0 0 15px 18px;
}

.blogs {
	margin: 0 0 0 20px;
}

.blog_entry {
	margin: 0 0 5px 0;
}

.blog_entry .description {
	width: 160px;
	line-height: 1.1em;
}

.blog_entry p.preview {
	line-height: 1em;
}

.blog_entry .description p.preview {
	line-height: 1.1em;
}

.blog_entry p.title {
	line-height: 1.2em;
}

.footer {
/*	position: absolute;
	bottom: -19px;
	_bottom: -30px;
	left: 0;*/
	width: 100%;
	height: 68px;
	position: relative;
	z-index: 500;
	margin: -65px 0 0 0;
}

.footer_frame {
	width: 973px;
	margin: 0 auto;
}

.footer_data {
	width: 452px;
	float: right;
	height: 68px;
	display: inline;
	margin: 0 148px 0 0;
	position: relative;
}

.copyright {
	background: url('../i/copyright_bg.png') no-repeat 0 100%;
	width: 135px;
	height: 68px;
	position: absolute;
	right: 0;
	top: 0;
}

.developer {
	font-size: 10px;
	color: #656565;
	margin: 4px 0 0 12px;
	line-height: 10px;
}

.developer a:link, .developer a:visited {
	color: #656565;
	text-decoration: none;
}

.cms {
	font-weight: bold;
	color: #737373;
	margin: 6px 12px 0 12px;
	border-bottom: 3px solid #d6fa00;
}

.cms a:link, .cms a:visited {
	color: #737373;
	text-decoration: none;
}

.search {
	position: absolute;
	top: 5px;
	left; 0;
	background: url('../i/search_bg.gif') no-repeat;
	width: 197px;
	height: 24px;
}

.search .text {
	position: absolute;
	top: 3px;
	left: 10px;
	width: 155px;
	border: 0px solid transparent;
	background: transparent;
	color: #6e6e6e;
	font: 14px "Trebuchet MS";
}

.search .btn {
	position: absolute;
	top: 1px;
	right: 0;
	width: 24px;
	height: 24px;
	border: 0px solid transparent;
	cursor: pointer;
	background: transparent;
}

.wrapper_2 {
	font-size: 14px;
	margin: 35px 0 0 44px;
	width: 500px;
	color: #313131;
}

.bg_element_left {
	position: absolute;
	top: 701px;
	left: 0px;
	z-index: 200;
}

.bg_element_right {
	position: absolute;
	top: 655px;
	right: 0;
	z-index: 200;
}