@charset "utf-8";
/* CSS Document */


#container {
	float: left;
	height: 100%;
	width: 1020px;
	position: relative;
}
#content {
	width: 670px;
	margin-left: 350px;
	position: relative;
}
.wrapper {
	padding: 30px;
	width: 270px;
	float: left;
	position: relative;
}

.wrapperImage {
	padding: 30px;
	width: 270px;
	float: left;
	position: relative;
	border: thin dotted #2b363c;
	background-color: #b3c7d2;
}

.wrapperImageFull {
	float: left;
	position: relative;
	border: thin dotted #2b363c;
	background-color: #b3c7d2;
}

.spacerSmall {
	height: 100px;
	width: 100%;
	float: left;
	position: relative;
}

.spacer {
	height: 300px;
	width: 100%;
	float: left;
	position: relative;
}

.wrapperLong {
	padding: 30px;
	width: 610px;
	float: left;
	position: relative;
}


#left {
	float: left;
	height: 100%;
	width: 325px;
	position: fixed;
	left: 0px;
	top: 0px;
	clear: both;
	text-align: center;
}

#header {
	position: absolute;
	width: 210px;
	height: 300px;
	padding: 60px;
	-moz-border-radius: 0px 0px 50px 0px;
	border-radius: 0px 0px 50px 0px;
	-webkit-transform: rotate(-5deg);
	-moz-transform:  rotate(-5deg);
	top: -27px;
	left: -29px;
	z-index: 1;
	border: thick dashed #b3c7d2;
}
#headerTop {
	z-index: 100;
	position: relative;
	height: 50px;
	width: 230px;
	padding: 30px;
}


#headerBottom {
	z-index: 100;
	position: relative;
	width: 100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 60px;
	padding-left: 30px;
}


#headerSocial {
	z-index: 100;
	position: relative;
	height: 50px;
	width: 330px;
	margin-top: 50px;
	-webkit-transform: rotate(-5deg);
	-moz-transform:  rotate(-5deg);
}



</style>[if lte IE 7]>
<style>
.content { margin-right: -1px; } 
#arrow {
	position: absolute;
	z-index: 150;
	left: 162px;
	top: 318px;
}

.right {
	text-align: right;
	width: 90%;
	position: relative;
	font-size: 16px;
}



ul.nav a { zoom: 1; } 
</style>
<![endif]