html {
	height: 100%;
}

body {
	background-color: #000000;
	margin: 0px;
	font-family: "PT Serif", "Goudy Old Style", "Garamond";
	font-style: normal;
	height: 100%;
}

#header {
	background: url(../images/banner.jpg) top center no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 100%;
}

#container
{
	width: 300px;
	margin-left: 70%;
	position: fixed;
	z-index: 20000;
}

#emailcapture
{
	position: relative;
	background: url(../images/overlay.png);
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 100%;
}


#navigation
{
}

	#logo {
		background: url(../images/header-bg.png) no-repeat;
		width: 100%;
		height: auto;
		text-align: center;
		padding: 20px 0px;
	}

	#tabs ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	#tabs ul li {
		background-color:rgba(255,255,255,0.7);
		padding: 10px;
		font-size: 30px;
		margin-top: 2px;
		text-align: center;
	}
	
		#tabs ul li:hover {
			background-color:rgba(200,200,200,0.7);
		}
		
		#tabs ul li.clear, #tabs ul li.clear:hover {
			background: none;
		}

	
	#tabs ul li a {
		color: #000000;
		text-decoration: none;
	}
	
	#social {
		text-align: center;
		padding: 10px 0px;
	}
	
#announcement
{
	position: relative;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
	min-height: 100%;
    border: 0px;
	text-align: center;
}

	#announcement #wrap {

		width: 260px;
		margin: 0 auto;
		padding: 0px;
		padding-top: 120px;
		
		text-align: center;
		color: #ffffff;
}
	
#story
{
	background-color: #ffffff;
}	

	#story img {
		width: 45%;
		height: auto;
	}
	
#documentary
{
	background: url(../images/bg-documentary.jpg) top center no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 950px;
}

#contact
{
	background: url(../images/bg-contact.jpg) top center no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 950px;
}

#wrap
{
	padding: 100px 33% 50px 20%;
	max-width: 980px;
	margin: 0 auto;
}

.calendar  .bodytext {
	font-size: 22px;
	line-height: 40px;
}

/* -- FONTS -- */
h1 {
	font-size: 55px;
	font-weight: normal;
	text-transform: uppercase;
}

.bodytext {
	font-size: 33px;
	line-height: 51px;
}

.w {
	color: #ffffff;
}

#story a {
	color: blue;
}

a {
	color: #ffffff;
}


@media only screen and (max-width: 1050px){
   /* default iPad screens */
   
	#header {
		background: url(../images/banner.jpg) top center no-repeat;
		min-height: 850px;
	}
	
	#tblBook {
		width: 100%;
	}

	#navigation
	{
		float: right;
		position: fixed;
		margin-left: 0px;
	}

}