body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585C5D;
	background-position: top;
	background-repeat: repeat-x;
}

p,td{
	font-size: 11px;
}

img{
	border: none;
}

.clear{
	clear: both;
}

/**************************************************************/
.index-portfolio-left{
    font-family: Arial,Helvetica,sans-serif;
    color: #323232;
    font-size: 16px;
    padding-right: 130px;
    background-image: url(/i/chel-right.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.index-portfolio-left h3 a{
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    text-decoration: underline;
}
.index-portfolio-left h3 a:hover{
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    text-decoration: underline;
}

.index-portfolio-right{
    font-family: Arial,Helvetica,sans-serif;
    color: #323232;
    font-size: 16px;
    padding-left: 120px;
    background-image: url(/i/chel-left.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.index-portfolio-right h3 a{
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    text-decoration: underline;
}
.index-portfolio-right h3 a:hover{
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    text-decoration: underline;
}
/**************************************************************/
.side-news{
	background-repeat: repeat-y;
	background-position: left;
	background-image: url(/i/grad.gif);
	padding-left: 10px;
	padding-top: 15px;
}

.side-portfolio{
	padding-left: 10px;
	padding-top: 15px;
        background-image: url(/i/bg-index-portfolio.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
}

.news-item{
	padding-bottom: 10px;
}
.news-item .date{
	font-size: 10px;
}

.news-item .title{
	font-size: 12px;
	color: #373737;
}

.news-item .title a{
	font-size: 12px;
	color: #373737;
	text-decoration: underline;
}

.news-item .title a:hover{
	font-size: 12px;
	color: #373737;
	text-decoration: none;
}
/**************************************************************/
h1.title{
	background: #E6E7E9;
	padding-left: 40px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 5px;
	height: 29px;
	font-size: 16px;
	color: #F70000;
	font-weight: bold;
}

a{
	font-size: 11px;
	color: #585C5D;
	font-weight: bold;
	text-decoration: underline;
}

a:hover{
	font-size: 11px;
	color: #585C5D;
	font-weight: bold;
	text-decoration: none;
}

a.left_menu{
	font-size: 11px;
	color: #585C5D;
	font-weight: bold;
	text-decoration: none;
}

a.left_menu:hover{
	font-size: 11px;
	color: #585C5D;
	font-weight: bold;
	text-decoration: underline;
}

a.left_menu_sub{
	font-size: 11px;
	color: #585C5D;
	text-decoration: none;
	font-weight: normal;
	padding-left:20px;
}

a.left_menu_sub:hover{
	font-size: 11px;
	color: #585C5D;
	text-decoration: underline;
	font-weight: normal;
	padding-left:20px;
}

.g-line{
	border-bottom: 1px solid #BABABA;
	margin-top: 5px;
	margin-bottom: 5px;
}

.contacts{
	background: #E6E7E9;
	padding: 11px;
}

.dn-line{
	color: #FFFFFF;
}

a.dn-line{
	font-weight: normal;
	color: #FFFFFF;
}

a.dn-line:hover{
	font-weight: normal;
	color: #FFFFFF;
}

a.up_menu{
	font-size: 15px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	height: 29px;
	display: table-cell;
}

a.up_menu:hover{
	font-size: 15px;
	color: #F70000;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	height: 29px;
	background: White;
}

span.page-title{
	background: #E6E7E9;
	padding-left: 40px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 5px;
	height: 29px;
	font-size: 16px;
	color: #F70000;
	font-weight: bold;
}

.page-content{
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-weight: bold;
	color: #373737;
}

.red-line{
	background-repeat: repeat-x;
	background-image: url(/i/line.gif);
}

/***********************/
.page-img{
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.page-img-list{
	width: 173px;
	height: 164px;
	float: left;
	display: inline;
	overflow: hidden;
}

.page-img-list img{
	border: 2px solid #FFFFFF;
}

.page-img-list img:hover{
	border: 2px solid #dddddd;
}


/*********************************************************/
.sub-menu{
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
}

.sub-menu a{
	padding-right: 15px;
	font-size: 15px;
	color: #5f5f5f;
	text-decoration: underline;
}

.sub-menu a:hover{
	font-size: 15px;
	color: #999999;
	text-decoration: none;
}
/*********************************************************/
/*********************************************************/

.top-title{
	padding-top: 14px;
	padding-bottom: 14px;
	border-top: 1px solid Black;
}

.top-title .left{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: Black;
	float: left;
}

.top-title .right{
	font-size: 12px;
	color: #808080;
	float: right;
}

.top-title .commands{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: Black;
	width: 180px;
}

.dn-title{
	padding-top: 14px;
	padding-bottom: 14px;
}

.dn-title .left{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: Black;
	float: left;
}

/*********************************************************/
/*********************************************************/

.podlogka{
	padding: 30px 30px 30px 30px;
	background-repeat: repeat;
	background-position: top;
	background-image: url(/i/bgp.gif);	
}

.portfolio-list{
	padding: 30px 80px 30px 80px;
	background-repeat: repeat;
	background-position: top;
	background-image: url(/i/bgp.gif);
}

.portfolio-list ul{
	padding: 0px;
	margin: 0px;
}

.portfolio-list ul li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 30px;
	list-style: none;
	float: left;
	background-color: #F5F5F5;
	height: 194px;
	width: 318px;
	overflow: hidden;
}

.portfolio-list ul li a{
	display: block;
	text-decoration: none;
	color: #414141;
}

.portfolio-list ul li a:hover{
	display: block;
	text-decoration: underline;
	color: #414141;
}

.portfolio-list ul li div.image{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	height: 194px;
	width: 318px;
}

.portfolio-list ul li div.name{
	position: relative;
	top: -40px;
	left: 0px;
	padding: 10px 0px 10px 10px;
	background-color: #E1E1E1;
	color: #333333;
	font-size: 11px;
}

.work_img_item{
	margin: 5px;
	float: left;
	width: 370px;
	height: 280px;	
}

.portfolio-item-txt{
	padding: 10px 0px 10px 10px;
	background-color: #F5F5F5;
	color: Black;
	font-size: 11px;
}

/*********************************************************/

/************************************/
/* Paginator */
.paginator {
	white-space:nowrap;
	padding: 3em 0 3em 0;
	font-size:0.9em;
}

.paginator a, .paginator span {
	display:block;
	float:left;
	height:27px;
	color:#808080;
	position:relative;
	text-decoration:none;
	overflow:hidden;
}
.paginator span {
	margin:0 5px;
}
.paginator a {
	height:auto;
	position:relative;
	top:-0.55em;
	font-family:Tahoma, sans-serif;
	padding:14px 9px 0;
	font-size:1.3em;
}

.paginator .after a, .paginator .before a {
	color:#FFF;
	font-family:Tahoma, sans-serif;
	font-size:1em;
	position:relative;
	margin-top:-2px;
}
.paginator .cur a{
	font-weight:bold;
	color:#FFF;
	padding-top:13px;
}
.paginator .after {
	margin-right:15px;
}
.paginator .before {
	margin-left:15px;
}
.paginator .after , .paginator .before, .paginator .cur  {
	background: Gray url(/i/but_c.gif);
}

.paginator .after .l, .paginator .before .l, .paginator .cur .l {
	background:url(/i/but_l.gif) no-repeat left top;
	margin:0;
}
.paginator .after .r, .paginator .before .r, .paginator .cur .r {
	background:url(/i/but_r.gif) no-repeat right top;
	margin:0;
}

/*************************************/