body {
	background: #000;
}

a {
	text-decoration: none;
	color: #8FD47C;
	background: none; 	
}

a:hover {
	text-decoration: none;
	color: #8FD47C;	
	background: url('./images/underline.gif') repeat-x 0px 14px;
}

#content {
	position: absolute;
	top: 0px;
	left: 220px;
	width: 783px;
	height: 860px;
	z-index: 0;
	background: url('./images/bg.jpg') repeat-x; 
}

#photo {
	position: absolute; 
	top: 44px;
	left: 78px;
}

#title {
	position: absolute; 
	top: 260px;
	left: 434px;
}

#navigation {
	position: absolute; 
	top: 379px;
	left: 68px;
	width: 136px;
	height: 160px;
	background: url('./images/nav_bg.gif') repeat-y;
	font-family: arial;
	font-size: 12px;
}

#navigation div {
	height: 25px; 
	text-align:right; 
	padding-right: 30px; 
	padding-top: 13px;
	background-repeat:no-repeat;
	color: #CCC;
}

#navigation div a {
	color: #CCC;
	background:none;
}

#navigation div a:hover {
	background: url('./images/underline.gif') repeat-x 0px 14px;
}

#feature1 {
	position: absolute;
	top: 519px;
	left: 308px;
	border: 0px;
}

#feature2 {
	position: absolute;
	top: 519px;
	left: 460px;
	border: 0px;
}

#feature3 {
	position: absolute;
	top: 519px;
	left: 610px;
	border: 0px;
}

#feature4 {
	position: absolute;
	top: 519px;
	left: 760px;
	border: 0px;
}

#intro_text {
	position: absolute;
	top: 391px;
	left: 308px;
	font-family: arial;
	font-size: 12px;
	width: 422px;
	text-align: justify;
	color: #CCC;
}


#content_text {
	position: absolute;
	top: 551px;
	left: 308px;
	font-family: arial;
	font-size: 12px;
	width: 422px;
	text-align: justify;
	color: #BBB;
}

.project_brief {
	margin-top: 50px;
}

.project_brief_desc {
	float: left;
	width: 275px;
	padding-right: 10px;
	padding-top: 5px;
	text-align: left;
}

.project_brief_desc span {
	float: right;
	padding-top: 20px;
}

.project_brief a img {
	border: 0px;
	float: right;
}

.project_brief_top a img {
	border: 0px;
	float: right;
}

.portfolio_preview {
	background: #3A3A3A; 
	padding: 10px;
}

.portfolio_preview img {
	border: 1px solid #666666;
}

#footer_text {
	position: relative;
	top: 100px;
	left: 2px;
	font-family: arial;
	font-size: 10px;
	color: #AAA;
}

.footer_text {
	position: absolute;
	top: 810px;
	left: 313px;
	font-family: arial;
	font-size: 10px;
	color: #AAA;

}

.clearance {
	clear: both;
}

#portfolio_menu {
	position: absolute; 
	top: 406px;
	left: 780px;
	height: 160px;
	font-family: arial;
	font-size: 12px;
}

#portfolio_menu div {
	height: 25px; 
	text-align:left; 
	padding-right: 30px; 
	padding-top: 13px;
	background-repeat:no-repeat;
	color: #CCC;
}

#portfolio_menu div a {
	color: #CCC;
	background:none;
}

#portfolio_menu div a:hover {
	background: url('./images/underline.gif') repeat-x 0px 14px;
}