@charset utf-8;

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

@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.eot');
	src: local('☺'), url('DroidSans-Bold-webfont.woff') format('woff'), url('DroidSans-Bold-webfont.ttf') format('truetype'), url('DroidSans-Bold-webfont.svg#webfontljpTCDjw') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*Browser Reset*/
html,body,p,h1,h2,h3,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;}

/*FULL HEIGHT PAGE*/
html {
	height: 100%;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #8e8e8e;
	background-color: #151515;
	font-size: 18px;
	height: 100%;
	text-rendering: optimizeLegibility;
}

a {
	text-decoration: none;
	color: #8e8e8e;
	outline: 0;
}

a img {
	border: 0;
}

ul {
	list-style: none;
}

.clear {
	clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*Keeps the footer stuck to the bottom of the page*/
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -24px;
}


/*-------------------------------*/
/*-----Header-----*/
/*-------------------------------*/
.head_container {
	margin: 0 auto;
	width: 896px;
}

.header {
	height: 79px;
	padding: 26px 0 0px 0;
	margin-bottom: 50px;
}

.header img {
	float: left;
	margin-top: 10px;
}

ul#main_nav {
	float: right;
	
}

ul#main_nav li {
	float: left;
}

ul#main_nav li a {
	font-family: 'BebasNeueRegular', "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0.02em;
	font-weight: 500;
	font-size: 54px;
	color: #373737;
	padding-left: 20px;
}

ul#main_nav li a:hover {
	color: #5e5e5e;
}


/*-------------------------------*/
/*-----Main Content-----*/
/*-------------------------------*/
.content_container {
	margin: 0 auto;
	width: 896px;
	padding: 40px 0px;
}

#vid_container {
	background-color: #000;
	width: 100%;
	height: auto;
	border-top: 2px solid #690000;
	border-bottom: 2px solid #690000;
}

h1.vid_title {
	line-height: 2em;
	letter-spacing: .04em;
	font-weight: 100;
	font-size: 36px;
	color: #7c7c7c;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p#vid_descrip {
	letter-spacing: .04em;
	color: #444;
	font-size: 16px;
	line-height: 0.01em;
}




/*-------------------------------*/
/*-----About Page-----*/
/*-------------------------------*/
#about_box {
	border-top: 1px dotted #333;
	min-height: 400px;
}

p.about_text {
	font-size: 15px;
	width: 540px;
	margin: 14px 0;
	letter-spacing: .035em;
	line-height: 19px;
	font-weight: 300;
	float: left;
}

img#mug {
	float: right;
	margin-top: 14px;
	position: relative;
}

#social_box {
	margin: 0 auto;
	width: 896px;
	margin-top: 50px;
	margin-bottom: 30px;
	white-space: nowrap;
	text-align: center;
}

img.social {
	margin: 0 50px;
}

h3.contact {
	clear: both;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 200;
	display: inline;
	margin: 0 30px;
}

#contactBox {
	margin-top: 30px;
	text-align: center;
}



/*-------------------------------*/
/*-----Video Nav-----*/
/*-------------------------------*/

#vid_nav_wrap {
	position: relative;
	z-index: 3;
	margin: 0 auto;
	margin-top: 30px;
	height: 230px;
	width: 97%;
	overflow: auto;
	
	background-color: #111;
	white-space: nowrap;
	border-top: 1px solid #000;
	border-right: 1px solid #1e1e1e;
	border-left: 1px solid #1e1e1e;
	border-bottom: 1px solid #242424;
}

.video_nav {
	height: 200px;
}

.video_nav a {
	margin: 15px 15px;
	display: inline-block;
	vertical-align: top;
}

.thumb_wrap {
	border: 1px solid #222;
	height: 150px;
	width: 200px;
}

.playing div.thumb_wrap {
	border: 1px solid #ad0505;
}

.paused div.thumb_wrap {
	border: 1px solid #ad0505;
}

.video_nav a h3 {
	color: #777;
	font-size: 16px;
	text-align: center;
	font-weight: 300;
	letter-spacing: .06em;
	line-height: 1.1em;
	margin-top: 5px;
	width: 200px;
	white-space: normal;
}



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

.push {
	height: 24px;
}

.footer {
	height: 24px;
	width: 100%;
	margin-top: 80px;
}

.footer p {
	font-size: 12px;
	padding: 4px 10px 4px 4px;
	text-align: right;
	letter-spacing: .07em;
	color: #444;
}