html, body, div, form, p, ul, ol, li, h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0
}

html {
	padding: 28px 0 41px;
	background: #435764
}

body {
	position: relative;
	margin: 0 auto;
	width: 1160px;
	background: #fff;
	font: normal 8pt Tahoma, Arial, sans-serif;
	color: #253034
}

body.main {
	background: #fff url(/themes/eo/images/b-pencil.jpg) no-repeat 0 461px
}
body.about,
body.servises,
body.contacts,
body.sale {
	background: #fff url(/themes/eo/images/b-about.jpg) no-repeat 100% 268px
}
body.news {
	background: #fff url(/themes/eo/images/b-news.jpg) no-repeat 100% 209px
}
body.creation-of-sites, 
body.eff-create
 {
	background: #fff url(/themes/eo/images/b-creation-of-sites.jpg) no-repeat 100% 272px
}
body.advancement-of-sites,
body.algorithm,
body.cost,
body.results,
body.eff-promo,
body.context,
body.eff-context
 {
	background: #fff url(/themes/eo/images/b-advancement-of-sites.jpg) no-repeat 100% 199px
}
body.support-of-sites,
body.tariffs {
	background: #fff url(/themes/eo/images/b-support-of-sites.jpg) no-repeat 100% 366px
}
body.portfolio {
	background: #fff url(/themes/eo/images/b-portfolio.jpg) no-repeat 100% 289px
}

h1, h2, h3, h4, h5, h6 {
	font: normal 16pt Tahoma, Arial, sans-serif;
	text-transform: uppercase
}

a {
	color: #43b3f4;
	outline: none;
	text-decoration: underline
}

a:hover, a:active {
	text-decoration: none
}

a img {
	border: 0
}

ul, ol {
	list-style: none outside none;
}

p.date {
	font-weight: bold;
	color: #232b2f
}

p.left {text-align: left}
p.center {text-align: center}

.success-form {
	text-transform: uppercase;
	color: green;
	border: 1px solid green;
	text-align: center;
	font-size: 10pt;
	padding: 20px
}

/* header ----------------------------- */

#header {
	padding: 32px 0 0 70px;
	height: 108px;
}

.logo, .logo .image {
	width: 305px;
	display: block;
	overflow: hidden
}

.logo {
	position: relative;
	text-decoration: none;
	padding-top: 20px;
	height: 79px;
}

.logo .image {
	height: 99px;
	position: absolute;
	left: 0; top: 0;
	background: url(/themes/eo/images/logo.jpg) no-repeat 0 0
}

.logo p {
	font-size: 21px;
	color: #27B0FF;
	text-transform: uppercase;
	font-family: 'Arial Narrow', 'Arial';
}

.logo .slogan {
	font-size: 15px;
	color: #829EA9;
}

/* main menu -------------------------- */

#main-menu {
	position: relative;
	z-index: 10;
	padding: 20px 265px 21px 56px;
	height: 15px;
	font-size: 9pt
}

body.main #main-menu {
	background: url(/themes/eo/images/servises.jpg) no-repeat 100% 0
}

#main-menu li {
	position: relative;
	display: inline;
	padding: 0 17px 2px;
	border-right: #a9aaaa 1px dotted
}

#main-menu li.last {
	border: 0
}

#main-menu li.active {
	padding: 0 10px 2px
}

#main-menu li.active a {
	padding: 2px 0 4px 7px;
	background: #1babff url(/themes/eo/images/main-menu.gif) no-repeat 0 0;
	color: #fff;
	text-decoration: none
}

#main-menu li.active a:hover,
#main-menu li.active a:active {
	text-decoration: underline
}

#main-menu li.active span {
	padding: 2px 7px 4px 0;
	background: url(/themes/eo/images/main-menu.gif) no-repeat 100% -20px
}

#main-menu li ul {
	display: none;
	position: absolute;
	top: 10px; left: 11px;
	padding: 10px 0 0;
	width: 160px
}

#main-menu li:hover ul {
	display: block;
}

#main-menu li ul li {
	display: block;
	padding: 5px 10px;
	border: 0;
	background: #1babff
}

#main-menu li ul li.last {
	padding-bottom: 10px
}	

#main-menu li ul a {
	color: #fff;
	text-decoration: none
}

#main-menu li ul a:hover {
	text-decoration: underline
}

#main-menu li.active ul a {
	background: none
}

#main-menu li.active ul span {
	padding: 0;
	background: none
}

/* content ---------------------------- */

#content {
	position: relative;
	margin-bottom: -17px;
	overflow: hidden;
	background: url(/themes/eo/images/wood.jpg) no-repeat 0 100%
}

/* servises - - - - - - - - - - - - - - */

#servises {
	margin-bottom: 77px;
	padding: 339px 0 0 74px;
	height: 385px;
	background: url(/themes/eo/images/servises.jpg) no-repeat 100% -56px
}

#servises li {
	float: left;
	width: 250px
}

#servises h1 {
	position: relative
}

#servises h1 span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 25px
}

#servises p {
	margin: 2px 0 3px
}

#servises li.creation-of-sites {
	padding-right: 70px;
	background: url(/themes/eo/images/servises-next1.gif) no-repeat 252px 109px
}

#servises h1.creation-of-sites {
	padding-top: 127px;
	height: 25px;
	overflow: hidden;
	background: url(/themes/eo/images/creation-of-sites.jpg) no-repeat 0 0
}

#servises h1.creation-of-sites span {
	height: 25px;
	top: 127px;
	background: url(/themes/eo/images/h-creation-of-sites.gif) no-repeat 0 0
}

#servises li.advancement-of-sites {
	padding: 88px 71px 0 89px;
	background: url(/themes/eo/images/servises-next2.gif) no-repeat 327px 118px
}

#servises h1.advancement-of-sites {
	margin-left: -71px;
	padding: 140px 0 0 71px;
	height: 25px;
	overflow: hidden;
	background: url(/themes/eo/images/advancement-of-sites.jpg) no-repeat 0 0
}

#servises h1.advancement-of-sites span {
	height: 25px;
	top: 140px;
	left: 71px;
	background: url(/themes/eo/images/h-advancement-of-sites.gif) no-repeat 0 0
}

#servises li.support-of-sites {
	padding: 46px 0 0 38px
}

#servises h1.support-of-sites {
	margin-left: -10px;
	padding: 103px 0 0 10px;
	height: 25px;
	overflow: hidden;
	background: url(/themes/eo/images/support-of-sites.jpg) no-repeat 0 0
}

#servises h1.support-of-sites span {
	height: 25px;
	top: 103px;
	left: 10px;
	background: url(/themes/eo/images/h-support-of-sites.gif) no-repeat 0 0
}

/* who we such? - - - - - - - - - - - - */

#who-we-such {
	position: absolute;
	top: 48px; left: 72px;
	padding-top: 43px;
	width: 320px
}

#who-we-such h2 {
	position: absolute;
	top: 0; left: 0;
	height: 25px;
	width: 175px;
	overflow: hidden;
	margin-bottom: 18px
}

#who-we-such h2 span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 25px;
	background: url(/themes/eo/images/h-who-we-such.jpg) no-repeat 0 0
}

#who-we-such p span {
	font-size: 10.5pt;
	font-weight: normal;
	color: #0090c8
}

/* business and internet - - - - - - -  */

#business-and-internet {
	position: absolute;
	top: 50px; right: 60px;
        padding-top:63px;
	width: 254px
}

#business-and-internet h2 {
	margin-bottom: 17px;
	position: absolute;
	top: 0; left: 0;
	height: 43px;
	width: 230px;
	overflow: hidden;
	font-size: 14pt
}

#business-and-internet h2 span {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 43px;
	background: url(/themes/eo/images/h-business-and-internet.gif) no-repeat 0 0
}

#servises li ul, #servises li ol,
#who-we-such ul, #who-we-such ol,
#business-and-internet ul, #business-and-internet ol {
	padding-left: 18px;
}
#servises li ul,
#who-we-such ul,
#business-and-internet ul {
	list-style-type: disc
}
#servises li ol,
#who-we-such ol,
#business-and-internet ol {
	list-style-type: decimal
}

/* article - - - - - - - - - - - - - -  */

#article {
	padding: 56px 530px 74px 79px;
	min-height: 538px
}

#article h1 {
	position: relative;
	margin-bottom: 20px;
	font-size: 17pt
}

#article h1 span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 28px;
}

body.about #article h1 span {
	background: url(/themes/eo/images/a-about.gif) no-repeat 0 0
}
body.sale #article h1 span {
	background: url(/themes/eo/images/a-sale.gif) no-repeat 0 0
}
body.news #article h1 span {
	background: url(/themes/eo/images/a-news.gif) no-repeat 0 0
}
body.servises #article h1 span {
	background: url(/themes/eo/images/a-servises.gif) no-repeat 0 0
}
body.creation-of-sites #article h1 span {
	background: url(/themes/eo/images/a-creation-of-sites.gif) no-repeat 0 0
}
body.advancement-of-sites #article h1 span {
	background: url(/themes/eo/images/a-advancement-of-sites.gif) no-repeat 0 0
}
body.algorithm #article h1 span {
	background: url(/themes/eo/images/a-algorithm.gif) no-repeat 0 0
}
body.context #article h1 span {
	background: url(/themes/eo/images/a-context.gif) no-repeat 0 0
}
body.eff-context #article h1 span {
	background: url(/themes/eo/images/a-eff-context.gif) no-repeat 0 0;
	background-color: #ffffff
}
body.eff-create #article h1 span {
	background: url(/themes/eo/images/a-eff-create.gif) no-repeat 0 0
}
body.eff-promo #article h1 span {
	background: url(/themes/eo/images/a-eff-promo.gif) no-repeat 0 0
}



body.cost #article h1 span {
	background: url(/themes/eo/images/a-cost.gif) no-repeat 0 0
}
body.results #article h1 span {
	background: url(/themes/eo/images/a-results.gif) no-repeat 0 0
}
body.support-of-sites #article h1 span {
	background: url(/themes/eo/images/a-support-of-sites.gif) no-repeat 0 0
}
body.tariffs #article h1 span {
	left: -1px;
	background: url(/themes/eo/images/a-tariffs.gif) no-repeat 0 0
}
body.portfolio #article h1 span {
	background: url(/themes/eo/images/a-portfolio.gif) no-repeat 0 0
}
body.contacts #article h1 span {
	background: url(/themes/eo/images/a-contacts.gif) no-repeat 0 0
}

#article h2 {
	font-size: 13.5pt;
	margin: 8px 0;
	color: #1babff;
	text-transform: none
}

#article h3, #article h4, #article h5, #article h6 {
	font-size: 12pt;
	/* font-weight: bold; */
	color: #1babff;
	text-transform: none
}

#article p, #article ul, #article ol {
	margin: 14px 0
}

#article p.date {
	margin: 7px 0 -7px
}

#article ul, #article ol {
	padding-left: 20px
}

#article ul {
	list-style-type: disc
}

#article ol {
	list-style-type: decimal
}

/* news - - - - - - - - - - - - - - - - */

#news {
	position: relative;
	float: left;
	padding-left: 53px;
	width: 271px
}

#news h2 {
	margin: 0 0 23px 17px;
	padding: 8px 0 7px
}

#news h2 span {
	position: absolute;
	top: 0; left: 71px;
	width: 254px;
	height: 40px;
	background: url(/themes/eo/images/h-news.gif) no-repeat 0 0
}

#news li {
	margin-top: 15px;
	padding: 1px 0 0 22px;
	background: url(/themes/eo/images/news.gif) no-repeat 0 0
}

#news p.read-more {
	margin-top: 5px;
	padding-bottom: 2px
}

/* portfolio - - - - - - - - - - - - -  */

#portfolio {
	margin-left: 450px;
	height: 230px;
}

#portfolio h2 {
	position: relative;
	margin: 0 0 39px 20px;
	padding: 8px 0 7px
}

#portfolio h2 span {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 40px;
	background: url(/themes/eo/images/h-our-works.gif) no-repeat 0 0
}

#portfolio p {
	float: left;
	padding-top: 40px;
	width: 14px
}

#portfolio p a {
	display: block;
	padding-top: 14px;
	width: 14px;
	height: 0;
	overflow: hidden;
	background: #bcc7d0 url(/themes/eo/images/prev.gif) no-repeat 0 0
}

#portfolio p.next a {
	background-image: url(/themes/eo/images/next.gif)
}

#portfolio p.disable a {
	display: none
}

#article #portfolio_catalog {
	padding: 0;
	width: 100%;
	overflow: hidden
}

#portfolio ul {
	float: left;
	padding: 0 8px;
	width: 530px
}

#portfolio_catalog li,
#portfolio li {
	float: left;
	padding-right: 20px;
	width: 117px;
	text-align: center
}

#article #portfolio_catalog>li {
	padding-bottom: 10px;
	list-style: none
}

#portfolio_catalog li.porfolio-new-line {
	clear: both
}

#portfolio li.last {
	padding: 0
}

#portfolio_catalog a img,
#portfolio a img {
	display: block;
	margin-bottom: 7px
}

/* footer ----------------------------- */

#footer {
	clear: both;
	height: 240px;
	background: url(/themes/eo/images/footer.jpg) no-repeat 0 100%
}

#footer div.copy {
	position: absolute;
	bottom: 75px; right: 112px;
	text-align: right
}

#footer div.address {
	position: absolute;
	bottom: 89px; left: 75px;
	width: 435px
}
#footer div.address p.adr {
	padding-top: 5px
}

#footer div.phones {
background:transparent url(/themes/eo/images/phones.png) no-repeat scroll 0 0;
height:117px;
padding-top:79px;
position:absolute;
right:0;
top:0;
width:458px;
z-index:15;
}
#footer div.phones p {
color:#92ABB5;
float:left;
padding-left:60px;
position:relative;
text-transform:uppercase;
width:131px;
}
#footer div.phones p.last {
padding-left:48px;
}
#footer div.phones span.tel {
color:#131A1E;
display:block;
font-family:Arial,Tahoma,sans-serif;
font-size:13pt;
height:19px;
left:19px;
overflow:hidden;
padding:1px 0;
position:absolute;
top:-20px;
width:150px;
}
#footer div.phones p.last span.tel {

}
#footer div.phones span span {
font-weight:bold;
}
#footer div.phones span.img {
background:transparent url(/themes/eo/images/tel-ivanovo.gif) no-repeat scroll 0 0;
height:21px;
left:0;
position:absolute;
top:0;
width:100%;
}
#footer div.phones p.last span.img {
background-image:url(/themes/eo/images/tel-yaroslavl.gif);
}


/* other links ------------------------ */

#other-links {
	position: absolute;
	z-index: 20;
	top: 30px; right: 92px;
}

#other-links li {
	float: left;
	padding-right: 51px;
}

#other-links li.map {
	padding: 0
}

#other-links a {
	display: block;
	padding-top: 11px;
	width: 17px;
	height: 0;
	overflow: hidden;
	background: #798888 url(/themes/eo/images/other-links.gif) no-repeat 0 0
}

#other-links li.mail a {
	background-position: 0 -11px
}

#other-links li.map a {
	background-position: 0 -22px
}

/* counter ---------------------------- */

#counter {
	margin-top: -30px;
	padding-left: 415px
}

/* form ------------------------------- */

form div {
	margin: 8px 0
}

form label {
	display: block
}

#get_category label {
	display: inline
}

form input,
form textarea {
	width: 400px
}

form .submit input,
#get_category input {
	width: auto
}

form .form-error {
	border: red 1px solid
}

form ul.form-error {
	border: 0;
	color: red
}

#get_category select,
#get_category option,
#get_category input {
	font: normal 8pt Tahoma, Arial, sans-serif
}

#contacts_block {
	position: absolute;
	top: 650px;
	right: 125px;
	width: 275px;
}

#contacts_block h2 {
	width: 258px;
	height: 25px;
	margin: 0 0 40px 17px;
	padding: 8px 0 7px;
	overflow: hidden;
}

#contacts_block h2 span {
	position: absolute;
	top: 0; left: 0;
	width: 275px;
	height: 40px;
	background: url(/themes/eo/images/h-contacts-online.gif) no-repeat 0 0
}

#contacts_block ul {
	margin: 0 0 0 7px;
}

#contacts_block ul li {
	height: 70px;
	padding: 20px 0 0 59px;
	margin: 0;
	margin: 3px 0;
	font: normal 7.5pt 'Tahoma';
	color: #919191
}

#contacts_block li.icq {
	background: #fff url(/themes/eo/images/icq.jpg) no-repeat 0 0;
}

#contacts_block li.icq img {
	display: block;
	margin: -17px 0 0 67px;
	/*vertical-align: middle;*/
}

#contacts_block li.skype {
	background: #fff url(/themes/eo/images/skype.jpg) no-repeat 0 0;
}

#contacts_block li.email {
	background: #fff url(/themes/eo/images/email.jpg) no-repeat 0 0;
}

#contacts_block ul li ul {
	margin: 0;
}

#contacts_block ul li ul li {
	height: auto;
	padding: 0;
	font: normal 10pt 'Tahoma';
	color: #464646
}

#contacts_block ul li ul li a {
	display: block;
	margin: -16px 0 0 90px;
}

#contacts_block li.icq ul li a {
	margin: -17px 0 0 90px;
}

.arrow {
	margin-top: 137px
}

.arrow-right {
	float: right;
}

.arrow-left {
	float: left;
}

.pimg{
	overflow: hidden;
	margin: 20px 0;
}

#our_baners
{
	position: absolute;
	bottom:108px;
	left:615px;
}
#article p.read-more {
	margin: 0 0 14px 0;
	float: right;
	line-height: 1.5em;
	clear:both
}
div.read-more{
	overflow: hidden
}


p.read-more a {
	padding: 0 0 2px 21px;
	background: url(/themes/eo/images/read-more.gif) no-repeat 0 1px
}