#nav, #nav ul{
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#nav a{
	display:block;
	color:#333333;
	text-decoration:none;
	font-size: 0px;
}

#nav a:hover{
	color: #333333;
}

#nav li{
	float:left;
	position:relative;
	background-image: url(../images/nav/bg-item.gif);
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 2px top;
	background-color: #647588;
}

#nav li:hover {
	background-image: url(../images/nav/bg-item-o.gif);
}

#nav ul {
	position:absolute;
	display:none;
	top:1.5em;
	margin-top: 10px;
	border: 1px solid #615F78;
	padding-top: 5px;
	background-color: #647588;
	width:254px;
}

#nav li ul a{
	height:auto;
	float:left;
	color: #333;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 12px;
	padding-right: 13px;
	padding-bottom: 17px;
	padding-left: 42px;
	width:194px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 9px 6px;
}



#nav ul ul{

}	

#nav li ul ul {
	left:12em;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


#nav a.home{
	background-image: url(../images/nav/home.gif); background-repeat: no-repeat; height: 28px; width: 80px; color: #909EAD;
}
#nav a.home:hover{
	 color: #93adc3; background-position: bottom;
}


#nav a.web-design{
background-image: url(../images/nav/design.gif); background-repeat: no-repeat; height: 28px; width: 97px; color: #909EAD;
}
#nav a.web-design:hover{
	 color: #93adc3; background-position: bottom;
}


#nav a.web-marketing{
background-image: url(../images/nav/marketing.gif); background-repeat: no-repeat; height: 28px; width: 109px; color: #909EAD;
}
#nav a.web-marketing:hover{
	 color: #93adc3; background-position: bottom;
}


#nav a.web-support{
background-image: url(../images/nav/support.gif); background-repeat: no-repeat; height: 28px; width: 74px;color: #909EAD;
}
#nav a.web-support:hover{
	 color: #93adc3; background-position: bottom;
}


#nav a.web-portfolio{
background-image: url(../images/nav/portfolio.gif); background-repeat: no-repeat; height: 28px; width: 76px; color: #909EAD;
}
#nav a.web-portfolio:hover{
	 color: #93adc3; background-position: bottom;
}


#nav a.about{
background-image: url(../images/nav/about.gif); background-repeat: no-repeat; height: 28px; width: 79px; color: #909EAD;
}
#nav a.about:hover{
	 color: #93adc3; background-position: bottom;
}


#nav a.contact{
background-image: url(../images/nav/contact.gif); background-repeat: no-repeat; height: 28px; width: 74px; color: #909EAD;
}
#nav a.contact:hover{
	 color: #93adc3; background-position: bottom;
}