/* 

STYLE SHEET FOR McLAUGHLIN INTL NAVIGATION
developed by bluespace creative, Inc.
www.bluespacecreative.com

*/

#navContainer {
	padding:0;
	margin:0;
	list-style:none;
	height:60px;
	position:relative;
	z-index:200;
	font-family: verdana, sans-serif;
	background: url(../images/nav/navBkg.gif) no-repeat;
}

#navContainer li.top {display:block; float:left;}
#navContainer li a {
	display:block; 
	float:left; 
	height:60px; 
	border: none !important; 
	text-decoration:none; 
	padding:0; 
	cursor:pointer;}
	
#navContainer li a b {margin-left:-9999px;}

#navContainer li a.one {background: url(../images/nav/apparel_accessories.gif); width: 113px;}
#navContainer li a.two {background: url(../images/nav/promotional_items.gif); width: 120px;}
#navContainer li a.three {background: url(../images/nav/our_services.gif); width: 93px;}
#navContainer li a.four {background:url(../images/nav/start_your_store.gif); width: 106px;}
#navContainer li a.five {background:url(../images/nav/contact.gif); width: 114px;}

#navContainer li:hover a, #navContainer a:hover {background-position: 0 -60px;}


#navContainer table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;} 

#navContainer .sub, #navContainer .oneSub, #navContainer .twoSub{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; font-size: 12px;}

#navContainer li:hover {position:relative; z-index:200;}
#navContainer a:hover {position:relative; white-space:normal; z-index:200;}

#navContainer :hover ul.oneSub, #navContainer :hover ul.twoSub{
	left:2px; 
	top: 60px;
	height:auto; 
	z-index:300;
	background-color: #fed9a9;
	border: 3px solid #fcbb63;
	padding: 9px 5px 10px 5px;	
	}

#navContainer :hover ul.oneSub{
	width: 400px;  
	padding: 4px 0px 4px 0px;
}

#navContainer :hover ul.twoSub{
	width: 200px;
	padding: 4px 0px 4px 0px;
}


#navContainer :hover ul.oneSub li {
	background-color: #fed9a9;
	position:relative; 
	width: 190px;
	float:left; 
	font-weight:normal;
	padding: 0 5px 0 5px;}

#navContainer :hover ul.twoSub li{	
	background-color: #fed9a9;
	position:relative; 
	width: 90px;
	float:left; 
	clear: left;
	font-weight:normal;
	padding: 0 5px 0 5px;}

#navContainer :hover ul.oneSub li a {	
	display:block;
	height: 20px !important;
	width: 190px;
	float: left; 
	text-decoration:none; 
	padding: 5px 5px 3px 5px;
	cursor:pointer; 
	color: #58595b;
	}

#navContainer :hover ul.twoSub li a{
	display:block;
	height: 20px !important;
	width: 190px;
	border: 0px;  
	text-decoration:none; 
	padding: 5px 5px 3px 5px;
	cursor:pointer; 
	color: #58595b;
	}

#navContainer :hover ul.oneSub li a:hover, #navContainer :hover ul.twoSub li a:hover{
	background-color: #ffecd4 ; 
	font-weight: bold;
}

#navContainer :hover ul.sub li a b, #navContainer :hover ul.oneSub li a b, #navContainer :hover ul.twoSub li a b, #navContainer :hover ul.threeSub li a b, #navContainer :hover ul.fourSub li a b, #navContainer :hover ul.newsSub li a b {position:absolute; left:-9999px; margin:0;}

#navContainer :hover ul li a.oneSub_li { width: 180px;}
#navContainer :hover ul li a.twoSub_li { width: 180px;}

#navContainer a:focus {outline: none;}

/* Page highlights or section indicators */

.home a.one{background-position: 0 43px !important;}
.about a.two{background-position: 0 43px !important;}
.training a.three{background-position: 0 43px !important;}
.support a.four{background-position: 0 43px !important;}
.resources a.five{background-position: 0 43px !important;}