@font-face {
	font-family: 'LetterGothicStd-Slanted';
	src: url('../fonts/LetterGothicStd-Slanted.eot');
	src: url('../fonts/LetterGothicStd-Slanted.eot?#iefix') format('embedded-opentype'), 
			 url('../fonts/LetterGothicStd-Slanted.woff') format('woff'),
			 url('../fonts/LetterGothicStd-Slanted.ttf') format('truetype'),
			 url('../fonts/LetterGothicStd-Slanted.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.ltr-goth-std-slanted { font-family:'LetterGothicStd-Slanted'; font-weight:normal; font-style:normal; }

html,body,h2 {	
	margin:0;
	padding:0;
}
html {
	-webkit-text-size-adjust: 100%;
	position:relative;
	height:100%;
	min-height:640px;
}

body {
	font-size:62.5%;
	background:#f9f4f2;
	position:absolute;
	width:100%;
	height:100%;
	min-height:640px;
	min-width:1024px;
}

.poster-img {
	position:absolute;
	width:640px;
	height:360px;
	top:50%;
	left:50%;
	margin:-180px 0 0 -320px;
}
.poster-img img { 
	width:100%;
	height:100%;
}

.container {
	width:1024px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-253px 0 0 -512px;
}

.text {
	text-align:center;
	position:relative;
}

#home-text-img { width:1022px; height:397px; display:block; margin:0 auto; }
#contact-img { width:583px; height:104px; }
#groms-img { width:439px; height:104px; }

.text-links { width:1022px; margin:0 auto; }
.text-links a { display:block; float:left; }

.text h1, #header h1,
.text h2,
.text h3 { position:absolute; text-indent:-9999em; font-size:1em; overflow:hidden; }


.play-btn {
	position:absolute;
	display:block;
	width:295px;
	height:295px;
	top:50%;
	left:50%;
	margin:-148px 0 0 -148px;
	cursor:pointer;
}

.thumbs-wrapper {
	position:absolute;
	bottom:0;
	width:100%;
	min-width:1024px;
	height:36px;
	overflow:hidden;
	text-align:center;
	z-index:10;
}

#thumbStrip {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	height:36px;
}

.arrow {
	display:block;
	width:36px; 
	height:36px;
	cursor:pointer;
	float:left;
}
.arrow img { width:100%; height:100%; }

.thumbs-container {
	float:left;
	width:640px;
	height:36px;
	margin:0 16px;
	overflow:hidden;
	position:relative;
}

.thumbs {
	position:absolute;
}

.thumbs img {
	display:block;
	float:left;
	padding-left:32px;
	width:64px;
	cursor:pointer;
}

.thumbs img:first-child {
	padding-left:0;
}

#video-player {
	position:absolute;
	top:50%;
	left:50%;
	width:640px;
	height:360px;
	margin:-180px 0 0 -320px;
	overflow:hidden;
}
.cc-video-container .poster-img { z-index:4; display:none; margin:0; top:0; left:0; }


.cc-video { position:absolute; bottom:100%; }
.cc-video.playing { bottom:0; z-index:5; }

.cc-video-overlay { display:none; background:rgba(0,0,0,.25); width:100%; height:100%; position:absolute; z-index:6; }
.cc-video-overlay h2 { color:#FFF; position:absolute; font-size:2.8em; font-family:'LetterGothicStd-Slanted'; font-weight:normal; font-style:normal; }

#header { padding:12px 0 0 0; text-align:center; }
.content { width:1024px; margin:0 auto; padding-bottom:15px; }

.post { width:960px; margin:3px auto; }
.post .date { text-align:right; font-size:2.8em; width:190px; letter-spacing:-1px; }
.post .img-container { width:540px; padding:4px 7px 0 7px; }
.post .description { width:190px; font-size:1.4em; text-transform:uppercase; }
.post > div { float:left; }


.home-link,.blog-link {
	display:block;
	position:absolute;
	bottom:39px;
	font-family:'LetterGothicStd-Slanted';
	font-weight:normal;
	font-style:normal;
	font-size:2.8em;
	text-decoration:none;
	color:#000; }

.home-link { left:39px; }
.blog-link { right:39px; }

.credit-link-wrapper {
	width:100%;
	position:absolute;
	text-align:center;
	bottom:0;
}
.credit-link {
	font-family:'LetterGothicStd-Slanted';
	font-weight:normal;
	font-style:normal;
	font-size:.9em;
	text-decoration:none;
	color:#000;
}


.contact { min-height:750px; min-width:1024px; }
.contact .container { height:0; margin-top:-340px; }
.contact .text { position:relative; }
#email-img { width:82%; }

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

@media only screen and (max-device-height:1024px){
	.home body, .contact body { min-height:0; min-width:0; }
	.contact {  min-height:0; min-width:0; }
	.contact .container { width:65%; position:static; margin:0 auto; display:table; margin-top:0; height:100%; }
	.contact .text { display:table-cell; vertical-align:middle; }
	#email-img { width:100%; }
}

@media only screen and (max-device-width:767px), only screen and (max-device-height:1023px){
	.contact body { min-height:0; min-width:0; }
	.contact {  min-height:0; min-width:0; }
	.contact .container { position:static; margin:0 auto; display:table; margin-top:0; height:100%; }
	.contact .text { display:table-cell; vertical-align:middle; }
	.home-link,.blog-link { bottom: 2%; font-size:1em; }
	.home-link { left:2%; }
	.blog-link { right:2%; }
	.credit-link { font-size:.6em; }
}

@media only screen and (max-device-height:1023px) and (orientation:landscape){
	.contact .container { width:40%; }
}
@media only screen and (max-device-width:767px) and (orientation:portrait){
	.contact .container { width:65%; }
	.home-link,.blog-link { font-size:1.2em; }
	
}

/* CSS FOR RESOLUTION > 2048 */
@media only screen and (min-width:2048px) {
	html#home {
		min-height:1280px;
	}
	#home body {
		min-height:1280px;
		min-width:2048px;
	}
	
	#home .container { width:2048px; margin:-506px 0 0 -1024px; }
	#home-text-img { width:auto; height:auto; }
	
	#home .text-links { width:2044px; }
	#contact-img { width:auto; height:auto; }
	#groms-img { width:auto; height:auto; }
	
	.poster-img {
		width:1280px;
		height:720px;
		margin:-360px 0 0 -640px;
	}
	
	#video-player {
		width:1280px;
		height:720px;
		margin:-360px 0 0 -640px;
	}
	
	.play-btn {
		width:590px;
		height:590px;
		margin:-295px 0 0 -295px;
	}
	
	.arrow {
		width:72px; 
		height:72px;
	}
	.thumbs-wrapper {
		min-width:2048px;
		height:72px;
	}
	
	#thumbStrip {
		height:72px;
	}
	
	.thumbs-container {
		width:1280px;
		height:72px;
		margin:0 32px;
	}
	
	.thumbs img {
		padding-left:64px;
		width:128px;
	}
	
}-