@charset "UTF-8";
/* CSS Document */


.body
{
	margin: 0 0 0 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}


a:link{
	color:#f57f1f;
	line-height: 20px;
	font-size: 14px;
	
	
}

a:visited{
	color:#f57f1f;
	line-height: 20px;
	font-size: 14px;

}

ul{
    
    color:#f57f1f;
    padding-left: 15px;
}

ul.listB {
    color:#000;
    padding-left: 20px;
}



h1{
	margin-top: -3px;
	font-size: 25px;
	font-family: "helvetica";
	font-weight: 400;
}

h2{
	font-size: 16px;
	font-family: "helvetica";
	font-weight: bold;
}

h3{
	margin-top: -1px;
	text-align: right;
	font-size: 16px;
	font-family: "helvetica";
	font-weight: normal;
	pointer-events:none;
}



p{
	margin-top: 0px;
	font-size: 14px;
	font-family: "Times New Roman";
	font-weight: normal;
	text-align: justify;
	line-height: 20px;
	color: #4d4d4d;
}



.btn{
	cursor: pointer;
}

.showHome{
	opacity: 1;
	visibility: visible;
	cursor: pointer;
}

.hideHome{
	opacity: 0;
	visibility: hidden;
	cursor: default;
}

.temp{
	border: red solid 1px;
}


	

#headerContainer{
	position: absolute;
	width: 100%;
	height: 50px;
	z-index: 4;
}

#header_logo{
	position: inherit;
	margin-left: 20px;
	bottom: 0px;
	width: 267px;
	height: 30px;
	background: url("../images/header_logo.png") no-repeat;
}

#header_btn_holder{
	position: absolute;
	bottom: -5px;
	right: 20px;
	width: 180px;
	height: 43px;

}

.headerBtns{
	float: left;
	margin-right: 10px;
	width: 50px;
	height: inherit;
}

#home_btn{
	background: url("../images/home_btn.png") no-repeat;
}

#help_btn{
	background: url("../images/help_btn.png") no-repeat;
}

#menu_btn{
	background: url("../images/menu_btn.png") no-repeat;
}

#content_container{
	position: absolute;
	top: 50%;
	margin-top: -246px;
	left: 50%;
	margin-left: -485px;
	width: 970px;
	height: 532px;
	z-index: 3;
}

#content_holder_one{
	position: absolute;
	right: 0px;
	width: 960px;
	height: inherit;
	z-index: 2;
}



.sectionOneBoxes{
	float: left;
	z-index: 3;
	width: 184px;
	height: 248px;
	background-color: #ccc;
}



.boxBar{
	margin-top: 168px;
	bottom: 0px;
	width: inherit;
	height: 80px;
	background-color: #000;
	opacity: .8;
	pointer-events:none;

}

.boxTitles{
	position: absolute;
	margin-top: 22px;
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
	font-family: "helvetica";
	font-weight: lighter;
	line-height: 18px;
	letter-spacing: 1px;
	z-index: 6;
	pointer-events:none;
}

.boxNumbers{
	position: relative;
	margin-right: 10px;
	color: #333;
	font-size: 93px;
	font-family: "Times New Roman";
	line-height: 80px;
	letter-spacing: -7px;
	text-align: right;
}

#sections_shadow{
	position: absolute;
	bottom: -40px;
	left: -35px;
	width: 1035px;
	height: 88px;
	background: url("../images/sections_shadow.png");
	z-index: 1;
}

#section_intro{
	float: left;
	width: 372px;
	height: 508px;
	background: url("../images/sections/section_oneH.jpg") no-repeat;
	z-index: 3;
}

.boxTitlesI{
	position: absolute;
	left: 90px;
	bottom: 50px;
	color: #fff;
	font-size: 29px;
	font-family: "helvetica";
	font-weight: lighter;
	line-height: 28px;
}

#introArrow{
	position: absolute;
	bottom: 53px;
	left: 225px;
	width: 42px;
	height: 47px;
	background: url("../images/intro_arrow.png") no-repeat;
}

.smallArrow{
	margin-left: 5px;
	width: 12px;
	height: 12px;
	background: url("../images/small_arrow.png") no-repeat;
	display: inline-block;
}

#section_one{
	margin-left: 12px;
	background: url("../images/sections/section_two.jpg") -30px -140px no-repeat;
}

#section_two{
	margin-left: 12px;
	background: url("../images/sections/section_three.jpg") -50px -40px no-repeat;
}

#sections_next_btn{
	float: left;
	margin-top: 118px;
	margin-left: 12px;
	width: 117px;
	height: 130px;
	background: url("../images/next_btn.jpg") no-repeat;
}

#section_three{
	margin-left: 12px;
	margin-top: 12px;
	background: url("../images/sections/section_four.jpg") -50px -80px no-repeat;
}

#section_four{
	margin-left: 12px;
	margin-top: 12px;
	bottom: 0px;
	background: url("../images/sections/section_five.jpg") -50px -40px no-repeat;
}

#section_five{
	margin-left: 12px;
	margin-top: 12px;
	bottom: 0px;
	background: url("../images/sections/section_six.jpg") -80px -80px no-repeat;
}

#content_holder_two{
	position: absolute;
	left: 2000px;
	width: 970px;
	height: inherit;
	z-index: 5;

}

#sections_back_btn{
	position: absolute;
	width: 60px;
	height: 60px;
	left: -72px;
	background: url("../images/back_btn.jpg") no-repeat;
}

#section_six{
	background: url("../images/sections/section_seven.jpg") -50px -90px no-repeat;
}

#section_seven{
	margin-left: 12px;
	background: url("../images/sections/section_eight.jpg") -50px -190px no-repeat;
}

#section_eight{
	margin-left: 12px;
	background: url("../images/sections/section_nine.jpg") -50px -190px no-repeat;
}

#section_nine{
	margin-left: 12px;
	background: url("../images/sections/section_ten.jpg") -50px -190px no-repeat;
}

#section_ten{
	margin-left: 12px;
	background: url("../images/sections/section_eleven.jpg") -50px -70px no-repeat;
}

#section_eleven{
	margin-top: 12px;
	background: url("../images/sections/section_twelve.jpg") -50px -250px no-repeat;
}

#section_twelve{
	margin-top: 12px;
	margin-left: 12px;
	background: url("../images/sections/section_thirteen.jpg") -50px -100px no-repeat;
}

#section_thirteen{
	margin-top: 12px;
	margin-left: 12px;
	background: url("../images/sections/section_fourteen.jpg") -50px -200px no-repeat;
}

#section_fourteen{
	margin-top: 12px;
	margin-left: 12px;
	background: url("../images/sections/section_fifteen.jpg") -50px -100px no-repeat;
}

#section_fifteen{
	margin-top: 12px;
	margin-left: 12px;
	background: url("../images/sections/section_sixteen.jpg") -50px -100px no-repeat;
}

#side_menu_container{
	position: absolute;
	right: -290px;
	width: 290px;
	height: inherit;
	background-color: #e9e9e9;
	z-index: 8;
	display: none;
}

#side_gradient{
	position: absolute;
	top: 0px;
	width: 31px;
	height: inherit;
	background: url("../images/side_panel_gradient.jpg") repeat-y;
	z-index: 1;
}

#side_header{
	position: relative;
	width: inherit;
	margin-top: 10px;
	margin-bottom: 30px;
	height: 43px;

}

.sideH1{
	position: absolute;
	top: 13px;
	left: 15px;
	font-size: 16px;
	font-family: "helvetica";
	font-weight: 600;
	color: #79AC0F;
	z-index: 6;
}

#close_btn{
	position: absolute;
	right: 23px;
	width: 50px;
	height: 42px;
	background: url("../images/close_btn.png") no-repeat;
	z-index: 5;
}

#side_text_holder{
	position: absolute;
	margin-left: 31px;
	width: 243px;
	height: inherit;
	z-index: 6;
}

.sideText{
	height: 32px;
	width: 233px;
	line-height: 30px;
	margin-bottom: 4px;
}

#side_text_identifier{
	position: absolute;
	right: 0px;
	width: 12px;
	height: inherit;
	z-index: 5;
}

.identifier{
	position: relative;
	width: inherit;
	height: 30px;
	margin-bottom: 5px;
	background-color: #ccc;
	cursor: pointer;
}

.idCurrent{
	width: 255px;
	background-color: #79ac0f;
	margin-left: -243px;

}

.txtCurrent{
	color: #fff;
}

#image_holder{
	float: left;
	width: 271px;
	height: inherit;
}

.section_img{
	position: absolute;
	width: inherit;
	height: 500px;
}

.imgOne{
	background: url("../images/sections/section_one.jpg") no-repeat;
}

.imgTwo{
	background: url("../images/sections/section_two.jpg") no-repeat;
}

.imgThree{
	background: url("../images/sections/section_three.jpg") no-repeat;
}

.imgFour{
	background: url("../images/sections/section_four.jpg") no-repeat;
}

.imgFive{
	background: url("../images/sections/section_five.jpg") no-repeat;
}

.imgSix{
	background: url("../images/sections/section_six.jpg") no-repeat;
}

.imgSeven{
	background: url("../images/sections/section_seven.jpg") no-repeat;
}

.imgEight{
	background: url("../images/sections/section_eight.jpg") no-repeat;
}

.imgNine{
	background: url("../images/sections/section_nine.jpg") no-repeat;
}

.imgTen{
	background: url("../images/sections/section_ten.jpg") no-repeat;
}

.imgEleven{
	background: url("../images/sections/section_eleven.jpg") no-repeat;
}

.imgTwelve{
	background: url("../images/sections/section_twelve.jpg") no-repeat;
}

.imgThirteen{
	background: url("../images/sections/section_thirteen.jpg") no-repeat;
}

.imgFourteen{
	background: url("../images/sections/section_fourteen.jpg") no-repeat;
}

.imgFifteen{
	background: url("../images/sections/section_fifteen.jpg") no-repeat;
}

.imgSixteen{
	background: url("../images/sections/section_sixteen.jpg") no-repeat;
}


#info_shadow{
	position: relative;
	margin-top: 475px;
	margin-left: -37px;
	width: 344px;
	height: 88px;
	background: url("../images/section_shadow.png") no-repeat;

}

#info_container{
	float: left;
	margin-left: 20px;
	width: 430px;
	height: 502px;
	

}

#infoHide{
	position: absolute;
	width: 470px;
	height: inherit;
	background-color: #fff;
}

#oneA{
	display: inline-block;
	width: 430px;
	height: 458px;
	overflow: auto;
	padding-right: 20px;
}

#oneB{
	display: none;
	width: 430px;
	height: 458px;
	overflow: auto;
	padding-right: 20px;
}

#info_links_container{
	float: right;
	width: 209px;
	height: inherit;
}

.info_link_btn{
	position: inherit;
	width: inherit;
	height: 41px;
	margin-bottom: 10px;
}

#summary_btn{
	margin-top: 45px;
	background: url("../images/detail_toggle.png") no-repeat;
}

#sample_btn{
	background: url("../images/detail_toggle.png") 0 -42px no-repeat;
}



#link_header{
	width: inherit;
	height: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	border-bottom: #ccc dashed 1px;
}

.sideBtns{
	
	text-align: center;
	font-size: 16px;
	font-family: "helvetica";
	font-weight: lighter;
	line-height: 41px;
}

#topBtn{
	color: #fff;
}



#footerContainer{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 30px;
}

#footerCopy{
	position: absolute;
	line-height: 30px;
	margin-left: 20px;
	color: #b3b3b3;
}

#footerLogo{
	position: absolute;
	top: 5px;
	right: 20px;
	width: 137px;
	height: 19px;
	background: url("../images/footer_logo.png") no-repeat;
}

  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

  ::-webkit-scrollbar-track {
    background-color: rgba(230,230,230, 1);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(179, 179, 179, 1);
}