/* Reset CSS de Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	}
      /* remember to define focus styles! */

:focus {
	outline: 0;
	}
a{
text-decoration:none;
}	
body {
	line-height: 1;
	color: black;
	background: #dbdbdb url("/img/bg.jpg") repeat-x;
	}
ol, ul {
	list-style: none;
	}

	/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,q:before, q:after {
	content: "";
	}
blockquote, q { 
	quotes: "" "";
	}

	/*Reset complete*/

/*html, body{height: 100%;}*/
body > #wrapper {
margin:0 auto;
width:922px;
background:url(/img/footer_light.png) bottom no-repeat;

}
#headerlight {
	
	padding:0 35px 50px;/* 50px отступ должен быть равен высоте футера */
	background:url(/img/header_light.png) top no-repeat;
	width:852px;
	float:left;
		}  
#footer {
	
	margin:0 auto;
	width:852px;
	padding:0 35px;
	position: relative;
	margin-top: -50px; /* отрицательное значение высоты футера */
	height: 50px;
	clear:both;
    } 
	
	#header{
	height:82px;
	padding-bottom:2px;
	background:url(/img/line_bg.png) bottom repeat-x;
	width:100%;
	margin:0 auto;
	float:left;
	}
		#logo{
			height:39px;
			width:226px;
			background:url(/img/logo.png) no-repeat;
			text-indent:-9999px;
			margin:20px 20px 5px 0px;
			float:left;
			}
		.MainMenu{
		  position: relative;
			padding:25px 0px 5px 0px;
			width:auto;
			overflow: hidden;
			float: right;
			}
				.MainMenu li {
				float: left;
				list-style: none;
				}
			  .MainMenu li a {
					width:94px;
					height:26px;
					padding:6px 0px 0px 0px;
					font:bold 11px Arial, sans-serif;
					text-decoration:none;
					text-transform:uppercase;
					color:#000;
					text-align:center;
					display: block;
					float: left; 
					overflow: hidden;
				}
			  .MainMenu li a:hover, .MainMenu li a:active, .MainMenu li a.current{
					background:url(img/menu_bg.png) no-repeat;
					border: none;
				}	
	
	#aboutUs{
		margin-top:20px;
		width:100%;
		float:left;
		}
		#about{
			float:left;
			width:270px;
			height:190px;
			overflow: hidden;
			padding: 0px 14px 0px 0px;
			}
			#about h1, #lastProject h1, .News h1{
				color:#222;
				font:bold 15px Arial, sans-serif;
				text-transform:uppercase;
				}
			#about h1, #lastProject h1{
			text-decoration:underline;
			}	
			#about p{
				color:#444;
				padding: 11px 0 2px 0;
				font:11px Arial, sans-serif;
				}
			/*Последний проект*/
			#lastProject{
			float:left;
			height:190px;
			width:568px;
			}
				/*Картинка последнего проекта*/
				#lastProject img{
				float:left;
				padding-top:11px;
				}

				/*Блок "Читать далее" и "Все проекты"*/	
	#reedMore{
	width:100%;
	float:left;
	}
		#reedMore a{
		color:#222;
		font:bold 11px Arial, sans-serif;
		text-decoration:underline;
		}
		#reedMore a+a{
		text-decoration:underline;
		margin-left:205px;
		}	
	/*Блок Услуги*/
	#Serv{
	margin-top:25px;
	width:100%;
	height:197px;
	float:left;
	}
		/*Блок услуг*/
		.Service{
		width:284px;
		height:197px;
		background:url(img/service_bg.jpg) no-repeat;
		float:left;
		}
				/*Картинка блока услуг*/
				.round{
				float:right;
				padding:20px 25px 0px 0px;
				}
			/*Первая строка оглавления блока услуг*/
			.Service p{padding:20px 0px 0px 15px;}
			.Service p a, .Service p+p a{
			color:#222;
			text-transform:uppercase;
			text-decoration:underline;
			font:bold 15px Arial, sans-serif;
			}
			/*Вторая  строка оглавления блока услуг*/
			.Service p+p{padding:0px 0px 10px 15px;}
			/*Элементы меню услуг*/
			.Service h2{margin:5px 0px 0px 15px;}
			.Service h2 a{
			color:#444;
			font:bold 11px Arial, sans-serif;
			text-decoration:underline;
			}
			/*Надпись "Все услуги"*/
			.Service h3{margin:10px 0px 20px 15px;}
			.Service h3 a{
			color:#222;
			text-transform:uppercase;
			text-decoration:underline;
			font:bold 10px Arial, sans-serif;
			}
	
	#FAQNews{
		margin:25px auto;
		width:852px;
		height:200px;
		float:left;
		}
			/*Отдельные блоки Новости и FAQ*/
			.News{
				width:257px;
				float:left;
				padding-right:27px;
			}
			
			/*статьи FAQ*/
			.News h2	{
			background:url(img/arrow.gif) no-repeat 0px 75%;
			padding:0px 0px 0px 17px;
			
			}
			.News h2 a{
			color:#222;
			font:bold 13px Arial, sans-serif;
			text-transform:lowercase;
			line-height:19px;
			}
			/*горизонтальная линия в FAQ*/
			.line{
			float:left;
			height:2px;
			width:257px;
			background:url(/img/line_bg.png) repeat-x;
			margin:5px 0px;
			}
				/*Блок отдельной новости*/
				.new{
				height:41px;
				overflow:hidden;
				float:left;
				margin:5px 0px;
				width:100%;
				}
				
				/*Дата*/
				.new h3{
				color:#555;
				font:10px Arial, sans-serif;
				}
				/*Новость*/
				.new p{
				line-height:12px;
				}
				.new a{
				color:#444;
				font:bold 11px Arial, sans-serif;
				text-decoration:underline;
				line-height:12px;
				}
				/*Надпись "Все новости"*/
				.allNews a{
				float:left;
				color:#222;
				font:11px Arial, sans-serif;
				text-decoration:underline;
				}
			/*Форма обратной связи поля ввода Имени и Почты*/	
			.question, textarea{
			padding-top: 4px;	
			margin-top:10px;
			width:157px;
			height:17px;
			color:#666;
			padding-left:5px;
			font:italic 13px Georgia, serif;
			border:1px #b5b5b5;
			background:#f0f0f0;
			}
			textarea{
			width:240px;
			height:67px;
			}
			/*Кнопка "Отправить"*/
			.subm{
			margin-top:10px;
			width:95px;
			height:23px;
			color:#fff;
			font:italic 13px Georgia, serif;
			border:1px #b5b5b5;
			background:#424242;
			}
			
                    .push {
                        width:852px;
                        margin:0px auto;
                        height:50px;
                        }	
                
	#footerLine{
        margin:0px 0px 10px 0px;
        height:2px;
        width:852px;
        background:url(/img/line_bg.png) repeat-x;
        }
	/*нижнее меню*/
	#footerMenu{
	float:left;
    margin-top: 5px;
	}
		/*отдельный пункт меню*/
		.fMenu{
		color:#2e2e2e;
		font:bold 10px Arial, sans-serif;
		text-decoration:underline;
		padding-right:20px;
		}
		/*Слэш, разделяющий пункты меню*/
		.slash{
		color:#7cba4e;
		font:10px Arial, sans-serif;
		padding-right:20px;
		}
	/*Copyright*/	
        #copyright{
        float:right;
        margin-top: 5px;	
        }	
		/*Дата копирайта*/
		.date{
		color:#2e2e2e;
		font:10px Arial, sans-serif;
		}
		/*Ссылка на www.indiedesign.ru*/
		.indie{
		color:#2e2e2e;
		font:bold 10px Arial, sans-serif;
		text-decoration:underline;
		}




/*******************works.html*******************/        
.content{
margin:105px auto;
width:852px;
}
.leftcol{
width:538px;
padding-right:30px;
float:left;
}
.rightcol{
width:284px;
float:left;
}
	.line2{
	float:left;
	height:2px;
	width:538px;
	background:url(/img/line_bg.png) repeat-x;
	margin:6px 0px;
	}	
	.leftcol h1, .rightcol h1{
	color:#222;
	font:bold 15px Arial, sans-serif;
	text-transform:uppercase;
	}
	.project{
	width:253px;
	height:180px;
	overflow:hidden;
	padding:15px 8px 15px 8px;
	float:left;
	
	}
	.about_project{
	color:#444;
	margin: 15px 0 2px 0;
	font:bold 11px Arial, sans-serif;
	text-decoration:underline;
	float:left;
	}
	.rightcol li{
	margin-top:10px;
	}
	.rightcol li a{
	color:#222;
	font:bold 13px Arial, sans-serif;
	text-transform:lowercase;
	}
	.rightcol li a.light{
	color:#888;
	}
	.section_line{
	float:left;
	height:2px;
	width:284px;
	background:url(/img/line_bg.png) repeat-x;
	margin:6px 0px 0px;
	}
	
	/*****Проекты со спецэффектами********/
	.boxgrid{ 
				width: 223px; 
				height: 104px;
				padding:15px 30px 15px 0px; 
				float:left; 
                border: solid 1px #bebebe; 
				overflow: hidden; 
				position: relative;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 45px; /*Высота всплывающего окна*/
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 150px;/*150px- на сколько опускается верхний край когда нет наведения курсора , нужно при первом отображении*/
 					left: 0; 
 				}
				.project_link {
				padding:12px 0px 0px 12px; 
				}
				.project_link a{
				color:#fff;
				font:bold 11px Arial, sans-serif;
				text-decoration:underline;
				float:left;
				}
				.p_link {
				color:#fff;
				font:bold 11px Arial, sans-serif;
				text-decoration:underline;
				float:left;
				}
				.fullscreen{
				position: absolute; 
					top: 15px; 
					right: 35px; 
				}

                
     /*************service.html***********/
	.rightcol h2 a{
	color:#222;
	font:bold 13px Arial, sans-serif;
	text-transform:lowercase;
	}
	.rightcol h2 a.light{
	color:#888;
	}
	
#lastSite{
margin-top:0px;
}
#lastSite .project{
height:130px;
padding:20px 0px 0px 0px;
}
.leftcol>p, .rightcol>p, #factor p, .leftcol>p>a, .rightcol>p>a{
	width:100%;
	color:#444;
	font:11px Arial, sans-serif;
	padding:15px 0px 0px 0px;
    line-height:15px;
    text-decoration:none;
}
.leftcol>p>a, .rightcol>p>a{
text-decoration:underline;
}
.underline{
text-decoration:underline;
}
.bold{
font-weight:bold;
}
.leftcol .tooltip{
	 width:539px;
     color:#222;
     font:italic 16px Georgia, serif;
     padding:15px 0px 15px 0px;
     letter-spacing: -0.5px;
     margin: 25px 0px 0px 0px; 
     background:url(img/tooltip_bg.png) repeat;
     text-align:center;
}
.leftcol .tooltip a{
font:italic 16px Georgia, serif;
color:#222;
}
#tooltip_tale{
margin:-16px 0px 0px 25px;
}
.leftcol> h3{
	color:#222;
    font:600 14px Arial, sans-serif;
	padding:15px 0px 0px 0px;
}
ul.serv{
padding:15px 0px 0px 35px;
}
ul.serv li{
	list-style: none;
	color:#444;
	font:11px Arial, sans-serif;
}
#lastSite .allSites{
margin-top:310px;
height:20px;
width:100%;
}
#lastSite p a{
	color:#222;
	font:11px Arial, sans-serif;
	padding:0px;
	text-decoration:underline;
}

/*******************contact.html****************************/
.leftcol form p{
	width:539px;
	color:#444;
	font:11px Arial, sans-serif;
	padding:15px 0px 0px 0px;
}
.question_big, .message{
	padding-top: 4px;	
	margin-top:10px;
	width:285px;
	height:25px;
	color:#666;
	padding-left:5px;
	font:italic 13px Georgia, serif;
	border:1px #b5b5b5;
	background:#f0f0f0;
	}
	.message{
	margin:5px 0px 0px;
	height:67px;
	}
#preFile{
margin-bottom:5px;
}	
div.fileinputs {
    	position: relative;
    	width:285px;
      }
    div.fakefile {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	z-index: 1;
    }
    input.file {
    	position: relative;
    	text-align: right;
    	-moz-opacity:0;
    	filter:alpha(opacity: 0);
    	opacity: 0;
    	z-index: 2;
    	width:290px;
    	font:italic 13px Georgia, serif;
    	color:#666;
    	height:25px;
		background:#f0f0f0;
    }
input.text{
    	padding:4px 0 0px 5px;
    	width:210px;
    	background:#f0f0f0;
    	font:italic 13px Georgia, serif;
    	color:#666;
    	height:22px;
    	position:absolute;
    	left:0;
    	top:0;
    	border:none;
    }
	.submit{
    margin-top:0px;
	width:95px;
	height:23px;
	color:#fff;
	font:italic 13px Georgia, serif;
	border:1px #b5b5b5;
	background:#424242;
	}
.fakefile img{
    	position:absolute;
    	left:233px;
    	top:0;
    	padding:0;
    	margin:0;
    }

#coordinate h2{
padding:15px 0px 0px 35px;
height:18px;
}	
#coordinate h2, #coordinate h2 a{
	color:#222;
	font:bold 12px Arial, sans-serif;
	text-transform:lowercase;
	}
.coordinate_line{
	float:left;
	height:2px;
	width:284px;
	background:url(/img/line_bg.png) repeat-x;
	margin:6px 0px 0px;
	}
/*Фоновые рисунки для меню "Координаты"*/
#mailto{
background:url(img/mail.gif) no-repeat 0px 16px;
}
#phone{
background:url(img/phone.gif) no-repeat 3px 12px;
}	
#icq{
background:url(img/icq.png) no-repeat 0px 15px;
}	
#other{
margin-top:50px;
}
#other h2{
color:#222;
font:bold 14px Arial, sans-serif;
}
#brif{
margin:20px 0px 4px 0px;
}
.cooperation{
margin:8px 0px 4px 0px;
}
#other p{
color:#444;
font:11px Arial, sans-serif;
}
.brifimg{
padding-right:15px;
float:left;
}
.downloadbrif{
padding:15px 0px 15px;
width:284px;
float:left
}

/*******************about.html***********************************/

#power{
width:76px;
height:76px;
float:left;
margin:0px 15px 10px 0px;
}

#leftcol .nearPower, #rightcol .nearPower{
	color:#444;
	font:11px Arial, sans-serif;
	padding:0px;
	margin:0px;
	line-height:15px;
}
#tooltipAbout{
float:right;
width:230px;
margin:15px 0px 10px 15px; 
}
#tooltipAbout .tooltipText{
color:#444;
font:italic 16px Georgia, serif;
padding:15px 5px;
background:url(img/tooltip_bg.png) repeat;
text-align:center;
}
#tooltiptale{
margin:-2px 0px 0px 25px;
}
.about_line{
	float:left;
	height:2px;
	width:538px;
	background:url(/img/line_bg.png) repeat-x;
	margin:6px 0px 15px;
	}	
.factor_line{
	float:left;
	height:2px;
	width:284px;
	background:url(/img/line_bg.png) repeat-x;
	margin:6px 0px 15px;
	}
#factor{
margin:12px 0px 0px 0px;
}
#factor p{
padding:0;
}

/**********************faq.html**********/
.leftcol h4{
color:#222;
font:600 14px Arial, sans-serif;
}
#useful p{
	color:#444;
	font:11px Arial, sans-serif;
	margin-top:15px;
	line-height:15px;
}
ul.faq{
list-style:none;}
ul.faq li{
line-height:18px;
}
    ul.faq li a{
    color:#222;
    font:bold 13px Arial, sans-serif;
    text-decoration:underline;
    }
 .faq_question{
margin-top:15px;
}
.faq_question p{
color:#444;
font:11px Arial, sans-serif;
margin-top:5px;
line-height:15px;
}
.garanteeList{
margin:5px 0px 0px 35px;
list-style:none;
}
.garanteeList li {
color:#222;
font:11px Arial, sans-serif;
}

/*************news.html*****************/
.leftcol h5{
color:#222;
font:600 14px Arial, sans-serif;
}
.newsBlock{
margin-top:15px;
}
.newsBlock p{
color:#444;
font:11px Arial, sans-serif;
margin-top:5px;
line-height:15px;
}
.newsBlock .newsDate{
color:#666;
font:11px Arial, sans-serif;
float:right;
}
.link{
height:0px;
}