/*  ----------------------------------

	G L O B A L    E L E M E N T S
	
------------------------------------ */
body {
	font-family: Sylfaen, Arial, sans-serif;
	font-size: 0.8em;
	background: #fff;
}
a {
	color: #e61654;
}
a:hover {
	color: #000;
}
.clear {
	clear: both;
	overflow: hidden;
}


.global-text {
    border-bottom: 1px solid #999;
    padding: 10px 0;
    width: 100%;
    background: #eee;
    color: #555;    
    text-align: center;
}



.gWrap {
    margin: 0 auto;
    width: 94%;    
}



.live-link {
	position: absolute;
	top: 50px;
	right: 80px;
	display: block;
	padding: 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #fff;
	color: #000;
	text-decoration: none;
}
.live-link:hover {
	background: #000;
	color: #fff;
}


.header {    
    margin:20px 0 30px 0;
    padding:10px 20px;
    background:#fb1020 url(files/header-bg.jpg) repeat-x;
    color:#fff;
    font-family: Arial, sans-serif;
    font-size:5em;    
    font-weight:bold;
    position: relative;
}
.header a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: -2px;
}
.header a img {
	position: relative;
	top: 9px;
	padding-right: 10px;
}



.l-box h1 {
	border-bottom: 1px solid #cccccc;
    padding: 10px 0 10px 0;
    height: 39px;
	color: #666;
    font-size: 1.6em;	
}






.nav {
    margin-bottom: 25px;
    border-bottom: 3px solid #000;
}
.nav ul {
   overflow: hidden;
}
.nav ul li {
    display: inline-block;
	float: left;
}
.nav ul li a {
    display: block;
    margin-right: 7px;
    padding: 10px 12px;
    background:#f0f0f0;
    color:#444;
    font-size:1.2em;  
    text-decoration:none;    
}
.nav ul li a:hover {
    background: #f00;
    color: #fff;
}
.nav ul li.active a {   
   background: #000;
   color: #fff;
}




/*  ----------------------------------

	V I D E O   L I S T
	
------------------------------------ */

.videolist {
	overflow: hidden;
    margin-bottom: 15px;
    text-align: left;	
}
.videolist ul {
	overflow: hidden;
    margin: 15px -28px -15px 0;	
}
.videolist ul li {
	display: inline-block;
	float: left;
}
.videolist ul li a h3 {
    margin-bottom: 1px;
    color: #444;
    font-weight: bold;    
 }
 .videolist ul li a:hover h3 {
    margin-bottom: 1px;
    color: #f00;
    font-weight: bold;    
 }
.videolist ul li a {
	position: relative;
    display: inline-block;
    float: left;
    margin: 0 25px 25px 0;
    padding: 10px;
    width: 180px;
	height: 250px;	
	background: #ebebeb;
	color: #666;
	text-decoration: none;
    cursor: pointer;	
}
.videolist ul li a:hover {
    background: #dcdcdc;
	color: #000;
}
.videolist ul li a h6 {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 5px;
    width: 180px;
}
.videolist ul li a h6 img {
	margin-left: -6px;
    width: 190px;	
}
.videolist ul li a:hover img {
    filter: alpha(opacity=90);
    opacity: 0.9;
}
.videolist ul li a p {
	overflow: hidden;
    height: 32px;	
	font-size: 0.9em;
}
.videolist ul li a i {	
	position: absolute;
    top: 50px;
    left: 80px;
    z-index: 100;
	display: none;
    width: 52px;
	height: 51px;
	background: url(files/play-button.png) no-repeat;
}
.videolist ul li a:hover i {
	display: block;
	filter: alpha(opacity=70);
    opacity: 0.7;
}











/*
	datapager
*/
.datapager {    
	margin: 30px 0 90px -10px;
    font-family: Arial, sans-serif;
}
.datapager a {
    display: inline-block;
    padding: 5px 10px;
    background: #dcdcdc;
    color: #555;    
    text-decoration:none;
}
.datapager a:hover {
    background: #ccc;
    color: #000;
}
.datapager .arrows {
    display: inline-block;
    padding: 5px 10px;    
    background: #fff;    
    color: #035A89;
    font-size: 1.8em;
    font-weight: bold;
}
.datapager .arrows:hover {
    background: #fff;
    color: #f01030;
}
.datapager .active-page {
    background: #fb1020;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
}