a{text-decoration:none; outline:none;}

img{
	border:none;
	outline:none;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#top-bg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:907px;
	background:url(../images/BGs/SpongeBob-10D-BG-top.jpg) top center no-repeat;
	z-index:-1;
}

#top-bg-repeat{
  	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:907px;
	background:url(../images/BGs/top-bg-repeat.jpg)top center repeat-x;
	z-index:-2;
}


#btm-bg{
	position:absolute;
	width:100%;
	height:781px;
	top:907px;
	left:0px;
	background:url(../images/BGs/SpongeBob-10D-BG-btm-slice.jpg) top center repeat-x;
	z-index:-1;
}
#outer-container{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
#SB-ticker-head{
  margin:0 0 20px 0;
	width:915px;
	height:195px;
	float:left;
	background:url(../images/think-happy-hd.png) top left no-repeat;
	z-index:10;
}
#SB-ticker-head marquee{
	margin: 160px 0 0 150px;
	width:520px;
	text-align:center;
	font-size:12px;
	font-weight:bold;	
	color:#FF5C00
}
#promo-box{
	width:595px;
	height:362px;
	float:left;
	background:url(../images/BGs/SB-PromoBox-BG-High-Res.png) top left no-repeat;
	z-index:10;
}
#blog-box{
	margin: 0;
	width:301px;
	height:154px;
	float:right;
	clear:left;
	background:url(../images/BGs/blog-box-bg.png) top left no-repeat;
	z-index:10;
}
#forum-box{
	margin: 10px 0 0 0;
	width:301px;
	height:122px;
	float:right;
	clear:left;
	background:url(../images/BGs/forum-box-bg.png) top left no-repeat;
	z-index:10;
}
#turbo-box{
	margin: 10px 0 0 0;
	width:301px;
	height:121px;
	float:right;
	clear:left;
	background:url(../images/BGs/turbo-box-bg.png) top left no-repeat;
	z-index:10;
}
#ad-figure{
	margin: 10px 0 0 0;
	width:63px;
	height:38px;
	float:right;
	clear:left;
	z-index:10;
}
#ad-box{
	margin: 0;
	width:304px;
	height:256px;
	float:right;
	clear:left;
	background:url(../images/BGs/ad-box-bg.png) top left no-repeat;
	z-index:10;
}
#character-box{
	position:relative;
	margin: 20px 0 0 0;
	width:917px;
	height:440px;
	top:50px;
	left:0px;
	background:url(../images/BGs/character-box-bg.png) top left no-repeat;
	z-index:10;

}
#beach-footer{
	position:relative;
	width:100%;
	height:306px;
	top:0px;
	left:0px;
	background:url(../images/BGs/footer-beach-bg.png) bottom center no-repeat;
	z-index:10;
}
#char-nav-left{
	position:absolute;
	Xborder: red solid 1px;
	width: 50px;
	height:50px;
	top:210px;
	left:10px;
	cursor:pointer;
}
#char-nav-right{
	position:absolute;
	Xborder: red solid 1px;
	width: 50px;
	height:50px;
	top:210px;
	right:10px;
	cursor:pointer;
}
#char-content{
	position:relative;
	left:100px;
	width:767px;
	height:220px;
}
#char-content table td{
	padding: 10px;
}
#char-content table td h2{
	font-size:14px;	
	color:#3465AD;	
}
#char-content table td p{
	font-size:12px;		
}

/***PROMO ITEMS CONTAINER***/
#promo-box-main-item{
	width:284;
	height:321;
	float:right;
	background:url(../images/BGs/promo-box-item-main-bg.png) top left no-repeat;
	z-index:15;
}
#promo-box-main-item h1{
 margin: 5px 0 0 5px;
 font-size:14px;
 color:#3465AD;
 text-transform:uppercase;
}
#promo-box-main-item p{
 margin: 10px 0 0 5px;
 font-size:12px;
}
#promo-box-main-item a img{
	margin: 20px 0 0 150px ;
	border:none;
	outline:none;
}
#promo-box-item-container{
	float:left;
	width:272;
	height:321;
}
.promo-box-item{
	margin: 0 0 5px 0;
	text-align:left;
	width:272;
	height:78;
	float:right;
	background:url(../images/BGs/promo-box-item-off-bg.png) top right no-repeat;
	cursor:pointer;
	z-index:15;
}
.promo-box-item.on{
	background:url(../images/BGs/promo-box-item-on-bg.png) top right no-repeat;
}
.promo-box-item img{
	float:left;
	margin: 0 5px 0 25px;
}
.promo-box-item h2{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#3465AD;
}
.promo-box-item p{
	font-size:11px;
}
#promo-box table td{
	padding: 20px 0 10px 0;
}
div.promo-item{
	display:none;
}
div.promo-item.active{
	display:block;
}


/*NEW GAMES BOX*/
#new-games{
	position:relative;
	width:610px;
	height:327px;
	top:402px;
	left:-13px;
	background:url(../images/BGs/new-games-bg.png) top left no-repeat;
	overflow:visible;
	z-index:10;

}
#new-games-tabs{
 position:absolute;
 width:556px;
 height:38px;
 top:62px;
 left:35px;
 overflow:hidden;
}
.new-games-tab{
 float:left;
 width:116px;
 height:38px;
 cursor:pointer;
 background:url(../images/new-games/tab_notab.png) top center no-repeat;
 z-index:500;
}
.new-games-tab.last{
 width:82px;
 background:url(../images/new-games/tab_end-blank.gif) top right no-repeat;
}
.new-games-tab.disabled{
 cursor:default;
}
.new-games-tab.games{
 background:url(../images/new-games/tab_games.gif) top center no-repeat;
}
#new-games-display{
	position:relative;
	width:556px;
	height:173px;
	top:100px;
	left:35px;
	background:url(../images/BGs/games-panel-blue-bg.png) top center no-repeat;
	overflow:visible;
	z-index:10;
}
#new-games-content{
	 position:absolute;
	 width:495px;
	 height:160px;
	 top:0px;
	 left:0px;
	 margin: 10px 30px 0 30px;
	 overflow:hidden;
}
#new-games-content div{
	float:left;
	font-size:11px;
	text-transform:uppercase;
}
.games-tab-content-area{
	position:relative;
	width:5000px;
	height:150px;
	top:0px;
	left:0px;
	display:none;
}
.games-tab-content-area.active{
 display:block;
}
#games-scroll-pane{
	position:relative;
	width:556px;
	height:150px;
	overflow:visible;
}
.new-game-item{
	width: 80px;
	height:120px;
	margin:20px 10px;
	text-align:center;
	font-weight:bold;
}
.new-game-item a{
	color:#3465AD;
}
.new-game-item a:hover{
	color:#0033FF;
}
.scroll-button{
	position:absolute;
	width:31px;
	height:42px;
	top:53px;
	cursor:pointer;
}
.scroll-button.left{
	left:0px;
}
.scroll-button.right{
	right:0px;
}
/*BLOG STYLES*/

#blog-ticker-head{
  margin:0 0 20px 0;
	width:874px;
	height:187px;
	position:relative;
	background:url(../images/blog-think-happy-head.png) top left no-repeat;
	z-index:10;
}
#blog-ticker-head marquee{
	margin: 160px 0 0 150px;
	width:520px;
	text-align:center;
	font-size:12px;
	font-weight:bold;	
	color:#FF5C00
}


#blog-nav-container{
	margin: 50px 0 0;
	float:right;
	clear:both;
	width:302px;
	height: 370px;
}
#blog-nav-top{
	float:right;
	clear:both;
	width:302px;
	height:204px;
	background:url(../images/BGs/blog-nav-top-bg.png) top left no-repeat;
}
#blog-nav-btm{
	float:right;
	clear:both;
	width:302px;
	height:166px;
	background:url(../images/BGs/blog-nav-btm-bg.png) top left no-repeat;
}

ul.blog-nav.list{
	list-style:url(../images/blog/blog-nav-arrow.gif) inside;
	margin: 50px 0 0;
}
ul.blog-nav.list li{
	width: 230px;
	margin: 10px 0 0;
	padding: 0 0 10px;
	border-bottom:#CCCCCC solid 1px;
}
li.clear-border{
  border-bottom:#FFFFFF solid 0px !important;
}
ul.blog-nav.list li a{
	font-size:12px;
	color:#3465AD;
}
#blog-content-box{
	
}
#post-container{
	width:595px;
	float:left;
	clear:both;
}
#post-box-top{
	width:595px;
	float:left;
	clear:both;
	height:139px;
	background:url(../images/BGs/post-box-top-bg.png) top left no-repeat;
}
#post-box-middle{
	width:595px;
	float:left;
	clear:both;
	overflow:auto;
	background:url(../images/BGs/post-box-middle-bg.png) top left repeat-y;
}
.blog-back-btn{
	margin: 10px 0 10px 10px;
}
#post-box-btm{
	width:595px;
	float:left;
	clear:both;
	height:24px;
	background:url(../images/BGs/post-box-btm-bg.png) top left no-repeat;
}
div.post-item-container{
	margin: 0 0 0 20px;
}

div.post-item-container, #post-item-container div{
	width:556px;
	float:left;
	clear:both;
}
div.post-item-top{
	height:21px;
	background:url(../images/BGs/post-item-top-bg.png) top left no-repeat;
}
div.post-item-content{
	background-color:#FFFFFF;
}
div.post-item-bottom{
	margin: 0 0 10px 0;
	height:21px;
	background:url(../images/BGs/post-item-btm-bg.png) top left no-repeat;
}
div.post-item-content *{
 margin:0;
}
div.post-item-content td{
 padding: 0  0 0 20px;
}
div.post-item-content img{
	float:left;
}
div.post-item-content h1{
	margin: 5px 0;
	font-size:12px;
	color:#3465AD;
}
div.post-item-content p{
	margin: 0 5px 0 0;
}
div.post-item-content span.post-date{
	font-size:12px;
	font-weight: bold;
}
div.post-item-content.main h1{
	font-size:16px;
	text-transform:uppercase;
}
div.post-item-content.main img{
	margin: 20px 0 20px;
}
div.post-item-content.main p{
	font-size:1.1em;
	margin: 0 10px 0 0;
}
#post-box-top .blog-back-btn{
	margin: 100px 0 0 25px;
}
#back-snail-btn{
	position: absolute;
	top: 150px;
	left: 20px;
}