@charset "UTF-8";
/* CSS Document */
@import url("typography.css");
@import url("form.css");
@import url("slider.css");

body {
	padding:0;
	margin:0;
	background:url(../images/body_bg.png) repeat;
}

#outer_wrapper {
	position:relative;
}

#inner_wrapper {
	background:url(../images/header_full.png) no-repeat top left;
	position:relative;
	width:960px;
	margin:0 auto;
}

#header {
	position:relative;
	height:450px;
}

#menu {
	position:absolute;
	right:20px;
	top:100px;
}

#menu.bottom {
	top:50px;
}

#menu ul {
	position:relative;
	float:right;
	padding:10px 0 0 0;
	margin:0;
	color:#666;
}

#menu li {
	float:left;
	display:block;
	padding-right:20px;
	font-size:16px;
}

#menu li a{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
}

#menu li a:hover {
	/*color:#C9F;*/
	color:#333;
	text-decoration:underline;
}

#main {
	position:relative;
	margin:0 20px;
	height:300px;
}

#portfolio {
	position:relative;
	height:600px;
	overflow:hidden;
	padding-top:50px;
	margin:0 20px;
}

#contact {
	position:relative;
	padding-top:50px;
	margin:0 20px;
	height:600px;
}

#footer {
	position:relative;
	height:300px;
	background:url(../images/footer_bg.png) no-repeat bottom center;
}

#top_btn {
	position:absolute;
	top:80px;
	right:70px;
}

#footer-left {
	position:absolute;
	left:320px;
	top:105px;
	width:250px;
}

#footer-right {
	position:absolute;
	right:0;
	top:105px;
	width:350px;
}

#top, #bottom, #left, #right {
	background: black;
	}
	#left, #right {
		position: fixed;
		top: 0; bottom: 0;
		width: 88px;
		}
		#left { left: 0;  background: url(../images/left.png) left center repeat-y;}
		#right { right: 0; background: url(../images/right.png) right center repeat-y;}
		
	#top, #bottom {
		position: fixed;
		left: 0; right: 0;
		height: 88px;
		z-index:99;
		}
		#top { top: 0px; background: url(../images/top.png) top center repeat-x; }
		#bottom { bottom: 0px; background: url(../images/bottom.png) bottom center repeat-x; }
		
.overlay {
			position: absolute; top: 0; right: 0; left: 0; bottom: 0;
			background-color: #000;
			opacity: 0.75; filter: alpha(opacity=75);
		}
		.modal {
			position: fixed; top: 100px; left: 50%; z-index: 50;
			width: 250px;
			padding: 20px; margin: 0 0 0 -125px;
			font-size: 24px; line-height: 30px; text-align: center;
			background-color: #fff;
			border: 5px solid #333;
		}