html {
	background: #171C26 url(images/bg.png) repeat-x;
	color: #fff;
	}
body {
	font-family: "Chaparral Pro", Georgia, serif;
	background: url(images/map_bg.png) top center no-repeat;
	min-height: 800px;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	position: relative;
	}

body header[role=banner] {
	width: 900px;
	margin: 0 auto;
	position: relative;
	}
	
	h1 {
		width:415px;
		height: 133px;
		text-indent: -9999px;
		display: block;
		background: url(images/main_logo.png) no-repeat;
		padding:0;
		margin:0;
		margin-left: -36px;
		}
		
	h2 {
		font-weight: normal;
		font-style: italic;
		font-size: 24px;
		width: 448px;
		}
		
		h2 em {
			font-weight: bold;
			}
			
		h2 strong {
			color: #29ABE2;
			font-style: normal;
			font-weight: bold;
			}
		
		h2 span.wc {
			text-indent: -99999px;
			width: 118px;
			height: 17px;
			background: url(images/wcname.png) no-repeat;
			display: inline-block;
			}
		
	h3 {
		font-size: 14px;
		font-weight: bold;
		color: #29ABE2;
		text-transform: uppercase;
	}
			
.contact {
	width: 208px;
	height: 129px;
	background: url(images/contact.png) no-repeat;
	padding: 16px 10px 10px 40px;
	font-family: "DINPro", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #171C26;
	position: absolute;
	top: 60px;
	left: 470px;
	}
	
	.contact a {
		text-decoration: none;
		color: inherit;
		}
		
	.contact .tel {
		margin-top: 16px;
		}
		
.contact:hover {
	color: #fff;
	}

.portfolio {
	position: relative;
	display: block;
	height: 400px;
	}
	
.portfolio img {
	position: absolute;
	top: 65px;
	left: 0px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
	.portfolio li:nth-child(1) img {
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		left: -20px;
		}
	
	.portfolio li:nth-child(2) img {
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		left: 80px;
		}
	
	.portfolio li:nth-child(3) img {
		-webkit-transform: rotate(1deg);
		-moz-transform: rotate(1deg);
		left: 180px;
		}
		
	.portfolio li:nth-child(4) img {
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		left: 280px;
		}
	
	.portfolio li:nth-child(5) img {
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		left: 380px;
		}

	.portfolio li:nth-child(6) img {
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		left: 480px;
		}

.portfolio li:hover img {
	-webkit-transform: rotate(0) scale(1.1);
	-moz-transform: rotate(0) scale(1.1);
	z-index: 10;
	}
	
.other {
	position: absolute;
	top: 400px;
	left: 450px;
	width: 510px;
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
	
	z-index: 10;
	}
	
	.other a {
		color: #fff;
		text-decoration: none;
		font-style: italic;
		}

.portfolio article {
	background: rgba(23,35,47,0.8);
	display: block;
	height: 320px;
	width: 100%;
	z-index: 150;
	position: absolute;
	top: 30px;
	}
	
	.portfolio article h3 {
		color: #fff;
		position: absolute;
		top: 70px;
		left: 350px;
		}
	
	.portfolio article img {
		position: absolute;
		top: 30px;
		left: -60px;
		z-index: 152;
		}
		
		.portfolio article blockquote {
			position: absolute;
			background: #29ABE2;
			width: 460px;
			padding: 30px;
			top: 90px;
			left: 320px;
			line-height: 18px;
			font-size: 16px;
			font-style: italic;
			}
			
			blockquote em {
				color: #171C26;
				display: block;
				padding-top: 8px;
				font-size: 14px;
				}
				
			blockquote a {
				color: inherit;
				}
.close {
	position: absolute;
	top: 45px;
	left: 885px;
}
.copyright { clear: both;}