/* 

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;
}

#navContainer li.top {display:block; float:left;}
#navContainer li a {
	display:block; 
	float:left; 
	height:61px; 
	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/who_we_serve.gif); width: 86px;}
#navContainer li a.two {background: url(../images/nav/embroidery_screenprinting.gif); width: 128px;}
#navContainer li a.three {background: url(../images/nav/promo.gif); width: 111px;}
#navContainer li a.four {background:url(../images/nav/store.gif); width: 94px;}
#navContainer li a.five {background:url(../images/nav/contact_new.gif); width: 104px;}

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


#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: 61px;
	height:auto; 
	z-index:300;
	background-color: #fed9a9;
	border: 3px solid #fcbb63;
	padding: 9px 5px 10px 5px;	
	}

#navContainer :hover ul.oneSub{
	width: 929px;  
	padding: 10px 0px 10px 25px;
	position:absolute;
	left:-364px;
	top:55px;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
}

#navContainer :hover ul.twoSub{
	width: 200px;  
	padding: 10px 0px 10px 0px;
	position:absolute;
	left:0px;
	top:55px;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
}


#navContainer :hover ul.oneSub li {
	background-color: #fed9a9;
	position:relative; 
	width: 172px;
	float:left; 
	font-weight:normal;
	border-top: 1px solid #f4cf9f;
	border-bottom: 1px solid #ffe0b7;
	margin-left: 25px;
	margin-right: 25px;
}

#navContainer :hover ul.twoSub li{	
	background-color: #fed9a9;
	position:relative; 
	width: 172px;
	float:left; 
	font-weight:normal;
	border-top: 1px solid #f4cf9f;
	border-bottom: 1px solid #ffe0b7;
	margin-left: 5px;
	margin-right: 15px;
}

#navContainer :hover ul.oneSub li a {	
	display:block;
	height: 20px !important;
	width: 177px;
	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: #f4cf9f; 
	box-shadow: 0px 0px 5px #ffecd4;
		-webkit-box-shadow: 0px 0px 5px #ffecd4;
		-moz-box-shadow: 0px 0px 5px #ffecd4;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
}

#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;}