@charset "utf-8";
/* CSS Document */

html {
height: 100%; }

body {
padding:0; margin:0;
height: 100%; }

a {
color: white;
text-decoration: none;
border: 0;
outline: none; }

a img {
border: 0; }

a:active
{
  outline: none;
}


ul, li {
	padding: 0;
	margin: 0; 
}

.left {
float: left; }

#big{
width: 30000px;
position: absolute;
top: -700px;
left: -300px;
cursor: move; }

#small {
width: 100%;
height: 100%;  
overflow: hidden;
position: relative;
background: #242424;
background: url(../image/bg_repeat.jpg); }

		#small_bg {
		width: 100%;
		height: 100%;
		background: url(../image/bg_light.jpg) no-repeat; }

#links {
top:10px;
left: 10px;
position: absolute;
width: 75px;
background-color: white;
padding: 5px; }

div.workplace {
width: 550px;
position: absolute;
cursor: default;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: white; }

#WEB {
top: 1800px;
left: 1800px; }

#ADV {
top: 1800px;
left: 600px; }

#ABOUT {
left: 1800px;
top: 2600px; }

#INDEX {
top: 900px;
left: 600px;
padding: 100px 0px 0px 50px; }

#GRAPHIC {
top: 900px;
left: 2000px; }

#WORKS {
top: 900px;
left: 3200px; }

#PORTFOLIO {
top: 1800px;
left: 3200px; }

#CONTACTS {
top: 2600px;
left: 600px; }

#ARTICLES {
top: 2600px;
left: 3200px; }

a.act {
font-weight: bold;
text-decoration:none; }

/* ПАДДИНГИ */

.padding_bottom {
padding-bottom: 44px; }

.padding_right {
padding-right: 15px; }

.padding_top {
padding-top: 50px; }

/* ФИКСИРОВАННОЕ СОДЕРЖИМОЕ */

#fixed_logo {
	position: absolute;
	left: 40px;
	width: 240px;
	height: 180px;
}

#fixed_menu {
	width: 235px;
	position: absolute;
	left: 40px;
	top: 230px; 
}

#fixed_footer {
	width: 810px;
	height: 20px;
	position: absolute;
	left: 40px;
}

#fixed_header_web {
	position: absolute;
	left: 350px;
	top: 100px; 
}
		
	
#fixed_header_adv {
	position: absolute;
	left: 350px;
	top: 150px; 
}

#fixed_header_graphic {
	position: absolute;
	left: 350px;
	top: 193px; }
	
#mail_counter {
position: absolute;
left: 40px;
bottom: 40px;
opacity: 0; }


/* ЛОГО */

#LOGO {
width: 201px;
height: 166px; }

/* ГЛАВНОЕ МЕНЮ */

#MENU {
width: 176px;
height: 104px;
padding-top: 55px;
padding-left: 60px;
background: url(../image/bg_menu.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
}

		#MENU a {
		color: white;
		text-decoration: none; }

#SERVICE {
width: 176px;
height: 92px;
padding-top: 67px;
padding-left: 60px;
background: url(../image/bg_service.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
}

#SPECIAL {
background: url(../image/bg_header_special.gif) no-repeat;
padding: 35px 0px 20px 0px; }

.list_menu {
	list-style: none;
}

.list_menu li {
	padding-bottom: 3px;
}

.list_menu a {
color: white;
text-decoration: none;
}

.child {
margin-left: 15px; }

/* СПИСОК УСЛУГ НА ГЛАВНОЙ */

.service_list {
	margin-bottom: 0px;
}

.service_list a img {
border: 0; }

.tech_list {
list-style: none; }

		.tech_list li {
		float: left;
		font-size: 1.8em;
		padding: 10px; }

/* ТЕКСТ */

.menu_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; }

		.menu_item a:hover {
		padding-left: 0px; }

		.header_level_01 {
			font-family: Georgia;
			text-decoration: none;
			word-spacing: normal;
			text-align: left;
			letter-spacing: 0;
			line-height: 1em;
			font-size: 3em;
			padding-bottom: 5px; }
			
		.header_level_02 {
			font-family: Georgia;
			text-decoration: none;
			word-spacing: normal;
			text-align: left;
			letter-spacing: 0;
			line-height: 1em;
			font-size: 1.5em;
			padding: 15px 0px 5px 0px; }
			
.red {
color: #b80000; }

.map {
position: absolute; }

.zoom {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: white;
text-align: center;
padding-top: 425px; }

.zoom a {
color: white;
text-decoration: none; }

/* КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ */

		#content_box {
		padding: 20px 0px 0px 20px; }
		
		.content_OneColumn {
		margin-left: 25px; }
		
		.portfolio_item {
		padding: 0px 10px 10px 0px; }
		
		#slogan {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		padding-bottom: 30px; }
		
		.article_preview {
		padding: 0px 0px 25px 25px;
		background: url(../image/underline.png) bottom no-repeat; }
		
		#pages {
		list-style: none; }
		
				#pages li {
				width: 50px;
				height: 50px; 
				float: left; }
				
				#portfolio_img {
				padding: 5px 0px 0px 10px; }
				
		.header_portfolio {
		margin-bottom: 0px; }
		
		.button_all {
		padding: 0px 0px 0px 263px; }
		
		.works_item {
		float: left;
		padding: 10px 30px 0px 0px; }
		
		a.more {
		color: white;
		font-weight: bold; }
				
				
		
/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */

#footer_open {
	width: 810px;
	height: 15px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-align: center;
	position: absolute;
}

#footer_close {
	width: 810px;
	height: 15px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-align: center;
	position: absolute;
	display: none;
}

#footer_content {
	width: 790px;
	height: 84px;
	padding: 20px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}

		#footer_content a {
		color: white;
		text-decoration: none; }
		
		.post_list {
		margin-top: 0px;
		padding: 0px 0px 0px 30px; }
		
		.post_list li {
		padding-bottom: 3px; }
		
		.blog_link  {
		text-decoration: underline; }

.ymap { padding-top: 40px; }
.contact-details { font-weight: bold; padding: 20px 0px 10px 20px; }