* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:980px;
}
body { 
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt; 
	line-height:.875em;
	color:#000000;

}

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

.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:980px; 
	margin:0 auto;
	font-size:.5625em;
	position:relative;
}

#splash {
	position:relative;
}

#content {
	position:absolute;
	background:url(images/content-bg.png) no-repeat 0 0;
	width:570px;
	height:570px;
	left:349px;
	top:104px;
}
#footer {
	background:url(images/footer-bg.png) no-repeat 0 0;
	width:98px;
	height:98px;
	position:absolute;
	color:#fff;
	text-align:center;
	left:72px;
	top:610px;
}


/*----- 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:#999999; 
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


.txt1 {
	color:#747474;
	text-decoration:underline;
}
.txt1:hover {
	text-decoration:none;
}


.title { 
	margin-bottom:20px;
}


.address { 
	float:left;
}
	.address dd { 
		clear:both;
		text-align:right;
	}
		.address dd span { 
			float:left;
		}
		.address dd a {
			color:#8c8c8c;
			text-decoration:underline;
		}
		.address dd a:hover {
			text-decoration:none;
		}



.logo {
	position:absolute;
	left:36px;
	top:33px;
}

ul.nav li {
	position:absolute;
}
	
	ul.nav li.about {
		width:151px;
		height:151px;
		left:136px;
		top:273px;
	}
		ul.nav li.about a {
			background:url(images/m1.png) no-repeat 0 0;
			width:151px;
			height:151px;
			display:block;
			font-size:58px;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			text-indent:-9999em;
		}
		ul.nav li.about a.active {
			background:url(images/m1-act.png) no-repeat 0 0;
		}
	
	ul.nav li.folio {
		width:199px;
		height:200px;
		left:46px;
		top:390px;
	}
		ul.nav li.folio a {
			background:url(images/m2.png) no-repeat 0 0;
			width:199px;
			height:200px;
			display:block;
			font-size:58px;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			text-indent:-9999em;
		}
		ul.nav li.folio a.active {
			background:url(images/m2-act.png) no-repeat 0 0;
		}
	
	ul.nav li.contacts {
		width:141px;
		height:141px;
		left:180px;
		top:513px;
	}
	  ul.nav li.contacts a {
			background:url(images/m3.png) no-repeat 0 0;
			width:141px;
			height:141px;
			display:block;
			font-size:38px;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			text-indent:-9999em;
		}
		ul.nav li.contacts a.active {
			background:url(images/m3-act.png) no-repeat 0 0;
		}


#splash .logo {
	left:345px;
	top:210px;
}
	#splash ul.nav li.about {
		left:107px;
		top:262px;
	}
	
	#splash ul.nav li.folio {
		left:419px;
		top:421px;
	}
	
	#splash ul.nav li.contacts {
		left:678px;
		top:130px;
	}

#splash #footer {
	left:203px;
	top:566px;
}




.scroll-box {
	height:132px;
	overflow:auto;
}
	.scroll-inner {
		height:1%;
		padding:0 20px 0 0;
	}


.works {
	width:100%;
	overflow:hidden;
}
	.works li {
		float:left;
		width:138px;
		margin-right:28px;
		padding-bottom:25px;
	}
	.works li.alt {
		margin-right:0;
	}
		.works li img {
			display:block;
			margin-bottom:15px;
		}




/*===== content =====*/
#content .indent {
	padding:193px 72px 100px 112px;
}

/*===== footer =====*/
#footer .indent {
	padding:35px 0 0 0;
}
#footer a {
	color:#717171;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

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