html, body {
    height: 100%;
    min-height: 100%;
}

a, a:hover, a:visited, a:active, a:link{
	text-decoration: none;
	color: #58585a;
	font-weight: bold;
}

body {
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #6188c4;

	background-image: -o-linear-gradient(rgba(0, 66, 122, 1), rgba(97, 136, 196, 0.8));
	background-image: -webkit-linear-gradient(rgba(0, 66, 122, 1), rgba(97, 136, 196, 0.8));
	background-image: -moz-linear-gradient(rgba(0, 66, 122, 1), rgba(97, 136, 196, 0.8));
	background-image: -ms-linear-gradient(rgba(0, 66, 122, 1), rgba(97, 136, 196, 0.8));
	background-image: linear-gradient(rgba(0, 66, 122, 1), rgba(97, 136, 196, 0.8));
	/*IE9*/
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00427a', endColorstr='#6188c4');/*For IE7-8-9*/
	min-height: 100%;
	font-family: arial;
	color: #414042;
}


#oculusTitleBar{
	position: absolute;
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #e7e7e8;
}

#oculusWrapper{
	position: absolute;
	width: 1034px;
	height: 790px;
	left: 50%;
	top: 0%;
	margin-left: -512px;
}


	#oculusWrapper > #oculusHeader{
		position: relative;
		float: left;
		margin: 0px 13px;
		line-height: 36px;
		font-size: 18px;
		font-weight: bold;
	}
	
	#oculusWrapper > #oculusLogo{
		position: relative;
		float: left;
		height: 25px;
		width: 25px;
		background-image: url('/userFiles/images/oculusLogo.png');
		background-repeat: no-repeat;
		margin: 4px 0px 4px 13px;
	}
	
	
	#oculusWrapper > #oculusContentBorder{
		position: relative;
		float: left;
		width: 926px;
		height: 620px;
		
		margin-top: 75px;
		margin-left: 38px;
		
		border: 1px solid #e7e7e8;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField{
		position: relative;
		float: left;
		width: 900px;
		height: 550px;
		margin: 12px;
		background-color: #e7e7e8;
		border: 1px solid #cacacb;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft{
		position: relative;
		float: left;
		width: 172px;
		height: 590px;
		top: 32px;
		left: 16px;
		border-top: 1px solid #b2b3b6;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #companyLogo{
		position: relative;
		float: left;
		width: 140px;
		height: 140px;
		margin-top: 18px;
		margin-left: 7px;
		overflow: hidden;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #companyLogo > #companyImg{
		position: relative;
		float: left;
		max-height: 140px;
		max-width: 140px;
		background-repeat: no-repeat;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #companyLogo.enableLogoRadius{
		border-radius: 5px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}

	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusLogoSubscribe{
		position: relative;
		float: left;
		width: 134px;
		height: 15px;
		left: 12px;
		margin-top: 5px;
		font-size: 11px;
		text-align:center;
	}
	
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusMenuOptions{
		position: relative;
		float: left;
		width: 134px;
		height: 200px;
		margin-left: 12px;
		border-bottom: 1px solid #b2b3b6;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusMenuOptions .menuBtn{
		position: relative;
		float: left;
		width: 134px;
		height: 25px;
		text-align: center;
		margin-top: 12px;
		color: #fff;
		font-size: 11px;
		line-height: 25px;
		border-radius: 5px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		cursor: pointer;
	}
	
		
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusMenuContact{
		position: relative;
		float: left;
		width: 134px;
		height: 157px;
		margin-left: 12px;
		font-size: 11px;
		width: 100%;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusMenuContact > .contactTitle{
		position: relative;
		float: left;
		color: #1e4e8e;
		font-weight: bold;
		margin-top: 10px;
		font-size: 13px;
	}	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusMenuContact > .contactPhoneTitle{
		position: relative;
		float: left;
		width: 100%;
		color: #1e4e8e;
		font-weight: bold;
		margin-top: 10px;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusMenuContact > .contactPhoneNumber{
		position: relative;
		float: left;
		color: #58585a;
		font-weight: bold;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusMenuContact > .contactEmailTitle{
		position: relative;
		float: left;
		width: 100%;
		color: #1e4e8e;
		font-weight: bold;
		margin-top: 10px;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldLeft > #oculusMenuContact > .contactEmailAddress{
		position: relative;
		float: left;
		color: #58585a;
		font-weight: bold;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldRight{
		position: relative;
		float: left;
		width: 696px;
		height: 492px;
		top: 32px;
		left: 16px;
		border-top: 1px solid #b2b3b6;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldRight > #rightTextWrapper{
		position: relative;
		float: left;
		width: 686px;
		height: 160px;
		top: 18px;
	}
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldRight > #rightTextWrapper > span{
		position: relative;
		float: left;
		font-weight: bold;
		width:100%;
	}
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldRight > #rightTextWrapper > p{
		position: relative;
		float: left;
		font-size: 12px;
	}
	
	
	#oculusWrapper > #oculusContentBorder >  #oculusContentField > #contentFieldRight > #rightTabWrapper{
		position: relative;
		float: left;
		width: 686px;
		height: 314px;
		top: 18px;
	}
	
	
	article.tabs {
		position: relative;
		display: block;
		width: 30px;
		height: 25px;
		font-size: 12px;
	}

	article.tabs section {
		position: absolute;
		display: block;
		top: 1.8em;
		left: -1px;
		height: 260px;
		padding: 10px 0px;
		background-color: #fff;
		border: 1px solid #8e9093;
		z-index: 0;
		width:655px;
		padding: 15px;
		text-transform: none !important;
		color: #333 !important;
	}
	
	article.tabs section > p > .itemHeader{
		position: relative;
		float:left;
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: bold;
		width: 100%;
		
	}
	
	article.tabs section:first-child{
		z-index: 1;
	}

	article.tabs section h2{
		position: absolute;
		font-size: 1em;
		border: 1px solid #8e9093;
		width: 82px;
		height: 25px;
		top: -26px;
		left: -1px;
		border: 1px solid #8e9093;
		border-bottom: none;
		padding: 0;
		margin: 0;
		color: #5a5a5c;
		overflow: hidden;
		background: -moz-linear-gradient(top, #bdbfc1 0%, #f4f4f4 100%) no-repeat;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdbfc1), color-stop(100%,#f4f4f4));
		background: -webkit-linear-gradient(top, #bdbfc1 0%,#f4f4f4 100%);
		background: -o-linear-gradient(top, #bdbfc1 0%,#f4f4f4 100%);
		background: -ms-linear-gradient(top, #bdbfc1 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbfc1', endColorstr='#f4f4f4',GradientType=0 );
		background: linear-gradient(top, bdbfc1 0%,#f4f4f4 100%);
		
		/*IE9*/
		filter: progid:DXImageTransform.Microsoft.gradient(
		 startColorstr=#f4f4f4, endColorstr=#bdbfc1
		 );



		border-radius: 5px 5px 0 0;
	}
	
	article.tabs section:nth-child(2) h2{
		left: 86px;
	}
	article.tabs section:nth-child(3) h2{
		left: 172px;
	}
	article.tabs section:nth-child(4) h2{
		left: 258px;
	}
	article.tabs section:nth-child(5) h2{
		left: 344px;
	}
	article.tabs section:nth-child(6) h2{
		left: 430px;
	}
	article.tabs section:nth-child(7) h2{
		left: 516px;
	}
	article.tabs section:nth-child(8) h2{
		left: 602px;
	}

article.tabs section h2 a{
	display: block;
	width: 100%;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}
	
article.tabs section:target,
article.tabs section:target h2{
	color: #1e54a4;
	filter: none;
	background: #fff !important;
	z-index: 2;
	text-transform: uppercase;
}

#oculusWrapper > #oculusContentBorder > #elBeeSubscribe{
	position: relative;
	float: left;
	width: 100%;
	height: 25px;
	margin-top: 10px;
	text-align: center;
	color: #fff;
	font-size: 11px;
}

#oculusWrapper > #oculusContentBorder > #disclaimer{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 50px;
	text-align: center;
	font-size: 13px;
	color: #fff;
}
#socialMediaBtns{
	position: absolute;
	bottom: -51px;
	right: 0px;
	width: 107px;
	display: none;
}

#socialMediaBtns.enableSocialMedia{
	display: block;
}


#socialMediaBtns #facebookButton,
#socialMediaBtns #twitterButton{
	position:relative;
	float: left;
	width:40px;
	height:40px;
	margin:5px;
	cursor: pointer;
	opacity: 0.5;

    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
	

}


#socialMediaBtns #facebookButton:hover,
#socialMediaBtns #twitterButton:hover{
	opacity: 1;
}


#socialMediaBtns #twitterButton{
	margin:5px 0 0 5px;
	background-image: url('/images/twitter.png');
}

#socialMediaBtns #facebookButton{
	background-image: url('/images/facebook.png');
}

#supportedBrowsers {
	position: absolute;
	bottom: 15px;
	height: 105px;
	width: 655px;
	border-top: 1px solid #b2b3b6;
	padding-top: 15px;
}


/*gradient for top bar grey to greyblue*/	
.gradientClassWhiteToBlue{
	background-image: -o-linear-gradient(rgba(204, 204, 204, 1), rgba(147, 147, 164, 0.8));   
	background-image: -webkit-linear-gradient(rgba(204, 204, 204, 1), rgba(147, 147, 164, 0.8));   
	background-image: -moz-linear-gradient(rgba(204, 204, 204, 1), rgba(147, 147, 164, 0.8));       
	background-image: -ms-linear-gradient(rgba(204, 204, 204, 1), rgba(147, 147, 164, 0.8));   
	background-image: linear-gradient(rgba(204, 204, 204, 1), rgba(147, 147, 164, 0.8));       
	
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr=#CCCCCC, endColorstr=#477799
	);
}


.gradientOculusBtns {

	background: -moz-linear-gradient(top, #294c8b 0%, #4f75b8 100%) no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294c8b), color-stop(100%,#4f75b8));
	background: -webkit-linear-gradient(top, #294c8b 0%,#4f75b8 100%);
	background: -o-linear-gradient(top, #294c8b 0%,#4f75b8 100%);
	background: -ms-linear-gradient(top, #294c8b 0%,#4f75b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294c8b', endColorstr='#4f75b8',GradientType=0 );
	background: linear-gradient(top, 294c8b 0%,#4f75b8 100%);
	
	/*IE9*/
	filter: progid:DXImageTransform.Microsoft.gradient(
	 startColorstr=#4f75b8, endColorstr=#294c8b
	 );
}

.gradientOculusBtnsDisabled {

	background: -moz-linear-gradient(top, #bcbcbc 0%, #dbdbdb 100%) no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #bcbcbc 0%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #bcbcbc 0%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #bcbcbc 0%,#dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#dbdbdb',GradientType=0 );
	background: linear-gradient(top, bcbcbc 0%,#dbdbdb 100%);
	
	/*IE9*/
	filter: progid:DXImageTransform.Microsoft.gradient(
	 startColorstr=#dbdbdb, endColorstr=#bcbcbc
	 );
}
