@import url("reset.css");

body {color:#000; background:#000 url(../img/bg.png) repeat-x 0 0; font:12px 'Trebuchet MS','MS Sans Serif',sans-serif}
td,th {color:#000; font:12px 'Trebuchet MS','MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em 'Trebuchet MS','MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#2967b9; text-decoration:underline}
a:hover {text-decoration:none}

.fBold {font-weight:bold}

.main-title {font-size:20px; font-weight:normal; padding-bottom:13px}

/* -- ---- typography ---- -- */

.bg-left {background:url(../img/bg-left.jpg) no-repeat 0 44px}
.bg-right {background:url(../img/bg-right.jpg) no-repeat 100% 35px}

.long-col {float:left; width:730px}
.side-col {float:right; width:268px}

#minWidth {position:relative; width:1000px; margin:0 auto}

/* // ---- gray crn ---- // */
.top-crn {height:6px}
.gray-crn {height:5px; border-top:1px solid #fff; background:#fff url(../img/gray-bg.gif); margin:0 6px; font-size:1px}
	.gray-crn div {margin-top:-1px; width:6px; height:6px; background-image:url(../img/gray-crn.gif)}
	.gray-crn .rth {position:relative; float:right; right:-6px; background-position:100% 0}
	.gray-crn .lft {position:relative; left:-6px; background-position:0 0}

.three-column-grid, .two-column-grid {margin-bottom:2px}
	.three-column-grid .col-middle, .two-column-grid .col-middle {background:#fff url(../img/col-middle-bg.png) repeat-x 0 0}
	.two-column-grid .col-middle .long-col {border-right:2px solid #000; margin-right:-100px}
	.two-column-grid .col-middle .side-col {border-left:2px solid #000}
	.three-column-grid .col-2 {float:left; position:relative; z-index:2; left:200px; width:528px; margin-right:-100%}
	.three-column-grid .col-1 {float:left; position:relative; z-index:3; width:198px}
	.three-column-grid .col-3 {float:right; position:relative; width:270px}
	.three-column-grid .col-middle .col-md {position:relative; left:198px; border-left:2px solid #000; border-right:2px solid #000; width:528px}
	.three-column-grid .col-1-m {position:relative; float:left; left:-200px; width:198px; margin-right:-100%}
	.three-column-grid .col-2-m {float:left; width:528px; margin-right:-100%}
	.three-column-grid .col-3-m {position:relative; float:right; right:-272px; width:270px}
		.col-2m {padding:14px 24px}
	.three-column-grid .brd-cont {height:auto !important; height:150px; min-height:150px}
.brd-cont {border-right:1px solid #fff; border-left:1px solid #fff; background:#fff url(../img/col-middle-bg.png) repeat-x 0 0; zoom:1}

.btm-crn {height:1px; margin-bottom:-1px; font-size:1px}
	.btm-crn .rth, .btm-crn .lft {position:relative; top:-6px; margin-bottom:-6px; width:6px; height:6px; background-image:url(../img/gray-crn.gif)}
	.btm-crn .rth {float:right; background-position:100% 100%}
	.btm-crn .lft {background-position:0 100%}


/* -- ---- gray crn ---- -- */

/* // ---- top block ---- // */
.top {position:relative; color:#fff; height:105px}
	.logo {padding:32px 0 0; text-align:center}
	.icons {position:absolute; left:1px; top:48px; width:120px}
		.icons li {float:left; padding-right:10px}
		.icons a, .icons span {display:block; height:10px; overflow:hidden; font-size:1px; background-image:url(../img/icons.gif)}
		.icons .ico-home {width:11px}
		.icons .ico-smap {width:9px; background-position:-11px 0}
	.search-block {position:absolute; top:44px; right:25px}
		.search-block .inp-txt {float:left; width:158px}
		.search-block .lbl {position:absolute; right:100%; top:2px; padding-right:6px}
		.search-block .btn {position:absolute; top:2px; right:-24px}
	.top .small-nav {position:absolute; right:0; bottom:7px; width:350px}
		.top .small-nav li {float:right; padding-left:20px}
/* -- ---- top block ---- -- */

/* // ---- navigation block ---- // */
.navigation {position:relative; z-index:90; background:url(../img/bgnav.png) no-repeat 0 0; margin-left:-1px; margin-bottom:4px}
	.navigation li {position:relative; float:left; width:166px; height:51px; font:14px/50px Arial,Helvetica; background:url(../img/bgnav-brd.png) no-repeat 100% 2px; text-align:center}
	.navigation a {color:#b3b3b3; text-decoration:none}
		.navigation a:hover {color:#666}
	.navigation .nav-1 {width:169px}
	.navigation .nav-6 {width:168px; background-image:none}
	.navigation ul {background:#010101 url(../img/snav-bg.png) repeat-x 0 100%; padding:19px 10px 11px 33px}
		.navigation ul li {float:none; width:100%; height:auto; font-size:13px; line-height:normal; background-image:none; text-align:left; padding-bottom:8px}
		.navigation .sfHover .subnav {top:51px}
			.navigation .sfHover a {color:#666}
			.navigation .sfHover ul a {color:#b3b3b3}
				.navigation .sfHover ul a:hover {color:#666}
	.subnav {position:absolute; top:-999em; left:-1px; width:100%; zoom:1}
		.subnav .b-t {position:relative; margin:0 10px -1px 13px; font-size:0; line-height:0; height:1px; overflow:hidden; background-color:#242424}
		.subnav .s-btm {height:4px; margin-right:4px; font-size:1px}
			.subnav .s-btm-l {position:absolute; left:0; background:url(../img/snav-l.png); height:4px; width:100%}
			.subnav .s-btm-r {position:relative; float:right; right:-4px; width:4px; height:4px; background:url(../img/snav-r.png)}
/* -- ---- navigation block ---- -- */

/* // ---- main content ---- // */
.main-content {padding:14px 15px 15px 19px}
	.briefly-block {padding-bottom:22px}
		.flash-block {float:left; padding-bottom:15px}
		.briefly-text {float:right; width:310px}
/* -- ---- main content ---- -- */

/* // ---- for editor ---- // */
.for-editor {line-height:17px}
	.for-editor .dt {color:#808080; font-size:11px; padding-bottom:4px}
	.for-editor p {padding-bottom:15px}
	.for-editor img {border:1px solid #b3b3b3}
	.for-editor h2 {font-size:18px; font-weight:normal; line-height:normal; padding-bottom:13px}
	.for-editor ul {padding:0 0 15px 7px}
		.for-editor ul li {background:url(../img/li.gif) no-repeat 0 7px; padding-left:13px}
	.for-editor table {position:relative; margin:0 0 15px -8px; width:100%}
		.for-editor table th {background-color:#cbcbcb; padding:1px 5px 1px 8px; font-weight:bold}
		.for-editor table td {padding:1px 5px 3px 8px; vertical-align:top}
		.for-editor table .zb {background-color:#ebebeb}
/* -- ---- for editor ---- -- */

.production-main {}
	.production-main .ph {padding-bottom:8px}
		.production-main .ph img {border:1px solid #b3b3b3}
	.production-main h3 {font-size:12px; font-weight:normal; padding-bottom:5px}
	.production-main .floatLeft {width:341px}
	.production-main .floatRight {width:310px}

/* // ---- main objects ---- // */
.main-objects {padding:14px 10px 23px 19px}
	.main-objects ul {padding-bottom:9px}
	.main-objects li {padding-bottom:16px}
		.main-objects li img {border:1px solid #b3b3b3; margin-bottom:5px}
/* -- ---- main objects ---- -- */

/* // ---- three-column-main ---- // */
.main-news .brd-cont {padding:31px 0 0}
.three-column-main {margin-bottom:25px}
	.three-column-main .main-title {position:relative; margin-top:-15px}
	.three-column-main td {padding:0 20px; width:33%; border-right:1px solid #b5b5b5; vertical-align:top}
	.three-column-main .col-3 {border-right-width:0}
/* -- ---- three-column-main ---- -- */

/* // ---- news ---- // */
.news-list {margin:0 0 -13px; line-height:16px}
	.news-list li {padding-bottom:13px}
		.news-list .dt {color:#808080; font-size:11px; padding-bottom:3px}
		.news-list .img-cover {float:left; border:1px solid #b3b3b3; margin:3px 16px 0 0}
		.news-list h3 {font-size:1em; font-weight:normal; padding-bottom:5px}

.news-tools {margin:0 20px; border-top:1px solid #b5b5b5; padding-bottom:15px}
	.news-tools .news-left {float:left; padding-top:15px}
		.news-tools .news-left a {position:relative; margin-left:-6px; padding-left:8px; background:url(../img/ar.gif) no-repeat 0 8px}
	.news-tools .news-right, .subscribe-block {float:right; width:413px; text-align:right; vertical-align:middle; padding-top:15px}
		.news-tools .news-right input, .subscribe-block input {color:#bdbdbd}
		.news-tools .news-right label, .news-tools .news-right input, .subscribe-block input {vertical-align:middle}

/* -- ---- news ---- -- */

/* // ---- bottom ---- // */
.bottom {padding:18px 18px 20px; line-height:15px}
	.bottom .btm-left {float:left; color:#333; width:258px}
	.bottom .btm-cont {float:left; color:#808080; width:180px; margin-right:8px}
	.bottom .phones {padding-left:60px}
		.bottom .phones small {position:relative; float:left; font-size:1em; left:-60px; width:60px; margin-right:-60px}
		.bottom .phones span {float:right; width:100%}
	.bottom .develop {float:right}
/* -- ---- bottom ---- -- */

/* // ---- second nav ---- // */
.mgray-crn {background:#b8bbbe url(../img/lnav-bg.gif)}
	.mgray-crn div {background-image:url(../img/lnav-crn.gif)}
.lnav {}
	.lnav dt {background:#b8bbbe url(../img/lnav-bg1.gif) repeat-x 0 0; padding:14px 5px 19px 17px}
	.lnav li {font-size:16px; border-bottom:1px solid #c3c3c4; padding:9px 5px 10px 17px}
		.lnav ul ul {padding:10px 5px 5px 21px}
			.lnav ul ul li {font-size:12px; line-height:16px; border-bottom-width:0; padding:0 0 6px}
	.lnav small {display:block; font-size:12px; line-height:16px}
/* -- ---- second nav ---- -- */

.subscribe-block {float:none; padding:20px 5px 0 17px; width:auto; text-align:left}
	.subscribe-block label {display:block; padding-bottom:6px}
	.subscribe-block .inp-txt {width:140px}

.pages {padding-top:20px}
	.pages dt {float:left; padding-right:10px}
	.pages dd {float:left; padding-right:6px}


.archive-block {margin:0 10px; border-top:1px solid #b5b5b5; padding:7px 0 10px 14px}
	.archive-block .ar, .more-link a {position:relative; margin-left:-8px; padding-left:8px; background:url(../img/ar.gif) no-repeat 0 8px}
	.archive-block p {padding-bottom:7px}
	.archive-block dl {padding:0 0 10px 29px}
		.archive-block dl dt {position:relative; float:left; left:-29px; margin-right:-29px}
		.archive-block dl dd {float:left; padding:0 0 0 13px}

.more-link {padding-top:16px}
	.more-link a {zoom:1}

.view-gallery {padding-bottom:40px}
	.view-gallery .txt-gallery {float:left; width:235px; padding-top:5px}
		.view-gallery .txt-gallery h2 {font-size:14px; padding-bottom:4px}
	.view-gallery .gallery {float:right; width:230px; text-align:right}
		.view-gallery .gallery .big-ph {padding-bottom:11px}
			.view-gallery .gallery img {border:1px solid #b3b3b3}
	.view-gallery .line-thumbs {}
		.view-gallery .line-thumbs li {float:right; padding:0 0 2px 2px}
		.view-gallery .line-thumbs .selected img {opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60)}

.three-col-table {width:100%; margin-bottom:30px}
	.three-col-table td {width:32%; vertical-align:top; font-size:12px; line-height:16px; padding:0 15px 0 0}
	.three-col-table td.frst {width:36%}

.feedback-form {}
	.feedback-form .inputs {padding-bottom:16px}
		.feedback-form .lbl {float:left; width:129px; padding-top:1px}
		.feedback-form .inp-txt {float:left; width:251px}
		.feedback-form select {width:257px}
		.feedback-form option, .feedback-form select {margin:0}
		.feedback-form textarea.inp-txt {width:338px; height:189px}
		.feedback-form .btn {padding-left:129px}
			.feedback-form .btn input {color:#fff; background-color:#2967b9; padding:0 10px; overflow:visible; border-width:0}