/*CBN page styles	*/
html, body {
	margin:0;padding:0;background:#000; font-family:'Segoe UI',Verdana,Tahoma,Helvetica,sans-serif;
	text-align:center;
	font-size:1em;
}

.content { width:60%; margin: 100px auto; text-align:left; opacity:0;position:fixed;left:20%;z-index:999999;display:none; }
.content h2 { font-family: 'Playball', cursive;color:#eee;margin:0;padding:0;float:left;font-size:28px;font-weight:normal; }
.content-closer-1 { float:right;display:block;background-color:rgba(0,0,0,0.8);border-radius:10px;color:#ddd;text-decoration:none;padding:2px 10px 2px 10px; }
.content-closer { float:right;display:block;text-decoration:none;padding:0;width:32px;height:32px; }
.content-inner { background-color:rgba(0,0,0,0.8); border-radius:10px; color:#eee; clear:both; padding:5px;margin:0; }
.content-inner p { padding:5px; }
.content-inner a { color:#eee; }
.content-inner ul { margin:0; }
.content h3 { color:#eee;margin:0;padding:0;font-size:18px;clear:both; }

.fullbox { width:100%; }
.halfbox { width:50%; }
.halfbox p { padding:10px; }
.halfbox h3 { margin:0;padding-top:10px;padding-left:10px; }
.floatedleft { float:left; }

.playlist {
	position:fixed;
	bottom:0;
	z-index:999990;
	width:70%;
	left:15%;
	margin-bottom:140px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:left;
	padding:5px;
	opacity:0;
}
.playlist h2 { font-family: 'Playball', cursive;color:#eee;margin:0;padding:0;float:left;font-size:24px; }
.playlist-closer { float:right;	background-color:rgba(0,0,0,0.8);border-radius:10px;color:#ddd;text-decoration:none;padding:2px 10px 2px 10px; }
.playlist-inner { background-color:rgba(0,0,0,0.5); border-radius:10px; color:#ccc; clear:both; padding:5px;width:100%;overflow:auto;height:86px; }
.playlist-entry { display:block;height:80px;width:124px;float:left;margin-right:5px; }

#nav {
	position:fixed;
	bottom:50px;
	left:10%;
	z-index: 999999;
	width:80%;
	background-color:rgba(0,0,0,0.5);
	height:50px;
	border-radius:10px;
	padding:10px;
	-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;
	box-shadow:0 0 25px #666666;
}
.nav-link {
	font-family: 'Playball', cursive;
	color:#ffffff;
	opacity:0.5;
	font-size:25px;
	display:block;
	margin-top:5px;
	float:left;
	text-align:center;
	height:45px;
	vertical-align:middle;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
}

#nav-home { width:200px;margin-top:0; }

#controls {
	position:fixed;
	right:0px;
	top:10px;
	z-index: 999999;
	height:40px;
	padding:5px;
	width:40px;
}
#toggle-audio { font-size:0px;width:32px;height:32px;display:block;margin-right:0; }
.audio-on { background:url(../img/sound_off.png) no-repeat; }
.audio-off { background:url(../img/sound_on.png) no-repeat; }

#darken { width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999995;position:absolute;top:0;left:0;display:none; }

.scroll-pane { width:100%;max-height:400px;height:400px; overflow: auto; }
.horizontal-only { height: auto; max-height: 90px; }

.news { margin-top:20px; }
.news .title { font-size:1.1em;font-weight:bold; }
.news p { margin:0;padding:5px;padding-left:20px; }

#captcha1 p { margin:0;padding:0; }
#captcha2 p { margin:0;padding:0; }
input[type=text] { border:1px solid #444;padding:3px;font-size:0.9em;border-radius:5px;margin:5px;box-shadow:0 0 5px #777; width:250px; }
textarea { border:1px solid #444;padding:3px;font-size:0.9em;border-radius:5px;margin:5px;box-shadow:0 0 5px #777; width:250px;height:50px; }
.bluebtn {
	margin:10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-webkit-border-top-left-radius:7px;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}
.bluebtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.bluebtn:active { position:relative; top:1px; }

#touchplay { width:100%;height:100%;z-index:999995;top:0;left:0;text-align:center;display:none;position:absolute; }
#touchlink {display:block;height:128px;width:128px;margin:250px auto;background:url(../img/play_white_128.png) center no-repeat;opacity:0.8;font-size:0;}

@media screen and (max-width: 480px) {
	body { text-align:left; }
	#nav { position:relative;top:0;left:0;bottom:auto;float:none;margin:0;padding:0;width:auto;background:#000;box-shadow:none;height:auto; }
	.nav-link { display:block;float:left;height:auto;background:#000; }
	#nav-videos { display:none;background:#000; }
	#nav-home { clear:both;margin:5px; }
	#nav-services { clear:left; }
	.content { width:auto;margin:5px;margin-right:30px;float:none;position:relative;clear:both;top:0;left:0;height:auto;max-height:auto; }
	.content-inner { height:auto;max-height:auto; }
	.content-closer { display:none; }
	#controls {  }
	.scroll-pane { max-height:auto;height:auto; overflow: auto; }
} /*maxwidth480*/