/* BASIC PAGE SETUP ============================================================================= */


html {
	min-height:100%;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body { 
	margin:0;
	padding:0;
	background: #fff;
	font-family:bodycopy, Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#fff; 
	word-wrap: break-word;
	background:#000;
}


/*  HEADINGS  ============================================================================= */


h1, h2, h3, h4, h5, h6 {
	font-family:  headings, Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-weight:bold;
	margin-top: 0 0 .5em;
	line-height:1em;
}

h1 { 
	font-size:68px;
	font-weight:normal;
	margin:15px 0 0;
}

h2 { 
	font-size:40px;
}

h3 { 
	font-size:34px;
	color:#b2b2b2;
}

h4 { 
	font-size:24px;
}


/*  TYPOGRAPHY  ============================================================================= */


p, ol, ul, dl, address { 
	margin-bottom : 1.5em; 
	line-height: 1.5em;
}

p {
	hyphens : auto;
	clear:both;
}


/* LINKS =============================================================================  */


a:link, a:visited { 
	color : #b2b2b2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration:none;
}

a:hover, a:active {
	color : #fff;
	text-decoration:underline;
}


/* VIDEO EMBED CONTAINER =============================================================================  */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*  NAV	============================================================================= */


#menucontainer {
	width:96%;
	height:40px;
	padding:30px 2%;
	margin:0 auto;
	background:#000;
}

#toplogo {
	position:relative;
	float: left;
	font-family:headings;
	font-size:48px;
	color:#fff;
}

#toplogo a {
	color:#fff;
}

nav {
	position:relative;
	float:right;
}

nav ul {
	display:block;
	z-index:999999;
	float:right;
	margin:0;
	padding:0;
}

nav ul li {
	display:inline-block;
	position:relative;
}

nav ul li a:link, nav ul li a:visited {
	font-family:headings;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	margin:30px 10px 0 0;
	display:inline-block;
	position:relative;
	text-decoration:none;
}

nav ul li a:hover, nav ul li a:active {
	color:#b2b2b2;
	text-decoration:none;
}

nav ul li.current a {
	color:#b2b2b2;
	cursor:pointer;
}

.slicknav_menu {
	display:none;
}


/*  MAIN LAYOUT	============================================================================= */

header {
	background:url(../img/header.jpg) top center;
	height:700px;
	color:#000;
}
/*
#toplogo {
	position:relative;
	float: left;
	font-family:headings;
	font-size:68px;
	color:#a0a0a0;
	background:#000;
	padding:10px 20px;
	margin:60px 0 20px;
}
 */
#greybar {
	background:#111;
	height:105px;
}

.padding {
	padding:40px 0 10px;
}

#info {
	margin:20px 0 10px;
	font-family:headings;
	font-size:30px;
	cursor:pointer;
}

.toggle1, .toggle2, .toggle3, .toggle4, .toggle5, .toggle6, .toggle7, .toggle8, .toggle9, .toggle10, .toggle11, .toggle12, .toggle13, .toggle14, .toggle15, .toggle16, .toggle17, .toggle18, .toggle19, .toggle20 {
	display:none;
}



/*  RESPONSIVE GOODNESS */

@media screen and (max-width: 960px) {
	
header {
	background:url(../img/header.jpg) top right;
	height:auto;
}

#toplogo {
	margin:0 0 20px;
	font-size:36px;
	}

#info {
	margin:0;
	text-align:left;
}

#menucontainer {
	padding:20px 2%;
}

	nav ul {
	display:none;
}

.slicknav_menu {
	display:block;
}

	
}

@media screen and (max-width: 767px) {

body, p { 
	font-size:14px!important;
}
	
#greybar {
	height:85px;
}

#info {
	font-size:24px;
}

h1 { 
	font-size:48px;
}


h2 { 
	font-size:34px;
}

h3 { 
	font-size:24px;
}

h4 { 
	font-size:18px;
}


}

