@charset "UTF-8";
/* CSS Document */
/* 12/22/2021 7:28PM */
/* Text Elements */


h1 {font-size: 2em; font-weight: bold; }
h2 {font-size: 1.8em; font-weight: bold; }
h3 {font-size: 1.6em; font-weight: bold; }
h4 {font-size: 1.4em; font-weight: bold;}
h5 {font-size: 1.2em; font-weight: bold;}
h6 {font-size: 1em; font-weight: bold;}
p 			{ font-size: 14px; margin:0; line-height:1.25em; 
				margin-bottom:10px; font-family:'Montserrat', sans-serif; text-align:justify; color:#000;}
.title-white {margin-bottom:-14px;  padding:0; line-height:1; border:0; text-align:center; color:#fff;}
.title { margin-bottom:-14px;  padding:0; line-height:1; border:0; text-align:center; }
.title2 { margin-bottom:5px;  margin-top:0; padding:0; text-align:center; }
.title3	{text-align:center; margin-top:1em; margin-bottom:1em; }
.title4 {margin-bottom:-14px;  padding:0; line-height:1; border:0; text-align:center; color:#fff;}
.reduce {text-align:center; margin-top:-5px; }
.reduce-white {text-align:center; margin-top:-5px; color:#fff;}
.center		{text-align:center;	}
.center-white {text-align:center; color: #fff;}
.left 		{ float:left; }
.right 		{ float:right; }
.justify	{text-align:justify; }
.justify-white {text-align:justify; color: #fff;}
.italic		{font-style:italic; }
.gallery	{font-size:1.2em; font-weight:bold; text-align:center; margin-top:.5em; 
			margin-bottom:0; padding-bottom:1em;}
.gallery2	{font-weight:bold; text-align:center; margin-top:.5em; 
			margin-bottom:.3em; }
.bold		{font-weight:bold; }
.italic-bold {font-style:italic; font-weight:bold; }
blockquote 	{margin: 1.5em; font-style: italic; }
strong, dfn { font-weight: bold; }
em, dfn 	{ font-style: italic; }
.cabin			{font-family:'Cabin', sans-serif; }
.wire-one		{ font-family: 'Wire One', sans-serif; }
.large		{font-size:1.2em; }
.exlarge    {font-size:1.6em; font-family: 'Calibri'; }
.clear		{clear:both; }
.large-white	{font-size:1.2em; color:#fff;}
.large-center-white {font-size:1.2em; text-align:center; color:#fff;}
.large-center {font-size:1.2em; text-align:center;}
.large-center-italic-white {font-size:1.2em; text-align:center; color:#fff; font-style:italic;}
.med-large-center-white {font-size:1em; text-align:center; color:#fff;}
.med-large-bold-center-white {font-size:1.2em; text-align:center; font-weight: bold; color:#fff;}
.center-italic-white	{text-align:center; font-style:italic; color:#fff;}
.large-center-italic	{font-size:1.2em; text-align:center; font-style:italic; }
.large-bold	{font-size:1.2em; font-weight:bold; }
.large-italic {font-size:1.2em; font-style:italic; }
.large-bold-italic {font-size:1.2em; font-weight:bold; font-style:italic; }
.large-bold-center {font-size:1.2em; font-weight:bold; text-align:center; }
.exlarge-bold-center {font-size:1.4em; font-weight:bold; text-align:center; }
.large-bold-center-white {font-size:1.8em; font-weight:bold; text-align:center; color:#fff; }
.center-italic	{text-align:center; font-style:italic; }
.center-italic-grey	{text-align:center; font-style:italic; color:#999; }
.bold-center	{text-align:center; font-weight:bold; }
.bold-center-italic	{text-align:center; font-weight:bold; font-style:italic; }
.bold-italic	{font-weight:bold; font-style:italic; }
.small		{font-size:12px; }
.subtitle	{font-size:12px; font-style:italic; text-align:center; }
.subtitle1	{font-size:12px; font-style:italic; text-align:center; display:none;}
.times	{font-family:"Times New Roman", Times, serif; }
.lucida {font-family:"Lucida Console", Monaco, monospace; }
.ul {list-style:none; text-align:center; font-size:14px;}
.nav li {font-size:14px; margin:0; line-height:1.25em;}
.left1 img {float:left; padding-right:5%; padding-bottom:1em; width:40%;}
.left2 img {float:left; padding-right:5%; padding-bottom:1em; width:40%; }
.left3 img {float:left; padding-right:5%; padding-bottom:1em; width:50%; }
.left4 img {float:left; padding-right:5%; padding-bottom:1em; width:40%;}
.left6 img {float:left; padding-right:5%; padding-bottom:1em; width:45%;}
.vertical {padding-top:10%; padding-bottom:60%; }
ul.bullet {list-style-type:disc; position:relative; left:1em; margin-right:5%;}
.poster img {text-align:center; margin:0 auto; padding:0; }
.margin {margin-left:5%; margin-right:5%; }
.grey { background-color:#9b9b9b; height:30px; width:40%; margin:0; padding:0; 
float:right;}
.photo {font-size:.7em;  font-style:italic; float:left;}

.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}


.button {
    width:120px;
    height: 33px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

.button1 {
    width:250px;
    height: 47px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

.button2 {
    width: 55%;
    height: auto;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

.left5 {
	float:left;
	width:35%;
	margin-left:5%;
	margin-right:2%;
	padding:0;
}

#left-55 {
	clear: both;
	width: 55%;
	float: left;
	display: block;
	margin-left: 2%;
	margin-right: 3%;
}

#right-35 {
	width: 35%;
	float: right;
	display: block;
	margin-right: 5%;
	overflow: hidden;
}

@font-face {
  font-family: 'DK Northumbria.otf';
  font-family: 'UniversLTStd-ThinUltraCn';
  src:  url('fonts/DK Northumbria.otf') format('otf'),
        url('UniversLTStd-ThinUltraCn.otf') format('otf');
}
.dknorthumbria {
  font-family: 'DK Northumbria', Fallback, 'Lucida Console'; color:#fff; size:2em;
}

@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

@media (min-device-width:800px) {
    img[data-src-800px] {
        content: attr(data-src-800px, url);
    }
}

a:link {color:#62a2c7; }
a:visited { color:#8da8b8; }
a:hover { color:#ff0000; }
a:active { color:#000; }

#social-media-icons			{ float: right;	display:inline; }
#social-media-icons	ul li 	{ display: inline; float:right; }
#social-media-icons	ul  	{ margin-right: 40px; margin-top: 30px; float:right; }

#social-media			{ text-align:center; padding-left:0; margin:0 auto; float:none;}
#social-media	ul li 	{ display: inline; text-align:center; float:none;}
#social-media	ul  	{ padding:0; margin:auto; display:block; width:190px;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin: 0 auto;
	height: 0;
	overflow:hidden;
	max-width: 1800px;
	color:#000;
}

.videoWrapper2 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin: 0 auto;
	height: auto;
	overflow:hidden;
	max-width: 1600px;
	color:#000;
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 70%;
	width:100%;
}

iframe {
    overflow: hidden;
}

/* Structure */
html  { font-size: 100%;  }

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

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

.section-header {
    width: 550px;
    height: 40px;
    margin: 0 auto;
}

.subscribe input {
    background: #fff;
    color: #060c22;
    border: 2px;
    border-style: solid;
    border-color: #000;
    outline: none;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    font-size: 14px;
    display: inline-block;
    float: left;
    width: 200px;
    height: 40px;
}

.subscribe button {
    background: #ff0000;
    border: 2px;
    border-style: solid;
    border-color: #ff0000;
    outline: none;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 25px;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    transition: all 0.3s ease;
    font-size: 14px;
    display: inline-block;
    float: right;
    width: 120px;
    height: 40px;
    
}

.subscribe button:hover {
  background: #e0072f;
}

@media only screen and (min-width: 0px) {
	.subscribe input {
		min-width: 400px;
	}

	.divider {
		width: 10px;
		height: auto;
		padding: 0;
		margin: 0;
		border: 0;
		display: inline-block;
	}


	#table {
		width: 100%;
		text-align: center;
		display: table;
	}

	#tr-odd {
		display: table-row;
		background-color: #d1d0ce;
		border-color: #999;
		border-style: solid;
		border-width: 1px;
	}

	#tr-even {
		display: table-row;
		background-color: #FFF;
		border-color: #999;
		border-style: solid;
		border-width: 1px;
	}


	#td-left {
		float: left;
		display: table-cell;
		padding-left: 10px;
	}

	#td-center {
		display: table-cell;
		padding: 0;
	}

	#td-right {
		float: right;
		display: table-cell;
		padding-right: 10px;
	}


	#outer-container {
		height: 100%;
		width: 100%;
		margin: 0 auto;
		background-color: #e1e1e1;
		padding: 0;
		display: block;
		color: #fff;
	}

	#outer_container2 {
		height: auto;
		width: 100%;
		margin: 0 auto;
		background-color: #e1e1e1;
		padding: 0;
		display: block;
		clear: both;
	}

	#container {
		width: 100%;
		background-color: #f5f5f5;
		max-width: 960px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		clear: both;
	}

	#container img {
		max-width: 100%;
		height: auto;
	}

	#container1 {
		width: 100%;
		background-color: #f5f5f5;
		max-width: 1060px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		clear: both;
	}

	#container2 {
		width: 100%;
        background-color: #f5f5f5;
		max-width: 1800px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
        display: block;
		clear: both;
	}

	#containerwhite {
		width: 100%;
		height: 100%;
		max-width: 1600px;
		background-color: #ffffff;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		display: block;
		clear: both;
	}

	#containerblack {
		width: 100%;
		height: 100%;
		max-width: 1600px;
		background-color: #000000;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		display: block;
		clear: both;
	}


	#container3 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}

	#container4 {
		width: 100%;
		height: auto;
		max-width: 1800px;
		margin: 0 auto;
		background-color: #ed1c24;
		clear: both;
		padding-left: 0;
		padding-right: 0;
	}

	#container5 {
		width: 100%;
		height: auto;
		overflow: auto;
		background-color: #000;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		display: block;
		clear: both;
	}

	#container5 img {
		max-width: 100%;
		height: auto;
	}

	#container12 {
		max-width: 720px;
		margin: 0 auto;
		background-color: #fff;
	}

	#container10 {
		max-width: 1600px;
		margin: 0 auto;
		background-color: #fff;
	}

	#container11 {
		max-width: 1800px;
		margin: 0 auto;
		background-color: #000;
		clear: both;
	}

	#container8 {
		max-width: 90%;
		margin: 0 auto;
		background-color: #000;
		clear: both;
	}

	#container8 img {
		max-width: 1000px;
		height: auto;
		float: left;
		margin-left: 10%;
	}

	#container6 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: #000;
		clear: both;
		padding-left: 0;
		padding-right: 0;
		img: float left;
	}

	#container7 {
		max-width: 1800px;
		height: auto;
		margin: 0 auto;
		background-color: #000;
		clear: both;
		padding-left: 0;
		padding-right: 0;
	}


	#container9 img {
		max-width: 850px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		clear: both;
	}


	#content {
		width: 80%;
		float: left;
		margin-left: 10%;
		margin-right: 10%;
		padding: 0;
		display: block;
		overflow: hidden;
	}

	#content img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}


	#colmask {
		width: 100%;
		clear: both;
		margin: 0 auto;
		padding: 0;
	}

	#main {
		width: 90%;
		margin: 0 auto;
		text-align: center;
		padding-left: 5%;
		padding-right: 5%;
		display: block;
		clear: both;
	}
    
    #75 {
        width: 75%;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		display: block;
		clear: both;
        
    }

	#main img {
		max-width: 100%;
		height: auto;
	}

	#main2 {
		width: 100%;
		margin: 0 auto;
		padding-left: 5%;
		padding-right: 5%;
		display: block;
		clear: both;
	}

	#main3 {
		width: 96%;
		margin: 0 auto;
		padding-left: 2%;
		padding-right: 2%;
		display: block;
		clear: both;
	}

	#line {
		clear: both;
		width: 100%;
		border-bottom: #9c9c9c solid 1px;
		padding-top: 1%;
		text-align: center;
	}

	#line2 {
		clear: both;
		width: 100%;
		border-bottom: #9c9c9c solid 1px;
		padding-top: 0;
		padding-bottom: 1%;
		text-align: center;
	}

	#top {
		clear: both;
		width: 100%;
		padding: 0;
		border-top: #9c9c9c solid 1px;
		margin-top: 5px;
		text-align: center;
	}

	#spacer {
		width: 100%;
		height: 5px;
		margin: 0;
		padding: 0;
		clear: both;
	}

	#spacerlong {
		width: 100%;
		height: 50px;
		margin: 0;
		padding: 0;
		clear: both;
	}

	#flexwrapper {
		width: 50%;
		height: 100%;
		padding-right: 0%;
		padding-left: 0%;
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	#footer {
		width: 100%;
		text-align: center;
		height: auto;
		font-size: 12px;
		color: #9c9c9c;
		clear: both;
		margin: 0 auto;
	}

	/* Logo H1 */
	header h1 {
		height: 50px;
		float: left;
		display: block;
		padding-left: 2%;
		margin: 20px 0 0 10px;
		font-family: 'Spectral SC', serif;
		font-size: 3em;
		font-weight: 500;
		background-color: #ffffff;
	}

	#header-container {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-left: 10px;
		display: block;
		background-color: #ffffff;
	}

	/* Nav */
	#nav {
		float: none;
		display: inline-block;
		width: 100%;
		background-color: #ffffff;
		clear: both;
	}

	nav ul {
		text-align: center;
		overflow: hidden;
		margin: 0;
		display: table;
		padding: 0;
		margin: 0 auto;
		position: relative;
		left: 0%;
	}

	nav li {
		list-style: none;
		display: inline;
		background-color: #ffffff;
		text-align: center;
	}

	nav a {
		display: inline-block;

	}

	/* Columns */
	/* Create two equal columns that float next to each other */
	#column-left {
		float: left;
		width: 48%;
		display: block;
		padding-left: 0;
		padding-right: 2%;
		padding-top: 0;
		padding-bottom: 0;
	}

	#column-right {
		float: left;
		width: 48%;
		display: block;
		padding-left: 2%;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}


	/* Clear floats after the columns */
	#row:after {
		content: "";
		display: table;
		clear: both;
	}

	#verticalspacer {
		width: 10px;
		height: 200px;
		display: block;
	}

	#left-55 {
		clear: both;
		width: 55%;
		float: left;
		display: block;
		margin-left: 2%;
		margin-right: 3%;
	}
    
    #left-65 {
		clear: both;
		width: 65%;
		float: left;
		display: block;
		margin-left: 2%;
		margin-right: 3%;
    }

	#right-35 {
		width: 35%;
		float: right;
		/*display: block;*/
		margin-right: 5%;
		overflow: hidden;
	}

	#left {
		clear: both;
		width: 40%;
		float: left;
		display: block;
		margin-left: 2%;
		margin-right: 5%;
	}

	#left1 {
		clear: both;
		width: 40%;
		float: left;
		display: block;
		margin-left: 2%;
		margin-right: 5%;
	}

	#right {
		width: 40%;
		float: right;
		display: block;
		margin-right: 3%;
	}

	#right5 {
		width: 40%;
		float: right;
		display: block;
		margin-right: 7%;
	}

	#right5a {
		width: 40%;
		float: right;
		display: block;
		margin-right: 40px;
	}

	#left2 {
		width: 40%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}

	#left2 img {
		width: 100%;
	}

	#right2 {
		width: 55%;
		float: right;
		display: block;
		margin-left: 5%;
		padding: 0;
	}

	#left3 {
		clear: both;
		width: 40%;
		float: left;
		display: block;
		margin-left: 5%;
		margin-right: 5%;
	}

	#right3 {
		width: 40%;
		float: right;
		display: block;
		margin-left: 5%;
		margin-right: 5%;
	}

	#left4 {
		clear: both;
		width: 50%;
		float: left;
		display: block;
		margin-left: 5%;
		margin-right: 0;
	}

	#right4 {
		width: 38%;
		float: right;
		display: block;
		margin-left: 2%;
		margin-right: 5%;
	}

	#right5 {
		width: 40%;
		float: right;
		display: inline;
		margin-left: 2.5%;
		margin-right: 2.5%;
		overflow: auto;
	}

	#rightwhite {
		width: 36%;
		float: left;
		display: block;
		margin-left: 2%;
		margin-right: 5%;
		color: #fff;
	}

	#vertical_spacer {
		width: 4%;
		height: auto;
		margin: 0;
		padding: 0;
	}

	#left-30 {
		width: 30%;
		float: left;
		display: block;
		padding-right: 1%;
		padding-left: 0%;
		margin: 0;
	}

	#left-30 img {
		width: 100%;
	}

	#center-30 {
		width: 30%;
		float: left;
		text-align: center;
		display: block;
		padding-right: 1%;
		padding-left: 1%;
		margin: 0;
	}

	#center-30 img {
		width: 100%;
	}

	#right-30 {
		width: 30%;
		float: left;
		display: block;
		padding-left: 1%;
		padding-right: 0%;
		margin: 0;
	}

	#right-30 img {
		width: 100%;
	}

	/* Images */
	#banner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	#banner img {
		width: 100%;
	}

	#sidebar1 {
		clear: both;
		float: left;
		width: 21%;
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
	}

	#sidebar2 {
		float: right;
		width: 21%;
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
	}

	#bottom1 {
		display: none;
	}

	#bottom2 {
		display: none;
	}

	#bottom3 {
		display: none;
	}

	#center {
		width: 90%;
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	#center img {
		width: 100%;
	}

	#dvd {
		width: 100%;
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	#center-block {
		width: 80%;
		padding: 0;
		margin: 0 auto;
	}

	#center-block img {
		width: 30%;
	}

	#center-block2 {
		width: 80%;
		padding: 0;
		margin: 0 auto;
	}

	#center-block2 img {
		width: 33%;
	}

	/*Preloader */
	#preloader {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.25;
		z-index: 2;
	}

	#spinner_container {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0px;
		height: 1px;
		overflow: visible;
		opacity: 1;
		background: transparent;
	}

	#spinner {
		width: 31px;
		height: 31px;
		margin-left: -15px;
		position: absolute;
		top: -15px;
		left: 50%;
		display: block;
	}
}
/* Media Queries */
/* Widescreen */
@media only screen 
and (max-width : 2600px) {
	#nav {
	position:relative; float:left; left:32%;}
	nav ul {
		position:relative; left:-45%;}
		#center {
	max-width:80%;}
}

@media only screen 
and (max-width : 2400px) {
	#nav {
	position:relative; float:left; left:30%;}
	nav ul {
		position:relative; left:-45%;}
		#center {
	max-width:70%;}
}

@media only screen 
and (max-width : 2200px) {
	#nav {
	position:relative; float:left; left:28%;}
	nav ul {
		position:relative; left:-42%;}

}

@media only screen 
and (max-width : 2100px) {
	#nav {
	position:relative; float:left; left:28%;}
	nav ul {
		position:relative; left:-42%;}
		
}

@media only screen 
and (max-width : 2000px) {
	#nav {
	position:relative; float:left; left:26%;}
	nav ul {
		position:relative; left:-40%;}
		
}

@media only screen
and (min-width : 1800px) {
header h1 {
font-size:3em;
}
#center {
	max-width:70%;}
	#container3 {width:50%;}
}

@media only screen 
and (max-width : 1900px) {
	#container2, #container3 {
max-width:80%;
margin: 0 auto;
padding:0;
text-align:center;
display:block;
clear:both;
}

#nav {
	position:relative; float:left; left:24%;}
	nav ul {
		position:relative; left:-40%;}
		#container3 {width:50%;}
}

@media only screen 
and (max-width : 1800px) {
	#nav {
	position:relative; float:left; left:24%;}
	nav ul {
		position:relative; left:-34%;}
		
		#container3 {width:50%;}
}

@media only screen 
and (max-width : 1700px) {
	#nav {
	position:relative; float:left; left:25%;}
	nav ul {
		position:relative; left:-34%;}
		
		#container3 {width:50%;}
}

@media only screen 
and (max-width : 1600px) {
	#nav {
	position:relative; float:left; left:25%;}
	nav ul {
		position:relative; left:-34%;}
		
		#container3 {width:50%;}
}



@media only screen 
and (max-width : 1550px) {
	#left3 {
		width: 90%;
		float: none;
		display: block;
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
	}

	#right3 {
		width: 90%;
		float: none;
		display: block;
		margin-left: 5%;
		margin-right: 5%;
		clear: both;
	}

	#container2 {
		max-width: 100%;
	}

	#rightwhite {
		width: 25%;
	}

	#nav {
		position: relative;
		float: left;
		left: 25%;
	}

	nav ul {
		position: relative;
		left: -35%;
	}

	#container3 {
		width: 60%;
	}
}

/* Desktops */
@media only screen 
and (max-width : 1519px) {
	.left2 img {
		width: 50%;
	}

	#sidebar1 {
		display: none;
	}

	#sidebar2 {
		display: none;
	}

	#content {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		padding: 0;
		float: none;
	}

	#content img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}

	#content-2 {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		padding: 0;
		float: none;
	}

	#content-2 img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}


	#nav {
		position: relative;
		float: left;
		left: 18%;
	}

	nav ul {
		position: relative;
		left: -34%;
	}

	#container3 {
		width: 60%;
	}
}

@media only screen 
and (max-width : 1450px) {
	#nav {
	position:relative; float:left; left:18%;}
	nav ul {
		position:relative; left:-34%;}
		
		#container3 {width:60%;}
}

@media only screen 
and (max-width : 1340px) {
header h1 {
	height:60px;
}
#nav {
	position:relative; 
    float:left; 
    left:18%;}
	nav ul {
    position:relative; 
    left:-33%;}
		
		#container3 {width:60%;}
}

header nav li {
	margin: 0 auto;
	display: block;
	padding: 0 0 10px 0;
	display: inline;
}
header nav a {
	display: block;
	text-align: center;
}

@media only screen 
and (max-width : 1300px) {
	#left4 {
		width: 90%;
		float: none;
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
	}

	#right4 {
		width: 90%;
		float: none;
		display: block;
		margin-left: 5%;
		margin-right: 5%;
		clear: both;
	}

	#left4 img, .left3 img {
		width: 60%;
	}

	#left2 {
		width: 35%;
	}

	#left2 img {
		width: 100%;
	}

	#right2 {
		width: 60%;
	}

	.grey {
		float: left;
		width: 50%;
	}

	.photo {
		font-size: .7em;
	}

	#nav {
		position: relative;
		float: left;
		left: 14%;
	}

	nav ul {
		position: relative;
		left: -32%;
	}

	#container3 {
		width: 70%;
	}
}

@media only screen 
and (max-width : 1125px)  {
	#nav {
	position:relative; float:left; left:14%;}
	nav ul {
		position:relative; left:-30%;}
}
	

@media only screen 
and (max-width : 1050px) {
	#left {
		width: 90%;
		float: none;
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
	}

	#right {
		width: 90%;
		clear: both;
		float: none;
		margin-left: 5%;
		margin-right: 5%;
	}

	#left4 img {
		width: 80%;
	}

	.left3 img {
		width: 80%;
		padding-left: 10%;
		padding-right: 10%;
	}

	.left1 img {
		width: 50%;
	}

	.left2 img {
		width: 60%;
	}

	#nav {
		position: relative;
		float: left;
		left: 12%;
	}

	nav ul {
		position: relative;
		left: -30%;
	}
}

@media only screen 
and (max-width : 1000px)  {
	#nav {
	position:relative; float:left; left:11%;}
	nav ul {
		position:relative; left:-39%;}
		
		#container3 { width:90%; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (max-width : 940px) {
	#main {
		font-weight: normal;
	}

	#left4 img {
		width: 100%;
	}

	.left3 img {
		width: 100%;
		padding: 0;
	}

	.grey {
		width: 95%;
	}

	#nav {
		position: relative;
		float: left;
		left: 7%;
	}

	nav ul {
		position: relative;
		left: -27%;
	}
}

@media only screen 
and (max-width : 900px)  {
	#nav {
	position:relative; float:left; left:15%;}
	nav ul {
		position:relative; left:-25%;}
    body {
			font-size:.8em;}
}

@media only screen 
and (max-width : 850px)  {
	#nav {
	position:relative; 
    float:left; 
    left:10%;}
	nav ul {
    position:relative; 
    left:-25%;}
}

@media only screen 
and (max-width : 750px)  {
	#nav {
	position:relative; 
    float:left; 
    left:3%;}
	nav ul {
    position:relative; 
    left:-20%;}

	#left-55 {
		width: 90%;
	}
    
    #left-65 {
		width: 90%;
	}

	#right-35 {
		width: 90%;
	}
}

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

#nav {
	position:relative; 
    float:left; 
    width:90%;
    left:2%;}
	nav ul {
		position:relative;
        padding-right:2%;
		}
			
			.reduce {
				font-size:.9em;}
}

@media screen and (max-width: 650px) {
#left {
width:96%;
margin-left:2%;
margin-right:2%;
}
#right {
width:96%;
margin-left:2%;
margin-right:2%;
}
#left img	{
width:100%;
height:auto;
margin:0;
padding:0;
}
/*#main {
width:96%;
padding-left:2%;
padding-right:2%;
}*/
nav {
	position:relative; 
    float:left; 
    width:90%;
    left:0%;}
	nav ul {
		position:relative; 
        padding-left:2%;
        padding-right:2%;
		}
		
		#container3 { width:96%; }
}



@media only screen 
and (max-width : 600px) {
	#left3 img {
		width: 100%;
		height: auto;
	}

	#center-block {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	#center-block img {
		width: 31%;
		height: auto;
	}

	.left1 img {
		width: 60%;
	}

	.left2 img {
		width: 70%;
	}

	#column-left {
		width: 100%;
	}

	#column-right {
		width: 100%;
	}

	#column-right {
		width: 100%;
	}


	#nav {
		position: relative;
		float: left;
		left: 2%;
	}

	nav ul {
		position: relative;
		padding-right:2%;
	}
}


@media only screen 
and (max-width : 600px)  {
.left2 img {
width:100%;
}
}

@media only screen 
and (max-width : 530px)  {
label {clear:both; text-align:center; float:none; margin:0 auto; font-size:.8em; }
.button {float:none; text-align:center; margin:0 auto; }

#social-media-icons			{ display:inline-block;	text-align:center; margin:auto;}
#social-media-icons	ul li 	{ display: inline-block; text-align:center; margin:auto;}
#social-media-icons	ul  	{ display:inline-block; text-align:center; margin:auto;}

nav {
	position:relative; float:left; left:0%;}
	nav ul {
		position:relative; left:-0%;
		padding-right:2%;
		}
}

    
@media screen and (max-width: 515px) {
	header nav li {
		margin: 0 auto;
		background: #fff;
		display: block;
		padding: 0;
	}

	header nav a {
		display: block;
		text-align: center;
	}
}

@media screen and (max-width: 520px) {
	header h1 {
		padding: 10px 0 0 10px;
	}

	.left1 img {
		width: 100%;
	}

	.poster img {
		width: 100%;
	}
}

@media screen and (max-width: 440px) {
	header nav {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	/* Styles */
	header h1 {
		font-size: 3.1em;
	}

	.subtitle1 {
		display: inline;
	}

	.subtitle {
		display: none;
	}
}

@media only screen 
and (max-width : 380px) {
	#header-container {
		height: 150px;
	}

	header nav {
		width: 90%;
		margin-top: 5px;
		margin-left: 5%;
		margin-right: 5%;
		padding: 0;
	}
}

@media only screen 
and (max-width : 310px) {
	header h1 {
		height: 60px;
		border-bottom: solid #9c9c9c 1px;
	}

	header p {
		display: none;
	}

	header nav {
		width: 96%;
		margin-top: 5px;
		margin-left: 2%;
		margin-right: 2%;
		padding: 0;
	}
}

@media only screen 
and (max-width : 260px) {
	h2, h3, h4, h5, h6 {
		font-size: 1em;
	}

	header h1 {
		font-size: 2.5em;
	}

	p {
		font-size: .7em;
	}

	#footer {
		font-size: .7em;
	}

	#content {
		width: 96%;
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen 
and (max-width : 260px) {
	header nav {
		width: 96%;
		margin-top: 5px;
		margin-left: 2%;
		margin-right: 2%;
		padding: 0;
	}
}
/* CSS Document */