/*****************************   anDeRan   ************************************/

body {
	background: url(../images/common/back.jpg);
}

#outer {
	min-width: 988px;
	max-width: 1200px;
	margin: 0 auto;
}

body, ul, form, h1, h2, h3, h4, p {
	padding: 0;
	margin: 0;
}

body, table, input, select, textarea {
	font: 14px "Times New Roman", serif;
	color: #2B4D70;
}

img, object {
	border-width: 0;
	vertical-align: middle;
}

a {
	color: #2B4D70;
}

a:hover {
	text-decoration: none;
}

.clear {
	clear: both;
}

p {
	padding-bottom: 14px;
}

.a-right {
	text-align: right;
}

.a-center {
	text-align: center;
}

.to-left {
	float: left;
}

.to-right {
	float: right;
}

img.to-left {
	margin: 4px 30px 8px 0;
}

img.to-right {
	margin: 4px 0 8px 30px;
}

#page {
	margin: 0 10px;
	position: relative;
	background-image: url(../images/common/page_bg.jpg);
	padding-bottom: 36px;
	min-height: 100px;
}

.side-left, .side-right {
	position: absolute;
	width: 7px;
	height: 100%;
}

.side-left {
	background-image: url(../images/common/side_left.png);
	left: -7px;
}

.side-right {
	background-image: url(../images/common/side_right.png);
	right: -7px;
}

.side-bottom {
	position: absolute;
	height: 7px;
	width: 100%;
	bottom: -7px;
	background-image: url(../images/common/side_bottom.png);
}

.side-bl, .side-br {
	position: absolute;
	height: 7px;
	width: 7px;
	bottom: -7px;
}

.side-bl {
	left: -7px;
	background-image: url(../images/common/side_bl.png);
}

.side-br {
	right: -7px;
	background-image: url(../images/common/side_br.png);
}

.clouds {
	position: absolute;
	width: 100%;
	height: 145px;
	background-color: #FDFDFD;
}

.clouds-left, .clouds-right {
	position: absolute;
	width: 489px;
	height: 145px;
}

.clouds-left {
	background-image: url(../images/common/clouds_left.jpg);
	left: 0;
}

.clouds-right {
	background-image: url(../images/common/clouds_right.jpg);
	right: 0;
}

/* HEADER */

#header {
	height: 304px;
	z-index: 1;
	position: relative;
}

#header h1 {
	position: absolute;
	margin: 79px 0 0 22px;
	width: 109px;
	text-indent: -1000em;
	overflow: hidden;
	background-image: url(../images/common/logo.png);
}

#header h1 a {
	display: block;
	height: 158px;
}

#logo-name {
	position: absolute;
	margin: -40px 0 0 0;
	width: 317px;
	height: 21px;
	text-indent: -1000em;
	overflow: hidden;
	background-image: url(../images/common/logo_name.png);
}

#phone {
	position: absolute;
	margin: -39px 0 0 56%;
	/*background-image: url(../images/common/phone.png);
	width: 152px;
	height: 16px;
	text-indent: -1000em;
	overflow: hidden;*/
	font: bold 20px "Myriad Pro", serif;
	z-index: 8;
}

#nav {
	position: absolute;
	margin: 173px 0 0 0;
	width: 75%;
	height: 34px;
	padding-left: 26px;
	background-image: url(../images/common/nav_bg.png);
}

#nav li {
	list-style-type: none;
	padding: 9px 17px 6px 16px;
	margin: 1px 1% 0 0;
	position: relative;
	float: left;
}

#nav li a {
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	text-indent: -1000em;
	overflow: hidden;
}

#nav li.nav-overed {
	background-color: #6E0000;
}

#nav ul {
	position: absolute;
	visibility: hidden;
	background: #2B4D70 url(../images/common/nav_arrow.png) no-repeat 16px 0;
	top: 33px;
	left: 0;
	padding: 2px 0 10px;
	white-space: nowrap;
	z-index: 9;
}

#nav ul li {
	margin: 0;
	padding: 10px 30px 0 34px;
	position: static;
	float: none;
	background: url(../images/common/nav_list.png) no-repeat 19px 16px;
}

#nav ul a {
	text-indent: 0;
	overflow: auto;
	display: inline;
	height: auto;
	background-image: none !important;
	color: #FFF;
	text-decoration: none;
}

#nav ul a:hover {
	background-image: none;
	text-decoration: underline;
}

.border-bl {
	position: absolute;
	background-image: url(../images/common/nav_bottom_bl.png);
	width: 8px;
	height: 8px;
	bottom: -8px;
	overflow: hidden;
}

.border-br {
	position: absolute;
	background-image: url(../images/common/nav_bottom_br.png);
	width: 8px;
	height: 8px;
	bottom: -8px;
	right: 0;
	overflow: hidden;
}

.border-bottom {
	position: absolute;
	background-color: #2B4D70;
	left: 8px;
	height: 8px;
	bottom: -8px;
	overflow: hidden;
}

#hdr-block {
	right: 2%;
	top: 72px;
	position: absolute;
	width: 82%;
	height: 207px;
}

#hdr-img {
	position: absolute;
	background-position: right;
	background-repeat: no-repeat;
	height: 173px;
	width: 100%;
	right: 0;
}

#hdr-img-part {
	position: absolute;
	height: 72px;
	margin-top: -72px;
	right: 0;
}

#search {
	position: absolute;
	margin: 173px 0 0 0;
	width: 25%;
	height: 34px;
	right: 0;
	background: url(../images/common/search_bg.png) right;
}

#search p {
	padding: 9px 0 0 20%;
	background: url(../images/common/zoom.png) no-repeat 10% 12px;
}

#search input.field {
	border: 1px solid #6E6E6C;
	vertical-align: top;
	width: 52%;
	min-width: 80px;
	height: 16px;
	padding: 1px 2px 0;
	margin-right: 3px;
	background-color: #FFF;
	color: #333;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
}

#search input.button {
	border-width: 0;
	width: 58px;
	height: 17px;
	cursor: pointer;
	text-indent: -1000em;
}

#nav-mini {
	position: absolute;
	list-style-type: none;
	margin: 32px 0 0 43px;
}

#nav-mini li {
	position: absolute;
	text-indent: -1000em;
	overflow: hidden;
	background-repeat: no-repeat;
}

#nav-mini li a {
	display: block;
	width: 20px;
	height: 20px;
}

#nav-mini .nav-1 {
	background-image: url(../images/common/ico_home.png);
	background-position: 50% 0;

}

#nav-mini .nav-8 {
	background-image: url(../images/common/ico_sitemap.png);
	background-position: 50% 0;
	left: 36px;

}

#nav-mini .nav-52 {
	background-image: url(../images/common/ico_email.png);
	background-position: 50% 1px;
	left: 70px;
}

#lang {
	position: absolute;
	right: 0;
	margin: -70px 0 0 0;
	width: 20px;
}

/* CONTENT */

#content {
	padding-bottom: 14px;
}

.body {
	padding: 0 23px;
}

.col-left {
	float: left;
	width: 67%;
}

.col-right {
	width: 33%;
	float: left;
}

#crumbs {
	padding-left: 23px;
	font-size: 12px;
}

#crumbs, #crumbs a {
	color: #5A8DC0;
}

#crumbs a {
	text-decoration: none;
}

#crumbs a:hover {

	text-decoration: underline;
}

h2 {
	color: #8A0000;
	font: 18px Georgia, serif;
	padding-bottom: 8px;
}

h1 {
	color: #8A0000;
	font: 18px Georgia, serif;
	padding-bottom: 8px;
}
.col-full {
	padding: 0 23px;
	position: relative;
}

.category-line {
	margin: 0 5%;
	float: left;
	padding: 10px 0 24px;
}

.line-right {
	margin-left: 13%;
}

.category-line strong {
	display: block;
	text-align: right;
	width: 322px;
	margin: 0 0 -10px;
}

.category-line a.border {
	display: block;
	background: url(../images/common/photo3_off.png) no-repeat;
	padding: 3px;
	width: 319px;
	margin: 0 0 -10px;
}

.category-line a.border:hover {
	background-image: url(../images/common/photo3_off.png);
}

.category-line span {
	display: block;
	width: 322px;
	padding-left: 3px;
	margin: 0 0 -10px;
}

.category-line a {
	text-decoration: none;
}

.category-line a:hover {
	text-decoration: underline;
}

.project-line {
	margin: 0 5%;
	float: left;
	padding: 10px 0 24px;
}

.project-col {
	float: left;
	width: 180px;
}

.project-line a.border, .col-project a.border, .home-project a.border {
	display: block;
	background: url(../images/common/photo2_off.png) no-repeat;
	padding: 3px;
	margin: 0 16px 0 0;
	float: left;
}

a.border img {
	vertical-align: top;
}

.home-project {
	padding-bottom: 30px;
	min-height: 1px;
}

.project-line a.border:hover, .home-project a.border:hover {
	background-image: url(../images/common/photo2_on.png);
}

.col-project {
	min-height: 1px;
}

.col-project .description {
	float: left;
	width: 200px;
}

.col-project a.border {
	background: url(../images/common/photo_off.png) no-repeat;
}

.col-project a.border:hover {
	background: url(../images/common/photo_on.png) no-repeat;
}

div#tabbed {
	position: relative;
	width: 100%;
}

#tabs {
	border-bottom: 1px solid #526D89;
	height: 31px;
	padding: 0 0 0 1px;
	margin-top: 20px;
}

#tabs span {
	float: left;
	background: #9BCFF4 url(/images/common/tab_blue_left.png) no-repeat;
	text-align: center;
	color: #2B4D70;
	cursor: pointer;
}

#tabs span strong {
	display: block;
	height: 31px;
	padding: 0 30px;
	line-height: 30px;
	background: url(/images/common/tab_blue_right.png) no-repeat right;
}

#tabs span.tab-on {
	color: #FFF;
	cursor: auto;
	background: #6E0000 url(/images/common/tab_brown_left.png) no-repeat;
}

#tabs span.tab-on strong {
	background-image: url(/images/common/tab_brown_right.png);
}

.hidden {
	display: none;
}

.block-cnt {
	padding: 20px 5px;
}

.form p {
	/*clear: left;*/
	padding-bottom: 6px;
}

.form label {
	float: left;
	width: 92px;
	line-height: 20px;
}

.form input.field, .form textarea {
	border: 1px solid #A5ACB2;
	background-color: #FFF;
	padding: 3px 2px;
}

.form input.field {
	width: 160px;
}

.form textarea {
	width: 477px;
	height: 127px;
	overflow: auto;
}

.form p.button {
	padding-left: 92px;
}

.form input.button {
	border: 1px solid #A5ACB2;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	padding: 2px 10px;
	cursor: pointer;
	margin-right: 1px;
}

.form .captcha input.field {
	width: 53px;
}

.form .captcha img {
	vertical-align: top;
}

.form input.error, .form textarea.error {
	border-color: #C60 !important;
}

.form label.error {
	color: #B30;
}

.response {
	border-top: 1px solid #D0D0D0;
	margin-top: 10px;
	padding: 14px 5px 0;
}

.response .author {
	padding-bottom: 6px;
}

.response .message {
	padding-bottom: 6px;
}

.gallery a {
	float: left;
	background: url(../images/common/photo2_off.png) no-repeat;
	padding: 3px;
	margin: 0 20px 15px 0;
}

.gallery a:hover {
	background-image: url(../images/common/photo2_on.png);
}

#content ul {
	margin-left: 20px;
}

#content ol {
	margin-left: 25px;
}

.news-line {
	padding-bottom: 20px;
}

.news-line p {
	padding-bottom: 0;
}

.hr-line {
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #526D89;
	margin: 24px 0;
}

/* FOOTER */

#footer {
	background-color: #5A8DC0;
	font-size: 12px;
	min-height: 1px;
}

#footer, #footer a {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#developed {
	float: right;
	padding: 6px 29px 10px 0;
}

#contacts {
	float: left;
	padding: 6px 0 10px 25px;
}