/*reset*/
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;
	background: transparent;
}
input, select, label {vertical-align: middle;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/*================reset=======================*/
html, body {
  font-family: Trebuchet MS, Arial, sans-serif; font-size: 14px; color: #333; width: 100%;
  background: #fff url(../images/bg_header.gif) repeat-x; height: 100%;
}
img {border: 0;}
.fl_l {float: left;}
.clear {clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden;}
ul {margin: 0.2em 1em 0.2em 20px; list-style-position: outside;}
p {margin: 0.7em 0;}
h1 {
  font-size: 24px; font-weight: normal;
  margin: 0 0 0.4em; color: #000;
}
h2 {font-size: 24px; font-weight: normal;}
.zag_contacts{font-size: 30px; font-style: italic; margin-bottom: 0.8em;}
h3 {font-size: 18px; font-weight: normal; font-style: italic;}
h4 {font-size: 14px; font-weight: normal; color: #FEA426;}

#wrapper {min-height: 100%; height: auto !important;height: 100%;}
#wrap,#header,.navi-wrap_out {min-width: 900px; padding: 0 5%; max-width:1340px;width:expression(((document.documentElement.clientWidth ||?
document.body.clientWidth) < 900) ? '900px' : ?
((document.body.clientWidth > 1300) ? '1300px' : '100%')); margin: 0 auto;
}
.m_width1000 {min-width: 1000px !important; width:expression(((document.documentElement.clientWidth ||?
document.body.clientWidth) < 1000) ? '1000px' : ?
((document.body.clientWidth > 1300) ? '1300px' : '100%'));}
/*header*/
#wrap {padding-bottom: 100px;}
#header {padding-bottom: 53px;}
#header img {float:left; margin-top: 37px;}
#header ul {float:right; margin: 53px -10px 0 0; list-style: none;}
*html #header ul {width: 550px;}
#header li {float:left; padding: 3px 7px; font-size: 18px; margin: 0 3px;}
.act {border: 1px solid #777; display: block; padding: 3px 7px;}
#header li a,#header li a:visited {text-decoration: none;}
#header li a:hover {text-decoration: underline;}
.last {border: 0 !important; padding-right: 0 !important;}
/*scroll*/
#promo {overflow:hidden;position:relative;width:100%;}
#promo .last {padding-right: 5% !important; width: 320px;}
#promo a,#promo a:visited {}
#promo a:hover {text-decoration: underline;}
#portfolio-anchor {
display:inline-block;
height:10px;
left:0;
position:absolute;
top:-100px;
visibility:hidden;
width:10px;
}
.promo-wrap {height:250px; overflow: hidden; padding-left: 5%;}
.navi-wrap {padding:0 18px;}
.promo-navi {
background: url(../images/scroll_line.gif) repeat-x 0 6px;
height:15px;
position:relative;
}
.prev {left:-18px;}
.prev, .next {
background: url(../images/strelka.gif) no-repeat;
cursor:pointer;
height:15px;
position:absolute;
top:0;
width:18px;
}
.next {background-position:-18px 0;right:-18px;}
.dragdealer {
background: url(../images/scroll_line.gif) repeat-x 0 6px;
height:15px; position:relative;
}
.begun {
background: url(../images/scroll_slider.gif) no-repeat;
cursor:pointer;
height:15px; width:29px;
position:absolute;
left:0; top:0;
}
.promo-block {position:relative;width: 250px;}
.promo-block div {text-align: center; float: left;width: 250px; overflow: hidden;}
.bord {background: url(../images/bord.gif) repeat-x; height: 3px; margin: 17px 0 37px;}
/*content*/
/* = main = */
.col25 {width: 22%; margin-top: 8px; margin-right: 3%; float: left;}
.col25 h3 {margin-bottom: 7px;}
.col25 p {margin: 0;}
.col33 {width: 29%; margin-right: 5%; float: left; font-size: 13px;}
.col33 h3 {font-style: normal;}
.col33 ul {list-style: square; margin: 5px 0 0 15px;}
.col33 li {margin: 0.7em 0;}
.bg_contacts {background: url(../images/bg_contacts.gif) repeat-x; margin: 30px 0 30px -3000px; padding-left: 3000px;}
.bg_contacts big,.bg_contacts a {font-size: 18px;}
.bg_contacts p {margin: 8px 0 23px;}
.bg_contacts_r {background: url(../images/bg_contacts_right.gif) no-repeat right; height: 139px; margin-right: -33px; padding: 22px 50px 5px 0;}
.mail {background: url(../images/mail.png) no-repeat 0 50%; padding-left: 55px; width: 24%; float: left;}
.phone {background: url(../images/phone.png) no-repeat 0 50%; padding-left: 65px; width: 18%; float: left;}
.skype {background: url(../images/skype.png) no-repeat; padding: 0 0 8px 60px; width: 18%; float: left;}
.icq {background: url(../images/icq.png) no-repeat; padding: 0 0 4px 55px; width: 13%; float: left;}
.str {background: url(../images/str.gif) no-repeat; padding: 3px 0 5px 30px;}
/* works */
.link_type_work {background: url(../images/bg_works.gif) repeat-x; font-size: 24px; float: left; margin-right: 25px;}
.link_type_work div {background: url(../images/bg_works_str.gif) no-repeat right; padding: 0 17px 4px;}
.link_type_work a,.link_type_work a:visited {text-decoration: none; border-bottom: 1px dotted #434f6d;display: inline-block;}
.link_type_work a:hover {text-decoration: none; border-bottom: 1px dotted #cb2525;}
.links_work {padding-top: 10px; color: #434f6d;}
.links_work a,.links_work a:visited {text-decoration: none; margin: 0 12px; border-bottom: 1px dotted #434f6d;}
.links_work a:hover {text-decoration: none; border-bottom: 1px dotted #cb2525;}
.thumbnails {text-align: center; margin: 0 -4% 0 -6%;}
.thumbnail {
text-decoration: none;
/* Следующее правило для Firefox 2 */
display: -moz-inline-box;
/* а это для остальных */
display: inline-block;
vertical-align: top;
width: 23%;
text-align: left; margin: 5px 0 5px 1.7%;}
.thumbnail .r {float: right;overflow:hidden;text-align:center;width:100%;}
.thumbnail a,.thumbnail a:visited {}
.thumbnail a:hover {text-decoration: underline;}
.zag_work {background: url(../images/bg_works.gif) repeat-x; font-style: italic; float: left; margin-right: 10px; margin-left: -10px;}
.zag_work div {background: url(../images/bg_works_str.gif) no-repeat right; padding: 9px 17px; height: 15px;}
#middle {position: relative;}
#container {width: 100%; float: left;}
.work_cont {padding-right: 400px;}
.work_detail {width: 617px;}
.work_cont img {margin-bottom: 25px;}
.work_right {width: 375px; float: left; margin-left: -375px;}
.work_right p {font-size: 12px;}
.zag_right {padding-left: 40px; border-bottom: 1px solid #b8bdc8; padding-bottom: 2px; font-style: italic;}
.block_work_r {padding: 0 0 50px 40px;}
.block_work_r em {color: #666;}
#middle blockquote {position: absolute; bottom: 50px; right: 0; width: 380px; padding-left: 30px;}
#middle blockquote p.mar30 {margin: 0 30px 3px;}
#middle blockquote div {background: url(../images/quote_l.gif) no-repeat 0 3px; font-style: italic;}
#middle blockquote div div {background: url(../images/quote_r.gif) no-repeat 93% 100%; padding: 0 30px;}
.zag_work_screen {background: #ffebfc; font-style: italic; float: left; position: relative; padding: 5px 17px; margin-left: -10px;margin-bottom: -3px;}
*html .zag_work_screen, *html #middle {position: static;}
*html body {position: relative;}
*html #middle blockquote {position: absolute; z-index: 99; bottom: 150px; right: 50px;}
/* services */
.services {margin: 15px auto; width: 925px; padding-bottom: 100px;}
.services p {margin: 0;}
.img_l {float:left; width: 170px; margin: 33px 5px 30px 0;}
.img_r {float:right; text-align: right; width: 145px; margin: 30px 0 30px 5px;}
.serv_text {width: 515px; float: left; margin: 30px 0;}
.serv_text_r {width: 515px; float: right; margin: 30px 0;}
/*contacts*/
.w25 {width: 20%;}
.w15 {width: 14%;}
.form_feedback {background: url(../images/bg_form_feedback.gif) no-repeat; font: italic 18px Georgia; margin: 57px auto; width: 749px; height: 270px; padding: 50px 43px 20px 48px;}
.recipient {float: right; font-size: 14px;}
.pad_feedback {margin: 17px 0 25px;}
.zag_application {font: italic 24px Georgia; clear: both; margin-top: 50px; text-align: center;}
.input_feedback {border: 0; border-bottom: 1px solid #333; font-size: 18px; margin-bottom: 6px; width: 280px; }
.input_feedback2 {border: 0; border-bottom: 1px solid #333; font-size: 18px; margin-bottom: 6px; width: 290px;}
.input_feedback3 {border: 0; border-bottom: 1px solid #333; font-size: 18px; margin-bottom: 6px; width: 210px;}
.but_feedback {background: url(../images/but_zayavka.gif) no-repeat; text-align: center; height: 24px; width: 123px; font-size: 13px; border: 0; float: left;}
.date_feedback {float: right; font-size: 14px; padding-top: 7px;}
	.newListSelected{
		width:180px; float: left;
        margin: 3px 5px 0;
	}
	.selectedTxt{
	  float: left;
		overflow:hidden;
        border-bottom: 1px dashed #434f6d;
		color:#434f6d;
		position:relative;
		z-index:1;
        cursor: pointer;
        margin-left: 8px;
	}
	.selectedTxt:hover{
        color: #cb2525; border-bottom: 1px dashed #cb2525;
	}
	.newList{
		list-style:none;
		width:180px;
		position:absolute;
        border: 1px solid #cbcbcb;
        background: #fff;
        margin: -4px 0 0;
		z-index:500;
		top:0;
	}
	.newList li{padding:0;margin:0; border-bottom: 1px solid #cbcbcb;}
	.newList li a{
		display:block;
		opacity:0.85;
		filter:alpha(opacity=85);
		outline:none;
		padding: 2px 7px;
		overflow:hidden;
	}
	.newList li a:link,.newList li a:visited{color:#000;text-decoration:none;}
	.newList li a:hover{color:#fff;text-decoration:none; background: #434f6d;}
	.newList li a.hiLite,.newList li a.newListHover{opacity:0.95;filter:alpha(opacity=95);}



/*footer*/
#footer {border-top: 1px solid #e2e2e2; padding: 10px 20px 0 23px;
	margin: -70px auto 0;
	height: 40px;
min-width: 860px; max-width:1340px;width:expression(((document.documentElement.clientWidth ||?
document.body.clientWidth) < 900) ? '900px' : ?
((document.body.clientWidth > 1300) ? '1300px' : '100%'));}
#footer a,#footer a:visited {color:#000;}
#footer a:hover {color:#cb2525;}
.copyright {width: 35%; float: left;}
.foot_cont {float: left; width: 40%;}
.form_search {float: right; width: 171px;}
.form_search input {border:0; vertical-align: top; float: left;}
.input_search {background: url(../images/input_search.gif) no-repeat; width: 136px; height: 12px; padding: 5px; font-size: 11px;}
.but_search {background: url(../images/but_search.gif) no-repeat; width: 25px; height: 22px; border: 0; text-indent: -3000px; cursor: pointer;}

/*others*/
.pad_t7 {padding-top: 7px;}
.last25 {margin-right: 0 !important; width: 25%;}
.last33 {margin-right: 0 !important; width: 32%;}
.pad5 {padding: 0 5%;}


/*links*/
a, a:visited {color: #434f6d; outline: none; text-decoration: underline;}
a:hover, a:active {color: #cb2525; text-decoration: underline;}
a.nounder, a.nounder:visited {text-decoration: none;}
a.nounder:hover {text-decoration: none;}