/*- 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,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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";} 
img { border:0;}
/*- GLOBAL <<<-------*/

body{background:#fafafa;color:#333;font:62.5%/1.6 Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0;}
h1{letter-spacing:-1px;font-size:2.67em;padding:30px 0 25px;}
h2{letter-spacing:-1px;font-size:1.5em;padding:20px 0;}
h3{font-size:1em;font-weight:700;}
p,ul,ol{margin:0;padding:0 0 1.67em;}
ul,ol{padding:0 0 1.67em 1em;}
blockquote{margin:0;padding:0 0 0 3em;}
small{font-size:1.13em;}
sup{position:relative;bottom:.4em;vertical-align:baseline;}
sub{position:relative;bottom:-.27em;vertical-align:baseline;}
acronym,abbr{cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
a,a:link,a:visited,a:hover{text-decoration:underline;outline:none;}
a:focus, input:focus{ 
outline: none; 
}
form{display:inline;margin:0;padding:0;}
textarea{width:100%;line-height:1.67;}
label{cursor:pointer;}
table{border:0;margin:0;padding:0;}
.clear{clear:both; font-size:0;}
.floatleft{float:left;} 
.floatright{float:right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.textjustify{text-align:justify;}
.bold{font-weight:700;}
.italic{font-style:italic;}
.underline{border-bottom:1px solid;}
.highlight{background:#ffc;}
.imgleft{float:left;margin:4px 10px 4px 0;}
.imgright{float:right;margin:4px 0 4px 10px;}
.noindent{margin-left:0;padding-left:0;}
.nobullet{list-style:none;list-style-image:none;}
.upper{text-transform:uppercase;}
.top{vertical-align:top;}
.bottom{vertical-align:bottom;}
.width1{width:1%;}
.width50{width:50%;}
.size8{font-size:.8em;}
.size9{font-size:.9em;}
.size10{font-size:1em;}
.size11{font-size:1.1em;}
.size12{font-size:1.2em;}
.size13{font-size:1.3em;}
.size14{font-size:1.4em;}
.size15{font-size:1.5em;}
.size16{font-size:1.6em;}
.size18{font-size:1.8em;}
.size24{font-size:2.4em;}
table tr td,.nopadding{}
#wrap,.wrap{width:960px;margin:0 auto;}
strong { font-weight:bold;}
li{ background:url(../pic/star_yellow_small.gif) 0 7px no-repeat; padding-left:15px; line-height:180%;}
.perenos { white-space:nowrap;}
/*color*/
.white{color:#fff;}
.black{color:#000;}
.red{color:#f00}
.gray { color:gray;}
.silver { color:silver;}

/*------Висячка<<---------------*/
/* ( ) */
span.sbrace {margin-right: 0.3em}
span.hbrace {margin-left: -0.3em}

/* << >> */
span.slaquo {margin-right: 0.44em}
span.hlaquo {margin-left: -0.44em}
span.slaquo-s {margin-right: 0.55em}
span.hlaquo-s {margin-left: -0.55em}

/* лапки */
span.sbdquo {margin-right: 0.35em}
span.hbdquo {margin-left: -0.35em}
span.sbdquo-s {margin-right: 0.35em}
span.sbdquo-s {margin-left: -0.35em}

/* использование следующих, эффекты и смыслы на вскидку не выявлены, 
наверное дефизы и т.п. или они просто забили на это, ибо не втречал я пока на их
сайте выравнивания текста с ровным правым краем */

span.squot {margin-right: 0.32em}
span.hquot {margin-left: -0.32em}

span.sowc {margin-right: 0.04em}
span.howc {margin-left: -0.04em}

span.sowcr {margin-right: 0.05em}
span.howcr {margin-left: -0.05em}


/*- STRUCTURE <<<-------*/

html,body{height:100%;margin:0;padding:0;}
.main_table{height:100%;background:#f1f1f1}

/* меню */
#menu {position:absolute; top:0; left:238px; height:50px; width:750px;z-index:55}
#menu a{
white-space:nowrap;
display:block;
float:left;
height:36px;
padding:12px 14px 0 14px;
color:white;
text-decoration:none;
}
#menu a:hover {
background:url(../pic/menu_hover.gif) bottom center no-repeat;
}

.menu_active_back {
background:url(../pic/menu_active_back.gif) bottom center repeat-x;
display:block;
float:left;
}
.menu_active_left {
background:url(../pic/menu_active_left.gif) bottom left no-repeat;
display:block;
float:left;
}
.menu_active_right {
background:url(../pic/menu_active_right.gif) bottom right no-repeat;
white-space:nowrap;
display:block;
float:left;
height:34px;
padding:12px 14px 0 14px;
color:white;
text-decoration:none;
cursor:default;
}
.red_txt { color:#ec1c24; font-size:16px; font-weight:bold; line-height:100%; margin-top:5px; white-space:nowrap;}
.black_txt { font-size:18px; line-height:100%;}

#menu2_pic {position:absolute; top:50px; right:23px;width:422px; height:142px; z-index:58}
#menu2_pic a { display:block; width:121px; text-decoration:none; color:black}
#menu2_pic a:hover  {color:#FFFFFF;} 

#bot_menu {position:absolute; top:0; left:27px; width:484px; height:29px; padding-top:15px;}
#bot_menu a {
white-space:nowrap;
display:block;
float:left;
padding:0 5px;
color:#c66;
text-decoration:none;
font-size:11px;
}
#bot_menu a:hover { text-decoration:underline; color:#fafafa}

#banner_bot {position:absolute; top:39px; left:29px;width:468px; height:60px; z-index:11}
#banner_bot img { text-decoration:none;}
#banner_bot a {color:#fcd; text-decoration:underline; font-size:11px;}
#banner_bot a:hover { text-decoration:none;} 

#podval_info {position:absolute; top:10px; right:215px;width:305px; height:123px;}
#podval_info a { text-decoration:none; color:#f60;}
#podval_info a:hover { text-decoration:underline; color:#fc0;}
.title_info { color:#c66;float:left; width:60px; height:40px;}

a.more {
display:block;
height:18px; 
width:46px;
background:url(../pic/more.gif) top center no-repeat;
}
a.more:hover { background-position:0 -18px;}

a { color:#f60; text-decoration:underline;}
a:visited { color:#c39;}
a:visited:hover, 
a:hover { color:red; text-decoration:none;}

.tell_right_coll { line-height:120%;}
.top_info_box {background:#f1f1f1; position:relative}
.info_box_txt {height:38px; margin:0 auto; width:990px; background:#f1f1f1; color:#4d0103; position:relative;}
.info_box_txt_poss {padding-top:18px;}
.header_box {background:#4d0103;}
.header_box_size {height:517px; margin:0 auto; width:990px; position:relative;}
.header_box_size_next,
.header_box_size_top {height:235px; margin:0 auto; width:990px; position:relative;}
.header_box_size_portfolio {height:550px; margin:0 auto; width:990px; position:relative;}
.header_box_size_item { margin:0 auto; width:990px; position:relative;}
.header_back_img,
.header_back_img_next ,
.header_back_img_portfolio,
.header_back_img_item {position:absolute; top:0px; left:-170px; width:795px; height:883px;background:url(../pic/fireflower.jpg) top center  no-repeat;  z-index:0}
.logo {
	position:absolute;
	top:-10px;
	left:37px;
	width:183px;
	height:64px;
	z-index:57
}
.slogan {
	position:absolute;
	top:62px;
	left:20px;
	width:247px;
	height:72px;
}
.second_navigation {position:absolute; top:98px; left:28px; height:17px; width:200px; text-align:center; z-index:56}
.second_navigation_poss {height:17px;}
.slagan2_delaem {position:absolute; top:85px; right:568px;width:108px; height:19px;}
.slogan2_yarkie {position:absolute; top:105px; right:596px; width:auto; height:48px;}
.slogan2_sites {position:absolute; top:136px; right:462px; width:214px; height:73px;}
.zakaz_box {float:left; text-align:center;}
.raskrutka_box {float:left;margin-left:15px;margin-top:9px; text-align:center;}
.vizitka_box {float:left; margin-left:20px; margin-top:21px;text-align:center;}
#flash_title {position:absolute; top:181px; left:23px;width:200px; height:30px; background:url(../pic/title_flash.png) top left no-repeat; color:#4d0103;}
#flash_title a  {color:#4d0103; text-decoration:none}
#flash_title a:hover  {color:#FF0000; text-decoration:underline;}
.flash_title_poss {margin-top:10px;}
.flash_box {position:absolute; top:211px; left:23px;width:947px; height:301px;}
.line_razdelitelnaya {height:3px; border:0; border-top:5px solid #f1f1f1; font-size:0; position:relative;}
.main_content_box {position:relative;  border-top:1px solid #f1f1f1; background:#f1f1f1 }
.main_content_box_size {margin:0 auto; width:990px;}

.main_left_block {width:53%; float:left; margin-bottom:30px;}
.main_left_block_next {width:70%; float:left; margin-bottom:30px;}
.main_left_block_portfolio {width:800px; float:left; margin-bottom:30px;}
.main_left_block_txt_poss {padding:15px 0 15px 23px;}
.main_title_img_poss {margin-bottom:10px; margin-left:-10px;}

.main_center_block {float:left; width:280px;}
.main_center_block_txt_poss {padding:15px;}

.last_top_back {background:#730903 url(../pic/last_top_back.png) top center repeat-x;}
.last_top_right {background:url(../pic/last_top_right.gif) top right no-repeat;min-height:38px;height:auto !important;height:38px;}
.last_top_left {background:url(../pic/last_top_left.gif) top left no-repeat;}
.last_star_yellow {height:27px; width:27px; float:left; margin:5px 10px 0 15px;}
.last_title_poss {padding-top:8px;}

.last_bot_back {background:#2a2a2a url(../pic/last_bot_back.png) top center repeat-x;}
.last_bot_left { background:url(../pic/last_bot_left.gif) bottom left no-repeat;}
.last_bot_right {background:url(../pic/last_bot_right.gif) bottom right no-repeat;}
.last_img_poss {padding-top:25px;}
.last_name {margin-top:10px; padding:0 15px;}
.last_full_name {padding:0 15px;}
.last_description {color:gray; padding:0 15px 10px;}
.last_more_poss {padding:0 15px 15px 0;}

.main_right_block {float:right; width:160px;}
.main_right_block_next {float:right; width:28%;}
.main_right_block_portfolio {float:right; width:185px;}

.phone_full { width:160px; height:114px;}

.main_right_block_txt_poss {padding:15px 13px 15px 0; }

.phone_img_poss {
	position:absolute;
	top:-39px;
	right:-8px;
}
.right_title_back {background:#7f0f00 url(../pic/title_back.png) top left repeat-y; margin-top:30px; position:relative;}
.right_block_title_top_left { background:url(../pic/title_top_left.gif) top left no-repeat}
.right_block_title_bot_left {background:url(../pic/title_bot_left.gif) bottom left no-repeat}
.right_block_title_top_right {background:url(../pic/title_top_right.gif) top right no-repeat}
.right_block_title_bot_right {background:url(../pic/title_bot_right.gif) bottom right no-repeat;min-height:50px;height:auto !important;height:50px;}
.title_txt_poss {margin-left:8px; padding-top:5px;}
.phone_poss {padding-left:10px; margin-top:15px;}

.podval_pila {background: url(../pic/podval_pila.gif) top center repeat-x; height:8px; font-size:0; position:relative; z-index:10;}
.podval_content_poss {background:#4d0103; margin-top:-8px;}
.podval_gradient {background:#4d0103 url(../pic/podval_gradient.jpg) top center no-repeat;; height:142px; position:relative; margin:0 auto;width:990px;}

.podval_info_poss {margin-left:65px;}
.copy {position:absolute; top:0; right:0;width:195px; height:122px; color:#c66;}
.copy_poss {margin-top:20px;}
.wezom_logo_podval {margin-top:15px;}
.web_studio {position:absolute; left: 29px; top: 7px;}
.logo_star_back {position:absolute; top:-17px; left:96px;}
.sity {
	position:absolute;
	top:23px;
	left:0;
	width:100px;
	height:15px;
	z-index:100;
	background:url(../pic/sity_back.png) top center;
	font-size:.9em;
	line-height:1.3em;
}

/* Стилизация форм */
span.select {
  position: absolute;
  width: 380px; 
  height: 20px;
  padding: 0 24px 0 8px;
  color: #333;
  font: 12px/21px arial,sans-serif;
  background:url(../pic/select_style.png) no-repeat;
  overflow: hidden;
}

.star_yellow2 {height:16px; width:16px; float:left; margin:5px 5px 0 5px;}
.eshe_title_poss {padding-top:3px;}
.eshe_top_right {background:url(../pic/last_top_right.gif) top right no-repeat;min-height:16px;height:auto !important;height:16px;}
.eshe_bot_back {background:#2a2a2a url(../pic/last_bot_back.png) repeat-x; background-position:center -20px}
.eshe_img_poss {padding-top:15px;}
.eshe_description {color:gray; padding:0 15px 10px; line-height:1.2em}

#page_link {margin-bottom:40px;}
#page_link a { display:block; float:left; padding:2px 8px; background:#7d0b03; color:#fff; text-decoration:none;  border:2px solid #f1f1f1}
#page_link a:hover {background:#ccc; color:#000; border:2px solid #7d0b03}
#page_link .box_pages_2 {display:block; float:left; padding:2px 8px; text-decoration:none; background:#ccc; color:#000; border:2px solid #7d0b03}
#page_link .box_pages_3 {display:block; float:left; padding:2px 8px; text-decoration:none; color:#000;}
#page_link a#page_left_arrow { width:17px; height:24px; background-image:url(../pic/page_left_arrow.jpg); display:block; border:0; padding:0; margin:2px 2px 0 0}
#page_link a#page_left_arrow:hover {background-position:0 -24px; border:0; background-color:transparent}
#page_link a#page_right_arrow { width:17px; height:24px; background-image:url(../pic/page_right_arrow.jpg); display:block; border:0; padding:0; margin:2px 0 0 2px}
#page_link a#page_right_arrow:hover {background-position:0 -24px; border:0; background-color:transparent}
#ico_descript {line-height:1em; position:relative; z-index:80}
#ico_descript img { margin-right:5px;}
#ico_descript .pic_block_size { width:32px;}

.crash_flow {width:76px; height:77px; position:absolute; left: 865px; top: 208px;}
.novinka {width:185px; height:30px; position:absolute; left: 694px; top: 239px;}
.sitenew_descr_poss {height:220px; overflow:hidden;position:absolute; width:334px; left: 643px; top: 294px;}

.new_description_cone_top {background:#2b0301 url(../pic/new_description_cone_top.gif) top right no-repeat;}
.new_description_cone_bot {background: url(../pic/new_description_cone_bot.gif) bottom right no-repeat;}
.sitenew_otstup {padding:10px 10px 15px 0;}
.sitenew_name {margin-left:20px; line-height:1.2em}
.sitenew_descr,
.sitenew_data {margin-left:35px;}
.sitenew_pic_poss {margin-left:35px; margin-top:15px;}
.sitenew_pic_item {margin-right:20px;}
.new_bg_back {width:614px; height:306px; position:absolute; top:213px; left: 29px; background:#8d8d8d url(../pic/new_bg_back.png) top left repeat-x;}
.new_block_hiden {width:600px; height:292px;  background:#000; margin-top:7px; overflow:hidden;}

.site_tip_poss {width: 380px; margin-left:15px; margin-bottom:15px; float:left}
.rabota_poss {width:364px; margin-right:15px; height:159px; position:relative; margin-bottom:35px;}
.portfolio_raboti_cone_top {position:absolute; left: 185px; top: 54px; width: 171px; background:#dedede url(../pic/portfolio_raboti_cone_top.gif) top right no-repeat;}
.portfolio_raboti_cone_bot {background:url(../pic/portfolio_raboti_cone_bot.gif) bottom right no-repeat; padding-left:5px;}
.rabota_data {margin-left:7px; padding-top:5px;}
.rabota_title_name { line-height:1.2em; padding-bottom:3px;}
.rabota_descr {margin-left:7px; line-height:1.2em; padding-bottom:10px}
.portfolio_raboti_back {background:url(../pic/portfolio_raboti_back.png) top left repeat-x; width:185px;}
.rabota_block_hiden {height:150px; margin:5px; overflow:hidden;}
.rabota_pic_poss {width:170px;}
.rabota_pic_item {margin-right:10px;}
.pic_descr_poss {width:145px; float:left; padding:2px 3px; display:block; }
.pic_str_hight {height:15px;}
.ico_descr_top_value { height:40px;}
#ico_descript  a { text-decoration:none}
#ico_descript  a:link { color:#333;}
#ico_descript  a:hover { text-decoration:underline}

#item_ramka img { border:10px double silver}
.item_descr_poss  {	height:220px;	position:absolute;	width:434px;	left: 513px;	top: 290px}
.item_otstup {padding:10px 20px 15px 0;}
.item_site_link {margin:10px 0 25px 35px;}

#item_navigation a.item_prev {display:block; width:185px; height:28px; background-image:url(../pic/item_prev.gif); text-align:center; color:#fff; text-decoration:none; line-height:2.2em; margin-right:5px; margin-left:30px;}
#item_navigation a.item_prev:hover { background-position:0 -28px;}

#item_navigation a.item_next {display:block; width:185px; height:28px; background-image:url(../pic/item_next.gif); text-align:center; color:#fff; text-decoration:none; line-height:2.2em}
#item_navigation a.item_next:hover { background-position:0 -28px;}

.item_main_block {position:relative;z-index:50;}
.item_main_block_poss {padding-top:220px; padding-bottom:30px;}
.all_worcks {padding-right:12px;}
.portfolio_right_tell {width:180px; margin:0 auto;}
.index_right {width:280px;}

a.partners_logo { display:block; width:80px; height:80px; float:left; margin-left:30px; margin-top:15px;}
a.partners_logo:hover { background-position:0 -80px;}
#contact_input_but input.button_contact_form { background-image:url(../pic/button_contact_form.gif); width:99px; height:30px; font-size:1.4em; border:0;}
#contact_input_but input.button_contact_form:hover { background-position:0 -30px;}
a.vopros_link { font-size:1.8em; color:#333; text-decoration:none; border:0; border-bottom:1px dashed #333}
a.vopros_link:visited { font-size:1.8em; color:#333; text-decoration:none; border:0; border-bottom:1px dashed #333}
a.vopros_link:hover {font-size:1.8em; color:#f00; text-decoration:none; border:0; border-bottom:1px dashed #f00}
#contact { background:url(../pic/konvert.jpg) 265px 700px no-repeat; padding-bottom: 50px; }

a.ie_link { display:none;}
input.select_but { height:24px; width:69px;}
.select_button {margin-left:5px; margin-top:-2px; position:relative; z-index:10}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
#google, #counter {margin-left:10px; margin-top:20px;}


/*\\\\\\\\\\\\\\\\\29.06.2010\\\\\\\\\\\\\\\\\*/
.black_txt { text-shadow:0 0 5px #f00;}
.header_short {height:220px; margin:0 auto; width:990px; position:relative;}

/*-->>TABLES<<<<------*/
table {border-collapse: collapse;}
.table1 { margin:0 0 15px 0}
.table1 th {background: #647e96; color: #fff;font-weight: bold; padding: 6px 11px;text-align: left;border-right: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;}
.table1 td {padding: 6px 11px;vertical-align: top;line-height: 1.2em; border:1px dashed #ccc; border-width:1px 0}
.table1 tr.alt td {background: #ecebeb;}
.table1 tr.over td {background: #f7f7f7;} 

.table1 .brif_first_coll {width:1%;}
.table1 .brif_last_coll { padding:6px 10px 6px 0}
.table1 .brif_first_coll label { width:200px; display:block;}
.brif_form { font:12px/1.2em Tahoma, Geneva, sans-serif;}
.brif_form .help { color:#a81502; font:11px/1.2em Tahoma, Geneva, sans-serif;}
.brif_form .help ul { padding:0 0 0 14px; margin:0}
.brif_form .help li { background:none; padding:0 0 3px 0; margin:0; line-height:1.2em; list-style:outside}
.table1 .brif_last_coll input { display:inline-block; vertical-align:top; }
.table1 .brif_last_coll label { margin:0 10px 0 0; display:inline-block; vertical-align:top; padding:0; }
.brif_form input.t_radio {position:relative;top:-2px} 
.brif_form textarea { font:12px/1.2em Tahoma, Geneva, sans-serif;}

.color_reset,.color_reset:link ,.color_reset:visited{
	text-decoration:none;
	border-bottom:1px dashed #ff6600;
	color:#ff6600;
	font:11px/1.2em Tahoma, Geneva, sans-serif;
}
.brif_form .color_reset:hover { text-decoration:none; color:#f00;}
.label_comment { border-top:1px dashed #ccc; margin:5px 0 0 0;}

.border_project {border: solid 2px #550508;}