@charset "utf-8";
@font-face{ font-family: Terminator; src: url(../font.ttf);}
@font-face{ font-family: Terminator; src: url(../font.eot);}
* body { height: 100% } /* IE,  min-height*/ 

*{margin: 0 0 0 0;padding: 0 0 0 0;}
img {border-width:0px;}
html, body{
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color:black;
	background:#104a9f no-repeat scroll 0 0;
	height:100%;
	padding:0;
}

#bg{
	background:#104a9f url(../images/bg.jpg) repeat-x scroll 0 0;
}

#left_symbol{
	background:url(../images/bg1.jpg);
	float:left;
	width:240px;
	height:190px;
}

#right_symbol{
	background:url(../images/bg2.jpg);
	float:right;
	width:240px;
	height:190px;
}

#all{
	margin:0 auto;
	width:1010px;
}

#page{
	background:transparent no-repeat scroll 0 0;
	margin:0 auto;
	width:1010px;
}
#page_top{
	background:transparent url(../images/main_top.png) no-repeat scroll 0 0;
	position:relative;
	height:20px;
}

#page_middle{
	background:transparent url(../images/main_bg.png) repeat-y scroll 0 0;
	position:relative;
	width:1010px;
}

/* header */
#header{
	margin:0 auto;
	padding-top:5px;
	position:relative;
	height:170px;
	width:970px;
	background:white;
}

#header_l{
	float:left;
	background:transparent url(../images/header_l.jpg) no-repeat scroll 0 0;
	height:170px;
	width:15px;
	position:absolute;
}

#header_bg{
	background:transparent url(../images/header_bg.jpg) repeat-x scroll 0 0;
	position:absolute;
	height:170px;
	width:940px;
	left:15px;
}

#logo{
	background:transparent url(../images/logo.png) no-repeat scroll 0 0;
	height:150px;
	width:150px;
	position:absolute;
	top:10px;
	left:2px;
}

#name{
	background:transparent url(../images/name.jpg) no-repeat scroll 0 0;
	height:100px;
	width:200px;
	position:absolute;
	top:40px;
	left:185px;
}

#icon_tel{
	background:transparent url(../images/icon_tel.jpg) no-repeat scroll 0 0;
	height:60px;
	width:14px;
	position:absolute;
	top:50px;
	left:600px;
}

#tel{
	height:60px;
	width:180px;
	position:absolute;
	top:50px;
	left:620px;
	font-size:20px;
	color:#1e74ff;
	line-height:1.45;
}

#icon_icq{
	background:transparent url(../images/icon_icq.jpg) no-repeat scroll 0 0;
	height:60px;
	width:14px;
	position:absolute;
	top:50px;
	left:815px;
}

#icq{
	height:60px;
	width:90px;
	position:absolute;
	top:50px;
	left:835px;
	font-size:20px;
	color:#1e74ff;
	line-height:1.45;
}

#home:hover{background-position: 0px -16px; cursor:pointer;}
#home{
	background:transparent url(../images/icons.png) no-repeat scroll 0 0;
	background-position: 0px 0px;
	height:16px;
	width:16px;
	position:absolute;
	top:20px;
	left:815px;	
}

#map:hover{background-position: -16px -16px; cursor:pointer;}
#map{
	background:transparent url(../images/icons.png) no-repeat scroll 0 0;
	background-position: -16px 0px;
	height:16px;
	width:16px;
	position:absolute;
	top:20px;
	left:865px;	
}

#mail:hover{background-position: -32px -16px; cursor:pointer;}
#mail{
	background:transparent url(../images/icons.png) no-repeat scroll 0 0;
	background-position: -32px 0px;
	height:16px;
	width:16px;
	position:absolute;
	top:20px;
	left:915px;	
}

#zls{
	height:15px;
	width:150px;
	position:absolute;
	top:135px;
	left:815px;	
	font-size:14px;
}

#header_r{
	background:transparent url(../images/header_r.jpg) no-repeat scroll 0 0;
	height:170px;
	width:15px;
	position:absolute;
	left:955px;
}

/* left column */
#left_column{
	display:inline;
	float:left;
	width:180px;
	margin:15px 0 0 25px;
	background:white;
	clear:both;
}

#menu{position:relative;}
body#index #home{background-position:0px -32px;}
body#sitemap #map{background-position:-16px -32px;}
body#index .main_but[title="Главная"]{background-position:0px -60px;background-color:#7dc429;}
body.ulp30 .main_but[title="О студии"],
body.ulp35 .main_but[title="Наши услуги"],
body.ulp44 .main_but[title="Оценить заказ"],
body.ulp45 .main_but[title="Контакты"],
body.ulp43 .main_but[title="Наши работы"]{background-position:0px -60px;background-color:#7dc429;}

body#news a[title="Новости"],
body#terms a[title="Термины"],
body#articles a[title="Статьи"],
body#documents a[title="Документы"],
body.par33 a[title="Термины"], 
body.par32 a[title="Статьи"], 
body.par31 a[title="Новости"], 
body#site_creation a[title="Разработка сайтов"],
body#site_support a[title="Поддержка сайтов"],
body#site_promotion a[title="Продвижение сайтов"],
body#site_selling a[title="Продажа сайтов"],
body#site_adv a[title="Интернет реклама"],
body#domain_name a[title="Доменное имя"],
body#hosting a[title="Хостинг"]{color:#ff781b !important;}

ul{list-style-type:none;}
ul li{position:relative;}
#nav li ul li a{text-decoration:none;color:black;}
#nav li ul li a:hover{text-decoration:underline;}
.main_but:hover {background-position:0px -30px;}
.main_but:active{background-position:0px -90px;}
.main_but{
	background:#fe9223 url(../images/button.jpg) no-repeat scroll 0 0;
	height:30px;
	width:170px;
	margin: 5px 0px 5px 0px;
	font-size:16px;
	line-height:1.8;
	display:block;
	padding-left:10px;
	text-decoration:none;
	color:black;
}

#nav li ul li{
	font-size:12px;
	line-height:1.5;
	padding-left:10px;
}

.arr{
	background:transparent url(../images/but_arrows.png) no-repeat scroll 0 0;
	background-position:-16px 0px;
	height:16px;
	width:16px;
	position:absolute;
	top:7px;
	left:157px;
}

/* main column */
#main_column{
	position:relative;
	margin:10px 0 0 220px;
	background:white;
	width:770px;
}

#content{position:relative;}
.block{padding-bottom:10px;}

h1, .info{
	background:#6ea9fe url(../images/content_head.jpg) no-repeat scroll 0 0;
	font-size:18px;
	font-weight:normal;
        font-family: Terminator, Verdana;
	height:28px;
	padding:7px 0px 0px 12px;
}

.info{background:#50c944 url(../images/content_head2.jpg) no-repeat scroll 0 0;}

.text{
	background:transparent url(../images/content_text.jpg) repeat-y scroll 0 0;
	font-size:12px;
	width:750px;
	font-family:tahoma;
	color:#464646;
	padding:10px 0px 0px 20px;
	line-height:1.5;
}

.sitemap{padding-left:20px;}
.sitemap a{color:#d6913c !important;}
.sitemap ul li{list-style-type:disc;}
.sitemap ul{font-size:14px;font-weight:bold;}
.sitemap ul ul{font-size:13px;font-weight:normal;padding-left:40px;}
.sitemap ul ul ul{font-size:12px;}
.text a:hover{text-decoration:underline !important;}
.text p{padding-bottom:10px;width:730px;}
.text ul ul{padding-left:40px;}
.text a{color:#ff781b;text-decoration:none;}
.text a:visited{color:#ff781b;}
.text ul li a{color:#ff781b;text-decoration:none;}
.text ul li a:visited{color:#ff781b;}
.text_left{	width:350px;}
.text_right{
	float:right;
	width:350px;
	padding-right:20px;
}
.text_left p{width:350px;}
.text_right p {width:350px;}
h2{	font-size:12px;
	font-weight:bold;
	padding:2px 0px;}

.end{background:transparent url(../images/content_end.jpg) no-repeat scroll 0 0;height:10px;}
	
.clear{
	clear:both;
	font-size:0;
	height:1px;
	overflow:hidden;
}

/* footter */
#footer{
	position:relative;
	height:60px;
	width:960px;
	margin:5px 0 0 25px;
	background:white;
	font-size:11px;
}

#footer_menu{font-size:12px;}

#footer a{color:#ff781b;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer_contact{
	text-align:right;
	float:right;
}

#page_bottom{
	background:transparent url(../images/main_bottom.png) no-repeat scroll 0 0;
	height:15px;
	position:relative;
}

.cen{color:#ff781b;}

.opt_name{
	font-size:13px;
	font-weight:bold;
}

#weblogin td{width:179px; vertical-align:top;}

.portfolio {
	width:750px;
	overflow:hidden;
	padding-top:7px;
}
.portfolio ul {
	list-style:none;
	width:750px;
}
.portfolio li {
    float:left;
	margin:0 20px 35px 3px;
}

.portfolio .pic_a{
	display:block;
    position:relative;
    cursor:pointer;
	width:350px;
	height:220px;
	margin:0 0 5px;
}

.tbl_price:hover{
   background-color:#e3f0ff;
}

.portfolio span:hover {background-position:0px -220px !important;}
.portfolio span{
   position:absolute;
   top:0;
   left:0;
   width:350px;
   height:220px;
}

.port_tbl{width:730px;}
.port_tbl td{height:25px; border-bottom:solid 1px #dfdfdf;}
.port_tbl td:first-child{width:200px;}

.validator{
	display:inline;
	margin-left:25px;
}