@charset "utf-8";

body {
	background:url(../images/bg_grunge.jpg) #1b1b1b left top fixed no-repeat;
	margin:0 auto;
	text-align:center;
	height:100%;
}

#container {
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	
}

#portfolio {
	text-align:left;
	position:relative;
	width:272px;
}


#color_key {
	position:absolute;
	margin-top:-90px; left:700px;
	width:220px
}

#nav_links {
	position:absolute;
	margin-top:-90px; left:864px;
	border-left:1px solid #666;
	padding-left:11px;
	width:53px;
}

#nav {
	font-size:22px;	font-family:'Myriad Pro', Verdana, Arial; font-weight:600;
	padding-top:107px; padding-left:30px;
	text-align:left; 
}

#nav ul {
	display:block;
	list-style-type:none;
	/*border-bottom:1px solid #656565; */
	text-align:left;
	margin:0; padding:0;
}

#nav ul li {
	display:inline;
}

#nav ul li a {
	color:#7f7f7f;
	text-decoration:none;
	padding-right:20px;
}

#nav ul li a:hover {
	color:#ffffff;
	text-decoration:none;
}

#header_img {
	margin-left:100px;
}

#content {
	padding-left:290px;
	text-align:left;
	font-size:36px;	font-family:'Myriad Pro', Verdana, Arial; font-weight:600;
	color:#ffffff;
}

#footer {
	text-align:right;
	display:block;
	font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:20px;
	padding-top:40px;
	padding-bottom:10px;
	background:url(../images/bg_footer-grunge.jpg) right top no-repeat;
}