body, html{
	margin:0px;
	padding:0px;
	font-family: arial;
	font-size:13px;
}

.container{
	max-width:983px;
	margin:0 auto;
}

.clear{
	clear:both;
}

/*-- HEADER --*/

#menu{
	background:#0566cc;
	border-radius: 23px 23px 0 0;
	height:88px;
	margin:40px 0;
}

	.top-menu{
		height:55px;
	}
	
		#name{
			font-weight: 900;
			font-size:40px;
			color:#fc0202;
			text-decoration: none;
			text-shadow: 2px 0px 1px #fff, -2px 0px 1px #fff, 0px 2px 1px #fff, 0px -2px 1px #fff, 3px 3px 5px #000;
			line-height: 55px;
			display:inline-block;
			margin-left:20px;
			text-transform: capitalize;
		}
		
		.top-search{
			float:right;
		}

	#menu nav{
		height:33px;
		background:url(../images/nav-bg.png) repeat-x;
		border:solid 1px #0566cc;
	}
	
		#menu nav ul{
			list-style: none;
			margin:0px;
			padding:0px;
			margin-top:4px;
		}
		
			#menu nav ul li{
				float:left;
				display:inline-block;
				height:25px;
				border-right:solid 1px #c57d02;
			}
			
				#menu nav ul li a{
					border-right:solid 1px #fff001;
					line-height: 25px;
					height:25px;
					display:inline-block;
					padding:0 8px;
					text-decoration: none;
					color:#0566cd;
					font-weight: 600;
				}
				
					#menu nav ul li a:hover{
						text-decoration: underline;
						color:#f00;
					}
	
	.top-search{
		margin-top:17px;
		margin-right:20px;
	}
		
		#search-field{
			height:20px;
			width:250px;
			border:solid 1px #3c9cd9;
		}
	
/*-- END HEADER --*/

/*-- CONTENT --*/

.content-block{
	border-radius: 27px;
	overflow: hidden;
	background:#0087f7;
	margin-bottom:30px;
}

	.content-block-title{
		height:27px;
		color:#fff;
		padding:0 28px;
		background:#0566cd;
		border-radius: 0 27px 0 0;
		display:inline-block;
		line-height:27px;
		font-weight: 600;
		font-size:15px;
	}
	
		.content-block-title h1{
			font-size:15px;
			margin:0px;
		}
	
	.content{
		border-left:solid 1px #0566cd;
		border-bottom:solid 1px #0566cd;
		border-right:solid 1px #0566cd;
		border-radius: 0 0 27px 27px;
		min-height:50px;
		background:#e7e7e7;
		padding-top:25px;
	}
	
		.videocontent{
			padding:9px;
		}
	
	.item{
		width:212px;
		float:left;
		margin:0 0 15px 27px;
		height:185px;
		display:block;
		overflow:hidden;
		text-decoration: none;
		color:#5e5e5e;
	}
	
		.item:hover{
			text-decoration: underline;
		}
	
		.item img{
			width:210px;
			height:150px;
			border:solid 1px #002e67;
		}
		
		.item h2{
			display:block;
			text-align: center;
			max-width:212px;
			font-size:13px;
			margin:0px;
		}
		
	#paging{
		margin-bottom:15px;
		color:#e7e7e7;
	}
	
		#paging .link{
			display:inline-block;
			min-width:18px;
			height:18px;
			border:solid 1px #000;
			background:#63a8d3;
			color:#332706;
			text-decoration: none;
			line-height: 18px;
			text-align: center;
		}
		
		#paging .arrows{
			text-decoration: none;
			color:#63a8d4;
			margin:0 4px;
			line-height: 18px;
		}
		
			#paging .link:hover, #paging span.link{
				background:#fff;
			}
			
	.video-banners{
		float:right;
		width:308px;
	}
	
		.video-banners .banner{
			border:solid 4px #2860cc;
			width:300px;
			height:250px;
			display:block;
			margin-bottom:9px;
		}
	
	.videoplayer{
		width:calc(100% - 317px)!important;
		float:left;
	}
	
	.player-more-info{
		margin-top:4px;
	}
	
		.player-more-info a{
			color:#f9001c;
			text-decoration: none;
		}
		
			.player-more-info a:hover{
				text-decoration: underline;
			}

/*-- END CONTENT --*/
@media only screen and (max-width: 768px) {
	.top-search{
		float:none;
		clear:both;
		margin:5px 0 10px 10px;
	}
	
	#menu{
		height:auto;
	}
	
	.top-menu{
		height:auto;
	}
	
	.video-banners{
		float:none;
		width:100%;
		clear:both;
		text-align: center;
	}
	
		.video-banners .banner{
			display: inline-block;
		}
	
	.bannerblock{
		display:none;
	}
		
	
	.videoplayer{
		width:100%!important;
		margin-bottom:15px;
	}
}


@media only screen and (max-width: 470px) {
	.item{
		float:none;
		margin:0 auto 15px;
	}
}