@charset "UTF-8";
/* CSS Document */
html {
overflow: hidden;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #44AFBE;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
a:active, a:focus {
outline: 0
}
.instruction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#mainpage {
	top: 0px;
	bottom: 0px;
	overflow: hidden;
}	
#header {
	top: 0px;
	width:996px;
	left:50%;
	margin-left: -498px;
	height: 120px;
	position: fixed;
	background-image: url(../images/clouds.png);
	background-repeat: no-repeat;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	z-index:10;
}
.bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#logo {
	position:absolute;
	top:5px;
	width: 244px;
	height: 97px;
	float: left;
}
#top_banner {
	position:absolute;
	top:5px;
	right:0px;
	width: 495px;
	height: 90px;
	float: right;
	/*background-color: #FFFFFF;*/
}
#webs {
	position:absolute;
	top:5px;
	float:left;
	left:270px;
}
#search {
	position:absolute;
	top:28px;
	float:left;
	left:135px;
}
#searchwrapper {
	width:196px;
	height:34px;
	background-image:url(../images/search.png);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	position:absolute;
	top:56px;
	left:270px;
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
	border:0px;
	background-color:transparent;
	position:absolute;
	top:4px;
	left:5px;
	width:150px;
	height:20px;
}
.searchbox_submit {
	border:0px;
	background-color:transparent;
	position:absolute;
	top:4px;
	left:157px;
	width:30px;
	height:22px;
}
#menu {
	position:absolute;
	top:104px;
	height:17px;
	left:8px;
	width: 982px;
	text-align: center;
}
#content {
	position: absolute;
	width: 996px;
	left:50%;
	margin-left: -498px;
	top: 120px;
	bottom: 72px;
	right: 0px;
}
#frontcontent {
	position: absolute;
	width: 996px;
	left:0px;
	top:0px;
	bottom:0px;
	right: 0px;
	background-image: url(../images/blue_tint.png);
	background-repeat: repeat;
	padding-top:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#bottom_carousel {
	position: absolute;
	height:45px;
	bottom: 5px;
	right:10px;
	left:10px;
}
#sponsor{
	position: absolute;
	width: 206px;
	left:10px;
	bottom: 10px;
	overflow:hidden;
	top: 115px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 2px solid #FFFFFF;
	text-align: center;
}
#leftcolumn{
	position: absolute;
	width: 216px;
	left:5px;
	bottom: 10px;
	overflow:hidden;
	top: 115px;
}
#howtouse{
	position: relative;
	width: 196px;
	overflow:hidden;
	top: 5px;
	height:90px;
	padding-right: 5px;
	padding-left: 8px;
}
#playerCarousel {
	width:560px;
	left:-5px;
	overflow:hidden;
}
#news{
	position: relative;
	width: 196px;
	overflow:hidden;
	top: 5px;
	height:164px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 2px solid #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
#news1{
	position: absolute;
	width: 194px;
	overflow:hidden;
	top: 115px;
	bottom:45px;
	left:2px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 2px solid #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
#newslist{
	position:absolute;
	width: 199px;
	top:22px;
	bottom:10px;
	overflow:auto;
}	
.newstext{
	font-size: 13px;
	vertical-align: text-middle;
	text-align: left;
}
.newstext a:link, a:visited {
	font-size: 13px;
	color: #00FF66;
	text-decoration: none;
}
.newstext a:hover {
	font-size: 13px;
	color: #00FF66;;
	text-decoration: underline;
}
.newsdate {
	font-size: 13px;
	color: #00FF66;
	line-height: 20px;
	font-weight: bold;
}
.newsdate1 {
	font-size: 13px;
	color: #66CCFF;
	line-height: 20px;
	font-weight: bold;
}
#sponsor_small{
	position: absolute;
	width: 206px;
	overflow:hidden;
	top:182px;
	bottom:0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 2px solid #FFFFFF;
	text-align: center;
}
#feature{
	position: absolute;
	left:232px;
	top:114px;
	width:529px;
	bottom: 10px;
	overflow:auto;
}
#feature1{
	position: absolute;
	left:232px;
	top:114px;
	width:529px;
	bottom: 55px;
	overflow:auto;
}
#contentscroll {
	position:absolute;
	width:959px;
	top:10px;
	bottom:10px;
	padding:10px;
	overflow:auto;
}
.boxtitle {
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	padding-top: 5px;
	height: 15px;
	width: 100%;
	top: 0px;
	font-weight: bold;
}
.commboxtitle {
	text-align: center;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto;
	width: 100%;
	top: 0px;
	font-weight: bold;
}
#popular{
	position: absolute;
	right:10px;
	top:115px;
	width: 205px;	
	bottom: 10px;
	overflow:hidden;
	border: 2px solid #FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#popular1{
	position: absolute;
	right:10px;
	top:115px;
	width: 205px;	
	bottom: 55px;
	overflow:hidden;
	border: 2px solid #FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.menubut{
	display: block;
}
.menubut a:hover{
	background-color: #33CC33;
	cursor:pointer;
	color: #333333;
}
#footer{
	position: absolute;
	height: 72px;
	width: 996px;
	left:50%;
	margin-left: -498px;
	padding-Top:3px;
	bottom: 0px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 18px;
}
#footer_banner{
	position:absolute;
	bottom:7px;
	float:left;
	width: 754px;
	height: 58px;
}
#footer_credits{
	position:absolute;
	top:2px;
	bottom:7px;
	left:754px;
	padding:10px;
	float:right;
	width: 228px;
	height: 48px;
}
#footer  a:link {
	color: #ffffff;
	text-decoration: none;
}
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	color: #000099;
	text-decoration: underline;
	cursor:pointer;
}
.largethumb{
	position:relative;
	top:21px;
	left:109px;
	z-index:2;
	overflow:hidden;
}
.largeframe{
	position:absolute;
	z-index:3;
	top:38px;
	left:107px;
	width:325px;
	height:190px;
	background: transparent url(../images/thumb_large.png) no-repeat 0 0;
	background-position: 0px 1px;
}
.largeframe:hover{
	cursor: pointer;
	background: transparent url(../images/thumb_large_1.png) no-repeat 0 0;
	background-position: 0px 1px;
}
.thumbTitle2{
	position:relative;	
	font-size: 14px;
	text-align:center;
	font-weight: bold;
	top:30px;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.thumbduration {
	font-weight: normal;
	color: #00FF66;
}
.thumbDescription2{
	position:absolute;
	text-align:left;
	font-size: 14px;
	width:490px;
	top:245px;
	left:20px;
}
.smallthumb{
	position:relative;
	height:59px;
	top:0px;
	left:0px;
	z-index:2;
	overflow:hidden;
}
.smallthumbpos {
	position:relative;
	width:90px;
	height:51px;
	top:2px;
	left:1px;
}
.smallframe{
	position:relative;
	top:-50px;
	z-index:3;
	width:100px;
	height:61px;
	background: transparent url(../images/thumb_small2.png) no-repeat 0 0;
}

.smallframe:hover{
	background-position: -100px 0px;
	cursor:pointer;
}

.smalltitle{
	font-size: 12px;
	vertical-align: text-top;
	text-align: left;
}
.smallduration {
	color: #00FF66;
}
#pop_container2 {
	position:relative;
	top:26px;
	left:0px;
	width:200px;
	bottom:0px;
	padding-left:5px;
	padding-top:5px;
	overflow:auto;
}
#pop_container, #pop_container1 {
	position:absolute;
	top:26px;
	left:0px;
	width:200px;
	bottom:8px;
	padding-left:5px;
	padding-top:5px;
	overflow:auto;
}
#comm_container {
	position:inherit;
	top:90px;
	left:0px;
	width:200px;
	bottom:8px;
	padding-left:5px;
	padding-top:20px;
	overflow:auto;
}

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:20000;
	/* styling */
	/* background-color:#006633; */
	background-image:url(../images/overlay/base.png);
	background-height:auto;
	max-width:675px;
	min-height:200px;
	max-height:600px;
	border:3px solid #FFFFFF;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 10px;
	background-repeat: repeat-x;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:25px;
	width:25px;
}
#skyscraper {
	position: absolute;
	right:0px;
	top:0px;
	bottom: 0px;
	overflow:hidden
}
#skyscraper1 {
	position: absolute;
	right:12px;
	top:14px;
	bottom: 0px;
	overflow:hidden
}
#storytotell {
	width:655px;
	font-size: 14px;
	height:auto;
	oveflow:auto;
	color: #FFFFFF;	
}
#storytotell a:link, #storytotell a:visited {
	color: #FFFF00;
	text-decoration: none;
	
}
#storytotell a:hover {
	color: #00CCFF;
	text-decoration: underline;
}
#storytotell {
	width:655px;
	font-size: 14px;
	height:auto;
	oveflow:auto;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.simpleformtext {
	text-align: right;
	vertical-align: top;
}
.simpleformbox {
	text-align: left;
	vertical-align: top;
	color: #003300;
	border:0px solid #FFFFFF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.simpleformboxerror {
	text-align: left;
	vertical-align: top;
	color: #003300;
	border:1px solid #FF0000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.simpleformsubmit {
	color: #003300;
	border:1px solid #003300;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.simpleformsubmit:hover {
	color: #ffffff;
	border:1px solid #FFFFFF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color: #003300;
	cursor:pointer;
}
.commlogo {
	cursor:pointer;
	position:relative;
	top:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.errortext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}
.alerttext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF66;
}
#fblike{	
	height:25px;
	padding-left:10px;
	overflow:hidden;
}
.using {
	cursor:pointer;
}

.thumbDescription2 a:link{
	color: #00FF00;
	text-decoration: none;
	cursor:pointer;
}
.thumbDescription2 a:visited{
	color: #00FF00;
	text-decoration: none;
	cursor:pointer;
}
.thumbDescription2 a:hover{
	color: #00FF00;
	text-decoration: underline;
}
#socialnet{
	position:relative;
	top:7px;
	width:560px;
	height:32px;
	left:0px;
	background-color: #75B7DC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.pointer {
	cursor:pointer;
}
.thumbA{
	position:relative;
	top:2px;
	left:3px;
}
.frameA {
	position:relative;
	top:-91px;
	height:102px;
	width:177px;
	z-index:3;
	background: transparent url(../../images/carousel/thumb_medium_over.png)  no-repeat 0 0;
}

.frameA:hover {
	 background-position: -177px 0;
	cursor:pointer;
}
.editthumb{
	float:left;
	margin-left:11px;
	height:102px;
	overflow:hidden;	
}