* { 
	margin:0;
	padding:0;
}
html {
	min-width:823px;
}
body { 
	background:url(images/tail-top.gif) left top repeat-x #323232;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#fff;
	height:100%;
	position:relative;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:823px; 
	margin:0 auto;
	font-size:.8125em;
	height:3150px;
	position:relative;
}
#extra-main {
	width:823px; 
	margin:0 auto;
	font-size:.8125em;
	position:relative;
}

.page {
	height:1050px;
	position:relative;
}

.header {
	height:300px;
	position:relative;
}
.content {
	height:611px;
}
.footer {
	height:135px;
}
#single-page .content {
	height:auto;
}


/*---- tailings ----*/
.main-bg {
	background:url(images/main-bg.jpg) center top no-repeat;
	position:relative;
}
.tail-top { 
	position:relative;
}
.tail-bottom { 
	background:url(images/tail-bottom.html) left bottom repeat-x;
}
.tail-right {
	position:absolute;
	right:0;
	top:0;
	width:50%;
	background:url(images/tail-right.gif) left top repeat-x;
	height:3150px;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:16px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#fff; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	
}
h2 {
	font-size:16px;
	color:#fff;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
}
h3 {
	font-size:12px;
	color:#0accf6;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:20px;
}
h4 {
	
}
h5 {
	
}
h6 {
	
}


.txt1 {
}
.txt2 {
}

.link1 { 
	display:block;
	float:left;
	background:url(images/link1-bgd.html) left top repeat-x; 
	color:#fff; 
	text-decoration:none;
}
.link1:hover { 
	text-decoration:underline;
}
	.link1 em {
		display:block;
		background:url(images/link1-left.html) no-repeat left top;
	}
	.link1 b { 
		display:block;
		background:url(images/link1-right.html) no-repeat right top; 
		padding:2px 15px 2px 15px; 
		font-weight:normal; font-style:normal;
	}
	

.button { 
	float:left;
	background:#0accf6;
	color:#000;
	text-decoration:none;
	padding:3px 10px 3px 11px;
	font-size:15px;
	line-height:1.2em;
	display:block;
}
	.button:hover {
		background:#fff;
	}




.address dt {
	margin-bottom:20px;
}
.address dd { 
	clear:both;
}
	.address dd span { 
		float:left;
		width:84px;
	}
	.address a {
		color:#0bc2e9;
	}


/*===== header =====*/
.header .logo {
	position:absolute;
	top:20px;
	right:67px;
}
#single-page .header .logo {
	top:139px;
}
.header .nav {
	padding:173px 0 0 0;
	font-size:40px;
	line-height:1.2em;
	text-transform:uppercase;
}
#single-page .nav {
	padding:210px 0 0 0;
}
	.header .nav li {
		display:inline;
	}
		.header .nav li a {
			color:#b7aa86;
			text-decoration:none;
			margin-right:10px;
		}
		.header .nav li a:hover, .header .nav li a.current {
			color:#59503e;
			text-decoration:none;
		}
		#a3 .header .nav li a:hover, #single-page .header .nav li a:hover {
			color:#fff;
			text-decoration:none;
		}
		#a3 .header .nav li.current a {
			color:#fff;
			text-decoration:none;
		}

.header .nav.alt {
	padding:198px 0 0 0;
	position:absolute;
}
	.header .nav.alt li {
		display:block;
		width:100%;
		overflow:hidden;
		height:72px;
		padding-bottom:17px;
	}
		.header .nav.alt li a {
			margin:0;
			display:block;
		}
		.header .nav.alt li.home a {
			background:url(images/home-link-act.png) no-repeat left top;
			text-indent:-9999em;
			height:72px;
			width:280px;
		}
		.header .nav.alt li.home a:hover {
			background:url(images/home-link.png) no-repeat left top;
		}
		
		
		.header .nav.alt li.works a {
			background:url(images/works-link.png) no-repeat left top;
			text-indent:-9999em;
			height:72px;
			width:358px;
		}
		.header .nav.alt li.works a:hover {
			background:url(images/works-link-act.png) no-repeat left top;
		}
		
		.header .nav.alt li.contacts a {
			background:url(images/contacts-link.png) no-repeat left top;
			text-indent:-9999em;
			height:72px;
			width:517px;
		}
		.header .nav.alt li.contacts a:hover {
			background:url(images/contacts-link-act.png) no-repeat left top;
		}


/*===== content =====*/
.content .inside {
	padding:48px 0 100px 0;	
}
#a3 .content .inside {
	padding:78px 0 80px 0;	
}
#single-page .content .inside {
	padding:118px 20px 200px 0;	
}


/*--- carousel begin ---*/
.carousel-box {
	position:relative;
}
	.carousel-box button {
		background:none;
		width:19px;
		height:29px;
		border:none;
		position:absolute;
		cursor:pointer;
		outline:none;
		z-index:10;
	}
	.carousel-box button.prev {
		left:-40px;
		top:118px;
		background:url(images/prev.gif) no-repeat left top;
	}
		.carousel-box button.prev:hover {
			background-position:left -29px;
		}
	.carousel-box button.next {
		right:-51px;
		top:118px;
		background:url(images/next.gif) no-repeat left top;
	}
		.carousel-box button.next:hover {
			background-position:left -29px;
		}
		.carousel-box ul li {
			text-transform:uppercase;
			font-size:12px;
			line-height:17px;
			padding-right:16px;
		}
			.carousel-box ul li img {
				margin-bottom:23px;
			}
	
	.carousel {
		height:330px;
		overflow:hidden;
	}
/*--- carousel end ---*/
	



.intro-text {
	font-size:22px;
	line-heigt:30px;
	padding:175px 160px 10px 0;
}
	.intro-text a {
		text-decoration:none;
		border-bottom:1px solid #0accf6;
		color:#0accf6;
	}
	.intro-text a:hover {
		border-bottom:none;
	}
/*--- carousel end ---*/

/*===== footer =====*/
.footer {
	font-size:15px;
}
#a1 .footer {
	color:#322e2d !important;
}
	.footer .indent {
		padding:34px 0 0 0;
	}
	.footer a {
		color:#0accf6;
		text-decoration:none;
	}
	.footer a:hover {
		text-decoration:underline;
	}
	
	.footer ul {
		display:inline;
		padding-left:20px;
	}
		.footer ul li {
			display:inline;
			margin-left:-2px;
		}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label { 
		display:block;
		height:40px;
	} 
		#contacts-form label input { 
			width:230px;
			padding:7px 0 7px 10px;
			color:#333;
			border:none;
			background:#f4f4f4;
		}
		#contacts-form textarea {
			width:230px;
			height:95px;
			padding:7px 0 7px 10px;
			margin-bottom:46px;
			color:#4f4f4f;
			overflow:auto;
			border:none;
			background:#f4f4f4;
		}
		#contacts-form .send {
			background:#fff;
			color:#000;
			padding:2px 10px 2px 10px;
			float:left;
			font-size:15px;
			text-transform:uppercase;
			text-decoration:none;
			margin-right:6px;
		}
		#contacts-form .reset {
			background:#0accf6;
			color:#000;
			padding:2px 10px 2px 10px;
			float:left;
			font-size:15px;
			text-transform:uppercase;
			text-decoration:none;
			
		}

/*==========================================*/

body#single-page {
	background:url(images/extra-tail-left.gif) left top repeat-x #4f4f4f;
}
	body#single-page .tail-right {
		background:url(images/extra-tail-right.gif) left top repeat-x;
		height:76px;
	}
	
	.extra-top {
		background:url(images/extra-top.gif) no-repeat center top;
		position:relative;
	}
	.extra-bottom {
		background:url(images/extra-bottom.gif) no-repeat center bottom;
	}
	.extra-right-bot {
		background:url(images/extra-tail-right-bot.gif) left top repeat-x;
		position:absolute;
		right:0;
		bottom:0;
		width:50%;
		height:175px;
	}
	.extra-left-bot {
		background:url(images/extra-tail-left-bot.gif) left top repeat-x;
		position:absolute;
		left:0;
		bottom:0;
		width:50%;
		height:234px;
	}