/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%; height:100%;}

body { 	 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#363636;
	min-width:983px;
	height:100%;
	background: url(../images/body-tail.gif) 50% 50%;
}
.main {
	width:960px; 	
	margin:0 auto;
	font-size:0.75em;
	line-height:1.6em;
}

a {
	color: inherit;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}
.clear {
	clear:both; 
	width:100%; 
	line-height:0; 
	font-size:0;
	height:0;
	padding:0;
	margin:0;
}
.wrapper {
	width:100%; 
	overflow:hidden;
	position:relative;
}

p {
	font-size:13px;
	line-height:19px;
	padding:0 0 19px 0;
}
	.p1 {padding:8px 0 0 0;}
	.p2 {padding:0 0 24px 0;}
	.p3 {padding:24px 0 19px 0;}
	.p4 {padding:0;}
	p.extra {
		font-size:16px;
		line-height:21px;
		padding:0 0 18px 0;
		color:#212121;
	}
.fright {float:right;}
.fleft {float:left;}
.aligncenter {text-align: center;}

/*********************************lists**********************************/
.list-1 li {
	display:block;
	line-height:36px;
	background:url(../images/list-1-border.gif) repeat-x 0 bottom;
}
	.list-1 li.last {background:none;}
	.list-1 li a {
		font-size:13px;
		color:#a1a1a1;
		background:url(../images/list-1-marker.gif) no-repeat 9px 7px;
		padding:0 0 0 26px;
	}
.social-links-list li {
	display:block;
	line-height:63px;
}
	.social-links-list li a {
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		color:#a1a1a1;
		padding:0 0 0 59px;
		display:inline-block;
		height:48px;
		line-height:42px;
	}
	.social-links-list li a.soc-link-1 {background:url(../images/soc-link-1.png) no-repeat 0 0;}
	.social-links-list li a.soc-link-2 {background:url(../images/soc-link-2.png) no-repeat 0 0;}
	.social-links-list li a.soc-link-3 {background:url(../images/soc-link-3.png) no-repeat 0 0;}

.news-list {
	overflow:hidden;
}
	.news-list li {
		padding:0 0 21px 0;
		overflow:hidden;
	}
	.news-list .date {
		float:left;
		width:53px;
		padding:0 15px 0 0;
	}
		.news-list .date strong {
			display:block;
			height:49px;
			color:#fff;
			border-radius:6px;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			overflow:hidden;
			text-align:center;
		}
			.news-list .date strong em {
				display:block;
				font-size:49px;
				line-height:60px;
				margin:-8px 0 0 0;
				letter-spacing:-2px;
			}
			.news-list .date strong.color-1 {background:#2c7854;}
			.news-list .date strong.color-2 {background:#85ba2c;}
		
		.news-list .date b {
			display:block;
			font-size:25px;
			line-height:30px;
			text-align:center;
			color:#fff;
			overflow:hidden;
			text-transform:uppercase;
			margin:-3px 0 0 0;
		}
	.news-list .news-text {
		float:left;
		width:195px;
		font-size:13px;
		line-height:19px;
		color:#a1a1a1;
		padding:5px 0 15px 0;
	}
		.news-list .news-text strong {color:#fff;}
.adress {
	width:168px;
	padding:2px 0 0 0;
}		
.adress dt {
	display:block;
	font-size:13px;
	line-height:24px;
	color:#a1a1a1;
	padding:0 0 24px 0;
}
.adress dd {
	display:block;
	font-size:13px;
	line-height:24px;
	color:#a1a1a1;
	overflow:hidden;
}
	.adress dd span {float:right;}
#page6 .adress {
	width:173px;
	padding:25px 0 0 0;
}
	#page6 .adress dt {
		line-height:19px;
		color:#363636;
		font-weight:bold;
		padding:0;
	}
	#page6 .adress dd {
		font-size:13px;
		line-height:19px;
		color:#363636;
		overflow:hidden;
	}
		#page6 .adress dd a {color:#363636;}
.list-2 {padding:3px 0 0 0;}
.list-2 li {
	overflow:hidden;
	border-top:1px solid #dbdbdb;
	padding:25px 0 12px 0;
}
	.list-2 li.first {
		padding:0 0 12px 0;
		border-top:none;
	}
	.list-2 li span {
		float:left;
		background:url(../images/list-2-inner-bg.gif) no-repeat 0 0;
		width:51px;
		height:63px;
		font-size:36px;
		line-height:44px;
		color:#fff;
		text-align:center;
		font-weight:bold;
		padding:4px 0 0 0;
		margin:0 20px 0 0;
	}
	.list-2 li p {
		padding:0;
		margin:-3px 0 0 0;
	}
.services-list {
	padding:7px 0 0 1px;
}
.services-list li {
	display:block;
	background:#ebebeb;
	padding:13px 21px 16px 21px;
	margin:0 0 7px 0;
	overflow:hidden;
	position:relative;
}
	.services-list li span {
		display:block;
		position:absolute;
	}
		.services-list li.item-1 span {
			background: url(../images/servise-list-1-bg.png) no-repeat 0 0;
			width:25px;
			height:24px;
			position:absolute;
			left:24px;
			top:19px;
		}
		.services-list li.item-2 span {
			background: url(../images/servise-list-2-bg.png) no-repeat 0 0;
			width:26px;
			height:24px;
			position:absolute;
			left:21px;
			top:21px;
		}
		.services-list li.item-3 span {
			background: url(../images/servise-list-3-bg.png) no-repeat 0 0;
			width:22px;
			height:30px;
			position:absolute;
			left:27px;
			top:16px;
		}
	.services-list li p {
		padding:0 0 0 38px;
	}
	.services-list li a {color:#fbcf16;}
		.services-list li a:hover {
			text-decoration:none;
			color:#000 !important;
		}
		
.def-list-1 dt {
	font-size:13px;
	line-height:19px;
	font-weight:bold;
}
.def-list-1 dd {
	font-size:13px;
	line-height:19px;
	padding:0 0 19px 0;
}
/*********************************boxes**********************************/
.img-indent {
	float:left;
	margin:0 25px 0 0;
}
	#page1 .img-indent {
		float:left;
		margin:0 15px 0 0;
	}
.img-indent-0 {
	float:left;
	margin:0;
}
.img-indent-1 {
	float:left;
	margin:0 17px 0 0;
	}
	
.img-indent-bot {
	margin:0 0 18px 0;
}
	.img-box {
		background:#ebebeb;
		padding:5px;
	}
.service-box-1, 
.service-box-2, 
.service-box-3, 
.service-box-4 {
	float:left;
	width:207px;
	padding:7px 0 19px 80px;
}
.service-box-1 {
	background: url(../images/servise-block-1-bg.jpg) no-repeat 0 7px;
	margin:0 44px 0 0;
}
.service-box-2 {
	background: url(../images/servise-block-2-bg.jpg) no-repeat 0 7px;
}
.service-box-3 {
	background: url(../images/servise-block-3-bg.jpg) no-repeat 0 7px;
	margin:0 44px 0 0;
}
.service-box-4 {
	background: url(../images/servise-block-4-bg.jpg) no-repeat 0 7px;
}
	.service-box-1 p, 
	.service-box-2 p, 
	.service-box-3 p, 
	.service-box-4 p {
		padding:0;
	}
.project-box.last {margin:0;}
.project-box {
	float:left;
	width:261px;
	padding:15px;
	background:#ebebeb;
	color:#363636;
	position:relative;
	z-index:7;
	overflow:hidden;
	margin:0 27px 0 0;
}
	.project-box:hover {
		text-decoration:none;
	}
	.project-box strong {
		display:block;
		font-size:13px;
		line-height:19px;
		padding:12px 0 0 0;
		position:relative;
		z-index:7;
		cursor:pointer;
	}
	.project-box span {
		display:block;
		font-size:13px;
		line-height:19px;
		position:relative;
		z-index:7;
		cursor:pointer;
		word-spacing:-1px;
	}
	.project-box img {
		position:relative;
		z-index:7;
		cursor:pointer;
	}
	.project-box b {
		position:absolute;
		background:#fbcf16;
		width:100%;
		height:0;
		top:0;
		left:0;
		cursor:pointer;
	}
	.project-box em {
		position:absolute;
		background:#fbcf16;
		width:100%;
		height:0;
		bottom:0;
		left:0;
		cursor:pointer;
	}
/*********************************indents**********************************/
.padding-1 {padding-top:6px;}
	#page2 .padding-1 {padding-top:12px;}
	#page3 .padding-1 {padding-top:37px;}
	#page4 .padding-1 {padding-top:27px;}
.padding-2 {padding-bottom:14px;}
.padding-3 {padding-bottom:20px;}
	#page5 .padding-3 {padding:0 0 0 20px;}
.padding-4 {padding-top:28px;}
	#page2 .padding-4 {padding-top:11px;}
.padding-5 {padding-top:28px;}
/*********************************other**********************************/
#content-slider {
	width:230px;
	height:120px;
}
.position-rel {
	position:relative;
}
.navigation-container {
	overflow:hidden;
	position:absolute;
	top:13px;
	left:204px;
}
#page1 .navigation-container #prev {
	display:block;
	width:9px;
	height:8px;
	float:left;
	margin:0 6px 0 0;
	background:url(../images/prev-next-arrows.gif) no-repeat 0 0;
}
	#page1 .navigation-container #prev:hover {
		background:url(../images/prev-next-arrows.gif) no-repeat 0 -8px;
	}
#page3 #prev {
	display:block;
	width:19px;
	height:36px;
	margin:auto 0;
	position:absolute;
	left:13px;
	top:89px;
	cursor:pointer;
}
	#page3 #prev span {
		display:block;
		background:url(../images/prev-arrow.gif) no-repeat 0 0;
		width:19px;
		height:36px;
	}
#page1 .navigation-container #next {
	display:block;
	width:9px;
	height:8px;
	float:left;
	background:url(../images/prev-next-arrows.gif) no-repeat -15px 0;
}
	#page1 .navigation-container #next:hover {
		background:url(../images/prev-next-arrows.gif) no-repeat -15px -8px;
	}
#page3 #next {
	display:block;
	position:absolute;
	width:19px;
	height:36px;
	margin:auto 0;
	right:13px;
	top:89px;
	cursor:pointer;
}
	#page3 #next span {
		display:block;
		background:url(../images/next-arrow.gif) no-repeat 0 0;
		width:19px;
		height:36px;
	}
.top-slider-container {
	overflow:hidden;
	padding:0 54px;
}
	#top-slider, #top-slider div {height:215px !important;}
.hr {
	height:1px;
	background:#dbdbdb;
}
	#page1 .hr {margin:0 0 0 5px;}
	
blockquote {
	background: url(../images/blockquote-bg.gif) no-repeat 0 0;
	margin:0 -2px 0 0;
	min-height:172px;
	position:relative;
}
	blockquote span {
		display:block;
	}
	
	blockquote span.quote {
		font-size:13px;
		line-height:20px;
		padding:28px 22px 10px 35px;
	}
	blockquote span.caption {
		position:absolute;
		right:1px;
		bottom:0;
		font-weight:bold;
		font-size:13px;
	}

figure {
	padding:15px 15px 12px 15px;
	background:#ebebeb;
	float:left;
	margin:1px 20px 0 0;
}
	figure.last {margin:1px 0 0 0;}
	figcaption {
		width:160px;
		padding:9px 0 0 0;
	}
		figcaption strong {
			display:block;
			font-size:13px;
			line-height:19px;
		}
		figcaption span {
			display:block;
			font-size:13px;
			line-height:19px;
		}
/*********************************slider**********************************/
#slider {
	background:url(../images/slider-tail.gif) 50% 50%;
	position:relative;
	z-index:5;
	padding:35px 0 36px 0;
}
#head {
	width:983px;
	margin:0 auto;
}
/*********************************header*************************************/
header {
	background:#080808;
}
	header .inner {
		padding:25px 5px 29px 5px;
		overflow:hidden;
	}
	header h1 {float:left;}
	header h1 a {
		display:block;
	
		padding:0 0 0 2px;
		overflow:hidden;
	}
		header h1 a strong {
			font-family: 'Lobster', cursive;
			font-size:75px;
			line-height:120px;
			color:#fff;
			letter-spacing:-1px;
			display:block;
			margin:-30px 0 0 0;
			font-weight:normal;
		}
		header h1 a b {
			display:block;
			color:#c5c5c5;
			font-size:13px;
			line-height:18px;
			font-weight:normal;
			text-transform:uppercase;
			padding:0 0 0 7px;
			margin:-30px 0 0 0;
		}
		header h1 a:hover {text-decoration:none;}
	
/*********************************navigation**********************************/
nav {
	background:url(../images/nav-tail.gif) repeat-x;
	position:relative;
	z-index:10;
}
.sf-menu {
	padding:0 5px;
	margin:	0;
	list-style:	none;
}
.sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			152px;
	height:auto;
	padding:17px 10px 8px 21px;
	background:#000;
}
.sf-menu ul ul {
	background:none;
	padding:0;
	width:155px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
} 
.sf-menu li {
	float:left;
	position:relative;
	background:url(../images/nav-hover-tail.gif) repeat-x 0 0;
	height:62px;
}
.sf-menu a {
	display:block;
	background:url(../images/nav-separator.gif) no-repeat right 19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	min-width:158px;
	color:#fff;
	text-align:center;
	height:45px;
	padding:19px 0 0 0;
}
		.sf-menu a.last {
			background:none;
		}
		.sf-menu li.sfHover a,
        .sf-menu a:hover  {
			text-decoration:none;
			color:#fbcf16;
		}
		.sf-menu li.sfHover a.active, .sf-menu a.active {
			color:#fff;
		}
		.sf-menu li.active {
			background:url(../images/nav-hover-tail.gif) repeat-x 0 -62px;
		}
.sf-menu ul li {
	display:block;
	background:none;
	height:auto;
	line-height:36px;
}
.sf-menu ul ul li {
	overflow:hidden;
	padding:0 0 1px 0;
}
	 	.sf-menu ul li a {
			background:url(../images/sub-nav-1-marker.gif) no-repeat 0 9px;
			color:#fff;
			font-size:16px;
			height:auto;
			display:inline-block;
			height:21px;
			text-align:left;
			padding:0 0 0 10px;
			font-family: 'PT Sans', sans-serif;
		}
			.sf-menu li.sfHover ul li a {color:#fff;}
		.sf-menu li.sfHover ul li a:hover, .sf-menu li.sfHover ul li.sfHover a.sf-with-ul {
			color:#fbcf16;
		}
			.sf-menu ul li ul li a {
				display:block;
				height:29px;
				background:url(../images/sub-nav-2-marker.gif) no-repeat 8px 16px #292929;
				padding:6px 0 0 18px;
				font-family: 'PT Sans', sans-serif;
			}
				.sf-menu ul li.sfHover ul li a:hover, .sf-menu ul li.sfHover ul li a.active {
					background-color:#2c7854;
					color:#fff;
				}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			62px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			149px; /* match ul width */
	top:			-2px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-sub-indicator {
	display:block;
	overflow:hidden;
	text-indent:-999px;
	width:158px;
	height:4px;
	background:url(../images/nav-sub-indicator.gif) no-repeat center 0;
	margin:5px 0 0 0;
}
	.sf-menu ul .sf-sub-indicator {display:none;}
/*********************************headers*************************************/
#content h3 {
	font-weight:normal;
	font-size:28px;
	line-height:34px;
	color:#4a4a4a;
	padding:0 0 12px 0;
}
#content .top-content h3 {
	color:#fff;
	letter-spacing:-1px;
}
	#content h3.extra {
		color:#000;
		padding:0 0 16px 0;
	}
	#content h3 span {
		display:block;
		margin:-6px 0 0 0;
	}
	#content h3.hp-1 {padding:0 0 16px 0;}
	#page4 #content h3.hp-1 {padding:0 0 24px 0;}
	#page5 #content h3.hp-1 {padding:0 0 16px 0;}
	#page3 #content h3.hp-1, 
	#page6 #content h3.hp-1, 
	#page7 #content h3.hp-1 {padding:0 0 19px 0;}
	
#content h4 {
	color:#212121;
	font-size:16px;
	line-height:21px;
	padding:0 0 19px 0;
	font-weight:normal;
}
aside h3 {
	font-size:24px;
	line-height:30px;
	color:#fff;
	font-weight:normal;
	padding:0 0 17px 0;
	letter-spacing:-1px;
}
/*********************************content*************************************/	
#content {
	background:#fff;
	padding:91px 0 48px 0;
	position:relative;
	z-index:5;
}
	#page2 #content {padding:56px 0 46px 0;}
	#page3 #content {padding:62px 0 12px 0;}
	#page4 #content {padding:46px 0 20px 0;}
	#page5 #content {padding:56px 0 17px 0;}
	#page6 #content {padding:56px 0 18px 0;}
	#page7 #content {padding:56px 0 50px 0;}

	#content article {padding:0 0 40px 0;}
	#content article.a2 {padding:29px 0 15px 0;}
	#content article.a3 {padding:0 0 18px 0;}
	#content article.a4 {padding:0 0 17px 0;}
		#page2 #content article.a2 {padding:35px 0 15px 0;}
		#page2 #content article.a3 {padding:0 0 17px 0;}
		#page2 #content article.a4 {padding:33px 0 15px 0;}
		#page3 #content article.a2 {padding:36px 0 15px 0;}
		#page3 #content article.a3 {padding:0 0 22px 0;}
		#page5 #content article.a3 {padding:0 0 22px 0;}

	#content .top-content {
		background:#1a1a1a;
		padding:0 0 32px 0;
		width:935px;
		margin:0 5px;
	}
		#content .top-content .inner {padding:29px 0 13px 54px;}
		#content .top-content .inner-2 {position:relative;}
.buttons {
	padding:16px 0 0 0;
}
	#page2 .buttons {padding:3px 0 22px 0;}
	#page3 .buttons {padding:3px 0 0 0;}
.button-1 {
	display:inline-block;
	font-size:18px;
	line-height:22px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	color:#fff;
	background:#080808;
	padding:7px 30px 10px 30px;
}
	.button-1:hover {
		text-decoration:none;
		background:#080808;
	}
#page7 #content a {color:#363636;}
iframe {
	width:300px;
	height:261px;
	border:5px solid #ebebeb;
	margin:0;
}
/*********************************aside**********************************/
aside {background:url(../images/aside-bottom-tail.gif) 50% 0;}
.aside-main-bg {background:url(../images/aside-tail.gif) repeat-x 50% 0;}
.aside-inner {background:url(../images/aside-inner-bg.gif) no-repeat center 0;}
.top-bg {
	background:url(../images/top-bg.gif) repeat-x center 0;
	padding:33px 0 15px 0;
}
/****************************forms************************/
#search-form {
	float:right;
	position:relative;
	padding:29px 1px 0 0;
}

#search-form input {
	width:181px;
	padding:5px 35px 5px 5px;
	height:19px;
	font-size:13px;
	color:#c5c5c5;
	display:block;
	background:#1e1e1e;
	border:none;
	outline:none;
}
	#search-form a.search-submit {
		background:url(../images/search-button.gif) no-repeat 0 0;
		width:26px;
		height:29px;
		display:block;
		cursor:pointer;
		position:absolute;
		bottom:0;
		right:11px;
	}
		#search-form a.search-submit:hover {background:url(../images/search-button.gif) no-repeat 0 -29px;}

#form1 {
	display:block; 
	font-size:13px;
	line-height:18px;
	height:411px;
	position:relative;
}
#form1 fieldset {overflow:hidden;}

#form1 label {
	display:block; 
	min-height:46px;
	clear:both;
}
	#form1 label.message {
		height:auto;
	}
#form1 span {
	display:none;
	color:#a1a1a1;
	margin:0 0 0 10px;
	float:left;
	font-size:12px;
	line-height:15px;
}
#form1 label span.errors {
	width:165px;
	float:left;
	display:block;
	margin:0;
	padding:0 0 5px 0;
}
#form1 input {
	width:313px; 
	font-size:13px;
	padding:9px 13px; 
	background:#fff;
	outline:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #e1e1e1;
	display:block;
	float:left;
	color:#363636;
	margin:0;
}
#form1 textarea {
	height:188px;
	width:505px;
	font-size:13px; 
	padding:9px 13px;  
	background:#fff;
	outline:none;
	border:1px solid #e1e1e1;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	display:block;
	resize:none;
	overflow:auto;
	color:#363636;
}
#form1 .btns {
	padding:26px 0 0 0;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:18px;
	height:auto;
	width:auto;
}
	#form1 .btns a {
		cursor:pointer;
		float:right;
		margin:0 0 0 8px;
		padding:7px 31px 10px 31px;
	}
.success {
	display:none;
	font-size:12px;
	line-height:15px;
	color:#a1a1a1;
	padding:0 0 10px 0;
}
/****************************footer************************/
footer {background:url(../images/body-tail.gif) 50% 50%;}	
	footer .inner {
		padding:20px 0 18px 0;
		line-height:22px;
	}
	#page1 footer .inner {padding:15px 0 18px 0;}
	footer strong {
		color:#bababa;
		font-size:14px;
		background:url(../images/footer-separator.gif) no-repeat right 4px;
		margin:0 4px 0 0;
		padding:0 7px 0 0;
		font-weight:normal;
	}
	footer a {
		color:#bababa;
		font-size:14px;
	}