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

	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:#246ea1;
}
a:hover {
	color:#db1e3e;
}
.clear {
	clear:both;
	overflow:hidden;
}


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



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

	H E A D E R  &  L O G O
	
------------------------------------ */

.header-wrap {
	background:url(files/header-bg.png) repeat-x;
	border-bottom:6px solid #f02748;
	border-bottom:6px solid #000;
}
.header {
	width:960px;
	margin:0 auto;
	height:130px;
	position:relative;
}
.header .logo {
	position:absolute;
	left:0;
	top:14px;
}
.header .language {
	position:absolute;
	left:400px;
	top:8px;
	font-size:0.8em;
}
.header .language a {
	color:#000;
	font-family:Arial;
	text-decoration:none;
}
.header .language a:hover {
	color:#ff002a;
	text-decoration:underline;
}





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

	H E A D E R  >  G P B   N E T W O R K
	
------------------------------------ */

.header .gpb-network {
	width:280px;
	border:1px solid #dcdcdc;
	border-top:none;
	position:absolute;
	right:0;
	background:#f5f5f5;
	color:#000;
	z-index:11000;
}
.header .gpb-network .title {
	margin:5px 0 8px 10px;
	position:relative;
}
.header .gpb-network .title i {
	background:url(files/header-elements.png) no-repeat 0 -15px;
	position:absolute;
	width:12px;
	height:6px;
	right:7px;
	top:8px;
}
.header .gpb-network ul {
	display:none;
}
.header .gpb-network:hover {
	cursor:pointer;
	background:#f5f5f5;
	border-color:#000;
}
.header .gpb-network:hover ul {
	display:block;
	padding-top:10px;
}
.header .gpb-network:hover ul li {
}
.header .gpb-network:hover ul li a, .header .gpb-network:hover ul .active {
	display:block;
	padding:8px 12px 9px 12px;
	border-top:1px solid #dcdcdc;
	text-decoration:none;
	color:#777;
}
.header .gpb-network:hover ul li a:hover {
	background:#eee;
	color:#000;
}
.header .gpb-network:hover ul .active, .header .gpb-network:hover ul .active:hover {
	color:#999;
	background:#dcdcdc;
	cursor:default;
}
.header .gpb-network:hover span.round {
	background:url(files/header-elements.png) no-repeat 1px -8px;
}





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

	H E A D E R  >  S E A R C H
	
------------------------------------ */

.header .search {
	width:282px;
	position:absolute;
	right:0;
	top:55px;
}
.header .search .checkbox {
	position:absolute;
	left:-20px;
	top:1px;
	color:#fff;	
}
.header .search .input {
	width:240px;
	height:23px;
	padding:6px 35px 0 5px;
    border:1px solid #dcdcdc;
	border-left:1px solid #888;
	border-top:1px solid #999;
	background:url(files/header-elements.png) no-repeat -65px -21px;
	color:#777;
	font-size:0.9em;
}
.header .search .input:focus {	
	border:1px solid #f02748;
}
.header .search .button {
	width:32px;
	height:30px;
	background:url(files/header-elements.png) no-repeat 0 -21px;
	position:absolute;
	border:0;
	right:0;
	top:1px;
	position:absolute;
	cursor:pointer;
}
.header .search .button:hover {
	background:url(files/header-elements.png) no-repeat -32px -21px;
}












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

	R I G H T   N A V I G A T I O N
	
------------------------------------ */

.r-navigation dl {
	margin-bottom:15px;
}
.r-navigation dt {
	background:#000 url(files/rnav-bg.png) repeat-x;
	padding:10px 10px 14px 10px;
	color:#fff;
	font-size:1.4em;
	border:1px solid #000;
	border-right:none;
	border-left:none;
}
.r-navigation dd a {
	display:block;
	padding:6px 8px 9px 9px;
	border:1px solid #dcdcdc;
	border-top:none;
	text-decoration:none;
	color:#db1e3e;
}
.r-navigation dd a:hover {
	background:#eee;
	color:#000;
	text-decoration:underline;
}









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

	P R O M O
	
------------------------------------ */

.gpb-promo {
	width:930px;
	margin:15px auto 20px auto;
	background:#e4193b;

	padding:15px;
	overflow:hidden;
}
.gpb-promo h1 {
	margin:7px 0 20px;
}
.gpb-promo ul {
	margin-right:-20px;
}
.gpb-promo ul li, .gpb-promo ul li a {
	display:inline-block;
	float:left;
}
.gpb-promo ul li a {
	margin-right: 17px;
	border: 1px solid #f9c2cb;
}
.gpb-promo ul li a img {
	vertical-align:middle;
}
.gpb-promo ul li a:hover {
	border: 1px solid #fff;
}







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

	C O N T E N T   S E T T I N G S
	
------------------------------------ */

.content {
	width:960px;
	margin:20px auto 0 auto;
}
.two-columns, .two-columns td {
	height:100%;
	text-align:left;
	vertical-align:top;		
}
.two-columns .columnA {
	width:657px;
}
.two-columns .column-padding {
	width:20px;
}
.two-columns .columnB {
	width:283px;
}


.content .l-box, .content .r-box {
	border:1px solid #cccccc;
}
.content .l-box h1, .content .r-box h1 {
	padding:10px 0 10px 14px;
	background: #f0f0f0 url(files/h1-bg.png) repeat-x;
	border-bottom:1px solid #cccccc;
	font-size:1.6em;
	color:#000;
}
.content .r-box h1 {
	background:url(files/h1-bg-red.png) repeat-x;
}
.content .l-box h1 a, .content .r-box h1 a {
    color:#000;
    text-decoration:none;
}







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

	N E W S   L I S T
	
------------------------------------ */

.newslist {
	margin-bottom:15px;
}
.newslist ul {
	margin:15px;
}
.newslist ul li {	
	display:block;
	margin-bottom:30px;
}
.newslist .image {
	width:100px;
	margin-right:15px;
	float:left;
	overflow: hidden;
	border: 1px solid #dcdcdc;
}
.newslist .image img {
	width:101px;
	margin-left: -1px;
	height:75px;	
}

.newslist .image1 img {
	width:100px;
   float:left;
}
.newslist .details {
	width:480px;
	float:left;
}
.newslist .details h2 {
	margin:-4px 0 6px 0;
}
.newslist .details h2 a {	
	color:#000;
	font-size:1.2em;
}
.newslist .details h2 a:hover {
	color:#028eef;
}
.newslist .details p.text {
	color:#666;
	margin-bottom:8px;
	font-size:0.9em;
}
.newslist .details p.date {
	color:#777;
	font-size:0.85em;
	margin-bottom:5px;
	font-family:Arial;
}
.newslist .details p.date a {	
	color:#e2346c;
	text-decoration:none;
}
.newslist .details p.date a:hover {
	text-decoration:underline;
}










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

	L I V E   B O X
	
------------------------------------ */

.live {
	margin-bottom:15px;
	position:relative;
}
.live .livePlayer {
	margin:15px;
}
.columnB .live h1 {
	font-family:Arial;
	height:36px;
	padding:13px 0 0 14px;
}
.live select {
	position:absolute;
	top:13px;
	right:13px;
}








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

	D O C S
	
------------------------------------ */

.docs {
	margin-bottom:15px;
}
.docs ul {
	margin:15px;
}
.docs ul li {
	position:relative;
	margin-bottom:20px;
}
.docs ul li i {
	width:27px;
	height:30px;
	display:inline-block;
	background:url(files/doc-icons.png) no-repeat;
	float:left;
	margin:5px 15px 0 0;
}                   
                   

.docs ul li i.doc1 {
	background-position:-27px 0;
}
.docs ul li i.doc4 {
	background-position:-54px 0;
}
.docs ul li i.doc2 {
	background-position:-81px 0;
}
.docs ul li i.doc5 {
    background-position:-108px 0;
}
.docs ul li i.doc3 {
    background-position:-135px 0;
}
.docs ul li i.doc6 {
    background-position:-162px 0;
}
.docs ul li i.doc7 {
    background-position:-189px 0;
}
.docs ul li i.doc9 {
    background-position:-216px 0;
}
.docs ul li i.doc8 {
    background-position:-243px 0;
}
.docs ul li i.doc10 {
    background-position:-270px 0;
}


.docs ul li p {
	display:inline-block;
	float:left;
	width:560px;
}
.docs ul li a {
	color:#246ea1;
	font-size:1.2em;
}
.docs ul li a:hover {
	color:#e4193b;
}
.docs ul li em {
	font-size:0.8em;
	display:block;
	margin:1px 0 2px 0;
}
.docs ul li em a {
	color:#000;
	text-decoration:none;
}
.docs ul li em a:hover {	
	color:#333;
}
.docs ul li span {
	font-family:Arial;
	color:#666;
	font-size:0.85em;
	display:block;
	padding-top:5px;
}

.r-docs ul li p {
	width:228px;
}






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

	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:130px;	
	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.85em;
	font-family:Arial;
}
.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;
}


.homevideos ul {
	margin:15px -28px 0 15px;
}
.homevideos ul li a {
	margin:0 28px 0 0;
}



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

	S I T E M A P  &  F O O T E R
	
------------------------------------ */

.sitemap-wrap {
	background:#fff url(files/sitemap-bg.png) repeat-x top left;
	border-top:6px solid #dcdcdc;
	margin-top:30px;
}
.footer-wrap {
	border-top:1px solid #dcdcdc;
	height:56px;
}

.sitemap {
	width:960px;
	margin:0 auto;
    padding:30px 0;
	overflow:hidden;
}
.sitemap div {
	display:block;
	margin-right:-100px;
	overflow:hidden;
}
.sitemap a {
    text-decoration:none;
    color:#666;
}
.sitemap a:hover {
    color:#000;
	text-decoration:underline;
}
.sitemap dl {
    float:left;
	width:140px;
	margin-right:75px;
}
.sitemap dl dt {
    color:#000;
    font-size:1.2em;
    margin:0 0 15px -1px;
}
.sitemap dl dd {
	margin-bottom:6px;
	font-size:0.9em;
}


.footer {
	font-size:0.9em;
	width:960px;
	margin:0 auto;
}
.footer .copyright {
	float:left;
	color:#444;
	margin-top:20px;
}
.footer .twitter {
	float:right;
	color:#444;
	margin:18px 30px 0 0;
}
.footer .twitter a {
	color:#246ea1;
	text-decoration:none;
}
.footer .twitter a:hover {
	color:#f02748;
	text-decoration:underline;	
}







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

	A B O U T   P A G E
	
------------------------------------ */

.about .text {
	margin:15px;
}
.about .text strong {
	display:block;
	margin-bottom:5px;
}
.about .text ul li {
	list-style-type:disc;
	padding-left:5px;
	margin-left:15px;
}
.about .text .poster {
	padding:4px;
	border:1px solid #dcdcdc;
}
.about .text .float-img {
	float:left;
	margin:3px 20px 0 0;
}


.members {
	margin-bottom:15px;
}
.members ul {
	margin:15px;
}
.members ul li {
	margin-bottom:15px;
}
.members ul li img {
	padding:3px;
	border:1px solid #e6e6e6;
	float:left;
	margin:4px 20px 0 0;
	width:60px;
}
.members ul li h2 {
	font-size:1.8em;
	margin:0 0 5px 0;
}










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

	N E W S   V I E W
	
------------------------------------ */

.news-view .fullstory {
	margin:15px;
	margin-top:10px;
}
.news-view .details i {
	padding:0 5px;
	font-family:arial;
	font-size:0.9em;
}
.news-view .details em {
	font-family:arial;
	font-size:0.9em;
}
.newspage .news-view a:hover {
	color:#ab2a53;
}
.news-view table {
	margin-top:10px;
}
.news-view table td {
	vertical-align:top;
	text-align:left;
	padding-bottom:12px;
}
.news-view .large-image {}
.news-view .thumbs {
	width:90px;
	text-align:center;
}
.news-view .thumbs img {
	margin-bottom:10px;
}
.news-view p {
	margin-bottom:30px;
}
.news-view .video .mediaPlayer {
	float:left;
	margin:9px 20px 0 0;
}
.news-view .video h3 {
	color:#000;
	font-size:1.8em;
	margin-bottom:10px;
}
.news-view .video p {
	margin-bottom:10px;
}
.news-view .video p i {
	color:#888;
	padding-right:5px;
}









.contact {	
	position: relative;
	color: #333;
	padding: 15px;
}
.contact span {
	color: #555;
}
.contact h3 {
	font-size: 1.4em;
	color: #000;
	margin-bottom: 20px;
	font-weight: bold;
}
.contact ul li {
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
.contact h4 {
	color: #f80834;
	background: white;
	padding: 6px 8px 8px;
	width: 400px;
	margin-left: -7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.contact a {
	color:#777;
}
.contact .map {
	/*position: absolute;
	top: 104px;
	right: 0;*/
	margin: 30px 0 0 -5px;
}
.contact .map img {	
	border: 5px solid #fff;
	margin-bottom: 5px;
}
.contact .map i {
	font-size: 11px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5px;
}