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


/* remember to define focus styles! */
:focus {
	outline: 0;
}

#menu ol, ul {
	list-style: none;
}
		
/* NAVIGATION - CSS SPRITES*/

#menu {
	float:left;
	width:450px;
	height:22px;
	margin: 59px 0 8px 0;
	position: relative;
	z-index:5;
	}	
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
	}
	
#drops ul.drop {
/* 	padding:10px; */
	width:inherit;
	clear:both;
	float:left;
	margin:22px 0 0 10px;
	}

#drops ul.drop li {
    width:inherit;
	clear:both;
	}
	
#drops ul.drop a {
	color:#002d56;
	text-decoration:none;
	clear:both;
	float:left;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0 2px 0 2px;
	}
	
#drops ul.drop a:hover {
	color:#d5e14d;
	clear:both;
	float:left;
	display: block;
	background-color: #666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0 2px 0 2px;
	}
	
#drops a {
	display:block;
	float:left;
	clear:both;
	width:160px;
}

#drops a.bullet {
	background: transparent url("../images/interface/bullet_toggle_plus.png") no-repeat scroll left 4px;
	padding-left: 30px;
}


#drops li {
	float: left;
}

#drops li.last {
	margin-bottom: 6px;
}

#drops li.first {
	margin-top: 4px;
}

#drops li ul {
	position: absolute;
	left: -999em;
	background: url("../images/interface/menu_background.png") bottom left no-repeat;
}

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

#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
}
/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING*/	
#menu a.aboutUs, #menu a.services, #menu a.tipstools, #menu a.careers, #menu a.contactUs {
	float:left;
	background:url(../images/interface/navigation-sprite.gif) no-repeat;
	height:22px;
	text-indent:-999999px;
	}
	
#menu a.aboutUs {	
	background-position:0px 0;
	width:86px;
	}

#menu a.services {	
	background-position:-86px 0;
	width:80px;
	}

#menu a.tipstools {	
	background-position:-166px 0;
	width:107px;
	}	
	
#menu a.careers {	
	background-position:-273px 0;
	width:78px;
	}	
	
#menu a.contactUs {	
	background-position:-351px 0;
	width:99px;
	}	

	
#menu a.aboutUs:hover {	
	background-position:0px -22px;
	}

#menu a.services:hover {	
	background-position:-86px -22px;
	}

#menu a.tipstools:hover{	
	background-position:-166px -22px;
	}	
	
#menu a.careers:hover{	
	background-position:-273px -22px;
	}	
	
#menu a.contactUs:hover {	
	background-position:-351px -22px;
	}
	
#menu a#active1 {	
	background-position:0px -22px;
	}
	
#menu a#active2 {	
	background-position:-86px -22px;
	}

#menu a#active3 {	
	background-position:-166px -22px;
	}

#nav a#active4{	
	background-position:-273px -22px;
	}	
	
#nav a#active5{	
	background-position:-351px -22px;
	}	
		
/*END NAVIGATION*/