body {
	background: #eee;
	margin: 0px;
}

#container {
	position: absolute;
	width: 950px;
	height: auto;
	left: 50%;
	margin-left: -475px;
	margin-top: 50px;
}

	#container #covered_menu {
		position: absolute;
		width: 370px;
		height: 150px;
		top: 0px;
		left: 100%;
		margin-left: -385px;
		z-index: 0;
	}
	
		#container #covered_menu #button_area {
			position: absolute;
			width: 308px;
			height: 130px;
			left: 20px;
			top: 10px;
			background-image: url('img/button_container.gif');
		}
		
		#container #covered_menu #button_area #button_background {
			width: 292px;
			height: 35px;
			background-image: url('img/button_background.png');
			margin-left: 8px;
			margin-top: 6px;
			text-align: center;
		}
		
		#container #covered_menu #button_area #button_background:hover {
			background-image: url('img/button_background_over.png');
			cursor: pointer;
		}
		
			#container #covered_menu #button_area #button_background p {
				font-family: Arial;
				font-size: 16px;
				font-weight: Bold;
				color: #eee;
				
				margin: 0px;
				padding: 0px;
				padding-top: 9px;
			}

	#container #header {
		position: relative;
		width: 920px;
		height: 150px;
		left: 15px;
		background-image: url('img/header.png');
		background-repeat: no-repeat;
		background-position: 25px 0px;
		background-color: #ddd;
		z-index: 50;
	}
	
		#container #header #backtohome {
			position: absolute;
			width: 150px;
			height: 150px;
			left: -150px;
			background-image: url('img/button_homepage.png');
			opacity: 0;
			filter: alpha(opacity=0);
		}
		
			#container #header #backtohome:hover {
				cursor: pointer;
				background-image: url('img/button_homepage_over.png');
			}
	
		#container #header #trigger {
			position: absolute;
			width: 60px;
			height: 60px;
			top: 85px;
			left: 855px;
			background-image: url('img/arrow_trigger.png');
		}
		
			#container #header #trigger:hover {
				cursor: pointer;
			}
	
	#container #curvedshadow {
		position: relative;
		width: 950px;
		height: 120px;
		background-image: url('img/curveshadow.png');
		background-repeat: no-repeat;
		background-position: 2px 0px;
	}
	
		#container #curvedshadow #text_wrapper {
			width: 950px;
		}
	
		#container #curvedshadow #text_wrapper p {
			font-family: Arial;
			font-size: 10px;
			color: #111;
			margin: 0px;
			padding: 20px;
			margin-left: 50px;
			margin-right: 50px;
			padding-top: 50px;
		}
	
	#container #content {
		position: relative;
		width: inherit;
		height: auto;
		margin-bottom: 40px;
		left: 10px;
		overflow: hidden;
	}
	
		#container #content a {
			text-decoration: none;
			border: 0px;
		}
	
		#container #content #project {
			position: relative;
			margin: 16px;
			margin-top: 0px;
			width: 280px;
			height: 280px;
			background-color: #333;
			float: left;
		}
		
		#container #content #project p.title {
			position: absolute;
			background-color: #eb892c;
			margin: 0px;
			padding: 7px;
			font-family: Arial;
			font-weight: bold;
			color: #eee;
			z-index: 3;
			border-bottom-right-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-moz-border-bottom-right-radius: 10px;
			-o-border-bottom-right-radius: 10px;
		}
		
			#container #content #project #image {
				position: absolute;
				width: 100%;
				height: 100%;
				border: 0px;
				z-index: 1;
			}
			
			#container #content #project #info {
				position: absolute;
				width: 100%;
				height: 100%;
				background-image: url('img/stripes.png');
				background-color: #eee;
				opacity: 0;
				filter: alpha(opacity=0);
				z-index: 2;
			}
			
			#container #content #project #info p {
				margin: 20px;
				margin-top: 40px;
				font-family: Arial;
				font-size: 12px;
				color: #111;
			}
			
		#container #content #project:hover {
			cursor: pointer;
		}
		
			#container #content #project:hover #info {
				opacity: .9;
				filter: alpha(opacity=90);
			}
			
			#container #content #project #fake3d_bottom {
				position: absolute;
				top: 100%;
				left: 5px;
				width: 282px;
				height: 12px;
				-webkit-transform: skewX(40deg);
				-moz-transform: skewX(40deg);
				-o-transform: skewX(40deg);
				-ms-transform: skewX(40deg);
				background-color: #111;
			}
			
			#container #content #project #fake3d_right {
				position: absolute;
				top: 5px;
				left: 100%;
				width: 11px;
				height: 282px;
				-webkit-transform: skewY(43deg);
				-moz-transform: skewY(43deg);
				-o-transform: skewY(43deg);
				-ms-transform: skewY(43deg);
				background-color: #333;
			}
			
#slide {
	display: block;
	width: 950px;
	float: left;
}

	#slide p.text {
		font-family: Arial;
		font-size: 12px;
	}
	
	#slide #thumb {
		width: 100px;
		height: 200px;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		background-color: #333;
		filter: alpha(opacity=33);
		opacity: 0.33;
	}
	
		#slide #thumb:hover {
			cursor: pointer;
		}
		
		#slide #thumb .portf_title {
			position: absolute;
			width: 100px;
			height: 0px;
			background-color: #333;
			z-index: 5;
			overflow: hidden;
		}
		
			#slide #thumb .portf_title p {
				font-family: Arial;
				font-size: 12px;
				color: #ccc;
				padding: 0px;
				margin: 5px;
			}

#slide_wrapper {
	position: relative;
	width: 3800px;
}

.clear {
	clear: both;
}
	
#footer {
	position: fixed;
	width: 100%;
	height: 25px;
	top: 100%;
	margin-top: -25px;
	background-color: #111;
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	color: #666;
	padding-top: 8px;
}

/* VIEWBOX */

#vb_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-image: url('img/stripes_transp_bg.png');
	z-index: 1000;
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	text-align: center;
}

	#vb_overlay #vb_image {
		border: 5px solid #fff;
		margin-top: 0px;
	}
	
	#vb_overlay #vb_description {
		padding: 10px;
		color: #000;
		font-family: Arial;
		font-size: 11px;
		background-color: #eee;
	}