body{
font-family: 'Electrolize', sans-serif;
background: #333;
background-image:url('images/grid.png');
background-size:70px;
}

.topbar{
position:fixed; 
top:0px; 
left:0px; 
width: 100%;
height:150px; 
background-color: rgba(25, 25, 25, 0.8);
z-index: 50;
}

.assetlogo{
position:absolute;
top:-10px;
height: 180px;
left:0px; 
}


.foot
{
background-color: rgba(25, 25, 25, 0.8);
color: whitesmoke;
position: fixed;
Bottom: 0px;
left: 0px;
width: 100%;
height: 30px;
z-index: 50;
font-size: 8pt;
padding-top: 10px;
}

.menuicon{
height: 65px;
width:65px; 
background-color:red; 
position: absolute;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

.menuone{
top: 178px;
left: 108px;
}

.menutwo{
top: 248px;
left: 108px;
}

.menuthree{
top: 318px;
left: 108px;
}

.menufour{
top: 388px;
left: 108px;
}

.menufive{
top: 248px;
left: 178px;
}

.menusix{
top: 318px;
left: 178px;
}

.menuseven{
top: 388px;
left: 178px;
}

.menueight{
top: 458px;
left: 178px;
}

.content{
width: 50%;
height: 60%; 
min-width: 650px;
position:absolute; 
top:178px;
left: 388px;
}

.talkbox
{
z-index:3;
position:absolute; 
right:0px;
top:0px; 
width: 100%;
padding-bottom: 60%; 
background-color:rgba(0,0,0,0.5);
border-left:1px solid #333333;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
}

.trailer{
top: 12px;
position: relative;
}

.videobox
{
z-index:3;
position:absolute; 
top:0px; 
width: 695px;
padding-bottom: 25px; 
background-color:rgba(0,0,0,0.5);
border-left:1px solid #333333;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
}


.scroll{
position:absolute; 
right:0px; 
top:0px;
color:white; 
} 
.scroll2{
position:absolute; 
right:0px; 
bottom:0px; 
color:white; 
} 

.wrapper{
position: absolute;
width: 90%;
overflow: hidden;
padding-bottom: 60%;
}

.innertalk{
position: absolute;
top: 2%; bottom: 2%; left: 2%; right: 2%;
width:95%;
padding-right:40px;
color:white; 
overflow-y:scroll;
overflow-x:hidden;
Font-family:Arial, Arial, sans-serif;
}

.innertalk::-webkit-scrollbar { 
    display: none; 
}

.arrow{
width:50px; 
cursor:pointer;
}

.marrow{
height:100%; 
width:174px; 
cursor:pointer;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

.da
{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
}

.label{
height: 65px;
position: absolute;
top: 178px;
left:178px; 
width:205px; 
opacity:0.0;
filter:alpha(opacity=00); /* For IE8 and earlier */
}



.innertalkcast {
position: absolute;
top: 2%;
bottom: 2%;
left: 200px;
right: 400px;
width: 64%;
height: 97%;
padding-right: 40px;
padding-left: 10px;
color: white;
overflow-y: scroll;
overflow-x: hidden;
Font-family: Arial, Arial, sans-serif;
}


.castphoto{
float:left; 
width:200px;
margin-right: 15px;
-moz-box-shadow: 0 0 15px #CC0000;
-webkit-box-shadow: 0 0 15px #CC0000;
box-shadow: 0px 0px 15px #CC0000; 
}


.castmenu{
height: 60px;
padding: 2px;
width: 165px;
left: 8px;
position: relative;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
box-shadow: 0 0 9px #CC0000, inset 0 0 9px #CC0000;
text-shadow:0px 0px 5px #CC0000;
cursor:pointer; 
}


.bb
{
border-top: 1px solid #CC0000;
}

.menufeed{
width: 200px;
position: relative;
top: 0px;
padding-bottom: 0px;
}

.innermenucast{
position: absolute;
top: 0px;
height: 100%;
width: 200px;
color: white;
overflow-y: scroll;
overflow-x: hidden;
Font-family: Arial, Arial, sans-serif;
}

.scroll3{
position: absolute;
left: 0px;
bottom: 0px;
color: white;
z-index:30;
}

.scroll4{
position: absolute;
left: 0px;
top:0px; 
color: white;
z-index:30;
}

.barbutton{
position: absolute;
width: 174px;
height: 7%;
left: 6;
}


.wrapper2 {
top: 7%;
position: absolute;
width: 180px;
overflow: hidden;
height:86%
}
.replace{
position:absolute; 
top:0px; 
}

.hidden{
visibility:hidden; 
height:0px; 
}

.folio{
width:100px; 
display:inline-block; 
}

.darkglass{		
width:400%;		
height:100%;		
opacity:0.0;		
filter: alpha(opacity = 00);		
background-color:#000000;		
position:fixed;		
top:0;		
left:0;		
z-index: 40;	
}

.galslide{
z-index:4;
position:relative;
}

.gscr{
width:700px;
}

.arrowright{
position:absolute;
height:40px;
top:50%;
right :-60px;
}


.arrowleft{
position:absolute;
height:40px;
top:50%;
left :-60px;
}


.gd{
		opacity:0.0;
		filter: alpha(opacity = 00);
		z-index:15;
		}

		.mg{
		margin-Left:-250px;
		left:50%;
		top:10%;
		position:absolute;
		}

.slide{
position:relative;
top:25px;
}

.galwin{		
opacity:0.0;		
filter: alpha(opacity = 00);		
position:absolute;		
top:100px;			
z-index: 50;
left:50%;	
}

.fullsize{
background-color: rgba(255,25,26,0.40);
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 3px solid #cc0000;
-webkit-box-shadow: #111111 7px 7px 7px;
-moz-box-shadow: #111111 7px 7px 7px;
box-shadow: #111111 7px 7px 7px;
}


.closer{
		cursor: pointer;
		color:#990011;
		font-size: 12pt;
		right:-10px;
		top:-10px;
		position:absolute;
		z-index:9;
		}

		.closeit{
		cursor: pointer;
		color:#990011;
		font-size: 12pt;
		right:-10px;
		top:-10px;
		position:absolute;
		z-index:9;
		}

.closeico{
height:25px;
width:25px;
}

.sixteen{
width:160px; 
margin:10px; 
}

.social{
height: 30px;
position: absolute;
top: 120px;
width: 300px;
left: 80%;
}

.lgvid {
z-index: 2;
position: relative;
width: 100%;
padding-bottom: 56.24%;
background: black;
background-color: rgba(0,0,0,0.5);
}


.vidframe {
position: absolute;
top: 2%;
bottom: 2%;
left: 2%;
right: 2%;
}

.castmedia{
padding-bottom: 10px;
float: right;
right: 5px;
position: relative;
}

.fadedlogo {
position: absolute;
width: 80%;
opacity: 0.2;
filter: alpha(opacity = 20);		
margin-left: 10%;
top: 0%;
z-index: -1;
}

.moreleft{
left:15%;
}

.jts{
position: relative;
left: 250px;
top: 60px;
}


.innertalkvideo{
position: absolute;
top: 2%;
bottom: 2%;
left: 50%;
right: 400px;
width: 68%;
margin-left:-20%;
height: 97%;
padding-right: 40px;
padding-left: 10px;
color: white;
overflow-y: scroll;
overflow-x: hidden;
Font-family: Arial, Arial, sans-serif;
}

.videomenu {
height: 90px;
padding: 2px;
width: 160px;
left: 10px;
position: relative;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
box-shadow: 0 0 9px #CC0000, inset 0 0 9px #CC0000;
text-shadow: 0px 0px 5px #CC0000;
cursor: pointer;
}

.newsheader{
font-size: x-large;
font-family: electrolize;
}


.posticon{
position: relative;
float: right;
top: 2px;
right: 0px;
width: 35px;
}

.bar{
width: 95%;
}

.time{
font-size: 10pt;
font-family: electrolize;
}

.soclink{
font-family: electrolize;
font-size: 10pt;
}

.vthumb{
width:inherit
}