/*---------------clear-------------*/
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear { display:block; }
/* End hide from IE Mac */
* html .clear {height:1px;}
/*---------------clear-------------*/

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.pointer {
	cursor: pointer;
}


/* ################## MAIN ################## */


* {
	position: relative;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	margin: 0;
	background-color: #000;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: white;
	
	font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	-webkit-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	-moz-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	-ms-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	-o-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	text-rendering: optimizeLegibility;

}

a {
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
	color: #36f984;
	text-decoration: none;
}

.button {
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
	font-size: 18px;
	line-height: 115%;
	border: 6px solid #36f984;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 35px;
	padding-right: 35px;
	margin-top: 10px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.4);
	max-width: 95%;
	margin-left: 30px;
	margin-right: 30px;
}
.button:hover {
/*	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);*/
}
.button:active {
	background-color: #36f984;
}
a.button {
	color: white;
}
a.button:hover {
	color: #ff1c6b;
}
a.button:active {
	color: #000;
}
a:hover {
	color: #ff1c6b;
}

div {
	display: inline-block;
/*
	border: 1px solid white;
*/
}

em {
	font-style: normal;
	letter-spacing: 0.2em;
	margin-left: 0.4em;
	margin-right: 0.1em;
}

.buttonOuter {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
}


.screenFilled {
	width: 100%;
	height: 100%;
}

.horizontalFilled {
	width: 100%;
}

.verticalCenter {
	/* vertical align */
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.vertical80Percent {
	/* vertical align */
	position: relative;
	top: 80%;
	-webkit-transform: translateY(-80%);
	-ms-transform: translateY(-80%);
	transform: translateY(-80%);
}

.horizontalCenter {
	text-align: center;
	
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.leftAlign {
	text-align: left;
}

.bottomAlign {
	/* vertical align */
	position: relative;
	top: 100%;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.height50 {
	height: 50%;
}

.height60 {
	height: 60%;
}

.height70 {
	height: 70%;
}

.height80 {
	height: 80%;
}

.height90 {
	height: 90%;
}


.paralaxScrollingVertical, .paralaxScrollingHorizontal, .fixedBackground {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.paralaxScrollingVertical, .paralaxScrollingHorizontal, .fixedBackground {
		background-attachment: scroll;
	}
}








.textContent {
	width: 70%;
	min-width: 90%;
	max-width: 500px;
	padding-left: 20px;
	padding-right: 10px;
	font-size: inherit;
	text-align: left;
	margin-bottom: 25px;

}

.textWrapper {
	padding-top: 10px;
	padding-bottom: 10px;
}


.bigPhotoLandscape {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #222;
}

.centerPhotoTop {
	background-position: center top;
}
.centerPhotoBottom {
	background-position: center bottom;
}
.centerPhotoLeft {
	background-position: left center;
}
.centerPhotoRight {
	background-position: right center;
}
.centerPhotoTopLeft {
	background-position: left top;
}
.centerPhotoTopRight {
	background-position: right top;
}
.centerPhotoBottomLeft {
	background-position: left bottom;
}
.centerPhotoBottomRight {
	background-position: right bottom;
}

.photoCredits {
	padding-left: 13px;
	padding-right: 3px;
	padding-bottom: 10px;
	line-height: 19px;
	text-shadow: #000 2px 2px 10px;
	text-align: left;

	/* vertical align */
	position: relative;
	top: 100%;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.photoCredits a {
	color: #FFF;
	text-decoration: underline;
}






.header {
	background-color: #2b2b2b;
	height: 70px;
	width: 100%;
}

.headerInner {
	margin-left: 30px;	
}

.footer {
	background-color: #2b2b2b;
	width: 100%;
	height: 350px;
}

.footerInner {
	margin-left: 10%;
	margin-right: 5%;
}