ul.topnav {
	list-style: none;
	position:relative;
	padding: 0;
	margin:0;
	float: left;
	width: 940px;
	height: 38px;
	font-size: 0;
	font-family: Arial, Helvetica, sans-serif;
	z-index:1000;
}
ul.topnav li {
	float: left;
	margin: 0;
	height: 38px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 115px;
	height: 38px;
	float: left;
	background: url(images/nav_poseidon_I.png) no-repeat center top;
}
ul.topnav li a:hover{
	background: url(images/nav_poseidon_I_over.png) no-repeat center top;
}
ul.topnav li.p3 a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 121px;
	height: 38px;
	float: left;
	background: url(images/nav_poseidon_III.png) no-repeat center top;
}
ul.topnav li.p3 a:hover{
	background: url(images/nav_poseidon_III_over.png) no-repeat center top;
}
ul.topnav li.p1 a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 108px;
	height: 38px;
	float: left;
	background: url(images/nav_poseidon_I.png) no-repeat center top;
}
ul.topnav li.p1 a:hover{
	background: url(images/nav_poseidon_I_over.png) no-repeat center top;
}
ul.topnav li.p2 a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 115px;
	height: 38px;
	float: left;
	background: url(images/nav_poseidon_II.png) no-repeat center top;
}
ul.topnav li.p2 a:hover{
	background: url(images/nav_poseidon_II_over.png) no-repeat center top;
}
ul.topnav li.ac a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 125px;
	height: 38px;
	float: left;
	background: url(images/nav_accessories.png) no-repeat center top;
}
ul.topnav li.ac a:hover{
	background: url(images/nav_accessories_over.png) no-repeat center top;
}
ul.topnav li.faq a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 56px;
	height: 38px;
	float: left;
	background: url(images/nav_faqs.png) no-repeat center top;
}
ul.topnav li.faq a:hover{
	background: url(images/nav_faqs_over.png) no-repeat center top;
}
ul.topnav li.sl a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 163px;
	height: 38px;
	float: left;
	background: url(images/nav_stock.png) no-repeat center top;
}
ul.topnav li.sl a:hover{
	background: url(images/nav_stock_over.png) no-repeat center top;
}
ul.topnav li.com a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 142px;
	height: 38px;
	float: left;
	background: url(images/nav_company.png) no-repeat center top;
}
ul.topnav li.com a:hover{
	background: url(images/nav_company_over.png) no-repeat center top;
}
ul.topnav li.con a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 110px;
	height: 38px;
	float: left;
	background: url(images/nav_contact.png) no-repeat center top;
}
ul.topnav li.con a:hover{
	background: url(images/nav_contact_over.png) no-repeat center top;
}
ul.topnav li ul.sub-menu {
	list-style: none;
	position: absolute; /*--Important - Keeps sub-menu from affecting main navigation flow--*/
	left: 0; top: 38px;
	background: #283e62;
	margin: 0; padding: 0;
	font-size: 14px;
	display: none;
	float: left;
	width: 190px;
	border: 1px solid #122943;
}
ul.topnav li ul.sub-menu li{
	margin: 0; padding: 0 0 5px 0;
	border-top: 1px solid #486da9; /*--Create bevel effect--*/
	border-bottom: 1px solid #122943; /*--Create bevel effect--*/
	clear: both;
	width: 190px;
	height: 25px;
}
html ul.topnav li ul.sub-menu li a {
	float: left;
	width: 170px;
	background: #283e62 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	padding: 5px 0 0 20px;
	height: 25px;
}
html ul.topnav li ul.sub-menu li a:hover { /*--Hover effect for sub-menu links--*/
	background: #3b5c92 url(images/dropdown_linkbg.gif) no-repeat 10px center;
}