/* 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 ======================================================== */
body { 
	background:none; 
	Georgia, Serif;
	font-size:.8125em; 
	line-height:1.3846em;
	color:#fff;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:18px;}

a {
	color:#abf9fc; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	position:absolute;
	top:0;
	left:0;
	width:232px;
	height:135px;
}
	h1 a {
		display:block;
		text-indent:-5000px;
		width:232px;
		height:135px;
		background:url(../images/logo.png) left top no-repeat;
	}
	
h2 {
	font-size:1.8461em;
	line-height:1.2307em;
	color:#fff;
	padding:0 0 10px 0;
	text-transform:uppercase;
	font-weight:normal;
}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 984px;
}

	/* Footer */
	footer{
		height:30px;
		background:url(../images/footer-bg.png) left top repeat;
		position:relative;
		z-index:20;
	}
		footer .main {
			padding-top:5px;
		}




/* Left & Right alignment */

.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;
}
.block {height:30px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -30px; position:relative; z-index:5;}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8461em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

/*===== content =====*/
#content .main {
	position:relative;	
}

.splash-menu {
	position:relative;
	height:750px;
}
	.splash-menu li {
		font-size:1.3846em;
		line-height:1.2307em;
	}
		.splash-menu li a {
			display:block;
			text-align:center;
			width:162px;
			height:94px;
			padding-top:70px;
			position:absolute;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
		}
			.splash-menu li a:hover {
				color:#000;
			}
		
		.splash-menu .m1 a {
			background:url(../images/m1.png) left top no-repeat;
			top:14px;
			left:380px;
		}
		.splash-menu .m2 a {
			background:url(../images/m2.png) left top no-repeat;
			top:211px;
			left:188px;
		}
		.splash-menu .m3 a {
			background:url(../images/m3.png) left top no-repeat;
			top:468px;
			left:231px;
		}
		.splash-menu .m4 a {
			background:url(../images/m4.png) left top no-repeat;
			top:572px;
			left:452px;
		}
		.splash-menu .m5 a {
			background:url(../images/m5.png) left top no-repeat;
			top:482px;
			left:692px;
		}
		.splash-menu .m6 a {
			background:url(../images/m6.png) left top no-repeat;
			top:270px;
			left:773px;
		}
		.splash-menu .m7 a {
			background:url(../images/m7.png) left top no-repeat;
			top:51px;
			left:650px;
		}

nav {
	position:absolute;
	z-index:10
}
	nav li {
		font-size:0.769em;
		line-height:1.2307em;
	}
		nav li a {
			text-align:center;
			text-decoration:none;
			color:#fff;
                        font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
			position:absolute;
			text-transform:uppercase;
			width:98px;
			height:54px;
			padding-top:44px
		}
			nav li a:hover {
				color:#000;
			}
		
		nav .m1 a {
			background:url(../images/nav-m1.png) left top no-repeat;
			top:105px;
			left:241px;
			z-index:1;
		}
		nav .m2 a {
			background:url(../images/nav-m2.png) left top no-repeat;
			top:186px;
			left:197px;
		}
		nav .m3 a {
			background:url(../images/nav-m3.png) left top no-repeat;
			top:295px;
			left:173px;
		}
		nav .m4 a {
			background:url(../images/nav-m4.png) left top no-repeat;
			top:400px;
			left:181px;
		}
		nav .m5 a {
			background:url(../images/nav-m5.png) left top no-repeat;
			top:514px;
			left:224px;
		}
		nav .m6 a {
			background:url(../images/nav-m6.png) left top no-repeat;
			top:606px;
			left:300px;
		}
		nav .m7 a {
			background:url(../images/nav-m7.png) left top no-repeat;
			top:662px;
			left:391px;
		}

.indent {
	padding:0 0 0 224px;
}

.inner {
	height:750px;
	width:750px;
}
/*---------inner bg ---*/
.bg1 {
	background:url(../images/inner-bg1.png) left top no-repeat;
}
	.bg1 span, .bg1 a {
		color:#d5ff7c;
	}
	
.bg2 {
	background:url(../images/inner-bg2.png) left top no-repeat;
}
	.bg2 a {
		color:#f0f82e;
	}
	.bg2 strong {
		color:#f0f82e;
		font-size:0.8461em;
		text-transform:uppercase;
	}

.bg3 {
	background:url(../images/inner-bg3.png) left top no-repeat;
}
	.bg3 a {
		color:#fb9d2f;
	}

.bg4 {
	background:url(../images/inner-bg4.png) left top no-repeat;
}

.bg5 {
	background:url(../images/inner-bg5.png) left top no-repeat;
}
	.bg5 a {
		color:#feaef4;
	}
	.bg5 strong {
		color:#feaef4;
		font-size:0.8461em;
		text-transform:uppercase;
		display:inline-block;
		padding-top:10px
	}

.bg6 {
	background:url(../images/inner-bg6.png) left top no-repeat;
}
	.bg6 span, .bg6 a, .adress {
		color:#cec9fe;
	}
		.adress span {
			float:right;
		}

.bg7 {
	background:url(../images/inner-bg7.png) left top no-repeat;
}
	.bg7 a {
		color:#abf9fc;
		text-decoration:none;
	}
		.bg7 a:hover {
			text-decoration:underline;
		}
	.bg7 strong {
		font-size:0.7692em;
		text-transform:uppercase;
		color:#abf9fc;
	}

/*-------------*/
	.inner .indent {
		padding:148px 130px 0 160px;
	}
	
.scroll {
	height:394px;
	overflow:auto;
}
.scroll2 {
	height:380px;
}
.scroll3 {
	height:440px;
}
	.scroll-inner {
		width:430px;
	}
	
.pad {
	padding-top:10px;
}
.pad1 {
	padding-top:28px;
}

.list {
}
	.list li {
		font-size:0.8416em;
		line-height:1.6em;
		background:url(../images/marker.gif) left 6px no-repeat;
		padding-left:14px;
		text-transform:uppercase;
		font-weight:bold;
	}
		.list li a {
			text-decoration:none;
		}
			.list li a:hover {
				text-decoration:underline;
			}

.link {
	display:inline-block;
	margin-top:6px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.7692em;
	line-height:1.2307em;
	text-decoration:none;
}
	.link:hover {
		text-decoration:underline;
	}
	.link-margin {
		margin-top:15px;
	}
	.link-margin1 {
		margin:15px 0 0 100px;
	}
	
.gallery {
	margin-left:-13px;
	padding-top:5px;
}
	.gallery ul {
		width:100%;
		overflow:hidden;
	}
		.gallery li {
			padding:0 0 21px 13px;
			float:left;
		}
		
/*===== footer =====*/
footer {
	color:#fae2d5;
	font-size:0.8461em;
}
	footer a {
		color:#afe43f;
		text-decoration:none;
	}
		footer a:hover {
			text-decoration:underline;
		}
/*----- forms -----*/
#contacts-form fieldset {
	border:none;
	padding-top:28px;
	width:425px;
}
	#contacts-form label {
		display:block;
		height:40px;
	}
		#contacts-form input {
			width:405px;
			padding:4px 0px 3px 16px;
			border-top:1px solid #7069b7;
			border-left:1px solid #8a82d1;
			border-right:1px solid #bfb7fe;
			border-bottom:1px solid #c6bffe;
			line-height:1.2307em;
			background:#b7affe;
			color:#fff;
		}
		#contacts-form textarea {
			width:405px;
			padding:3px 0px 3px 16px;
			border-top:1px solid #7069b7;
			border-left:1px solid #8a82d1;
			border-right:1px solid #bfb7fe;
			border-bottom:1px solid #c6bffe;
			background:#b7affe;
			color:#fff;
			height:106px;
			overflow:auto;
		}
		#contacts-form .link {
			margin-left:20px;
		}

/*==========================================*/
.bgstretcher {
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */