@charset "UTF-8";
/* CSS Document */

#site_nav {
	list-style: none;
	float: right;
	width: 400px;
	margin: 53px 0 0 0;
}

#site_nav li { float:left; }

#site_nav a {
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background-image: url(../img/navigation.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 11px;
	padding: 0 10px;
	border: none;
}

/*-- Normal State --*/

#site_nav .home a:link,#site_nav .home a:visited {
	width:40px; background-position:0px 0;
	padding-left: 0;
}

#site_nav .services a:link,#site_nav .services a:visited{
	width:72px; background-position: -49px 0;
}

#site_nav .about a:link,#site_nav .about a:visited {
	width:67px; background-position: -135px 0;
}

#site_nav .contact a:link,#site_nav .contact a:visited {
	width:148px; background-position: -224px 0;
}


/*-- Nav Hover --*/

#site_nav .home     a:hover { background-position:0px -12px;    }
#site_nav .services a:hover { background-position:-49px -12px;  }
#site_nav .about  a:hover { background-position:-135px -12px; }
#site_nav .contact    a:hover { background-position:-224px -12px; }

/*-- Nav Current --*/

#home .home a:link,#home .home a:visited { background-position:0 -24px !important;}

#services .services a:link, #services .services a:visited { background-position:-49px -24px !important;}
#asset .services a:link, #asset .services a:visited { background-position:-49px -24px !important;}
#design .services a:link, #design .services a:visited { background-position:-49px -24px !important;}
#database .services a:link, #database .services a:visited { background-position:-49px -24px !important;}
#marketing .services a:link, #marketing .services a:visited { background-position:-49px -24px !important;}
#webdev .services a:link, #webdev .services a:visited { background-position:-49px -24px !important;}
#loyalty .services a:link, #loyalty .services a:visited { background-position:-49px -24px !important;}
#customer .services a:link, #customer .services a:visited { background-position:-49px -24px !important;}
#fulfillment .services a:link, #fulfillment .services a:visited { background-position:-49px -24px !important;}


#about .about a:link, #about .about a:visited { background-position:-135px -24px !important;}
#employment .about a:link, #employment .about a:visited { background-position:-135px -24px !important;}

#contact .contact a:link, #contact .contact a:visited { background-position:-224px -24px !important;}
#form .contact a:link, #form .contact a:visited { background-position:-224px -24px !important;}
#mailing .contact a:link, #mailing .contact a:visited { background-position:-224px -24px !important;}



/*-- Suckerfish Dropdowns http://www.htmldog.com/articles/suckerfish/dropdowns/  --*/

#site_nav li ul {
	position: absolute;
	width: 138px;
	left: -999em;
	height:auto !important;
	padding:6px 3px 4px 5px; 
	z-index:99;
	background: transparent url(../img/dropdown_bg.png) top left repeat-x;
}

* html #site_nav li ul { /* non-transparent background for ie 5 & 6 */
	background: transparent url(../img/dropdown_bg.gif) top left repeat-x;
}

#site_nav li ul li{
	background-color:#fff;
}

#site_nav li ul li.producer_nav {
	background-color:#fff;
	padding-bottom:4px;
}

#site_nav li ul a {
	background:none;
	text-indent: 0;	
	font-size: 12px;
	line-height: 16px;
	width: 120px !important; 
	padding: 3px 8px;
	height:auto !important;
	z-index:99;
	color:#666;
}

#site_nav li ul a:hover { color:#333; }

#site_nav li:hover ul { left: auto; }

#site_nav li.services:hover a:link,#site_nav li.services:hover a:visited { background-position:-49px -12px !important; }

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