@charset "utf-8";
/*
 * CSS - Website Style
 * [Client]
 * Distinguished Young Gentlemen of America, Inc.
 * [Author]
 * Shane Chism <schism@acm.org>
 * http://shanechism.com
 */

/* ---------------------------------------------------------------- 
 *  PAGE LAYOUT
 * ----------------------------------------------------------------
*/
body {
	background: url( '../images/intro/bg_intro_main.jpg' ) top center no-repeat;
	background-color: #110d59;
	margin: 0px; padding: 0px; text-align: center;
}

div.content {
	width: 881px; height: 100%; margin: 0px auto;
	position: relative; clear: both;
}

div.video {
	margin: 0px auto; margin-left: 15px; width: 853px; height: 510px;
	position: relative; z-index: 1; margin-top: -11px;
}

div.header {
	width: 880px; height: 55px; z-index: 100; position: relative;
	margin-left: 1px; margin-top: 150px;
	background: url( '../images/intro/bg_intro_header.png' ) top left no-repeat;
}

div.buttons {
	margin: 0px auto; margin-left: 14px; text-align: center; margin-top: 30px;
	width: 855px; height: 50px; position: relative;	background-color: #2d277b;
}

a.button:link, a.button:visited {
	width: 170px; height: 50px; display: inline-block; cursor: pointer;
	background-position: 0px 0px; background-repeat: no-repeat;
}
a.button:hover, a.button:active {
	background-position: 0px -50px;	
}

a.continue {
	padding-right: 30px;
	background-image: url( '../images/intro/btn_intro_continue.jpg' );
}
a.skip {
	background-image: url( '../images/intro/btn_intro_skipintro.jpg' );	
}