@charset "utf-8";
/* CSS Document */

* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #000000; margin-top:0px;}
p {line-height:18px;}
h1, h2, h3, h4, h5 { color: #000000; font-weight: normal; margin-bottom: 10px; }
h1 { font-size: 47px; }
h2 { font-size: 20px; }
h3 {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
#sharktank {width:60px; height:71px; float:left; position:relative; top:265px; left:840px;}
p { padding: 5px 0 5px 0;}
ul { list-style: none; margin: 5px 0 5px 0; }
li { padding: 5px 0 5px 0; }
a { text-decoration: none; color: #CCCCCC; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.red-h2 { color: #bc1e2d; }
.alignright { float: right; }
/*------wrapper---------------------------*/
#wrapper { width: 960px; background: #000000; margin: 0 auto; }

/*------menu---------------------------*/
#menu { height: 40px; padding: 0 50px 0 50px; margin: 22px 0 0 0; }
#menu ul { float: left; height: 30px; }
#menu li { float: left; height: 30px; padding: 0 20px 0 20px; text-align: center; font-size: 14px; font-weight: bold; position: relative; }
#menu li a { color: #cccccc; height: 30px; text-align: center; padding: 0 0 5px 0; float: left; }
#menu li a:hover { color: #ffffff; background: url(../images/arrow2.gif) no-repeat bottom; }

/*------sub-pages implementation---------------------------*/
#banner { height: 175px; background: url(../images/banner.jpg) no-repeat; }	
#banner-home h1, #banner h1 { text-align: center; padding: 100px 0 0 0; }

#content-wrapper { width: 960px; float: left; background: #ffffff; }

#left { width: 233px; float: left; background: #e7e8ea; text-align: center; padding: 0 0 15px 0;}
.comments { text-align: right; font-size: 15px; margin: 10px; }
#left h2 { margin: 0; }

#main-content { width: 562px; float: left; padding: 10px 15px 10px 20px; }
#main-content a { color: #990000; }
#main-content a:hover { color: #FF0000; }

#right { width: 130px; float: left; background: url(../images/right.jpg) no-repeat; }
#right ul { margin: 60px 0 10px 0; }

/*------home implementations---------------------------*/
#banner-home { height: 168px; background: url(../images/banner-home.jpg) no-repeat;  }

#content-one, #content-two { width: 960px; text-align: center; }
#content-one { height: 341px; background: url(../images/content-one-bg.jpg) no-repeat; padding: 10px 0 0 0;}
#content-one h1 { font-size: 37px; font-weight: bold; color: #BF1E2D; margin-bottom: 0; }
#content-one h2 { font-size: 45px; font-weight: bold; margin-bottom: 0; }
#content-one h3 { font-size: 25px; font-weight: normal; }
#content-one h4 { font-size: 22px; font-weight: normal; margin-bottom: 0; }

#classwrap { width:670px; margin: 10px 0 0 260px; }
#classwrap h1 { font-size: 45px; color: #000000; margin: 10px 0 0 0; }
#classwrap h2, #content-two h2 { font-size: 31px; }
.getshape { float: left; width: 315px; text-align: center; }
.entertraining { float: right; width: 290px; text-align: left; }

#content-two { height: 236px; background: #e8e9ed url(../images/content-two-bg.jpg) no-repeat; }
#content-two h2 { font-size: 27px; font-weight: bold; margin-bottom: 0; }
#content-two h4 { font-size: 16px; font-weight: normal; margin-bottom: 0; }
#classwrap2 { width:630px; margin: 0 0 0 290px; }
.kidsactive { width: 300px; float: left; margin: 10px 0 0 30px; }
.kidsactive img{ margin: 15px 0 0 0; }

.video {
	width: 265px;
	float: right;
	margin-top: 9px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

#partners { height: 65px; background: #ffffff; }
#partners ul { float: left; height: 50px; }
#partners li { float: left; height: 50px; display: inline-block; padding: 5px 0 0 5px; }

/*------footer---------------------------*/
#footer { color: #efefef; padding: 5px; height: 30px; }
#footer ul li { float: left; display: inline-block; padding: 0 3px 0 0; }
#main-content p img {
	text-align: center;
}