html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font:inherit;
  vertical-align:baseline;
}


body {
	overflow:hidden !important; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;
	margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;
	width:100%;
	background-color:#000;
	border: none;
}
#bgimg {
	position:absolute;
	z-index: 100;
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0;
	width:100%;
	height:100%;	
}
#realBody {
	position:absolute;
	z-index: 200;				/* Place the new body above the background image */
	overflow:hidden !important; 			/* restore scrollbars for the content */
	height:100% !important;
	width:100% !important;	 
	
	/*top: 5px;*/
	margin:0;
	padding:0;
	
}

#page_title {
	postion:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0 .15em 0 5em;
	width:96%;
	height:25%;
	display:block;
	overflow:hidden !important; 
	
	}


#home_title {
	position:absolute;
	float:right;
	padding: 25px;
	width: 40%;
	height: 280px;
	top:40%;
	right:0;
	margin:0;
	display:block;
}
#horz_seperator {
	position:relative;
	width:100%;
	height:1px;
	opacity:0.2;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-webkit-opacity:0.2;
	background-image:url(../images/ui/white_trans2.png);
	background-repeat:repeat;
	margin-top:1em;
	margin-bottom:1em;
}
.horz_seperator2 {
	position:relative;
	width:100%;
	height:1px;
	opacity:0.2;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-webkit-opacity:0.2;
	background-image:url(../images/ui/white_trans2.png);
	background-repeat:repeat;
	margin-top:.5em;
	margin-bottom:.5em;
}

#menu_controls_home {
	position:relative;
	top:0;
	right:0;
	width:200px;
	height:25px;
	padding:0;
	margin:0;
	display:inline;
	z-index:100;
	float:right;
	overflow:visible;
	}
	
	
#chapters_btn {
	position:relative;
	cursor:pointer;
	left:0px;right:5em; top:45%;   
	height:15px;
	width:auto;
	padding:8px;
	margin:0px 2em;
	z-index:800;
	float:right;
	background-color:#f60; 
	border-top:2px solid #fff;
	border-top-style:solid;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;

}
#chapters_btn:hover {
	background-color:rgba(0,0,0,.75); 
border-top:2px solid #f60;
border-top-style:solid;}

#chapters_btn:hover .menu_items2
{color:#f60;}

#close_btn {
	position:relative;
	cursor:pointer;
	right:24px; top:3em;   
	height:10px;
	width:10px;
	padding:0px;
	margin:0px 2em;
	z-index:1400;
	float:right;

	}
	

#open_btn {
	
	width:15px; height:15px;
	position:relative;
	cursor:pointer;
	top:0;
	right:0;
	float:right;
	margin:.25em 0em 0em 0em;
	z-index:1200;
	visibility:hidden;
	}


.other_btns
{
	position:relative;
	cursor:pointer;
	height:15px;
	width:auto;
	padding:8px;
	margin:0px .35em;
	z-index:900;
	float:left;
	background-color:rgba(0,0,0,.75); 
border-top:2px solid #f60;
border-top-style:solid;

}

#media_btns
{
	position:relative;
	cursor:pointer;
	height:15px;
	width:auto;
	padding:4px 6px;
	margin:0px 0px;
	z-index:800;
	float:left;
	background-color:#f60; 
border-top:2px solid #fff;
border-top-style:solid;

}

#media_btns2
{
	position:relative;
	cursor:pointer;
	height:15px;
	width:auto;
	padding:4px 6px;
	margin:0px 0px;
	z-index:800;
	float:left; 
	background-color:#f60; 
border-top:2px solid #fff;
border-top-style:solid;
	visibility:hidden;

}

#chapter_wrapper{
	
	postion:relative;
	top:0;
	left:0;
	bottom:0;
	margin:20px auto;
	height:85%;
	width:90%;
	/*//min-width:990px;*/
	display:block;
	overflow:auto;
	padding:0 10px 0 10px;
	border:none !important;
	-webkit-mask-image: -webkit-gradient(linear, center bottom, center top, from(rgba(0,0,0,0)), color-stop(30%,white), to(white));
   -moz-mask-image: -moz-gradient(linear, center bottom, center top, from(rgba(0,0,0,0)), color-stop(30%,white), to(white));
}

	
#chapter_container1
{
	position:relative;
	top:0;
	left:0;
	margin:0px auto;
	height:1400px;
	width:1220px;
	/*min-width:975px;*/
	display:block;
	overflow:hidden;
	padding:0;
	border:none;
}

.chapter_page_items{
	margin:0px 4px 8px 0px	;
	background-color:rgba(0,0,0,.35);
	overflow:hidden;
	padding:10px;
	border:none;
}
.chapter_page_items:hover {background-color:rgba(255,255,255,.05);}
.chapter_page_items img {margin-top:.5em;}

.chapter_page_items2{
	margin:2px	;
	background-color:rgba(0,0,0,.35);
	white-space:no-wrap;
	overflow:hidden;
	padding:0px;
	border:none;
}
.chapter_page_items2:hover {background-color:rgba(255,255,255,.05);}
.chapter_page_items2 img {margin-top:0;}

.align_left{float:left; width:60%;}
.align_right{float:right; width:40%; margin:0; padding:0;}
.small_box {width:150px;}
.tall_box {width:340px; }
.normal_box {width:340px; }
.col_box {width:339px;}
.slim_box {width:200px}
.wide_box {width:710px;}
.align_left2{float:left; width:50%;margin:0; padding:0;}
.align_right2{float:right; width:45%; margin:0; padding:0; overflow:auto;}
.align_right2 p {line-height:1.5em;}
.align_right2 h3 {margin-top:0;}
.align_left3{float:left; width:50%;margin:0; padding:0;}
.align_right3{float:right; width:45%; margin:0; padding:0; overflow:auto;}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 20%; }
/* 2 columns */
.grid-item--width2 { width: 40%; }
.grid-item {
  float: left;
  height: 250px;
} 
#media_frame
{ 
	position:absolute;
	left:0; top:5em;
	width:100%; 
	height:90%; 
	margin:0 auto;
	padding-top:1em;
	border:none;
	overflow:hidden;
	z-index:10;
	opacity: 0;
	visibility:hidden;
}

#content_wrapper{
	
	postion:relative;
	top:0;
	left:0;
	bottom:0;
	margin:0px auto;
	height:45%;
	width:95%;
	/*//min-width:990px;*/
	display:block;
	overflow:auto;
	padding:0;
	border:none !important;
	
	}


#content
{
	position:absolute;
	top:25%;
	left:50%;
	margin:0em 0 0 -470px;
	height:450px;
	width:940px;
	display:block;
	z-index:300;
	overflow-x:hidden;
	overflow-y:hidden;
	opacity: 1;
	-webkit-mask-image: -webkit-gradient(linear, center bottom, center top, from(rgba(0,0,0,0)), color-stop(45%,white), to(white));
   	-moz-mask-image: -moz-gradient(linear, center bottom, center top, from(rgba(0,0,0,0)), color-stop(45%,white), to(white));
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
}

#content:hover {}


#content_container
{
 

postion:relative;
width: 8000px; 
height: auto;
margin: 0px; 
padding: 0; 
list-style:none; 
display:block;
white-space:nowrap;
float:left;
overflow:hidden;
opacity: 1;
z-index:300;


}

#content_container div {position: relative; float:left;list-style:none; display:block; z-index:300;}
#content_container img {width:940px; height:inherit;}

#video_content {
	
    position: relative;
	top: 0;
	left: 0;
	width:960px !important;
	height:540px !important;
	margin:0 13%;
	padding:0px;
	-webkit-box-shadow:  0px 0px 90px 10px rgba(0, 0, 0, .5);
   
}


#gallery_content {
	position:relative;
	overflow:auto;
	width:90%;
	height:90%;
	margin: 0px auto;

	}
.press_thumbs {
	position:relative;
	width: 150px;
	height:200px;
	margin:2px;
	float:left;
}
.press_thumbs.img {
	padding:10px 10px 0px 10px;
	border:none;
	outline:0;
}

#menu_overlay{
	
	position:absolute;
	top:9em;
	left:0;
	margin:4em 5em;
	padding:10px 0px;
	height:460px;
	width:91%;
	display:block;
	overflow:auto;
	z-index:700;
	background-color:rgba(0,0,0,0.45);
	opacity: 0;
	-webkit-opacity:0;
	-moz-opacity:0;
	
	
}

#slide_menu{

	position:relative;
	top:0;
	left:0;
	margin:0px;
	height:400px;
	width:1400px;
	display:block;
	overflow:hidden;
	padding:5px;
	z-index:700;
	opacity: 0;
	-webkit-opacity:0;
	-moz-opacity:0;
	visibility:hidden;
	}


#map_canvas {
	height: 100%
}

#map_images
{
	position:relative;
	left:0; top:0;
	width:950px; 
	height:400px;
	background-color:#000; 
	margin:0px auto;
	padding:5px;
	border:none;
	overflow:hidden;
	z-index:10;
	}
	
.map_text{float:left; margin:1em .5em .5em .15em; border-left:#999 1px solid; padding-left:20px; width:40%; }


#info_text_box {
	position: fixed;
	width: 320px;
	height:250px;
	overflow:hidden;
	padding:1.15em 1.25em;
	margin: 0px;
	z-index:800;
	left: 0;top:0;
	display:block;
	background-color: rgba(0,0,0,0.65);
	
}
	

.text {
	position:relative;
	margin:0; padding:1em 0em 0em 0em;
	float: left;
	overflow:hidden;
	text-align:left;
	
}
.text p { color:#CCC;margin:.5em 0em;}
.text img {margin:.5em 0em;cursor:pointer;}
.low_text
{
	color:#CCCCCC;
	margin:0;
	
}
.low_text p{background-color:rgba(0,0,0,.65); margin-left:-1em;padding:1em 2em; color:#CCCCCC;}
.low_text h1{margin-left:-.05em;}

#hide_btn {
	position: absolute;
	width: 25px;
	top:50%;
	height: 25px;
	left:30%;
	z-index: 400;
	background-image:url('images/ui/white_trans.png');
}
.img1 {
	padding: 0px;
}
.img2 {
	padding: 5px;
}


#footer {
	position:absolute;
	top:98%;
	left:0;
	margin:0px;
	height:35px;
	width:100%;
	z-index:300;

	 
}

#footer_inner{position:relative; top:0; left:1%;margin:0px auto; width:45%;height:35px; min-width:800px; text-align:center;}
#contact
{
position:relative; top:0;
height: auto; width: 250px; 
text-align:center; 
background-color:rgba(0,0,0,.95); 
border-top:2px solid rgba(255,255,255,.15);;
border-top-style:solid;

padding:10px; 
display:none;
z-index:900;
-webkit-box-shadow:  0px 0px 20px 5px rgba(0, 0, 0, .75);
        
        box-shadow:  0px 0px 20px 5px rgba(0, 0, 0, .75);

}





/*popcorn styles*/
#addl_content{
	position:relative;
	float:left;
	padding:3px;
	margin:0px;
	top:60%;
	left:10%;
	z-index:1000;
	width:80%;
	height:200px;


}
	
#addl_content_control
{
	position:relative;
	float:left;
	padding:3px;
	margin:0px;
	top:0;
	left:0;
	z-index:1000;
	width:20px;
	height:20px;
	
}

#addl_content_control_title
{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height: 20px;
	padding:10px;
	float: left;
	display:block;
	text-align:left;
	background: rgba(0, 0, 0, 0.75);
	z-index:99;
	overflow:hidden;
}
	

ul.addl_content {
	position: absolute;
	float:left;
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
	z-index:99;
	width:80%;
	height:200px;
	list-style-type: none;
	margin:45px 10px 10px 20px;
	
}
ul.addl_content li {margin:0px 10px; float:left;width:auto; height:150px;background-image:url('../images/ui/pop_bottom.png');
	background-repeat:no-repeat;
	background-position:50% 100%; padding:18px; }

/*ul.addl_content li div img {
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
ul.addl_content li.active div img {
	opacity: 1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
ul.addl_content li div a:hover {
	opacity: 1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
ul.addl_content li:after {
	opacity: 0;
	-webkit-opacity:0;
	-moz-opacity:0;
}*/

.addl_content_image {
	position:relative;
	left:0;
	width:125px;
	height:125px;
	float: left;
	text-align:center;
	padding:10px;
	background-color:rgba(0,0,0,.75);
	
	
}

.addl_content_image img{margin-top:5px;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	body {overflow-y:auto;}
	#chapter_wrapper{height:75%;}
#chapter_container1{width:900px;height:1900px;}
 .tall_box {width:30%;}
 .tall_box img{height:200px; width:auto;}
 .normal_box {width:30%;}
 .normal_box img{max-width:100%; height:auto;}

#map_images{width:640px; height:480px;}

#page_title
{
height:22%;
width:100%;
padding:0 .15em 0 2em;
}


}

@media screen and (min-width: 1366px) 
{
#page_title
{
height:22%;
}
#content {
	top:24%;
	left:50%;
	margin:0 0 0 -560px;
	
	width:1100px;
	height:525px;
	}
#content_container img {width:1100px; height:inherit;}
#footer_inner{width:50%;left:2%;}
#contact{width:350px;}
	
#video_content {
	
	top: 0;
	left: 0;
	width:1024px !important;
	height:576px !important;
	margin:0 15%;
	padding:0px;
	-webkit-box-shadow:  0px 0px 90px 10px rgba(0, 0, 0, .5);
   
}
	
}


@media screen and (min-width: 1600px) 
{
	
#page_title
{
height:22%;
}
.chapter_page_items
{
	margin:.5em .25em;
	padding:25px;
}
.chapter_page_items img {width:100%; margin-top:1.5em;}
.normal_box{width:380px;}
.wide_box{width:824px;}
.tall_box img {margin-top:0;}
.col_box img{margin-top:0;}
#chapter_container1{width:1420px;}

#menu_overlay	{top:12em;height:500px;}
#slide_menu{height:450px;}
#content {
	top:22%;
	left:50%;
	margin:0 0 0 -600px;
	height:650px;
	width:1200px;
	}
	
	#content_container img {width:1200px; height:inherit;}
	#footer_inner{width:50%; left:3%;}
	#contact{width:350px;}
	
	#video_content {
	top: 0;
	left: 0;
	width:1280px !important;
	height:720px !important;
	margin:2% auto;
	padding:0px;
	-webkit-box-shadow:  0px 0px 90px 10px rgba(0, 0, 0, .5);
   
}
	
}