/*Стили по-умолчанию для блоков и ячеек таблицы*/
div,td{
	text-align: left;
}

/*Стили для глобальных элементов*/
html{
	background-color:#FFF;
	height: 100%;
}

body{
	margin: 0;
	padding: 240px 0 70px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 120%; 
	color:#222;
}

body.high{
	padding-bottom:185px;
}

div#main{
  margin: 0 0 0 0;
  text-align:center;
}

div#component{
	width:722px; /* 823-101 */
	margin:0 auto;
	padding-left:101px;
	z-index: 100;
}

div#header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 240px;
  background-color:#FFF;
}

div#footer{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color:#FFF;
}

div#footer.high{
  height: 185px;
}
@media screen{
body>div#header, body>div#footer
 {
    position: fixed;
 }
}

/*Стили для ссылок*/
a{
	color:#e77817;
	text-decoration:none;
}

a:visited{
	color: #e77817;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*Стиль надписи "Всего страниц"*/
div.pageSummary{
	margin:5px 0px;
	padding:3px 0px;
	font-size: 1em; /* 10px */
	color:#888;
}

/*Стиль контейнера списка страниц*/
div.pageList{
	margin-top:15px;
	font-size: 1em; /* 10px */
	color:#000;
}

/*Стили номеров страниц*/
div.pageList .page{
	padding:3px;
	text-decoration:none;
}

div.pageList a.page:hover{
	text-decoration: underline;
}

div#head{
/*	float:left;*/
	width:823px;
	height:197px;
	position: relative;
	background-image: url(images/head.gif);
	background-repeat: no-repeat;
	background-position: 40px top;
	margin: 20px auto 0 auto; 
/*	margin-bottom:55px;*/
}

div#bottom{
	width:823px;
	height:25px;
	text-align: center;
	margin:25px auto 0 auto;
}

div#label{
	color: #e77817;
	font-weight: bold;
	position: absolute;
	right:0;
	top:52px;
	text-align: left;
	font-size:10px;
	line-height: 11px;
}

div#pageName{
	position: absolute;
	left:480px;
	top:49px;
	text-align: left;
	font-size:9px;
	line-height: 11px;
}

div.title{
	position:fixed;
	left:50%;
	top:240px;
	width:1px;
	padding:0;
}

h1#title{
	width:91px;
	padding:0 10px 0 0;
/*	float:left;*/
	font-size:1.2em; /* 12px */
	font-weight:normal;
	line-height: 1.2em; /* 12px */
	text-align: right;
	overflow: hidden;
	margin:0;
	left:-412px;
	position: relative;
}

#content{
	right:0;
/*	padding: 0 0 0 15px;*/
	padding: 0 153px 0 15px;
	border-left:2px solid #e77817;
}

#content p{
	margin: 0 0 1em 0;
	padding:0;
}

#right{
	position: absolute;
	right:0;
	width:191px;
}

#right h2{
	font-size: 1.2em; /* 12px */
	line-height:1.6em; /* 16px */
	font-weight: normal;
	text-align: right;
	padding:0;
	margin:0 0 3px 0;
}

#right a{
	color:#707070;
}

#right a:visited{
	color:#999;
}

#menu{
	position: absolute;
	left:280px;
	top:120px;
	width:355px;
	height:21px;
	overflow:hidden;
}

#menu a.text{
	display: none;
}

#menu a{
	display:block;
	float:left;
	width:50px;
	height:22px;
	margin-left:0px;
	overflow:hidden;
	text-decoration:none;
	background-color: #F0F0F0;
	background-image: url(images/menu_b.gif);
	background-repeat: no-repeat;
/*	border:1px solid #e77817;*/
}

#menu a.active, #menu a:active{
	position: relative;
	top:1px;
}

#menu a#b1{
 	background-image: url(images/menu_b1.gif);
}
#menu a#b1:hover{
 	background-image: url(images/menu_b1_hover.gif);
}
#menu a#b1.active, #menu a#b1.active:hover, #menu a#b1:active{
 	background-image: url(images/menu_b1_active.gif);
}

#menu a#b7{
 	background-image: url(images/menu_b7.gif);
}
#menu a#b7:hover{
 	background-image: url(images/menu_b7_hover.gif);
}
#menu a#b7.active, #menu a#b7.active:hover, #menu a#b7:active{
 	background-image: url(images/menu_b7_active.gif);
}

#menu a#b2{
 	background-image: url(images/menu_b2.gif);
}
#menu a#b2:hover{
 	background-image: url(images/menu_b2_hover.gif);
}
#menu a#b2.active, #menu a#b2.active:hover, #menu a#b2:active{
 	background-image: url(images/menu_b2_active.gif);
}

#menu a#b3{
 	background-image: url(images/menu_b3.gif);
}
#menu a#b3:hover{
 	background-image: url(images/menu_b3_hover.gif);
}
#menu a#b3.active, #menu a#b3.active:hover, #menu a#b3:active{
 	background-image: url(images/menu_b3_active.gif);
}

#menu a#b4{
 	background-image: url(images/menu_b4.gif);
}
#menu a#b4:hover{
 	background-image: url(images/menu_b4_hover.gif);
}
#menu a#b4.active, #menu a#b4.active:hover, #menu a#b4:active{
 	background-image: url(images/menu_b4_active.gif);
}

#menu a#b5{
 	background-image: url(images/menu_b5.gif);
}
#menu a#b5:hover{
 	background-image: url(images/menu_b5_hover.gif);
}
#menu a#b5.active, #menu a#b5.active:hover, #menu a#b5:active{
 	background-image: url(images/menu_b5_active.gif);
}

#menu a#b6{
 	background-image: url(images/menu_b6.gif);
}
#menu a#b6:hover{
 	background-image: url(images/menu_b6_hover.gif);
}

#menu a#b6.active, #menu a#b6.active:hover, #menu a#b6:active{
 	background-image: url(images/menu_b6_active.gif);
}

#block{
	height:90px;
	width:823px;
	padding:0;
	overflow:hidden;
	margin:25px auto 0 auto;
}

#block.news{
	width:720px;
	padding:0 0 0 103px;
}

#block .images{
	position: relative;
	float:left;
	margin:0 auto;
	width: 823px;
	height:76px;
	overflow: hidden;
}

#block .images .item{
	width:115px;
	height:76px;
	float:left;
	margin:0;
	margin-left:15px;
	text-align: center;
}

#block .images .item img{
	border:none;
}

#block .images .item.first{
	margin-left: 0px;
}
#block .images .item.first.c1{
	margin-left: 354px;
}
#block .images .item.first.c2{
	margin-left: 290px;
}
#block .images .item.first.c3{
	margin-left: 225px;
}
#block .images .item.first.c4{
	margin-left: 160px;
}
#block .images .item.first.c5{
	margin-left: 90px;
}
#block .images .item.first.c6{
	margin-left: 25px;
}

#block .images #items{
	position: relative;
	height:76px;
/*	overflow:hidden;*/
}

#block.scrollImg .images{
	width:738px;
}

#block.scrollImg a.arrow{
	display: block;
	float: left;
	width:28px;
	height:28px;
	margin:24px 0 0 0;
}
#block.scrollImg a.arrow.left{
	margin-right:13px;
}
#block.scrollImg a.arrow.right{
	margin-left:13px;
}

#block.scrollImg a.arrow img{
	border:none;
}

#content .news{
/*	float:left;
	width:720px;*/
	margin-top:2em;
	display: table;
	width:100%;
}

#content .news.first{
	margin-top:0;
}

#content .news .date{
	float:left;
	width: auto;
	color: #e77817;
	font-size: 1.1em; /* 11px */
	font-weight: bold;
}

#content .news .title{
	float:left;
	width:474px;
	color: #e77817;
	font-size: 1.1em; /* 11px */
	font-weight: bold;
	padding:0;
	margin:0 0 0 3px;
}

#content .news .title a{
	color:#222;	
}

#content #collection{
	width:679px;
	padding:3px 0;
	position: relative;
	overflow: hidden;
}

#content .album{
	float:left;
	width:141px;
	height:93px;
	margin-bottom:29px;
	text-align: center;
	overflow: hidden;
}

#content .album .title{
 	font-size: 1.1em; /* 11px */
	font-weight: normal;
	padding:0;
	margin:0 0 5px 0;
	height:12px;
}
#content .album .title a{
	color:#222;	
}

#content .album img{
	border:none;
}

#content #collection .pageList{
	clear: both;
	margin-left:32px;
}

#content .client{
	float:left;
	width:141px;
	height:93px;
	margin-bottom:29px;
	text-align: center;
	overflow: hidden;
}

#content .client .title{
 	font-size: 1.1em; /* 11px */
	font-weight: normal;
	padding:0;
	margin:0 0 5px 0;
	height:12px;
}

#content .client img{
	border:none;
}

#block .news{
	width:170px;
	float:left;
	padding-left:30px;
}

#block .news.first{
	padding-left:0
}

#block .news .date{
	display:inline;
	font-size:1.1em; /* 11px */
	font-weight: bold;
	color: #e77817;
}

#block .news .title{
	display:inline;
	font-size:1.1em; /* 11px */
	font-weight: bold;
	padding:0;
	margin:0 0 0 3px;
	clear: left;
}

#block .news .title a{
	color:#222;	
}

#block .news .text{
	margin-top:3px;
}

#content .object{
	margin-top: .5em; /* 2em */
	display: table;
	width:100%;
}

#content .object img{
	float:left;
	margin:0 10px 0 0;
	border:none;
}

#content .object.first{
	margin-top:0;
}

#content .object .title{
	color: #e77817;
	font-size: 1.1em; /* 11px */
	font-weight: bold;
	padding:0;
	margin:0 0 5px 0;
}

div.objItem{
	width:141px;
	padding:0 10px 0 0;
 	text-align: right;
	overflow: hidden;
	margin:3px 0 0 0;
	left:-462px;
	position: relative;
	font-size:.9em; /* 9px */
/*	font-family: Tahoma;*/
}
