/*------------------------------------------------------------------------------*/
/*	--> NAVIGATION DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#navigation{
	width: 619px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:30px;
	padding-top:17px;
	background-image:url(../images/nav_bg.gif);
	background-repeat:no-repeat;
	margin-left: 75px;
	padding-left:29px;
}

#menu {list-style-type:none; margin:0px; padding:0px;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; padding: 1px 0px;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(../images/trans.gif);}
#menu dt {margin:0; float:left; margin-bottom:16px; font-weight:normal;}
#menu dd {display:none; background: transparent; font-size: 12px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; border-left:1px solid #ffffff; clear:left; margin:0; padding:0; color: #fff; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#464646; padding: 0px 0px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:#d7d7d7; color:#464646; text-decoration:none; display:block; padding: 5px 10px;}

#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu dt a:hover { color:#904C4D;text-decoration:underline;}
#menu dd a:hover {background: #904C4D; color:#ffffff;}

.home{width: 32px; margin-right:56px; }
.about{width: 50px; margin-right:56px;}
.carrier{width: 114px; margin-right:56px;}
.jerrycan{width: 92px; margin-right:56px;}
.contact{width: 59px;}