/* CSS Document */
body{
	margin:0;
	padding:0;
	color:#666;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg.gif) 0 0 repeat #fff;
}
div, h1, p, ul, form, input, textarea, img{
	margin:0;
	padding:0;
}

ul {
	list-style-type:none;
	}
a{
	outline:none;
	}
h1{
color:#0B86A9;
	font:18px/24px Arial, Helvetica, sans-serif;
 }
	
.spacer{
	line-height:0px; clear:both; font-size:0;
	}
/*-----Main-----*/
#main{
	background:url(images/main-shadow.gif) 10px 0 repeat-y;
	width:868px;
	position:relative;
	margin:0 auto;
	}

#main span.left{
	position:absolute;
	display:block;
	left:4px;
	top:0;
	width:10px;
	height:371px;
	background:url(images/shadow-left.gif) 0 0 no-repeat;
	}

#main span.right{
	position:absolute;
	display:block;
	right:4px;
	top:0;
	width:10px;
	height:371px;
	background:url(images/shadow-right.gif) 0 0 no-repeat;
	}

#wrapper{
	width:800px;
	position:relative;
	margin:0 auto;
	padding:20px 0 0 0;
	}

/*-----Header-----*/

#header{
	position:relative;
	width:800px;
	background:url(images/header-top.gif) 0 0 no-repeat;
	padding:0 0 20px 0;
	}
#header img.logo{
	position:absolute;
	top:20px;
	left:11px;
	}
#header p.call{
	text-align:right;
	padding:30px 31px 13px 0;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	}

#header p.call span{
	color:#fff;
	background:inherit;
	}
#header p.call a{
	color:#000;
	text-decoration:none;
	background:inherit;
	padding:0 0 0 5px;
	}
#header p.call a:hover{
	color:#fff;
	background:inherit;
	}
#header ul.nav{
	position:relative;
	width:789px;
	background:url(images/nav-bg.gif) 0 0 repeat-x;
	margin:0 auto;
	overflow:hidden;
	}
#header ul.nav li{
	float:left;
	background:url(images/nav-sep.gif) 100% 1px no-repeat;
	height:33px;
	}
#header ul.nav li a{
	display:block;
	font:bold 13px/33px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 20px;
	background:inherit;
	}
#header ul.nav li span.navleft{
	background:url(images/nav-left.gif) 0 0 no-repeat;
	display:block;
	width:21px;
	height:33px;
	float:left;
	}

#header ul.nav li span.navright{
	background:url(images/nav-right.gif) 100% 0 no-repeat;
	display:block;
	width:28px;
	height:33px;
	position:absolute;
	right:0;
	top:0;
	}
#header ul.nav li a:hover{
	color:#F5D47C;
	background:inherit;
	}
#header ul.nav li.nosep{
	background:none;
	}
#header p.home{
	background:url(images/top-banner-home.gif) 0 0 no-repeat;
	border-top:1px solid #fff;
	width:800px;
	height:197px;
	text-indent:-20000px;
	clear:both;
	}
/*-----Body-----*/
#bodypan{
	background:url(images/body-top.gif) 0 0 no-repeat;	
	width:800px;
	padding:0 0 10px 0;
	position:relative;
	overflow:hidden;
	}
#bodypan p.callbanner{
	background:url(images/call-us-banner.gif) 0 14px no-repeat;
	height:108px;
	width:800px;
	text-indent:-20000px;
	clear:both;
	}
	
/*leftpan*/
#leftpan{
	float:left;
	width:186px;
	padding:26px 0 20px 15px;
	}
#leftpan p.rentMindball a{
	background:url(images/rent-mindball-top.gif) 0 0 no-repeat;
	height:29px;
	width:186px;
	display:block;
	padding:0 0 0px;
	text-indent:-20000px;
	}
#leftpan p.newSpecialPrice a{
	background:url(images/new_special_price2.gif) 0 0 no-repeat;
	height:29px;
	width:186px;
	display:block;
	padding:0 0 30px;
	text-indent:-20000px;
	}
    #leftpan p.rentMindball a:hover{
	background:url(images/rent-mindball-top-hover.gif) 0 0 no-repeat;
	height:29px;
	width:186px;
	display:block;
	padding:0 0 0px;
	text-indent:-20000px;
	}
#leftpan p.tvseen{
	background:url(images/as-seen-on-tv.gif) 0 0 no-repeat;
	height:24px;
	width:155px;
	text-indent:-20000px;
	}
#leftpan ul{
	width:186px;
	padding:15px 0 30px 0;
	}
#leftpan ul li{
	background:url(images/bot-border.gif) left bottom repeat-x;
	padding:0 0 1px 0;
	}
#leftpan ul li a{
	background:url(images/bullet.gif) 9px 9px no-repeat #fff;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#08396B;
	text-decoration:none;
	padding:5px 0 5px 20px;
	display:block;
	}
#leftpan ul li span{
	background:url(images/bullet.gif) 9px 9px no-repeat #fff;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#08396B;
	text-decoration:none;
	padding:5px 0 5px 20px;
	display:block;
	}
#leftpan ul li a:hover{
	color:#5FB108;
	background:url(images/bullet.gif) 9px 9px no-repeat #fff;
	}
#leftpan p.news{
	background:url(images/news-events.gif) 0 0 no-repeat;
	text-indent:-20000px;
	width:157px;
	height:24px;
	padding:0 0 17px 0;
	}
#leftpan p.newstxt{
	font-size:11px;
	text-align:left;
	padding:0 0 6px 0;
	}
#leftpan p.newstxt span.newstitle{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	}
#leftpan p.newstxt span.date{
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#0B86A9;
	background:#fff;
	display:block;
	width:186px;
	padding:0 0 7px;
	}
#leftpan p.more{
	background:url(images/more-border.gif) left top repeat-x;
	overflow:hidden;
	padding:0 0 10px;	
	}
#leftpan p.more a{
	background:url(images/more-bg.gif) 100% top no-repeat #67BA10;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	display:block;
	width:62px;
	margin:0 0 0 122px;
	text-align:center;
	}
#leftpan p.more a:hover{
	color:#333;
	background-color:#67BA10;
	}
#leftpan p.links{
	background:url(images/links.gif) 0 0 no-repeat;
	text-indent:-20000px;
	margin:21px 0 4px 0;
	width:80px;
	height:22px;
	}
#leftpan p.bannerlink a{
	margin:18px 0 0 0;
	display:block;
	text-indent:-20000px;
	height:34px;
	width:186px;
	}
	
#leftpan p.bannerlink a.newsletter{
	background:url(images/newsletter-signup.gif) 0 0 no-repeat;
	}
#leftpan p.bannerlink a:hover.newsletter{
	background:url(images/newsletter-signup-hover.gif) 0 0 no-repeat;
	}

#leftpan p.bannerlink a.magicplanet{
	background:url(images/view-magic-planet.gif) 0 0 no-repeat;
	}
#leftpan p.bannerlink a:hover.magicplanet{
	background:url(images/view-magic-planet-hover.gif) 0 0 no-repeat;
	}

#leftpan p.bannerlink a.vivifeye{
	background:url(images/click-for-vivifeye.gif) 0 0 no-repeat;
	}
#leftpan p.bannerlink a:hover.vivifeye{
	background:url(images/click-for-vivifeye-hover.gif) 0 0 no-repeat;
	}
	

/*-----Rightpan-----*/
#rightpan{
	width:559px;
	float:right;
	padding:26px 0 0 0;
	overflow:hidden;
	}
#rightpan p.what-mindball{
	background:url(images/what_is_mindball.gif) 0 0 no-repeat;
	width:186px;
	height:22px;
	text-indent:-20000px;
	margin:0 0 14px 0;
	padding:0 !important;
	}	
#rightpan p{
	padding:0 10px 16px 0;
	text-align:justify;
	}	
#rightpan p a{
	text-decoration:underline;
	color:#189AB6;
	background:#fff;
	font-weight:bold;
	}
#rightpan p a:hover{
	color:#6ABD12;
	background:#fff;
	text-decoration:none;
	}	
#rightpan p span{
	color:#6ABD12;
	background:#fff;
	font-weight:bold;
	}
#rightpan p.mindballpic a{
	background:url(images/rent-mindball-now.gif) 0 0 no-repeat;
	margin:14px 0 0 0;
	text-indent:-20000px;
	width:549px;
	height:55px;
	display:block;
	}
#rightpan p.mindballpic a:hover{
	background:url(images/rent-mindball-now.gif) 0 0 no-repeat;
	margin:14px 0 0 0;
	text-indent:-20000px;
	width:549px;
	height:55px;
	display:block;
	}
#rightpan p.mindballorder a{
	background:url(images/order-your-mindball.gif) 0 0 no-repeat;
	margin:14px 0 0 0;
	text-indent:-20000px;
	width:549px;
	height:55px;
	display:block;
	}
#rightpan p.mindballorder a:hover{
	background:url(images/order-your-mindball.gif) 0 0 no-repeat;
	margin:14px 0 0 0;
	text-indent:-20000px;
	width:549px;
	height:55px;
	display:block;
	}

#rightpan div#videoGallery{
	background:url(images/videosection-bg.gif) 0 0 repeat-x #fff;
	border:1px solid #C5E4F9;
	width:527px;
	color:#747474;
	overflow:hidden;
	padding:18px 0 0 20px;
	}
#rightpan div#videoGallery p.mindballVideo{
	background:url(images/watch-mindball-video.gif) 0 0 no-repeat;
	width:387px;
	height:45px;
	margin:0;
	text-indent:-20000px;
	}
#rightpan p.mindballVideo a{
	background:url(images/watch-mindball-video-new.gif) 0 0 no-repeat;
	width:549px;
	height:47px;
	margin:0;
	text-indent:-20000px;
	display:block;
	}
	
#rightpan p.mindballVideo a:hover{
	background:url(images/watch-mindball-video-new.gif) 0 0 no-repeat;
	width:549px;
	height:47px;
	margin:0;
	text-indent:-20000px;
	display:block;
	}
#rightpan div#videoGallery div.video{
	background:url(images/video-bg.gif) right top no-repeat;
	width:158px;
	float:left;
	position:relative;
	padding:0 0 28px;
	margin-right:16px;
	}
#rightpan div#videoGallery div.video img{
	margin:5px 0 0 5px;
	}
#rightpan div#videoGallery div.video a.playbtn{
	position:absolute;
	right:15px;
	top:90px;
	height:30px;
	width:29px;
	display:block;
	text-indent:-20000px;
	background:url(images/video-play-btn.png) 0 0 no-repeat;
	/*_background:url(images/video-play-btn.gif) 0 0 no-repeat;*/
	}
#rightpan div#videoGallery div.video a:hover.playbtn{
	position:absolute;
	right:15px;
	top:90px;
	height:30px;
	width:29px;
	display:block;
	text-indent:-20000px;
	background:url(images/video-play-btn-hover.png) 0 0 no-repeat;
	}
#rightpan div#videoGallery div.video p{
	font-size:11px;
	line-height:14px;
	text-align:center;
	padding:18px 0 0 0;
	}
#rightpan div#videoGallery div.video p span{
	font-weight:bold;
	color:#000;
	background:inherit;
	}

#rightpan div#homeevents{
	width:549px;
	padding:16px 10px 0 0;
	background:url(images/homegame-bg-shadow.gif) 270px 32px no-repeat;
	overflow:hidden;
	}
#rightpan div#homeevents div#mindgame{
	float:left;
	width:250px;
	}
#rightpan div#homeevents div#mindgame p.mindballgame{
	background:url(images/mindball-game.gif) 0 0 no-repeat #fff;
	font-weight:bold;
	color:#000;
	font-size:12px;
	line-height:16px;
	padding:22px 0 30px 0;
	}
#rightpan div#homeevents div#mindgame img{
	margin:0 0 14px 0;
	}
#rightpan div#homeevents div#mindgame p{
	font-size:11px;
	line-height:14px;
	text-align:left;
	padding:0 0 14px 0;
	}
#rightpan div#homeevents div#mindtrainer{
	float:right;
	width:250px;
	}
#rightpan div#homeevents div#mindtrainer p.mindtrainertxt{
	background:url(images/mindball-trainer.gif) 0 0 no-repeat #fff;
	font-weight:bold;
	color:#000;
	font-size:12px;
	line-height:16px;
	padding:22px 0 12px 0;
	}
#rightpan div#homeevents div#mindtrainer img{
	margin:0 0 14px 0;
	}
#rightpan div#homeevents div#mindtrainer p{
	font-size:11px;
	line-height:14px;
	padding:0 0 14px 0;
	text-align:left;
	}
	
/*-----Footer-----*/
#footer{
	background:url(images/footer-bg.gif) 0 0 repeat-x;
	border-top:1px solid #C0E7F1;
	height:99px;
	width:800px;
	}
#footer ul{
	padding:20px 0 0 0;
	margin:0 auto;
	width:600px;
	overflow:hidden;
	}
#footer ul li {
	float:left;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#005972; 
	background:inherit;
	}

#footer ul li a {
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#005972; 
	text-decoration:none;
	margin: 0 6px;
	text-align:center;
	background:inherit;
	}    
#footer ul li a:hover {
	color:#74BB29;
	background:inherit;
	}
#footer p{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#618791;
	text-align:center;
	background-color:inherit;
	}
	
/*-----Events Page-----*/

#header p.events{
	background:url(images/top-banner-events.jpg) 0 0 no-repeat;
	border-top:1px solid #fff;
	width:800px;
	height:197px;
	text-indent:-20000px;
	clear:both;
	}
#rightpan p.make-event{
	background:url(images/make-your-event.gif) 0 0 no-repeat;
	width:417px;
	height:27px;
	text-indent:-20000px;
	margin:0 0 14px 0;
	padding:0 !important;
	}	
#rightpan div#videoGallery p.checkavailability{
	background:url(images/check-availability.gif) 0 0 no-repeat;
	width:411px;
	height:54px;
	margin:18px 0 20px 20px;
	text-indent:-20000px;
	}
#rightpan div#videoGallery iframe{
	padding:0 0 0 20px;
	}

/*-----School Page-----*/

#header p.school{
	background:url(images/top-banner-school.jpg) 0 0 no-repeat;
	border-top:1px solid #fff;
	width:800px;
	height:197px;
	text-indent:-20000px;
	clear:both;
	}
#rightpan p.your-student{
	background:url(images/your-students.gif) 0 0 no-repeat;
	width:498px;
	height:27px;
	text-indent:-20000px;
	margin:0 0 14px 0;
	padding:0 !important;
	}

/*-----Visitor Page-----*/

#header p.visitor{
	background:url(images/top-banner-visitor.jpg) 0 0 no-repeat;
	border-top:1px solid #fff;
	width:800px;
	height:197px;
	text-indent:-20000px;
	clear:both;
	}
#rightpan p.instant-hit{
	background:url(images/amaze-visitor.gif) 0 0 no-repeat;
	width:348px;
	height:27px;
	text-indent:-20000px;
	margin:0 0 14px 0;
	padding:0 !important;
	}
	
/*-----Order Page-----*/

#header p.order{
	background:url(images/top-banner-order.jpg) 0 0 no-repeat;
	border-top:1px solid #fff;
	width:800px;
	height:197px;
	text-indent:-20000px;
	clear:both;
	}
#rightpan p.cost-own{
	background:url(images/cost-own-mindball.gif) 0 0 no-repeat;
	width:364px;
	height:22px;
	text-indent:-20000px;
	margin:0 0 14px 0;
	padding:0 !important;
	}		
/*-----Video Page-----*/

#rightpan p.videoheading{	
	background:url(images/watch-amazing-video.gif) 0 0 no-repeat;
	width:389px;
	height:46px;
	padding:0 0 10px;
	text-indent:-20000px;
	margin:0;
	}
#rightpan p.videoselect{
	font-size:13px;
	font-weight:bold;
	padding:0 0 20px;
	margin:0;
	text-align:center;
	}	
#video{
	border:2px solid #33CCFF;
	padding:10px;
	width:425px;
	}
	
#video1{
	border:2px solid #33CCFF;
	padding:10px;
	width:486px;
	}
	

/*-----Science Page-----*/

#header p.science{
	background:url(images/top-banner-science.jpg) 0 0 no-repeat;
	border-top:1px solid #fff;
	width:800px;
	height:197px;
	text-indent:-20000px;
	clear:both;
	}

#rightpan p.quickscience{	
	background:url(images/quick-science.gif) 0 0 no-repeat;
	width:220px;
	height:27px;
	text-indent:-20000px;
	}	
	
#rightpan p.widebenifits{	
	background:url(images/wide-benefits.gif) 0 0 no-repeat;
	width:376px;
	height:27px;
	text-indent:-20000px;
	}
#rightpan p.eggtraining{	
	background:url(images/egg-training.gif) 0 0 no-repeat;
	width:316px;
	height:27px;
	text-indent:-20000px;
	}