/*
   CSS Drop Down Menu
   CSS for Codecanyon
   
   Created by Mark Southard on 2010-06-17.
   Copyright 2010. All rights reserved.
*/

/* ====================== */
/* = Just a Basic Reset = */
/* ====================== */

ol, ul, li {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

/* ======================================== */
/* = Perishable Press New Clearfix Method = */
/* ======================================== */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* ================== */
/* = Basic Stylings = */
/* ================== */

#navwrap {
	margin: 0 auto;
	width: 960px;
	height:36px;
}

/* ================ */
/* = Main Nav Bar = */
/* ================ */
ul#nav {
	/* ==== Blue ==== */
	background: #2E4FEF;
	background: -moz-linear-gradient(top, #3E9BFB, #001DAD);
	background: -webkit-gradient(linear, left top, left bottom, from(#3E9BFB), to(#001DAD));
	-pie-background: url() no-repeat, linear-gradient(#3E9BFB, #001DAD); /*PIE*/

	border-left: 1px solid #001DAD;
	border-right: 1px solid #001DAD;
	border-top: 1px solid #001DAD;

	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	behavior: url(scripts/http://www.butlerandmessier.com/Scripts/PIE.htc);
}
	ul#nav li {
		/* ==== Blue ==== */
		border-left: 1px solid #2E4FEF;
		border-right: 1px solid #001DAD;
		font-size:16px;
		z-index:900;
		
		float: left;
		padding: 8px 10px;
		position: relative;
	}
		ul#nav li:first-child {
			border-left: none;
		}
	ul#nav li a span.dropdown {
		background: transparent url(../images/bg_down_white.png) no-repeat right center; 
		padding-right: 17px;
		font-size:16px;
	}
	
		ul#nav > li:hover {
			/* ==== Blue ==== */
			background: #001DAD;
			background: -moz-linear-gradient(top, #001DAD, #2E4FEF);
			background: -webkit-gradient(linear, left top, left bottom, from(#001DAD), to(#2E4FEF));
			behavior: url(http://www.butlerandmessier.com/Scripts/PIE.htc);
			
		}
		ul#nav li a {
			text-decoration: none;
			/* ==== Dark Grey, Black, Blue, Brown, Pink, Orange, Green, Purple ==== */
			color: #fff;
			text-shadow: 0px 0px 0 #000;
		}
			ul#nav li a:visited {
				/* ==== Dark Grey, Black, Blue, Brown, Red, Pink, Orange, Green, Purple ==== */
				color: #fff;
			}
/* ================================== */
/* = Fist Tier of Drop Down Styling = */
/* ================================== */
ul#nav li ul {
	display: none;
	opacity: .90; /* opacity for drop down block */
	width: 200px; /* set the desired width of drop down ul */
}
	ul#nav > li:hover ul {
		/* ==== Blue ==== */
		background: #2E4FEF;
		border-left: 2px solid #001DAD;
		border-right: 2px solid #001DAD;
		border-bottom: 2px solid #001DAD;
		
		display: block;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		position: absolute;
		top: 100%;
		left: 0px;
		behavior: url(http://www.butlerandmessier.com/Scripts/PIE.htc);
	}
		ul#nav li ul li {
			/* ==== Blue ==== */
			border-top: 1px solid #001DAD;

			float: none;
			padding-left: 10px;
			position: relative;
			margin: 0;
		}
			ul#nav li ul li:hover {
				/* ==== Blue ==== */
				background: #001DAD;
				
			}
				ul#nav li ul li a span.dropdown {
						background: transparent url(../images/bg_right_white.png) no-repeat right center;
						padding-right: 18px;
				}
/* ==================================== */
/* = Second Tier of Drop Down Styling = */
/* ==================================== */
ul#nav li ul li ul {
	display: none;
	position: absolute;
	visibility: hidden;
	width: 100%;
}
	ul#nav li ul li:hover ul {
		/* ==== Blue ==== */
		background: #2E4FEF;
		border-top: 2px solid #001DAD;
		border-right: 2px solid #001DAD;
		border-bottom: 2px solid #001DAD;
		
		display: block;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-top-right: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		margin-top: -2px; /* offset the border-top */
		position: absolute;
		opacity: 1;
		left: 100%;
		top: 0px;
		visibility: visible;
		behavior: url(http://www.butlerandmessier.com/Scripts/PIE.htc);
	}
		ul#nav li ul li ul li {
			border-left: none;
		}