body {	margin: 0px; padding: 0px; }
div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #CCCCCC; }
a { color: #3366CC; text-decoration: none; }
a:hover { text-decoration: underline; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px; }
.Clear { clear: both; }
img { max-width: 100%; max-height: 100%; }

#Layer1 { display: block; width: 100%; height: auto; position: absolute; top: 0px; left: 0px; z-index: 1000; }
#Layer2 { display: block; width: 100%; height: auto; position: absolute; top: 0px; left: 0px; z-index: 1001; }

#MediaTitle { display: block; width: 100%; margin: 5px auto 25px auto; text-align: center; }
#MediaInfo { display: block; width: 100%; max-width: 250px; margin: 0px auto 25px auto; text-align: center; color: #FF3300; font-size: 14px; font-weight: bold; }
#MediaButton { display: block; width: 230px; margin: 0px auto 25px auto; padding: 15px; background-color: #FF3300; color: #FFFFFF; font-size: 14px; font-weight: bold; text-align: center; cursor: pointer; text-transform: uppercase; }
#MediaGraphics { display: block; width: 100%; margin: 0px; text-align: center; }

#Footer { display: block; width: 65%; min-width: 280px; max-width: 1000px; margin: 0px auto 50px auto; color: #666666; font-size: 11px; line-height: 13px; text-align: center; }
#Footer a { color: #666666; text-decoration: underline; }

.Trailer {	display: block; position: relative;	padding-bottom: 44.25%; /* 16:9 */	height: 0px; 	background-color: #000000; margin: 0px 0px 30px 0px; }
.Trailer iframe {	position: absolute;	top: 0px;	left: 0px;	width: 100%;	height: 100%; }

#Email, #EmailConfirm { width: 250px; height: 30px; }
#ImageCode { width: 140px; height: 30px; }

#Submit { display: block; width: 230px; margin: 0px 0px 25px 0px; padding: 15px; background-color: #FF3300; color: #FFFFFF; font-size: 14px; font-weight: bold; text-align: center; cursor: pointer; text-transform: uppercase; }


/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* DEFAULT/MOBILE SIZES */ 
#BackgroundImage { display: none; width: 100%; max-width: 728px; text-align: right; margin: 0px auto; }
#BackgroundImage img { max-width: 190px; }

#Header { display: block; padding: 15px; margin: 15px auto 15px auto; }
#HeaderLeft { display: block; float: none; width: 100%; text-align: center; margin: 0px auto; }
#HeaderRight { display: block; float: none; width: 100%; text-align: center; margin: 0px auto; }
#Container { display: block; width: 100%; min-width: 280px; max-width: 728px; min-height: 400px; margin: 0px auto 0px auto; }
#Content { display: block; padding: 10px; background-image: url(../Images/Background-Black-85.jpg);	background-repeat: repeat; }
#Media { display: block; width: 100%; max-width: 680px; height: auto; margin: 0px auto 20px auto; }
#MediaLeft { display: none; float: none; width: auto; margin: 0px; }
#MediaRight { display: block; float: none; width: auto; margin: 0px; }

#Col1, #Col2 { display: block; float: none; width: 100%; max-width: 680px; height: auto; margin: 0px auto 20px auto; }

#Title { display: block; width: 100%; max-width: 680px; height: auto; margin: 0px auto 20px auto; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; color: #FFFFFF; }
#Title h1 { padding: 0px; margin: 0px 0px 20px 0px; font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; line-height: 34px; }
#Title h2 { padding: 0px; margin: 40px 0px 15px 0px; color: #FFFFFF; font-family: 'Open Sans Condensed', sans-serif; font-size: 26px; line-height: 29px; }
#Title a { color: #FFFFFF; text-decoration: underline; }

#ShortInfo { display: block; width: 100%; max-width: 680px; height: auto; margin: 0px auto 20px auto; color: #FFFFFF; font-size: 12px; line-height: 14px; }
#Social { display: block; width: 100%; max-width: 680px; height: auto; margin: 0px auto 20px auto; }
#Info { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; }
#Info h1 { padding: 0px; margin: 40px 0px 15px 0px; color: #FFFFFF; font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; line-height: 34px; }
#Info h2 { padding: 0px; margin: 40px 0px 15px 0px; color: #FFFFFF; font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; line-height: 24px; }
#Info b { color: #FFFFFF; font-weight: bold; }
#Info a { color: #CCCCCC; text-decoration: underline; }

#Confirmation { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; }
#Confirmation h1 { padding: 0px; margin: 0px 0px 15px 0px; color: #FFFFFF; font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; line-height: 34px; }
#Confirmation h2 { padding: 0px; margin: 40px 0px 15px 0px; color: #FFFFFF; font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; line-height: 24px; }
#Confirmation b { color: #FFFFFF; font-weight: bold; }
#Confirmation a { color: #CCCCCC; text-decoration: underline; }

#SubscribeDisclaimer { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; color: #999999; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* TABLET/PORTRAIT SIZE */ 
@media (min-width: 767px) {
#BackgroundImage { display: block; }
#Container { min-width: 728px; max-width: 728px; min-height: 767px; }
#Content { padding: 24px; }
#MediaInfo { max-width: 380px; }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* TABLET/LANDSCAPE SIZE */ 
@media (min-width: 1024px) {
#BackgroundImage { display: block; max-width: 1000px; }
#BackgroundImage img { max-width: 100%; }
#Header { display: block; width: 1000px; min-width: 1000px; max-width: 1000px; padding: 0px; margin: 35px auto 35px auto; }
#HeaderLeft { display: block; float: left; width: 480px; margin: 0px 20px 0px 0px; }
#HeaderRight { display: block; float: left; width: 500px; margin: 0px 0px 0px 0px; }
#Container { min-width: 1000px; max-width: 1000px; }
#Media { display: block; width: 960px; max-width: 960px; height: auto; }
#MediaLeft { display: inline-block; float: left; width: 255px; min-height: 360px; margin: 0px 17px 0px 0px; }
#MediaRight { display: inline-block; float: left; width: 640px; min-height: 360px; margin: 0px 0px 0px 0px; }

#Col1 { display: block; float: left; width: 255px; max-width: 255px; height: auto; margin: 0px 17px 20px 0px; }
#Col2 { display: block; float: left; width: 680px; max-width: 680px; height: auto; margin: 0px 0px 20px 0px; }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* DESKTOP SIZE */ 
@media (min-width: 1200px) {
#BackgroundImage { display: block; max-width: 1200px; }
}