@font-face {
  font-family: 'super';
  src: url('bangers.ttf')  format('truetype'), /* Safari, Android, iOS */
}
body {
	background-color: #FFFFFF;
	font-family: 'Helvetica,' Arial, Verdana, sans-serif;
	background-repeat: no-repeat;
	background-image:url(images/halftone_blue.gif);
	background-position: top;	
}
li {
	list-style-type: none;
}

.imagesSource {
	display: none;
}


.canvasHolder canvas {
	/*border: 1px solid red;*/
}

#mouse {
	background:green;
	opacity:0.65;
	position:absolute;
	color: White;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
.wrapper {

	width: auto;
	height: 800px;
	position: static;
	margin-top: 20px;
}

.wrapper2 {
	width: auto;
	height: 800px;
	position: center;
	margin-right: auto;
	margin-left: auto;
}

a img { border: none; }



.opacity {
	opacity: 1;
	filter: alpha(opacity=100);
	}	
 
.opacity:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	}	
	


.main {
	position: relative;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background-image:url(images/Finals/comic-page.png);
	background-position:top;
	background-repeat:no-repeat;
	height: 617px;
}


.main2 {
	position: relative;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;	width: 900px;
	background-image:url(images/Finals/comic-page2.png);
	background-position:top;
	background-repeat:no-repeat;
	height: 617px;
}



#emailUs
{
  display: block;
  width: 283px;
  height: 174px;
  background: url(images/rb_header.png) no-repeat 0 0;
  
}

#emailUs:hover
{ 
  background-position: 0 -173px;
}

#emailUs span
{
  position: absolute;
  top: -999em;
}

#rightInfo
{
  display: block;
  width: 283px;
  height: 174px;
  background: url(images/rb_header.png) no-repeat 0 0;
  
}

#rightInfo:hover
{ 
  background-position: 0 -173px;
}

#rightInfo span
{
  position: absolute;
  top: -999em;
}


.buttons {
	height:	70px;
	margin-bottom: 10px;
	float: right;
	width: 380px;
	margin-top: 180px;
}

.buttons_filmtv {
	float: left;
	padding-left: 10px;
	margin-right: 80px;
	font-family: 'Bangers', cursive;	
	font-size: 24px;
	letter-spacing: 1px;
	}
	
.buttons_sports{
	float: left;
	margin-right: 80px;
	font-family: 'Bangers', cursive;	
	font-size: 24px;
	letter-spacing: 1px;
	}
	
.buttons_events {
	float: left;
	font-family: 'Bangers', cursive;	
	font-size: 24px;
	pading-right: 10px;
	letter-spacing: 1px;
	}



.flex_holder {
	height: 380px;
	float: left;
	width: 490px;
	margin-right: 40px;
	margin-left: 20px;
}


.world_holder {
	position:relative;
	bottom: 63px;
	height: 380px;
	float: right;
	width: 600px;
	margin-top: 55px;
	margin-right: 10px;
	margin-left: 20px;
	}

.world_holder1 {
	position:relative;
	bottom: 60px;
	height: 215px;
	float: right;
	width: 600px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 20px;
	}


.pad {
	float: left;
	padding-right: 60px;
}


.pad2 {
	padding-right: 20px;
	padding-bottom: 15px;
	width: 600px;
	height: 435px;
	float: right;
	}
.pad23 {
	padding-right: 20px;
	padding-bottom: 15px;
	width: 419px;
	height: 435px;
	float: right;
	}	

.pad3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 272px;
	}
.pad33 {
	float:left;
	width: 100%;
	padding-left:20px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Bangers', cursive;
	font-size: 24px;
	}
	.pad34 {
	float:left;
	width: 100%;
	padding-left:20px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Bangers', cursive;
	font-size: 12px;
	}
	.pad35 {
	float:right;
	padding-left:0px;
	margin-left: auto;
	margin-right:20px;
	font-family: 'Bangers', cursive;
	font-size: 12px;
	}
	.pad36 {
	position:  relative;
	float:right;
	bottom: 190px;
	right:35px;
	padding-left:0px;
	margin-left: auto;
	margin-right:20px;
	font-family: 'Bangers', cursive;
	font-size: 12px;
	}
.pad4 {
	position: inherit;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

.header {
	height: 195px;
	background-position: top;
	background-image:url(images/rbback.png);
	background-repeat:no-repeat;
	padding-top: 40px;
}


.wrapping {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: top;
	padding-bottom: 2px;
	padding-right: 5px;
	height: 600px;
	width: 869px;
}


.style6 {font-size: 11px}


.style5 {
	font-size: 11px;
	color: #333333;
}

.nav {
	float:left;
	width: 875px;
	height: 1px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;

	}
.nav2 {
	float:right;
	width: 190px;
	height: 380px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;

	}
.nav4 {
	float:right;
	width: 882px;
	height: 500px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;

	}
.pad5 {
	width: 840px;
	float: left;
	margin-top: 20px;
	padding: 20;
	padding-left: 40px;
	position: relative;
	height: 425px;
}
.sports_text {
    float: left;
	padding-left: 45px;
	width: 300px;
	font-size: 11px;
	height: 160px;
	}
	
.sports_holder {
    float: right;
	width:215px;
	height: 162px;
	
	margin-left: 0px;
	padding-left:30px;
	}
.sidebar {
	float:left;
	position:relative;
	width:200px;
	padding-left:0px;
	margin-left: 10px;
	padding-bottom: 15px;
	height: 425px;
	padding-left: 25px;
	font-family: 'Bangers', cursive;
	font-size: 35px;
	letter-spacing: 1px;
	color: #0071a1;	
	}

.sidebar2 {
	float:left;
	position:relative;
	width:200px;
	padding-left:0px;
	margin-left: 10px;
	padding-bottom: 15px;
	height: 425px;
	padding-left: 10px;
	font-family: 'Bangers';
	font-size: 13px;
	letter-spacing: 1px;
	color: #000000;
	}
.pad6 {
	float:left;
	margin-bottom: 25px;
	position: inherit;
	}
	
.pad7 {
	margin-left: 20px;
	}
	
.pad8 {
	height: 615px;
	}

.sidebar2 {
	float:left;
	position:relative;
	width:200px;
	}
.hero {
font-family: 'Bangers';
font-size: 23px;
}


.sidebar3 {
	float:left;
	position:relative;
	width:540px;
	height: 430px;
	padding-left:10px;
	margin-left: 10px;
	padding-bottom: 15px;	
	}
	
.pad9 {
	float: right;
	width: 280px;
	height: 430px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;}


.pad10 {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	width: 415px;
	height: 430px;
	float: right;
	background-image: url(images/background3.png);
	background-repeat: no-repeat;
	background-position:top, right;
	}


.pad11 {
	width: 570px;
	margin-top: 10px;
	padding-bottom: 20;
	margin-left: 165px;
	margin-right: 165px;
	position: relative;
	height: 420px;
	margin-bottom: 15px;
}

/* Dropdown Menu */
.dropdownmenu {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 210px;

	}
/* Dropdown Menu Toplist */
.dropdownmenu ul {
	margin: 0px;
	margin-left: 0em;
	padding 0px;
	padding-left: 0em;
}
/* Dropdown Menu Toplist Item */
.dropdownmenu ul li {
	float: left;
	list-style-type: none;
	height: 35px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	width: 200px;
}
/* Dropdown Menu Toplist Text/Link */
.dropdownmenu ul li div,
.dropdownmenu ul li a {
	display: block;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #0A3594;
	background-color: inherit;
}
/* Dropdown Menu Toplist Text */
.dropdownmenu ul li div {
	font-style: italic;
}
/* Hover Dropdown Menu Toplist Text */
.dropdownmenu ul li div:hover {
	cursor: default;
	color: #0A3594;
	background-color: inherit;
}
/* Hover Dropdown Menu Toplist Link */
.dropdownmenu ul li a:hover {
	text-decoration: underline;
	color: #0071A1;
	background-color: inherit;
}
/* Hide Dropdown Menu List & Sublist */
.dropdownmenu ul li ul,
.dropdownmenu ul li ul li ul {
	display: none;
	background-color: #E4F3FF;
	border: 1px solid #0A3594;
}
/* Show Dropdown Menu List */
.dropdownmenu ul li:hover ul {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 79px;
	margin-left: 90px;
	width: 150px;
}
/* Show Dropdown Menu List Item */
.dropdownmenu ul li:hover ul li {
	float: none;
	width: 150px;
}
/* Hover Dropdown Menu List Text/Link */
.dropdownmenu ul li ul li div:hover,
.dropdownmenu ul li ul li a:hover {
	background-color: #FFFFFF;
}
/* Dropdown Menu List Expand */
.dropdownmenu ul li ul li span.submenu {
	text-align: right;
	text-decoration: none;
}
/* Dropdown Menu List Expand */
.dropdownmenu ul li ul li span.submenu:hover {
	text-decoration: none;
}
/* Dropdown Menu List Expand Link (») */
.dropdownmenu ul li ul li span.submenu a,
.dropdownmenu ul li ul li span.submenu a:hover {
	text-decoration: none;
}
/* Dropdown Menu List Expand Text */
.dropdownmenu ul li ul li span.submenu span {
	float: left;
	text-decoration: none;
}
/* Hover Dropdown Menu List Expand Text */
.dropdownmenu ul li ul li span.submenu a span:hover {
	text-decoration: underline;
}
/* Hide Dropdown Menu Sublist */
.dropdownmenu ul li:hover ul li ul {
	display: none;
}
/* Show Dropdown Menu Sublist */
.dropdownmenu ul li ul li:hover ul {
	display: block;
	position: relative;
	top: -30px;
	left: 150px;
	margin: 0px;
	padding: 0px;
	width: 150px;
}
/* Show Dropdown Menu Sublist Item */
.dropdownmenu ul li ul li:hover ul li {
	float: none;
	width: 150px;
}
/* Hover Dropdown Menu Sublist Text/Link */
.dropdownmenu ul li ul li ul li div:hover,
.dropdownmenu ul li ul li ul li a:hover {
	background-color: #FFFFFF;
}

.pad12 {
	float: left;
	padding-right: 5px;
	width:230px;
	height: 420px;
	padding-top: 20px;
}

.pad13 {
	height: 385px;
	float: left;
	width: 215px;
}

.pad14 {
	padding-left: 25px;
	padding-bottom: 15px;
	width: 310px;
	height: 505px;
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	}

.pad15 {
	height: 380px;
	float: left;
	width: 600px;
	padding-left: 15px;
	margin-right: 15px;
}
.pad20 {
	height: 380px;
	float: left;
	width: 190px;
	padding-left: 0px;
	margin-right: 0px;
}


.flex_holder {
	height: 380px;
	float: left;
	width: 600px;
	margin-right: 10px;
}



.pad16 {
	height: 380px;
	float: right;
	width: 360px;
	display: block;
	overflow: hidden;
}



.pad17 {
	height: 380px;
	float: left;
	width: 500px;
	padding-left: 30px;
}

.pad18 {
	float: left;
	width: 62px;
	margin-top: 310px;
}


.pad19 {
	height: 360px;
	float: left;
	width: 610px;
	margin-right: 15px;
}

.flash {
	height: 385px;
	float: left;
	width: 215px;
	margin-left: 15px;
}

#act{

height: 75px;
width: 215px;
text-indent: 10000px;
overflow: hidden;
background: url(images/acting_roll.png);
display: block;

}
 
#act:hover{

background-position: 0 -75px ;

} 


#commercials{

height: 57px;
width: 215px;
text-indent: 10000px;
overflow: hidden;
background: url(images/commercials.png);
display: block;

}
 
#commercials:hover{

background-position: 0 -58px ;

} 


#stunt{

height: 78px;
width: 215px;
text-indent: 10000px;
overflow: hidden;
background: url(images/stunt_roll.png);
display: block;

}
 
#stunt:hover{

background-position: 0 -78px ;

}