/* Enjin 2011 */

body {
	text-align: center;
	margin: 0;
	overflow: hidden;
	background: #fff url(images/bg.jpg) repeat;
}

a {
	text-decoration: none;
	color: #41988d;
}

a.hover {
	text-decoration: underline;
	color: #41988d;
}

#bg_left {
	height: 130px;
	z-index: -1;
	width: 40%;
	float: left;
	background: #292322 0 top;
	margin: 0;
	padding: 0;
	clear: none;
	top: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
}

#bg_right {
	height: 170px;
	z-index: -1;
	width: 40%;
	float: right;
	background: #41988d url(images/right_bg.jpg) 0 top;
	margin: 0;
	padding: 0;
	clear: none;
	top: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
}

#frame {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

#container {
	margin: 0 auto;
	width: 965px;
	height: 100%;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

#header {
	color: #292322;
	background-color: #292322;
	width: 965px;
	overflow: hidden;
	height: 130px;
}

#tag {
	width: 615px;
	height: 34px;
	position: relative;
	text-align: left;
	vertical-align: middle;
	color: white;
	font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 6px;
	padding-bottom: 0;
	padding-left: 12px;
	left: 180px;
	background: url(images/tag_bg.jpg) repeat-x;
}

#portfolio {
	width: 610px;
	height: 330px;
	border: 15px solid #282221;
	margin-top: 70px;
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

* {
	margin: 0 auto;
	padding: 0 auto;
}

#portfolio::before, #portfolio::after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 10px;
width: 70%;
max-width: 637px;
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg);
}

#portfolio::after {
left: auto;
right: 10px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg);
}

#portfolio img { position:absolute; left:0; top:0; }

#footer {
	background-image: url(images/footer.png);
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 700px;
	text-align: center;
	font: 0.8em/3.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}