@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Questrial);

a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*---- Main Navigation ----*/
div#main-navigation {
	float:left; 
	margin:10px auto;
	border-radius:7px;
	width:100%;
	font-family: 'Questrial', sans-serif;
}

ul.sf-menu, ul.sf-menu *{
	margin:			0;
	padding:		0;
	list-style:		none;
	}
	
ul.sf-menu {
	line-height: 1.0;
	float: right;
	width: 100%;
	}
	ul.sf-menu li{
		float: left;
		text-align:center;
		height:40px;
		position: relative;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbb55a), color-stop(1, #fb9e25) );
		background:-moz-linear-gradient( center top, #fbb55a 5%, #fb9e25 100% );
		background-color:#fbb55a;
		border-left: 2px solid #FFCC99;
		}
		ul.sf-menu ul{
			padding:5px;
		}
		ul.sf-menu:first-child li li:nth-of-type(1),
		ul.sf-menu:first-child li li:nth-of-type(2),
		ul.sf-menu:first-child li li:nth-of-type(3),
		ul.sf-menu:first-child li li:nth-of-type(4){
				width:100%;
				margin:5px auto;
				border-radius: 0px;
				background:		#EEA04C;
				border:none;
			}
			ul.sf-menu li li:nth-of-type(1):hover,
			ul.sf-menu li li:nth-of-type(2):hover,
			ul.sf-menu li li:nth-of-type(3):hover,
			ul.sf-menu li li:nth-of-type(4):hover{
				background:	scroll	#EEA04C #FFCC99;
				color:			#FFF;
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #fbb55a) );
				background:-moz-linear-gradient( center top, #fb9e25 5%, #fbb55a 100% );
				background-color:#fb9e25;
			}
		
		
		ul.sf-menu li:hover{
			background:	scroll	#EEA04C #FFCC99;
			color:			#FFF;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #fbb55a) );
			background:-moz-linear-gradient( center top, #fb9e25 5%, #fbb55a 100% );
			background-color:#fb9e25;
		}
		ul.sf-menu li.sfHover{
			background:		#FFCC99;
			color:			#333;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #fbb55a) );
			background:-moz-linear-gradient( center top, #fb9e25 5%, #fbb55a 100% );
			background-color:#fb9e25;
		}
		ul.sf-menu li:hover {
			visibility:		inherit; /* fixes IE7 'sticky bug' */
		}
		
		ul.sf-menu:first-child li:nth-of-type(1) {
			border-left: none;
			width:7%;
			border-radius:4px 0px 0px 4px;
		}
		ul.sf-menu:first-child li:nth-of-type(2){
			width: 17%;
		}
		ul.sf-menu:first-child li:nth-of-type(3){
			width: 24.9%;
		}
		ul.sf-menu:first-child li:nth-of-type(4){
			width: 16%;
		}
		ul.sf-menu:first-child li:nth-of-type(5){
			width: 11.7%;
		}
		ul.sf-menu:first-child li:nth-of-type(6){
			width:13%;
		}
		ul.sf-menu:first-child li:nth-of-type(7){
			width:9%;
			border-radius:0px 4px 4px 0px;
		}
		
		ul.sf-menu:first-child li a{
			display:		block;
			position:		relative;
		}
		
		ul.sf-menu:first-child li ul{
			position:		absolute;
			top:			-4000px;
			background-color:#FFD6B0;
			border-radius:0px 0px 4px 4px;
			z-index:9999;
			}
			ul.sf-menu:first-child li:hover ul,
			ul.sf-menu:first-child li.sfHover ul {
				left:			0;
				top:			4em; /* match top ul list item height */
				z-index:		99;
			}
		
			
	ul.sf-menu:first-child li.current{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #FFCC99) );
		background:-moz-linear-gradient( center top, #fb9e25 5%, #FFCC99 35% );
		opacity:0.8;
		z-index:999;
		}
		ul.sf-menu:first-child li.current a{
			color:#333;
		}

	ul.sf-menu li a{
		text-decoration: none;
		color:#FFF;
		margin-top: 14px;
		}
		.sf-menu li a, 
		.sf-menu li a:visited{ /* visited pseudo selector so IE6 applies text colour*/
			font-size:16px;
			text-decoration:none;
			}
			.sf-menu li a:focus{
				position:relative;
				top:1px;
			} 
			.sf-menu li a:hover{
				text-decoration:none;
				color:#FFF;
			}