/*--------------------------------------------------------------------------

author:Kupriyanenko A (Upward)
e-mail:upwards@yandex.ru
web-site: lifeprom.com
icq:400555055
-----------------------------------------------------------------------------*/

@import 'reset.css';

/* Standard elements */
html, body { height: 100%; }
html {
	font-size: 75%;
	background:url(../images/bottom-bg.gif) repeat-x 0 bottom;
	height: auto;
	}
body {
	background: url(../images/top-bg.gif) repeat-x 0 0;
	}
a {
	color: #d2232a;
	text-decoration: underline;
	}
a:hover { text-decoration: none; }
p { color: #5a5a5a; }
p,  a, span, li, div, td { font: normal 1em/1.5em Tahoma, sans-serif; }
h2 {
	font: normal 1.35em/1.5em Tahoma, sans-serif;
	margin: 0;
	}

/* Main elements */
.dark, .dark p { color: #595959; }
.light, .light p { color: #909090; }
.normal, .normal p { color: #d22329; }
.cicle, .big, .small { position: relative; }
.cicle { width: 50px; height: 50px; }
.wrap-corner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}
.big .wrap-corner { background:url(../images/big-corner.png) no-repeat 0 0; }
.big, .big .wrap-corner {
	width: 538px;
	height: 225px;
	}
.small .wrap-corner { background:url(../images/small-corner.png) no-repeat 0 0; }
.small .wrap-corner, .small {
	width: 176px;
	height: 110px;
	}
.cicle .wrap-corner { background:url(../images/cicle.png); }
.cicle, .cicle .wrap-corner {
	width: 50px;
	height: 50px;
	}

#wrap {
	width: 100%;
	overflow: hidden;
	}
#page {
	width: 900px;
	margin: auto;
	height: 100%;
	}

/* info-block */
.info-block {
	background: #d2232a;
	height: 24px;
	text-align: center;
	}
	.info-block p {
		color: #FFFFFF;
		line-height:22px;
		}
.non-action { height: 4px; font-size: 1px; }

/* header */
.logo {
	background: url(../images/logo-small.png) no-repeat 0 0;
	width: 278px;
	height: 42px;
	text-indent: -3000px;
	overflow: hidden;
	float: left;
	margin: 23px 79px 0 0;
	}
	.logo a {
		width: 357px;
		height: 60px;
		display: block;
		}
.main-page .logo{
	width: 357px;
	margin: 26px 0 0 0;
	height: 60px;
	background: url(../images/logo.png) no-repeat 0 0;
	}

.choice-group {
	background:url(../images/choice.png) no-repeat 0 0;
	width: 234px;
	float: left;
	margin: 32px 0 0 53px;
	cursor: pointer;
	height: 22px;
	overflow: hidden;
	z-index: 1000;
	}
	.choice-group p {
		padding: 0 0 0 9px;
		line-height: 20px;
		color: #818181;
		position: relative;
		z-index: 100;
		}
.list-group {
	margin: -11px 0 0 0;
	position: absolute;
	width: 234px;
	cursor: default;
	z-index: 50;
	display: none;
	}
	.list-group a { cursor: pointer; }
.out-list {
	background: #efefef;
	z-index: 50;
	position: relative;
	padding: 11px 0 0 0;
	overflow: hidden;
	}
	.out-list p {
		line-height: 18px;
		}
.list-corner {
	background:url(../images/choice.png) no-repeat 0 0;
	height: 22px;
	position: relative;
	top: -11px;
	z-index: 0;
	}
.choice-ñ {
	height: 15px;
	width: 15px;
	background:url(../images/choice-c.gif) no-repeat 0 0;
	z-index: 100;
	position: absolute;
	z-index: 100;
	margin: 4px 0 0 215px;
	}
.main-page .choice-group {
	margin: 48px 0 0 53px;
	}

.tel-number {
	float: right;
	font-size: 1.5em;
	margin: 28px 45px 0 0;
	color: #d2232a;
	}
	.number-cod {
		color: #000000;
		}
.main-page .tel-number {
	margin: 43px 45px 0 0;
	}

/* Slogan */
.slogan {
	clear: both;
	overflow: hidden;
	padding: 27px 0 0 2px;
	width: 515px;
	position: relative;
	}
	.slogan h2 {
		font: normal 1.35em Tahoma, sans-serif;
		margin: 0 0 1px 0;
		}

/* Navigation */
.c-l, .c-r {
	top: 0;
	width: 10px;
	height: 10px;
	overflow:hidden;
	background: url(../images/nav-corner.png);
	position: absolute;
	z-index: 210;
	}
.content .c-l {
	left: -5px;
	top: -5px;
	}
.content .c-r {
	right: -5px;
	top: -5px;
	}
.main-menu .c-l {
	top: 22px;
	left: -5px;
	}
.main-menu .c-r {
	bottom: -5px;
	right: -5px;
	top: 22px;
	}

.bottom-block-menu {
	position: relative;
	overflow: hidden;
	}
.sub-m ul {
	position: relative;
	z-index: 200;
	}
.content .navigation {
	margin: 32px 0 0 0;
	}
.navigation {
	float:left;
	overflow: hidden;
	position: relative;
	}
.sub-m {
	display: none;
	overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
	}
	.navigation li {
		height: 27px;
		background:url(../images/nav-bg.gif) #d2232a repeat-x;
		float: left;
	}
	.navigation li a {
		height: 27px;
		line-height: 25px;
		padding: 0 12px 0 10px;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 1.2em;
		}
	.navigation li a:hover {
		text-decoration: underline;
		}

.main-menu {
	overflow: hidden;
	width: 100%;
	position: relative;
	clear: both;
	padding: 11px 0 0 0;
	}
	.main-menu .top-menu {
		position: relative;
		left: -8px;
		overflow: hidden;
		width: 100%;
		}
		.main-menu .top-menu li {
			border-bottom: 1px solid #767676;
			float: left;
			}
		.main-menu .top-menu li a {
			padding: 4px 15px 5px 16px;
			color: #979797;
			display: block;
			text-decoration: none;
			}
		.main-menu .top-menu li a:hover {
			text-decoration: underline;
			color: #da4e54;
			}
		.main-menu .top-menu .sub-link a:hover, .main-menu .top-menu .sub-link-active a{
			padding: 0;
			background: url(../images/main-menu-a.gif) #f1f1f1 no-repeat 0 0;
			text-decoration: none;
			display: table;
			height: 27px;
			float: left;
			color: #595959;
			}
		.main-menu .top-menu .sub-link a:hover span, .main-menu .top-menu .sub-link-active a span {
			padding: 4px 15px 5px 16px;
			display: block;
			background:url(../images/main-menu-a.gif) no-repeat right -27px;
			}

	.main-menu .bottom-menu {
		position: relative;
		top: 0px;
		padding: 3px 0 0 0;
		overflow: hidden;
		clear: both;
		height: 40px;
		}
	.main-menu .duble-menu {
		height: 27px;
		}
		.main-menu .bottom-menu li {
			float: left;
			margin: 0 16px 0 0;
			}
		.main-menu .bottom-menu li a {
			color: #595959;
			text-decoration: none;
			}
			.main-menu .bottom-menu li a:hover {
				text-decoration: underline;
				}
		.main-menu .bottom-menu .active {
			padding: 0 0 0 17px;
			color: #FFFFFF;
			font-size: 1.2em;
			margin: -3px 12px 0 0;
			background: url(../images/b-menu-bg.gif) #595959 repeat-x 0 0px;
			position: relative;
			z-index: 100;
			}
			.main-menu .bottom-menu .active span {
				background: url(../images/b-menu-bg.gif) no-repeat right -40px;
				padding: 7px 16px 0 0;
				float: left;
				display: block;
				height: 33px;
			}
		.main-menu .duble-menu .active {
			background: url(../images/d-menu-bg.gif)  #595959 repeat-x 0 0;
			height: 27px;
			font-size: 1em;
			margin: -3px 12px 0 0;
			padding: 0 0 0 9px;
			}
			.main-menu .duble-menu .active span {
				background: url(../images/d-menu-bg.gif) repeat-x right -27px;
				padding: 3px 10px 0 0;
				height: 24px;
				}

/* Content */
.navigator {
	margin: 24px 0 8px 0;
	padding: 0 0 0 2px;
	overflow: hidden;
	clear: both;
	position: relative;
	}
	.navigator .title { font-size: 1.2em; }
	.navigator .title a { color: #595959; }
	.navigator .title p { color: #595959; }

.content {
	clear: both;
	}

.main-content {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #d2232a;
	border-bottom: 1px solid #d2232a;
	padding: 4px 0 0 0;
	width: 900px;
	position: relative;
	z-index: 0;
	}
.for-main-page {
	padding: 0 0 4px 0;
	}
.portfolio {
	overflow: visible;
	padding: 18px 0 0 0;
	text-align: center;
	}
	.portfolio .nav {
		display: block;
		width: 38px;
		text-align: left;
		}
	.portfolio .next {
		text-align: right;
		margin: 0 0 0 1px;
		}
.body-portfolio {
	position: relative;
	width: 900px;
	}
.body-portfolio:after {
	content: '';
	display: block;
	clear: both;
	}
.portfolio-main {
	position:relative;
	z-index:100;
	margin-left:-38px;
	}
.info-work {
	position: absolute;
	bottom: 0;
	width: 352px;
	text-align: left;
	right: 0;
	background: url(../images/info-work.png);
	padding: 4px 0 6px 9px;
	}
.numb-portfolio {
	float: left;
	margin-left: -22px;
	}
	.numb-portfolio li {
		float: left;
		margin: 0 0 0 7px;
		}
	.numb-portfolio .active{
		width: 27px;
		height: 23px;
		padding: 4px 0 0 0;
		background: url(../images/nav-numb-active.png) no-repeat;
		}
	.numb-portfolio li a {
		display: block;
		width: 27px;
		height: 23px;
		padding: 4px 0 0 0;
		color: #909090;
		background: url(../images/nav-numb.png) no-repeat;
		text-decoration: none;
		z-index: 100;
		cursor: pointer;
		}
.align-center-to-left {
	right: 50%;
	bottom: 16px;
	float: right;
	position: relative;
	margin: -27px 3px 0 0;
	}
.align-center-to-right {
	position: relative;
	z-index: 1;
	right: -50%;
	}

.img-block {
	width: 905px;
	}
.img-block li {
	float: left;
	margin: 5px 5px 0 0;
	position: relative;
	overflow: hidden;
	}
	.img-block li img {vertical-align: bottom; }
	.img-block li .about {
		position: absolute;
		text-align: center;
		display: none;
		z-index: 200;
		}
	.img-block li .about a { position: relative; }
	.big .about, .big .about p, .big .about a { width: 538px; }
	.small .about, .small .about p, .small .about a { width: 176px; }
	.big .about { padding: 105px 0 0 0; }
	.small .about { padding: 43px 0 0 0; }
	.about p, .about a {
		color: #FFFFFF;
		z-index: 15;
		position: relative;
		}
.blank {
	width: 1000px;
	}
.mauseovera {
	width: 100%;
	height: 1000px;
	position: absolute;
	top:0;
	left:0;
	}
.about-work {
	position: absolute;
	width: 100%;
	height: 1000px;
	background: #000000;
	z-index: 5;
	top: 0;
	color: #FFFFFF;
	display: none;
	}

.bottom-block {
	padding: 10px 0 0 2px;
	width:916px;
	}

.news {
	float: left;
	width: 541px;
	}
	.news .hentry {
		width: 357px;
		margin: 0 0 18px 0;
		}
.info {
	margin-left: 541px;
	position: relative;
	background: url(../images/svetofor-vis.gif) no-repeat right 8px;
	width:372px;
	}

.with-work {
	padding: 7px 0 27px 0;
	overflow: hidden;
	width: 560px;
	}
.with-work-block { margin: 9px 0 0 0; }
.with-work-block li {
	float: left;
	height: 50px;
	width: 181px;
	margin: 0 0 15px 0;
	position: relative;
	}
.with-work-block li .photo {
	margin: 0 11px 0 0;
	float: left;
	}
.wrap-name-work {
	height:50px;
    display: table-cell;
    vertical-align: middle;
	}
/* Footer */
.footer {
	overflow: hidden;
	clear: both;
	padding: 32px 0 18px 2px;
	}