*{margin:0;padding:0}
body{
	font-family:Arial,Helvetica,sans-serif;
	position:relative;
	min-width:1002px
}
table{
	border-collapse:collapse
}
q{quotes:none}
a{color:#1766AA}
a:hover{text-decoration:none}
a img{border:none}
.center{text-align:center}

#wrap{
	padding:0 2%;
	min-width:962px;
	max-width:1210px;
	margin:0 auto
}

#header{
	height:120px;
	position:relative;
	background:url(/i/section-bg.png) repeat-x left top
}
	#header #desc{
		position:absolute;
		left:280px;
		top:48px;
		font:1em/110% Georgia,serif
	}
		#header #desc span{
			display:block;
			font-size:0.9em;
			color:#A0A0A0
		}
	#header #logo{
		position:absolute;
		left:0;
		top:40px
	}
	#header address{
		position:absolute;
		right:0;
		top:46px;
		font-size:0.75em;
		text-align:right;
		width:205px
	}
		#header address span{
			font-style:normal;
			font-size:1.4em;
			display:block;
			margin-bottom:5px
		}
		#header address big{
			font-size:2em;
			font-weight:bold
		}
	#header #consultation{
		position:absolute;
		right:0;
		top:120px;
		font-size:0.7em;
		background:url(/i/consultation-bg.gif) no-repeat left center;
		padding:3px 0 3px 23px
	}
	
#nav{
	list-style-type:none;
	font-size:0.9em;
	overflow:hidden;
	height:1%
}

.about #nav{
	border-bottom:3px solid #F3AA2A
}
.internet_reklama_v_krasnodare #nav, .prodvijenie_saita_v_krasnodare #nav, .raskrutka_saita_v_krasnodare #nav{
	border-bottom:3px solid #F3AA2A
}
.portfolio #nav{
	border-bottom:3px solid #01AEEF
}
.services #nav{
	border-bottom:3px solid #F3AA2A
}
	.services #nav.color00AEEF{ border-bottom:3px solid #00AEEF }
	.services #nav.color1766AA{ border-bottom:3px solid #1766AA }
	.services #nav.color9F1F63{ border-bottom:3px solid #9F1F63 }
	.services #nav.colorBF1E2E{ border-bottom:3px solid #BF1E2E }
	.services #nav.colorF1010B{ border-bottom:3px solid #F1010B }
	.services #nav.colorF79F1B{ border-bottom:3px solid #F79F1B }

.price #nav{
	border-bottom:3px solid #E13E97
}
.blog #nav{
	border-bottom:3px solid #1766AA
}
.contacts #nav{
	border-bottom:3px solid #F3AA2A
}
.partners-program #nav{
	border-bottom:3px solid #01AEEF
}
.bonus #nav{
	border-bottom:3px solid #BF1E2E
}
.articles #nav{
	border-bottom:3px solid #E13E97
}
.partners #nav{
	border-bottom:3px solid #BF1E2E
}
.testimonials #nav{
	border-bottom:3px solid #01AEEF
}
.news #nav{
	border-bottom:3px solid #1766AA
}

	#nav li{
		float:left;
		padding:0 10px 20px 10px;
		background-position:center -1000px;
		background-repeat:no-repeat
	}
		#nav li.current{background-position:center bottom}
		.about #nav li.current{background-image:url(/i/nav-about-bg.gif)}
		.portfolio #nav li.current{background-image:url(/i/nav-portfolio-bg.gif)}
		.services #nav li.current{background-image:url(/i/nav-services-bg.gif)}
			.services #nav.color00AEEF li.current{background-image:url(/i/nav-partners-bg.gif)}
			.services #nav.color1766AA li.current{background-image:url(/i/nav-blog-bg.gif)}
			.services #nav.color9F1F63 li.current{background-image:url(/i/nav-complex-bg.gif)}
			.services #nav.colorBF1E2E li.current{background-image:url(/i/nav-service-baner.gif)}
			.services #nav.colorF1010B li.current{background-image:url(/i/nav-service-contecst-bg.gif)}
			.services #nav.colorF79F1B li.current{background-image:url(/i/nav-about-bg.gif)}



		.price #nav li.current{background-image:url(/i/nav-price-bg.gif)}
		.blog #nav li.current{background-image:url(/i/nav-blog-bg.gif)}
		.contacts #nav li.current{background-image:url(/i/nav-contacts-bg.gif)}
		.partners-program #nav li.current{background-image:url(/i/nav-partners-bg.gif)}
		.bonus #nav li.current{background-image:url(/i/nav-bonus-bg.gif)}
		.articles #nav li.current{background-image:url(/i/nav-price-bg.gif)}

	
#service-nav{
	background:#A32060 url(/i/service-nav-bg.png) repeat-x left top;
	height:1%
}
	#service-nav div{background:url(/i/service-nav-bbg.png) repeat-x left bottom}
	#service-nav div div{background:url(/i/service-nav-ltc.gif) no-repeat left top}
	#service-nav div div div{background:url(/i/service-nav-rtc.gif) no-repeat right top}
	#service-nav div div div div{background:url(/i/service-nav-rbc.png) no-repeat right bottom}
	#service-nav div div div div div{background:url(/i/service-nav-lbc.png) no-repeat left bottom;padding:30px 20px 40px 20px}
	#service-nav ul{
		list-style-type:none;
		overflow:hidden;
		height:1%;
		font-size:0.7em;
		font-style:italic
	}
		#service-nav ul li{float:left;width:20%}
			#service-nav ul li a{
				display:block;
				color:#fff;
				text-decoration:none;
				padding:90px 20px 0 20px;
				float:left
			}
			#service-nav ul li a:hover{height:1%}
			#service-nav ul li a.seo{background:url(/i/service-nav-seo-bg.png) no-repeat 20px top}
			#service-nav ul li a.c-ads{background:url(/i/service-nav-cads-bg.png) no-repeat 15px 22px}
			#service-nav ul li a.b-ads{background:url(/i/service-nav-bads-bg.png) no-repeat 20px 5px}
			#service-nav ul li a.webdev{background:url(/i/service-nav-webdev-bg.png) no-repeat 15px 22px}
			#service-nav ul li a.all-services{background:url(/i/service-nav-allservices-bg.png) no-repeat 20px 15px}
				#service-nav ul li a span{
					display:block;
					font:1.5em Georgia,serif;
					color:#F5EE31;
					text-decoration:underline;
					padding:0 0 10px 0;
					font-style:normal;
					cursor:pointer
				}
				#service-nav ul li a:hover span{text-decoration:none;color:#fff}

#aside{
	float:left;
	width:230px;
	padding:30px 0 20px 0
}
	#aside h2{
		font:1.5em Georgia,serif;
		margin-bottom:20px
	}
		#aside h2 a{color:#000}
	#aside p{font-size:0.75em;margin-bottom:10px}
	#aside ul{
		font-size:0.75em;
		margin-bottom:10px;
		list-style-type:none;
		margin-bottom:10px
	}
	#aside .clients{margin-bottom:60px}
	#aside .partners{margin-bottom:60px}
	#aside .logos{text-align:center}
		#aside .logos li{
			padding:0 0 15px 0;
			margin-bottom:15px;
			border-bottom:3px solid #F2F2F2
		}
		#aside .logos li.last{border:none}
			#aside .logos li img{
				display:block;
				margin:0 auto 10px auto
			}
	#aside .more{text-align:right}
	#aside .nav{margin-bottom:40px;color:#1766AA}
		#aside .nav li{
			margin-bottom:10px;
			padding:2px 0 2px 20px
		}
		#aside .nav li.current{background:url(/i/aside-nav-current-bg.gif) no-repeat left top}
			#aside .nav li a{color:#000}
			#aside .nav li.current a{color:#1766AA; text-decoration:none;}

			#aside .nav li.current.colorF79F1B{background-image:url(/i/aside-nav-current-bg-F79F1B.gif);}
				#aside .nav li.current.colorF79F1B a{ color:#F79F1B; }
			#aside .nav li.current.color00AEEF{background-image:url(/i/aside-nav-current-bg-00AEEF.gif);}
				#aside .nav li.current.color00AEEF a{ color:#00AEEF; }
			#aside .nav li.current.color1766AA{background-image:url(/i/aside-nav-current-bg-1766AA.gif);}
				#aside .nav li.current.color1766AA a{ color:#1766AA; }
			#aside .nav li.current.color9F1F63{background-image:url(/i/aside-nav-current-bg-9F1F63.gif);}
				#aside .nav li.current.color9F1F63 a{ color:#9F1F63; }
			#aside .nav li.current.colorBF1E2E{background-image:url(/i/aside-nav-current-bg-BF1E2E.gif);}
				#aside .nav li.current.colorBF1E2E a{ color:#BF1E2E; }
			#aside .nav li.current.colorF1010B{background-image:url(/i/aside-nav-current-bg-F1010B.gif);}
				#aside .nav li.current.colorF1010B a{ color:#F1010B; }


#content{
	overflow:hidden;
	height:1%;
	padding:20px 0 40px 15px;
}
.contacts #content{padding:20px 0 40px 100px}
.about #content{padding:20px 0 40px 100px}

.internet_reklama_v_krasnodare #content, .prodvijenie_saita_v_krasnodare #content, .raskrutka_saita_v_krasnodare #content{padding:20px 0 40px 100px}

.partners-program #content{padding:20px 0 40px 100px}
.bonus #content{padding:20px 0 40px 100px}
.articles #content{padding:20px 0 40px 100px}
.partners #content{padding:20px 0 40px 100px}
.testimonials #content{padding:20px 0 40px 100px}
.news #content{padding:20px 0 40px 100px}

	#content h1{
		font:3em Georgia,serif;
		margin-bottom:15px
/*		font-size:50%;*/
	}
	.about #content h1{color:#F3AA2A}

	.internet_reklama_v_krasnodare #content h1, .prodvijenie_saita_v_krasnodare #content  h1, .raskrutka_saita_v_krasnodare #content  h1{color:#F3AA2A}


	.portfolio #content h1{color:#01AEEF}
	.services #content h1{color:#F3AA2A}
	.price #content h1{color:#E13E97}
	.articles #content h1{color:#E13E97}
	.blog #content h1{color:#3560A8}
	.contacts #content h1{color:#F3AA2A}
	.partners-program #content h1{color:#00AEEF}
	.bonus #content h1{color:#BF1E2E}
	.partners #content h1{color:#BF1E2E}
	.testimonials #content h1{color:#00AEEF}
	.news #content h1{color:#1766AA}

	#content h2{
		font:2.2em Georgia,serif;
		margin-bottom:15px
		border:1px solid red;
	}
		#content h2 a{color:#000}
	#content h3{
		font:bold 1.2em Georgia,serif;
		margin-bottom:5px
	}
		/*#content h3 a{color:#ED1F28}*/
	#content h4{
		font:bold Georgia,serif;
		margin-bottom:5px;
		font-size:18px;
		color:#1766AA;
	}
	#content p{
		font-size:0.85em;
		margin-bottom:10px;
		line-height:150%
	}
	#content ul{
		font-size:0.75em;
		margin-bottom:10px;
		margin-bottom:10px;
		padding:0 0 0 15px
	}
	#content blockquote{
		background:url(/i/quote1.gif) no-repeat left 4px;
		padding:0 0 0 18px
	}
		#content blockquote .last{background:url(/i/quote2.gif) no-repeat right bottom}
	#content cite{
		display:block;
		color:#747474;
		font-size:0.9em
	}
	#content cite strong{
		font-style:normal;
		display:block;
		color:#000;
		font-size:1.1em
	}
	#content p big{
		font-size:1.4em;
		line-height:140%
	}
	#content address{
		font-style:normal;
		font-size:0.75em;
		line-height:150%
	}
		#content address .phone{
			background:url(/i/phone-bg.png) no-repeat left center;
			padding:0 0 0 20px
		}
			#content address .phone span{font-size:0.9em}
				#content address .phone span big{
					font-size:1.8em;
					font-weight:bold
				}
		#content address .icq{
			background:url(/i/icq-bg.png) no-repeat left center;
			padding:0 0 0 20px
		}
	#content .content-box{background:#F2F2F2 url(/i/content-box-ltc.gif) no-repeat left top}
	#content .content-box-rtc{background:url(/i/content-box-rtc.gif) no-repeat right top}
	#content .content-box-rbc{background:url(/i/content-box-rbc.gif) no-repeat right bottom}
	#content .content-box-lbc{
		background:url(/i/content-box-lbc.gif) no-repeat left bottom;
		padding:15px 20px
	}
	#content .order{width:69%}
		#content .order .order-entry{
			background:url(/i/order-bg.png) no-repeat left top;
			padding:0 0 10px 90px;
			color:#484848;
			font-size:90%;
		}
			#content .order h2{text-decoration:none;font-size:2.1em}
			#content .order a{
				text-decoration:none;
				border-bottom:1px dashed #1766AA;
				color:#1766AA
			}
			#content .order a:hover{border:none}
			#content .order p{font-style:italic}
	#content .intro{
		overflow:hidden;
		height:1%;
		margin-bottom:20px
	}
		#content .intro .order{float:left}
		#content .intro .review{float:right;width:29%; font-size:95%;}
			#content .intro .review h2{font-size:1.6em}
	#content .news{
		padding:0 0 0 25px;
		overflow:hidden;
		height:1%;
		margin-bottom:40px
	}
		#content .news div{
			float:left;
			width:33%;
			border-left:1px solid #FBA919;
			font-size:95%;
		}
		#content .news div.first{border:none}
		#content .news p{padding:0 15px}
		#content .news .first p{padding:0 15px 0 0}
		#content .date{
			font-style:italic;
			color:#757575;
			font-size:0.7em;
		}
	#content .content-block-top{
		font-size:0;
		background:url(/i/border.gif) repeat-x left top
	}
		#content .content-block-top div{background:url(/i/content-block-top-lbg.gif) no-repeat left top}
		#content .content-block-top div div{
			background:url(/i/content-block-top-rbg.gif) no-repeat right top;
			height:20px
		}
	#content .content-block-bottom{
		font-size:0;
		background:url(/i/border.gif) repeat-x left bottom;
		margin-bottom:40px
	}
		#content .content-block-bottom div{background:url(/i/content-block-bottom-lbg.gif) no-repeat left top}
		#content .content-block-bottom div div{
			background:url(/i/content-block-bottom-rbg.gif) no-repeat right top;
			height:20px
		}
	#content .content-block{
		border-left:1px solid #E2BBD0;
		border-right:1px solid #E2BBD0;
		padding:0 25px 5px 25px;
		height:1%
	}
	#content .column{
		width:48%;
		float:left;
		font-size:95%;
	}
	#content .last-column{float:right}
	#content .content-nav{
		list-style-type:none;
		padding:0;
		clear:both;
		overflow:hidden;
		height:1%;
		color:#1766AA
	}
		#content .content-nav li{float:left}
		#content .content-nav li.next{float:right}
	#content .content-entry{
		padding:0 0 0 25px;
		margin-bottom:40px
	}
	#content .about{
		background:url(/i/dash.gif) no-repeat left 10px;
		padding:0 0 0 45px
	}
	#content .post{margin-bottom:40px}
		#content .post h3{
			font:1.5em Arial,Helvetica,sans-serif;
			margin-bottom:10px
		}
		#content .postmeta p{
			font-size:0.7em;
			background:#8EADD2;
			color:#fff;
			padding:0 10px;
			margin-bottom:5px
		}
		#content .postmeta .categories{
			background:#fff;
			color:#757575;
			padding:0;
		}
			#content .postmeta p span{
				background:url(/i/arrows.gif) no-repeat left center;
				padding:0 10px 0 15px
			}
			#content .postmeta a{color:#fff}
			#content .postmeta .categories a{
				color:#757575;
				text-decoration:none
			}
			#content .postmeta .categories a:hover{text-decoration:underline}
	#content #portfolio{
		list-style-type:none;
		overflow:hidden;
		height:1%;
		margin-bottom:30px;
		padding:0
	}
		#content #portfolio li{
			float:left;
			width:147px;
			height:144px;
			margin:0 10px 10px 0;
			background:url(/i/portfolio-item-bg.png) no-repeat left top;
			padding:7px 0 0 4px
		}

#footer{
	position:relative;
	background:url(/i/section-bg.png) repeat-x left top;
	padding:25px 0;
	overflow:hidden;
	height:1%;
	clear:both
}
	#footer p{
		font-size:0.75em;
		line-height:140%;
		float:right;
		width:240px
	}
	#footer p.copyright{float:left}
	#footer img {padding:0 3px}
	
.popup-form{
	position:absolute;
	width:617px;
	left:45%;
	margin:0 0 0 -308px;
	top:180px;
	display:none;
}
	.popup-form #error{
		color:red;
		position:relative;
		top:-10px;
	}
	.popup-form .form-top{
		height:19px;
		font-size:0;
		background:url(/i/popup-tbg.png) no-repeat left top
	}
	.popup-form .form-bottom{
		height:20px;
		font-size:0;
		background:url(/i/popup-bbg.png) no-repeat left top
	}
	.popup-form .form-main{
		background:url(/i/popup-bg.png) repeat-y right top;
		padding:0 7px 0 0
	}
	.popup-form .form-entry{
		background:#F2F2F2 url(/i/order-bg.png) no-repeat 80px top;
		padding:0 90px 0 30px
	}
	.popup-form .title{
		padding:10px 0 0 160px;
		color:#484848;
		margin-bottom:20px
	}
	.popup-form h2{
		text-decoration:none;
		font:2.1em Georgia,serif;
		margin-bottom:15px
	}
		.popup-form .title h2 a{
			text-decoration:none;
			border-bottom:1px dashed #1766AA;
			color:#1766AA
		}
		.popup-form .title h2 a:hover{border:none}
		.popup-form .title p{
			font-style:italic;
			padding:0 50px 0 0
		}
	.popup-form p{font-size:0.75em}
	.popup-form table{font-size:0.75em}
	.popup-form table td{padding:0 0 15px 0}
	.popup-form label{display:block;padding:0 0 5px 0}
	.popup-form .input-text{
		width:466px;
		background:url(/i/popup-input-bg.png) repeat-y left top;
		padding:2px 8px;
		border:none;
		border-top:1px solid #7C7C7C;
		border-bottom:1px solid #ddd;
		font:1em Arial,Helvetica,sans-serif
	}
	.popup-form select{
		width:482px;
		height:20px;
		font:1em Arial,Helvetica,sans-serif
	}
	.popup-form textarea{
		width:466px;
		height:80px;
		background:url(/i/popup-input-bg.png) repeat-y left top;
		padding:2px 8px;
		border:none;
		border-top:1px solid #7C7C7C;
		border-bottom:1px solid #ddd;
		font:1em Arial,Helvetica,sans-serif
	}
	.popup-form .input-button{
		width:120px;
		height:38px;
		border:none;
		background:url(/i/popup-button-bg.png) no-repeat left top;
		padding:0 0 4px 0;
		cursor:pointer;
		font:1em Arial,Helvetica,sans-serif
	}
	.popup-form #popup-close{
		width:20px;
		height:20px;
		background:url(/i/popup-close-bg.gif) no-repeat left top;
		cursor:pointer;
		position:absolute;
		right:20px;
		top:20px
	}

.inp input, kstr{
	width:100%;
}
.ta textarea{
	width:100%;
}
.specfield{
	display:none;
}

.pages td{
	font-size:11px;
}