body {
	font-family: arial, helvetica, serif;
	}
	
#letz_nav {
	position: absolute;
	width: 620px;
	left: 240px;
	top: 260px;
	height: 25px;
}

#nav, #nav ul {
	background:transparent  none repeat scroll 0 0;
	float:left;
	line-height: 1;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav li {
	float: left;
	padding:0;
	width: 10em;
	text-transform:uppercase;
}

#nav li {
	float:left;
	position:relative;
	text-align:left;
	z-index:100;
	list-style: none;
	padding: 0;
	margin: 0px;

}

#nav a {
	color:#FFFFFF;
	display: block;
	padding:0.25em 0em;
	text-decoration:none;
	font-size:110%;

}

#nav a:hover, #nav a:active {
	background-color:transparent;
	color:#000000;
}


#nav li ul {
	background-color:#018e80;
	font-weight:normal;
	height:auto;
	left:-999em;
	clear:left;
	padding: 0px;
	margin:0;
	position:absolute;
	width:150px;
}
#nav li ul a {
	text-align:left;
	padding: 5px;
}

#nav li ul a:hover, #nav li ul a:active {
	background-color:#5cb6a5;
	width:140px
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li.home, #nav li.home a {
	width:62px;
}
#nav li.portfolio, #nav li.portfolio a {
	width:102px;
}
#nav li.services, #nav li.services a{
	width:92px;
}
#nav li.about, #nav li.about {
	width:70px;
}
#nav li.design, #nav li.design a {
	width:138px;
}
#nav li.links, #nav li.links a {
	width:60px;
}
#nav li.contact, #nav li.contact a {
	width:70px;
}