* {border:0; margin:0 auto; padding:0; outline:none; }
body { background: #fcfcfc; font: 12px Arial, Verdana, Helvetica, sans-serif; color: black; padding:0; margin:0; }
a { color:#494949; text-decoration: none; border: none; }
a:hover { text-decoration: none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:0 0 10px 0; background:url(http://www.seoschool.com.ua/images/bg_bg.gif) top repeat-x; height:4px; }
p.bg2, .bg2 { clear:both; padding:0; margin:0 0 10px 0; background: url(http://www.seoschool.com.ua/css/images/footer_bg_bg.gif) top repeat-x; height:4px; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family: Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; }

h2 { color: #a90303; font-size: 20px; font-weight:normal; margin:0; text-transform: none; padding:0 0 0.7em;}

h3 { width: 300px; border: 0px solid red; float:left; color:#a40000; font-size:20px; margin:0; font-weight:normal; text-transform:none; padding:0 0 0.7em;  font-family: Georgia;}

#reviews { width: 300px; border: 0px solid red; float:left; color:#a40000; font-size:20px; margin:0; font-weight:normal; text-transform:none; padding:0 0 0.7em;  font-family: Georgia;}

#public {
font-size: 20px;
font-family: Segoe Print, Arial, Tahoma;
color: #007db1;
margin:0 0 1em;
}

h4 { font-size:1em; }

p { 
line-height:1.5em; 
padding:0 0 1.3em; 

}

.share42init {
position: relative;

}

.indent-bot {margin-bottom:10px;}

.title-1 {
	display: block;
	font-size: 16px; 
	line-height: 1.0em; 
	color: #a40000;
	font-family: Helvetica;
	margin-bottom: 10px;
}

.title-1 strong {
	display:block;

	}
	
.indent-left {padding-left: 10px;}

.img-indent2 {float:left; margin:0 8px 0px 0;}

.extra-wrap {overflow: hidden;}

.main {
	width: 920px; 	
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	font-size: 14px;
	margin-left: -12px;
	line-height: 2.2em;
}

.line-divider{
	clear: both;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.bg { 
clear:both; 
padding:-10px; 
margin: 15px 0; 
border-bottom:1px solid #d0d0d0; 
width: 100%;
}

.p2 {margin-bottom:40px;}

#boss {
font-size: 28px; 
padding: 0 0 0.7em;
font-weight: normal;
}

#specik {
padding: 0 0 1.6em;
}

h1 {
color: #0388a9;
font-size: 16px;
font-family: Georgia, Helvetica, sans-serif;
}

#logo { 
float: left; 
display: block; 
margin-top: 20px; 
background: url(../images/logo.png) no-repeat;
width: 400px;
height: 85px;
text-indent: -5000px;
}


#rank { 
position: absolute;
margin-left: 335px;
}


#rank2 { 
position: absolute;
margin-left: 395px;
margin-top: -5px;
}



#logo2 {float:left;display:block; margin-top: 20px; background:url(../images/logo2.png) no-repeat;width:400px;height:85px;text-indent:-5000px}
#page { margin:0 auto; padding:0; }
#page img.maain { margin:0; padding:0; border: 1px solid red;}

#header { margin:0 auto; padding:0; width:970px; }
#header h2 { font-size:36px; font-weight:normal; color:#555; padding:60px 0 0 0; }
.header_bg_border { background:url(http://www.seoschool.com.ua/images/menu_bg.gif) top repeat-x; height:4px; margin:0 auto; padding:0; clear:both; }

.wrapper {width:100%; overflow: hidden;}
#m {width: 100%; overflow: hidden; margin-top: 3px;}
#m li {float: left;}
#m a {display:block; font-size:16px; font-weight: 400; color: #000; background:url(../images/menu.gif) top repeat-x; line-height: 55px;text-decoration:none;}
#m li span {display:block; background: url(../images/menu_left.gif) top left no-repeat;}
#m .alpha span {background:url(../images/left_menu.gif) top left no-repeat;}
#m .alpha a:hover span,#m .alpha#m_active a span {background:url(../images/left_menu_active.gif) top left no-repeat;}
#m .omega span span {background:url(../images/right_menu.gif) top right no-repeat;}
#m .omega a:hover span span,#m .omega#m_active a span span {background:url(../images/right_menu_active.gif) top right no-repeat;}
#m li span span,#m .alpha span span {background: url(../images/menu_right.gif) top right no-repeat; padding:0 36px;}
#m a:hover,#m #m_active a {color:#fff;background:url(../images/menu_active.gif) top repeat-x;}
#m a:hover span,#m #m_active a span {background:url(../images/menu_left_active.gif) top left no-repeat;}
#m a:hover span span,#m #m_active a span span,#m .alpha#m_active a span span,#m .alpha a:hover span span {background:url(../images/menu_right_active.gif) top right no-repeat;}

#vipseo  { 
float: right; 
padding: 6px 0 0 0; 
list-style: none;
}
	
#vipseo li { 
display: inline; 
float: left;
font-size: 14px; 
font-family: Calibri, Verdana, Arial, Tahoma;
}
		
#vipseo a { 
float: left; 
color: #008498;
margin-left: 20px; 
padding: 3px; 

text-decoration: underline;
}

#vipseo a:hover { 
color: #008498;
text-decoration: none; 
}

#columns { margin: 0 auto; padding: 20px; width: 930px; }

#columnstwo { margin:0 auto; padding: 70px; width:930px; }

.columns_blog { border: 1px solid #e4e4e4; background: #fff; padding: 25px; }

#centercol { float:left; width:598px; padding:0; }
#rightcol { float:right; width:265px; padding:0; }
#rightcol .box { padding:0; }
.small_link { padding:5px 0; margin:0 5px; }
.small_link a { color:#535353; text-decoration:none; }
.subcols { background:url(http://www.seoschool.com.ua/css/images/subcols-bgr.gif) repeat-y left; height:1%; }
.col1, .col2 { float:left; width:285px; }
.col2 { float:right; }
.post-block { }
.post-margin { margin-left:236px; }
.post-title { padding:0; margin:0; }
.post-title h2 { margin:0; padding:5px 0; color:#555; font-weight:normal; text-transform:none; font-size:22px; }
.post-title h2 a { display:inline; padding:0; margin:0; color:#494848; text-decoration:none; }
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
.post-rel img { max-width:50px; }
.post-rel h2 { padding-top:10px; }

/* Slider */
#slider { width:970px; padding:0 0 10px; margin:0 auto; }
div#slideshow { position: relative; height:304px; top: 70px; border:10px solid #ebebeb; }
.slider-item { width: 100% !important; height: 322px; }
.slider_content_inner img { border: 0px solid red; }
.controls-center { margin-left: auto; margin-top: 80px; margin-right: auto; }
#slider_controls { padding:10px 0 0 0; position: relative; margin:0 auto; z-index: 1000; }
#slider_controls ul { margin:0 auto; padding:0; }
#slider_controls ul li { float:left; display: block; list-style: none; padding:0 11px; }
#slider_controls ul li a { background:#ebebeb; display: block; float: left; padding:5px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover, #slider_controls ul li a.activeSlide { background:#ccc; }

/* html_blog */
.html_body h2 { font-weight:normal; font-size:22px; color:#a10303; }
.html_body span { font-size:11px; }
.html_body { margin:0 auto; padding:0; background:#ebebeb; }
.html_body_resize { width:930px; padding:10px 20px; }
.html_body .blog_body { width:280px; float:left; padding:10px 45px 0 0; }
.html_body .blog_body.last { padding:10px 0 0;  }
.html_body .blog_body img { float:left; margin:0 0 10px 15px;  }
.html_body .blog_body a.link { color:#919191; background:#fff; padding:5px 6px; text-decoration:none; font-size:14px; }
.html_body .blog_body a.link:hover { background:#919191; color:#fff; }
/*=== Footer ===*/
.footer_resize { width: 930px; margin:0 auto; padding:10px 20px 0; }
.footer_resize h2 { color: #606469; }
.footer_resize span { color: #ababab; font-size:11px; }
.footer_resize a { color: #646464; padding:0px 0px; text-decoration:none; font-size:14px; }
.footer_resize a:hover { color: black; }

#footer ul { list-style:none; margin:0 80px 0 0; padding:0; }
#footer li { padding:3px 0; border-bottom:1px solid #d9d9d9; }
#footer li a { background:none; color:#919191; }
#footer li a:hover { color:#000; }
#footer .text { float:left; padding:30px 0; color: #616161; }
#footer .text a { background:none; color: #b50000; }
#footer .text2 { float:right; padding:30px 0; text-align:right; color: #616161;}
#footer .text2 a { background:none; color: #b50000; }
.footer_blog1 { width:280px; float:left; padding:10px 45px 0 0; color:#919191; }
.footer_blog1.last { padding:10px 0 0; }

#menu_top {
position: absolute;
top: 120px;
}

#toper {
position: relative;
float: right;
top: -60px;
}

#newtoper {
position: relative;
float: right;
left: -10px;
top: -64px;
height: 19px;
line-height: 25px;
font-size: 22px;
font-family: Times, Verdana, Tahoma;
color: #a90303;
}

#fc {
width: 100%;
height: 150px;
background: #dddddd;
}

#fuck {
width:920px;
background: black;
font-size: 14px;
}

.center {
margin: 0px 10px 10px 0;
text-align:center;
}


.leftimg{
float:left;
margin: 0px 7px 7px 0;
}

.rightimg {
float: right;
margin: 0px 0 7px 7px;
}

#message {

    width: 895px;
    background: #EEEEEE;
    border-radius: 6px;
    box-shadow: 3px 3px 5px #B1B1B1;
    padding: 1.1em 1.5em;
}
        
#toggle-link {
    text-decoration: none;
    border-bottom: 1px solid;
}
		
#st {
position: relative;
top: 50px;
border: 0px solid red;
}

table {
padding: 10px 10px 10px 10px;
border:1px solid #000000;
}
 
td {
padding: 10px 10px 10px 10px;
border:1px solid #000000;
}

#seo {
position: absolute;
top: 65px;
font-size: 12px;
margin-left: 120px;
color: #757575;
z-index: 100;
}

#next {
float:left;
}

#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}


#btn {
	width: 115px;
	height: 22px;
	padding: 0px;
	background: #f4f4f4;	
	border: 1px solid #CCC;
}
 
#btn:hover {
	background-color: #e60000;
	color: #fff;
}

#btn {
	width: 115px;
	height: 22px;
	padding: 0px;
	background: #f4f4f4;	
	border: 1px solid #CCC;
}
 
#btn:hover {
	background-color: #e60000;
	color: #fff;
	/*постфикс опущен!!!*/
transition: all .3s linear;
}

#rambler {
margin-top: 5px;

}

#online {
text-align: right;
margin: 27px;
}


a.button2 {
   display: -moz-inline-stack;
   display: inline-block;
   width: 211px;
   height: 23px;
      background: url(../images/zakaz2.png) no-repeat;
   line-height: 23px;
   vertical-align: text-middle;
   text-align: center;
   color: #ffffff;
   font-family: Komika;
   font-size: 19px;
   font-weight: normal;
   font-style: normal;
   text-shadow: #222222 1px 1px 0;
}
a.button2 > span {
   display: -moz-inline-block;
}

a.button2:hover { 
   background: url(../images/zakaz3.png) no-repeat;
}


a.button3 {
   display: -moz-inline-stack;
   display: inline-block;
   width: 257px;
   height: 41px;
   background: url(../images/kurs.png) no-repeat;
   line-height: 41px;
   vertical-align: text-middle;
   text-align: center;
   color: #ffffff;
   font-family: serif;
   font-size: 27px;
   font-weight: normal;
   font-style: normal;
   text-shadow: #222222 1px 1px 0;
}
a.button3 > span {
   display: -moz-inline-block;
}

a.button3:hover { 
   background: url(../images/kursnext.png) no-repeat;
}

#zakazat {
   margin-left: 380px;
   margin-top: -70px;
}

#zakazatseo {
position: absolute;
   left: 385px;
   top: -12px;
}

a.button {
   display: -moz-inline-stack;
   display: inline-block;
   width: 276px;
   height: 34px;
      background: url(../images/seoboss.png) no-repeat;
   line-height: 34px;
   vertical-align: text-middle;
   text-align: center;
   color: #ffffff;
   font-family: Calibri;
   font-size: 17px;
   font-weight: normal;
   font-style: normal;
   text-shadow: #222222 1px 1px 0;
}
a.button > span {
   display: -moz-inline-block;
}

a.button:hover { 
   background: url(../images/seoboss2.png) no-repeat;
}

a.buttons {
   display: -moz-inline-stack;
   display: inline-block;
   width: 266px;
   height: 34px;
   background: url(../images/seozakaz.png) no-repeat;
	line-height: 34px;
   vertical-align: text-middle;
   text-align: center;
   color: #ffffff;
   font-family: Calibri;
   font-size: 17px;
   font-weight: normal;
   font-style: normal;
   text-shadow: #222222 1px 1px 0;
}

a.buttons> span {
   display: -moz-inline-block;
}

a.buttons:hover { 
   background: url(../images/seozakaz2.png) no-repeat;
   text-decoration: none;
}

#page-content{
    margin-right: 20px;
	margin-left: 20px;
	line-height: 1.5em;
}

/* PORTFOLIO --------------------------------------------------------*/

#projects-list{
	overflow: hidden;
	width: 1000px;
}

#projects-list .project{
	position: relative;
	float: left;
	width: 438px;
	margin-left: 30px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	background: url(http://www.seoschool.com.ua/img/portfolio-divider.png) no-repeat bottom center;
}

#projects-list .project h1 a{
	display: block;
	text-decoration: none;
	margin-bottom: 20px;
	color: #51565b;
}

.project-shadow{
	background: url(http://www.seoschool.com.ua/img/shadow-project.png) no-repeat 0px 267px;
}

#projects-list .project .project-thumbnail{
	position: relative;
	overflow: hidden;
	width: 438px;
	height: 267px;
	margin-bottom: 20px;
	background: #f1f1f1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#projects-list .project .project-thumbnail .cover{
	position: absolute;
	top:0px;
	left: 0px;
}

#projects-list .project .project-thumbnail .meta{
	display: block;
	width: 252px;
	height: 207px;
	font-size: 12px;
	line-height: 2em;
	position: absolute;
	top:30px;
	left: 30px;
}

#projects-list .project .read-more{
	display: block;
	position: absolute;
	bottom: -17px;
	left: 160px;
}

/* PROJECT --------------------------------------------------------*/

.project-column{
	width: 438px;
	float: left;
	margin-left: 30px;
}

.project-column .project-thumbnail{
	overflow: hidden;
	width: 438px;
	height: 267px;
	margin-bottom: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#content .project-column .meta a{
	display: inline;
	font-size: 12px;
	color: #fff;
	padding: 3px 10px;
	text-decoration: none;
	background: #363636;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content .project-column .meta a:hover{ background: #000;}

.project-column .project-title{
	margin-bottom: 20px;
}

.project-column .portfolio-left-shadow{
	height: 26px;
	margin-bottom: 20px;
	background: url(http://www.seoschool.com.ua/img/portfolio-left-shadow.png) no-repeat center bottom;
}


/* PROJECT-GALLERY -----------------------------------------------*/

.project-column .project-gallery{
	display: block;
	overflow: hidden;
	width: 468px;
}

.project-column .project-gallery li{
	display: block;
	float: left;
	overflow: hidden;
	background: url(http://www.seoschool.com.ua/img/plus-sign.png) center center no-repeat;
	width: 204;
	height: 148px;
	margin-right: 30px;
	margin-top: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* PROJECT-RELATED -----------------------------------------------*/

.related-title{
	margin-left: 30px;
}

.related-projects{
	display: block;
	overflow: hidden;
}

.related-projects li{
	display: block;
	float: left;
	overflow: hidden;
	width: 204px;
	height: 280px;
	margin-left: 30px;
	margin-top: 30px;
}

.related-projects li strong{
	display: block;
}

.related-projects li a.box{
	display: block;
	overflow: hidden;
	width: 204px;
	height: 148px;
	margin-bottom: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.related-projects li a.box img{
	opacity: 0.7;
}

.related-projects li:hover a.box img{
	opacity: 1;
}

#content .related-projects li a{
	text-decoration: none;
	color: #999;
}

/* GALLERY -----------------------------------------------*/

#content .gallery{
	display: block;
	overflow: hidden;
}

#content .gallery li{
	display: block;
	float: left;
	overflow: hidden;
	background: url(http://www.seoschool.com.ua/img/plus-sign.png) center center no-repeat;
	width: 204px;
	height: 148px;
	margin-left: 30px;
	margin-bottom: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}