/*
	APPLE MOBILE DEVICES WILL  NOT RENDER IMAGES OVER THE SIZE OF 3,145,728
	TO CALCULATE NUMBER USE: (width * height * 3) (ex. 1024 * 1024 * 3 = 3,145,728)
	http://teknocat.org/blog/computer-stuff/web-development/show/6/mobile-safari-background-image-scaling-quirk
*/

/*********************************************
	MAIN NAV
*********************************************/
.main-nav,
.main-nav ul li{
	background: url(/images/system/nav.png) no-repeat right top;
	color:#fff;
	font-size:20px;
	text-decoration:none;
}

.main-nav ul{
	list-style-type:none; 
	margin:0;
	padding:0;
}

.main-nav ul li:hover{background-position: right -50px;}

/* main navigation bar and main li height */
.main-nav,
.main-nav ul li{
	display:block;
	height:41px;
	line-height:41px;
}

.main-nav li{ cursor:pointer;}
.main-nav li a{ color:#fff; text-decoration:none;}

/*set all z indexs for menus */
.main-nav{z-index:10; margin-bottom:10px; }
.main-nav ul{z-index:20; position:relative;}
.main-nav ul ul{z-index:30;}


/*********************************************
	Main Navigation
*********************************************/
.main-nav ul li{ 
	float:left;
	position:relative;
}

	/* set height and margin of main navigation a */
	.main-nav ul li a{
		display:block;
		padding:0 20px;
		height:100%;
		filter: Shadow(Color=#233c4f,Direction=130, Strength=2); /*ie*/ 
		text-shadow: #233c4f 2px 2px 2px; /*modern browsers*/
	}

/*********************************************
	Shared Sub and Sub Sub Navigation styles
*********************************************/
.main-nav ul ul a{ 
	font-size:16px;
	height:34px;
	line-height:34px;
}

.main-nav ul ul,
.main-nav ul li:hover ul ul{
	display:none;
}

.main-nav ul li:hover ul,
.main-nav ul li:hover ul li:hover ul{
	display:block;
}

/*********************************************
	Sub Level 1
*********************************************/
.main-nav ul ul{
	position:absolute;
	top:41px;
	left:-4px;
	width:186px;
}

.main-nav ul ul li {
	height:auto;
	margin:0;
	padding:0;
	width:100%;
	background-position:left -120px;
	
}
.main-nav ul ul li a {border-bottom:1px dotted #739dbe; margin:0 4px;}
.main-nav ul li.last a {border:none;}

.main-nav ul ul li:hover{ background-position:-297px -120px;}
.main-nav ul ul li.last{ background-position:left bottom; }
.main-nav ul ul li.last a{ 
	height:37px;
	line-height:36px;
}
.main-nav ul ul li:hover.last{ background-position:-297px bottom;}

/*********************************************
	Sub Level 2
*********************************************/
.main-nav ul ul ul{
	position:absolute;
	top:3px;
	left:156px;
}

.main-nav ul ul ul li {background-position:-297px -120px;}
.main-nav ul ul ul li:hover{ background-position:left -120px;}

.main-nav ul ul ul li.first{ background-position:-297px -100px;}
.main-nav ul ul ul li:hover.first{ background-position:left -100px;}

.main-nav ul ul ul li.last{ background-position:-297px bottom;}
.main-nav ul ul ul li:hover.last{ background-position:left bottom;}