@charset "utf-8";

@import url("turn.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	outline: none;
}

html {
	height: 100%;
}

body {
	line-height: 1;
	height: 100%;
	background: #000 url("../img/bg.jpg") no-repeat 50% 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

input, select, button {
	overflow: visible;
	margin: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: inline-block;
	zoom: 1;
}
 
html[xmlns] .clear {
	display: block;
}
 
* html .clear {
	height: 1%;
}

.fake {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -1000px;
	height: 0;
	width: 0;
}

hr, legend {
	display: none;
}

a, a:link, a:visited {
	text-decoration: underline;
}

	a:hover, a:focus {
		text-decoration: none;
	}

.red {
	color: red;
}

.green {
	color: green;
}

.left {
	float: left;
}

.right {
	float: right;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

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

.small {
	font-size: .85em;
	font-weight: inherit;
}

.big {
	font-size: 1.15em;
	font-weight: inherit;
}

.sprite {
	background-image: url("../img/sprite.png");
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* - - - - - - - - - - - - - UI Messages - - - - - - - - - - - - - */

.ui-message {
}

	.ui-message.error {
		color: #red;
		background: red;
	}
	
	.ui-message.success {
		color: #green;
		background: #green;
	}

/* - - - - - - - - - - - - - Typography - - - - - - - - - - - - - */

body, textarea, input, select {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1;
}

textarea, input, select {
	font-size: 1em;
}

/* - - - - - - - - - - - - - Inputs - - - - - - - - - - - - - */

textarea, input[type="text"], select {
	border-top: 1px solid #3c3c3c;
	border-left: 1px solid #4e4e4e;
	border-right: 1px solid #929292;
	border-bottom: 1px solid #dedede;
}

textarea:focus, textarea:active, input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, select:focus, select:active {
}

textarea {
	resize: vertical;
}

input[type="submit"], input[type="reset"] {
	cursor: pointer;
}

.error textarea, .error input[type="text"], .error input[type="password"], .error select {
	border: 1px solid #ee2e24;
	color: #ee2e24 !important;
	background: #fbc8c5;
}

.error label {
	color: red;
}

/* - - - - - - - - - - - - - Skeleton - - - - - - - - - - - - - */

#container {
	width: 900px;
	margin: 0 auto;
}

/* - - - - - - - - - - - - - Header - - - - - - - - - - - - - */

#header {
	padding: 35px 50px 0 0;
}

#header h1 {
	background-position: 0 0;
	width: 275px;
	height: 175px;
	float: left;
}
#header h1 a {
	width: 275px;
	height: 175px;
	display: block;
}
#header h2 {
	background-position: -311px 0;
	width: 336px;
	height: 158px;
	float: left;
	margin: 0 0 0 50px;
}
#header h3 {
	background-position: -666px 0;
	width: 165px;
	height: 165px;
	float: right;
}


/* - - - - - - - - - - - - - Main - - - - - - - - - - - - - */

#main {
	font-size: 1.4em;
	line-height: 1.4;
}

.videos {
	clear: both;
	height: 480px;
	padding: 70px 0 0;
}

	.videos li {
		float: left;
		width: 189px;
	}

	.videos a {
		display: block;
		width: 100%;
		height: 422px;
		position: relative;
	}

		.videos a:after {
			content: ".";
			font-size: 0;
			line-height: 0;
			background: url("../img/sprite.png") no-repeat -5px -271px;
			height: 60px;
			width: 60px;
			display: block;
			position: absolute;
			left: 50%;
			top: 245px;
			margin: 0 0 0 -40px;
		}

		.videos a:hover:after {
			background: url("../img/sprite.png") no-repeat -5px -339px;
		}

.form {
}

	.form h2 {
		background-position: -328px -698px;
		height: 45px;
		width: 175px;
	}

	.form form {
		width: 230px;
		float: right;
		padding: 5px 0 0;
	}

	.form form ul {
		float: left;
		margin-right: 10px;
	}

	.form form li {
		padding: 3px 0;
	}

	.form form label {
		line-height: 1.2;
		display: block;
	}

	.form input[type="text"] {
		font-size: 13px;
		text-transform: uppercase;
		color: #000;
		font-style: italic;
		padding: 0 5px;
		height: 21px;
		line-height: 21px;
		width: 160px;
		font-weight: 700;
	}

	.form input[type="submit"] {
		background-position:  -323px -753px;
		background-color: #fff;
		height: 24px;
		width: 75px;
		border: none;
		margin: 10px 0 0 95px;
	}

	.form input[type="submit"]:hover, .form input[type="submit"]:focus {
		background-color: #e82d23;
	}

	.about {
		float: left;
		width: 290px;
		margin: 0 15px 0 0;
	}

		.about h2 {
			background-position: 0 -491px;
			height: 33px;
			width: 100%;
			margin: 0 0 20px;
		}

	.poster {
		width: 3px;
		float: right;
		position: relative;
	}

		.poster h2 {
			background-position: -623px -491px;
			height: 72px;
			width: 100%;
			margin: 0 0 10px;
		}

		.poster ol {
			list-style: decimal outside;
			margin: 0 0 0 1.5em;
		}

		.poster div {
			background-position: -284px -234px;
			width: 240px;
			height: 240px;
			position: absolute;
			top: -240px;
			left: 0;
		}

	.success {
		width: 280px;
		float: left;
		padding: 0 0 0 20px;
	}

		.success h2 {
			background-position: -341px -491px;
			height: 72px;
			width: 260px;
			margin: 0 0 10px;
		}

		.success .facebook {
			background-position: 0 -204px;
			padding: 0 0 0 22px;
			color: #107cd7;
			text-decoration: underline;
		}

			.success .facebook:hover, .success .facebook:focus {
				text-decoration: none;
			}

	.winners {
		float: left;
		width: 650px;
	}

		.winners h2 {
			background-position: 0 -698px;
			height: 158px;
			width: 256px;
			float: left;
			margin: 0 20px 0 0;
		}


		.winners ul {
			width: 360px;
			float: left;
			padding: 6px 0 0 10px;
			height: 152px;
		}


		.winners li {
			font-size: 21px;
			font-weight: 700;
			line-height: 1.2;
			padding: 0;
			float: left;
			width: 50%;
			height: 19%;
		}

.sneak {
}

.sneak .title {
	background-position: -693px -237px;
	height: 68px;
	width: 113px;
	top: 110px;
	right: 20px;
	position: absolute;
}

/* - - - - - - - - - - - - - Footer - - - - - - - - - - - - - */

#footer {
	clear: both;
	padding: 40px 0;
}

	#footer p {
		background-position: 0 -636px;
		height: 13px;
		width: 340px;
		margin: 0 auto;
		display: block;
	}

/* - - - - - - - - - - - - - Simplemodal - - - - - - - - - - - - - */

.simplemodal-overlay {
	background: #000;
}

.simplemodal-container {
	position: absolute !important;
}

.simplemodal-wrap {
	overflow: visible !important;
}

.simplemodal-close {
	display: block;
	height: 39px;
	width: 39px;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../img/sprite.png") no-repeat -18px -420px;
	cursor: pointer;
	z-index: 100;
}

	.simplemodal-close:hover, .simplemodal-close:focus {
		background-position: -66px -420px;
	}

.video-popup {
	width: 660px;
	background: #000;
	border: 10px solid #fff;
	position: relative;
	z-index: 99;
}

	.video-popup:before, .video-popup:after {
		content: ".";
		font-size: 0;
		line-height: 0;
		height: 15px;
		position: absolute;
		background: url("../img/bg-frame.png") no-repeat 0 0;
		right: -10px;
		z-index: 100;
	}

	.video-popup:before {
		top: -17px;
		left: -13px;
	}

	.video-popup:after {
		bottom: -16px;
		left: -13px;
		right: -20px;
		background-position: 0 100%;
	}

.video-popup .lead {
	font-size: 1.4em;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight:700;
	/*font-family: "Trade Gothic LT Std";*/
	padding: 20px 45px 20px 20px;
}

.popup {
	background: #fff;
	border: 5px solid #fff;
	position: relative;
	z-index: 99;
	border-radius: 5px;
	max-width: 553px;
}

	.popup img {
		max-width: 100%;
		max-height: 100%;
	}

/* - - - - - - - - - - - - - Slider - - - - - - - - - - - - - */


.mainbanner {
	margin: 0 -1px;
}

/*
	AnythingSlider v1.7+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider {
	width: 553px;
	height: 782px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
div.anythingSlider .anythingWindow {

}
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {

}
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop {
	display: none;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 0 auto;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
.anythingBase .panel.vertical {
	float: none;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	display: block;
	height: 38px;
	width: 38px;
	position: absolute;
	top: 45%;
	cursor: pointer;
	background-image: url("../img/sprite.png");
	background-repeat: no-repeat;
}

/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; visibility: hidden; }
/* back arrow */
div.anythingSlider .back { left: -38px;	background-position: -727px -615px; }
div.anythingSlider .back a { background-position: left top; }
div.anythingSlider .back:hover, div.anythingSlider .back:focus { background-position: -727px -574px; }
div.anythingSlider .back.disabled { display: none; }
/* forward arrow */
div.anythingSlider .forward { right: -38px;	background-position: -780px -615px; }
div.anythingSlider .forward a { background-position: right top; }
div.anythingSlider .forward:hover, div.anythingSlider .forward:focus { background-position: -780px -574px; }
div.anythingSlider .forward.disabled { display: none !important; }

/* Navigation Links */
div.anythingSlider .anythingControls {
	display: none !important;
}
div.anythingSlider .anythingControls ul li { display: inline; margin: 0 5px; }
div.anythingSlider .anythingControls ul a {
	display: inline-block;
	height: 7px;
	width: 26px;
	background: #000;
	border: 1px solid #000;
}
div.anythingSlider .anythingControls ul a span {
	display: none;
}

div.anythingSlider .anythingControls ul a.cur {
	background: #fff;
}
/* Navigation size window */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}