/* Header
 ---------------------------------------------------------------------- */
#header {
	border-bottom: 1px solid #0a0a0a;
	background-color: #1b1b1b;
	height: 86px;
	z-index: 300;
	width: 100%;
}

	#logo {
		float: left;
		padding: 0;
		margin-top: 30px;
	}


/* Navigation
 ---------------------------------------------------------------------- */

/* --- MAIN NAVIGATION --- */
#main-nav { 
	float: right;
	border-right: 1px solid #242424;
	border-left: 1px solid #111;
	z-index: 100;
}

			#main-nav a {
				color: #fff;
				font-size: 12px;
				font-weight: 800;
				display: block;
				padding: 0 20px;
				line-height: 86px;
				border-left: 1px solid #242424;
				border-right: 1px solid #111;
				position: relative;
				text-align: center;
				text-transform: uppercase;
				z-index: 98;
			}

				#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a, #main-nav .active > a {
					color: #7bc7be; 
				}

				#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a { background-color: #121212; border-left: 1px solid #0f0f0f; }
				#main-nav .active > a { background-color: #121212; }

						#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current-menu-item > a, #main-nav ul ul .current_page_item > a, #main-nav ul ul .current-menu-ancestor > a, #main-nav ul ul .active > a {
							background: #121212;
							border-right: none;
						}

	/* Responsive Nav */
	#main-nav .responsive-nav, #top-wrap .responsive-nav {
		-webkit-appearance: none; /* Fix for Mobile Safari */
		background-image: url(img_dark/responsive-nav.png);
		background-color: #111;
		border: none;
		background-position: center right;
		background-repeat: no-repeat;
		display: none;
		width: 100%;
		color: #fff;
	}




/* Basic Elements & Classes
 ---------------------------------------------------------------------- */

body {
	color: #666;
	font: 14px/1.6 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: #fefefe;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}






/* Default button */
input[type="submit"], button, .btn {
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #fff !important;
	font-weight: 900;
	font-size: 14px;
	cursor: pointer;	
	height: auto;
	width: auto;
	overflow: visible;
	padding: 6px 12px;
	border: 1px solid #6BADA6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 20px 3px 0;
	background: #7BC7BE; /* Old browsers */
	background: -moz-linear-gradient(top,  #B5FFFD 0%, #7BC7BE 4%, #6BADA6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B5FFFD), color-stop(4%,#7BC7BE), color-stop(100%,#6BADA6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #B5FFFD 0%,#7BC7BE 4%,#6BADA6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #B5FFFD 0%,#7BC7BE 4%,#6BADA6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #B5FFFD 0%,#7BC7BE 4%,#6BADA6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #B5FFFD 0%,#7BC7BE 4%,#6BADA6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7BC7BE', endColorstr='#6BADA6',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]:hover, button:hover, .btn:hover {
	color: #fff;
	background: #70B5AD; /* Old browsers */
	background: -moz-linear-gradient(top,  #B5FFFD 0%, #70B5AD 4%, #558A83 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B5FFFD), color-stop(4%,#70B5AD), color-stop(100%,#558A83)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #B5FFFD 0%,#70B5AD 4%,#558A83 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #B5FFFD 0%,#70B5AD 4%,#558A83 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #B5FFFD 0%,#70B5AD 4%,#558A83 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #B5FFFD 0%,#70B5AD 4%,#558A83 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70B5AD', endColorstr='#558A83',GradientType=0 ); /* IE6-9 */
}
.btn { display: inline-block;}
	.text-right .btn { margin: 0 0 0 20px; }
	.text-center .btn { margin: 0 0 0 20px; }
		input[type="submit"].small, button.small, .btn.small { padding: 8px 12px; font-size: 12px; }
		input[type="submit"].medium, button.medium, .btn.medium { padding: 14px 22px; font-size: 14px;}
		input[type="submit"].large, button.large, .btn.large { padding: 16px 32px; font-size: 16px; }


/* Text Button */
.text-button {
	display: block;
	margin-top: 3px;
	text-transform: uppercase;
	font-size: 12px;
}
	.text-button:before {
		content: "-";
		margin-right: 4px;
	}



#wrapper {display:table;}
#cell {display:table-cell; vertical-align:middle;}