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

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


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






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






.header {
    background:#fb1020 url(files/header-bg.jpg) repeat-x;
    padding:10px 20px;
    font-size:5em;
    font-family:Arial;
    color:#fff;
    font-weight:bold;
    margin:20px 0 30px 0;
}




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




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

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

.videolist {
	text-align:left;
	overflow:hidden;
	margin-bottom:15px;
}
.videolist ul {
	margin:15px -28px -15px 15px;
	overflow:hidden;
}
.videolist ul li {
	display:inline-block;
	float:left;
}
.videolist ul li a {
	width:150px;
	height:200px;
	color:#777;
	margin:0 28px 20px 0;
	display:inline-block;
	float:left;
	position:relative;
	cursor:pointer;
	text-decoration:none;
}
.videolist ul li a:hover {
	color:#000;
}
.videolist ul li a img {
	border:1px solid #000;
	margin-bottom:5px;
	width:128px;
	height:90px;
}
.videolist ul li a:hover img {
	border:1px solid #fff;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.videolist ul li a p {
	height:32px;
	overflow:hidden;
	font-size:0.9em;
}
.videolist ul li a i {
	background:url(files/play-button.png) no-repeat;
	position:absolute;
	width:52px;
	height:51px;
	top:21px;
	left:40px;
	display:none;
}
.videolist ul li a:hover i {
	display:block;
}












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