/*CSS Document*/
/*+clearfix {*/
.inner-wrapper:after, .empty-box:after, .filled-box-red:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.inner-wrapper, .empty-box, .filled-box-red
{
	display: inline-block;
}
.inner-wrapper, .empty-box, .filled-box-red
{
	/*\*/
	display: block;
	/**/
	-height: 1px;
}
/*+}*/
BODY
{
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", poiret-one, passion-one, Gotham, Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 0.9em;
	background: #FFF url(../images/top-bg-white.jpg) no-repeat top center;
	text-align: center;
	font-weight: light;
	letter-spacing: 1px;
}
#bottom-wrapper
{
}
/*Top Content*/
#top-wrapper
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 250px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	clear: both;
}
#top-inner-wrapper
{
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
/*show in default resolutions*/
#vr
{
	width: 400px;
	height: 480px;
	margin: auto;
}
/*Middle Content*/
#mid-wrapper
{
	background-image: url(../images/mid-top-bg-white.jpg), url(../images/mid-btm-bg-white.jpg), url(../images/mid-bg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: repeat-x, repeat-x, repeat;
	padding-top: 75px;
	padding-bottom: 75px;
	color: #FFF;
}
/*[clearfix]*/.inner-wrapper
{
	max-width: 900px;
	min-width: 300px;
	margin: auto;
}
.inner-wrapper A
{
	color: #F6EC33;
}
/*[clearfix]*/.empty-box
{
	border: thin solid #FFFFFF;
	padding: 10px 20px;
	/*width: 75px;*/
	text-transform: uppercase;
	text-align: center;
}
.empty-box A, .empty-box:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
/*[clearfix]*/.filled-box-red
{
	background: #A81304;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px 20px;
	width: 42.5%;
	text-transform: uppercase;
	margin: auto auto 18px;
}
.filled-box-red A, .filled-box-red A:hover, .filled-box-red A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.inline-links
{
	cursor: pointer;
	margin: 0 8px;
	vertical-align: top;
	display: inline-block;
}
/*Bottom Content*/
#bottom-wrapper
{
	/*padding-top: 30px;*/
	padding-bottom: 20px;
	max-width: 900px;
	margin: auto;
}
.credit
{
	float: right;
	letter-spacing: normal;
	font-size: 0.8em;
	color: #837F7F;
	padding-right: 5px;
}
.credit A, .credit A:visited
{
	color: #000;
}
.copyright
{
	float: left;
	letter-spacing: normal;
	font-size: 0.8em;
	color: #837F7F;
	padding-left: 5px;
}
.copyright A, .copyright A:visited
{
	color: #FFF;
}
.copyright, .credit
{
	padding: 10px 0;
}
.responsive-wrapper
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.responsive-wrapper IFRAME
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.outer-vid-wrapper
{
	max-width: 900px;
	margin: auto;
}
.slogan
{
	margin-top: 30px;
	text-transform: uppercase;
	font-size: 1.75em;
	font-weight: 100;
}
.yellow
{
	color: #65D208;
}
.white
{
}
/*Replacements*/
.replace-arrow
{
	margin: 0;
	padding: 0;
	position: relative;
	width: 110px;
	height: 110px;
	overflow: hidden;
}
.replace-arrow SPAN
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 110px;
	height: 110px;
	margin: 0;
	padding: 0;
	background: url("double-arrow.png") no-repeat top left;
}
/*Common Text Formats*/
H1
{
	color: #F6EC33;
	text-transform: uppercase;
	font-size: 5em;
	letter-spacing: normal;
	margin: -45px 0 13px;
}
/*Responsive Content

If in mobile screen with maximum width 479px. The iPhone screen resolution is 320x480 px (except iPhone4, 640x960)

@media only screen and (max-width:480px){

#vr

{

width: 90%;

}

.credit, .copyright {

clear:both;

}

.yellow {

color:#31AEC3;

}

}

If in mobile screen with maximum width 640px. The iPhone 5 screen resolution is 1136X640*/
@media only screen and (max-width: 640px)
{
	#vr
	{
		width: 80%;
	}
	.yellow
	{
		color: #12B7A1;
	}
	.credit, .copyright
	{
		clear: both;
		margin: auto;
		float: none;
	}
	.credit
	{
		padding: 5px 0px 10px;
	}
	H1
	{
		font-size: 3em;
	}
}
.inline-links
{
	margin-bottom: 12px;
}