body {
	background: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #FFFFFF;}

#outer {
	margin: 60px auto 0px;
	width: 960px;}

ul#nav {
	list-style: none;
	height: 27px;
	padding:0px;margin:0 auto;width:283px;}

ul#nav li{float: left;display:inline;}
	
ul#nav li a{display:block;height:27px;text-indent:-10000px;}

ul#nav li #home {width:70px;height:27px;background: url(images/home.gif) no-repeat left top;}

ul#nav li #portfolio {width:92px;height:27px;background: url(images/portfolio.gif) no-repeat left top;}

ul#nav li #contact {width:102px;height:27px;background: url(images/contact.gif) no-repeat left top;}




ul#nav li #home:hover {width:70px;height:27px;background: url(images/home.gif) no-repeat left bottom;}

ul#nav li #portfolio:hover {width:92px;height:27px;background: url(images/portfolio.gif) no-repeat left bottom;}

ul#nav li #contact:hover {width:102px;height:27px;background: url(images/contact.gif) no-repeat left bottom;}




ul#nav li #home1 {width:70px;height:27px;background: url(images/home.gif) no-repeat left bottom;}

ul#nav li #portfolio2 {width:92px;height:27px;background: url(images/portfolio.gif) no-repeat left bottom;}

ul#nav li #contact3 {width:102px;height:27px;background: url(images/contact.gif) no-repeat left bottom;}



#outer #placeholder {
	margin-top: 35px;
	margin-bottom: 50px;
}
a:link {
	color: #CCCCCC;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #333333;
}
a:active {
	color: #999999;
}
.bordergrey {
	border: 1px solid #333333;
}
.bordergreyminusright {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right-style: none;
}