/*------------------------------------------------------------------------------*/
/*	--> 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:#d37528;}
#menu dd a:hover {background: #d37528; color:#ffffff;}

.home{width: 32px; margin-right:51px; }
.about{width: 50px; margin-right:50px;}
.portfolio{width: 43px; margin-right:51px;}
.services{width: 68px; margin-right:53px;}
.free{width: 79px; margin-right:51px;}
.contact{width: 59px;}