/************************************************
	Copyright
    2beknown 2009
	CSS StyleSheet by Tavis Basing
    Last Updated: 16 July 2009
	www.2beknown.co.uk

************************************************/

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]


************************************************/

/**********  [=TEMP]   **********/


.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/

* { margin: 0; padding: 0; }
body {font-size:13px; font-family:Arial;  margin:0px 0px 0px 0px; }
#wrap {width: auto; height:auto; text-align:left; overflow: hidden;}
#contentwrap {width: auto; height:auto; text-align:left; overflow: hidden; background: url(graphics/footer_repeated_graph.gif) repeat-x; background-position:bottom; background-color:#55bbea;}
h1 { color: White; }
h2 {color:#ffffff;  }
h3 {color: #000000; font-size:21px; margin:10px 0px;}
h4 { color: #000000; font-size:15px; margin:15px 0px;}
h5 {color:#ffffff; }
.btmright h5 {color:#ffffff; margin:0px 0px; font-size:15px;text-align:right; }
h6 {color:White;   }
p {margin:10px 0px 15px;}
.orange {color:#FF7800;}
.orangebig1 {color:#FF7800; font-weight:bold; font-size:18px;}
.bluebig {color:#173A8C; font-weight:bold; font-size:18px;}
.greenbig {color:#6D9D49; font-weight:bold; font-size:18px;}
.blue {color:#173A8C;}
.white {color:#FFFFFF;}
.orangebig {color:#FF7800; font-size:28px;}
.orangebigs {color:#FF7800; font-size:18px;}
a.bluelinkbig {color:#173A8C; font-size:28px; text-decoration:none;}
a.bluelinkbig:hover {color:#FF7800;}
.boldbig1 {font-weight:bold; width:400px; font-size:15px; margin-bottom:10px;float:left;padding:0px 0px 0px 5px;}
.boldbig2 {font-weight:bold; font-size:15px; margin-bottom:10px; float:left;padding:0px 0px 0px 0px;}
.smalltxt {font-weight:normal; font-size:12px;}
.padding {padding:0px 35px 35px;}
/**********  [=Header]   **********/

.head {background: url(graphics/header_1px.jpg) repeat-x; height:217px; background-color:#55bbea; }
.header {background: url(graphics/Header.jpg) no-repeat; width:990px; height:151px; margin: 0 auto;}
.logo {width:290px; height:107px; margin:0px 0px 0px 37px; padding-top:25px; float:left;}
.time {width:140px; height:107px; margin:0px 0px 0px 37px; padding-top:15px; float:right; color:#FFFFFF; font-weight:bold;}

.menu {width:953px; height:65px;margin: 0 auto; font-size:16px; overflow:hidden; padding-left:37px;}
.menu a {float:left; width:auto; height:48px; text-decoration:none; color:White; margin-right:31px; padding-top:17px;}
.menu a.last {margin-right:0px;}
.menu  a.laston {background: url(graphics/smallball.gif) no-repeat; background-position:bottom; margin-right:0px;}
.menu a:hover {background: url(graphics/smallball.gif) no-repeat; background-position:bottom;}
.menu a.on {background: url(graphics/smallball.gif) no-repeat; background-position:bottom;}
.menu  a.firston {background: url(graphics/smallball.gif) no-repeat; background-position:bottom;}
.menu  a.first:hover {background: url(graphics/smallball.gif) no-repeat; background-position:bottom;}

/********** [=default ] ***************/

.maincontent {background: url(graphics/main_graphic.gif) no-repeat; background-position:bottom;width:990px; height:580px;margin: 0 auto;}
.maincontentA {width:990px; height:auto;overflow:hidden;margin: 0 auto;}
.maincontentmx {background:none; width:990px; height:580px;margin: 0 auto;}
.content {width:710px; height:540px; float:left; padding:0px 10px 20px 37px; float:left;}
.contentbanner {width:233px; height:570px; float:left; overflow:hidden; margin:10px 0px 0px 0px;}
.contentall {width:757px; height:auto; float:left; padding:0px 0px 0px 0px; float:left;  }
.contentall a {text-decoration:none; color:#000000;}
.contentall a:hover {text-decoration:none; color:#FF7800;}
.contentall h3 {margin-bottom:15px;}
.contentall p {padding:0px 10px 0px 5px; }
.privacy p {font-size:10px; margin:5px 0px;}
.privacy h4 {margin:0px 8px;}
.contentall ul {margin-left:30px; width:420px;position:relative;}
.contentall li {margin-top:15px; padding:0px 25px; list-style-image: url(graphics/ball_pointer.gif); }
.contentall ul.venue {margin-left:30px; width:420px;position:relative;width:720px;}
.contentall ul.venue li {margin-top:15px; padding:0px 25px; list-style-image: url(graphics/ball_pointer.gif);height:90px;width:225px; float:left;}
.Contactusdetails {margin:12px 0px 0px 60px; width:500px; height:40px; }

/********** [=aboutus ] ***************/
.monkey {width:710px; height:313px; margin-top:47px; overflow:hidden;}
.monkey img {float:left;}
.monkeymid {height:313px; width:388px; float:left;}
.ballmid {width:78px; height:76px; float:right; margin-top:150px;}

/********** [=funcafe ] ***************/
.leftbumble {width:450px; padding:0px 10px 20px 34px; float:left; }
.leftbumble22 {width:450px; height:372px;padding:0px 10px 20px 34px; float:left; }
.bumble2 {width:263px; height:300px;float:left; margin-top:0px; }
.bumble {width:757px; height:188px; overflow:hidden; padding-top:0px; float:left; }
.bumble img {float:right;}
.bumblemid {height:239px; width:205px; float:right;}
.bumble a img {border:0;}


/********** [=rhsbanner ] ***************/
.contentbannerall {width:233px; height:570px; float:left; overflow:hidden; margin:10px 0px 0px 0px;}
.bannerbox1 {width:233px; height:146px;}
.bannerbox2 {width:233px; height:108px;}
.bannerbox3 {width:233px; height:121px;}
.bannerbox4 {width:233px; height:181px; margin-top:15px;}

/********** [=Timetable ] ***************/
.gridviewt {margin:0px 0px 0px 20px;}
.headerTC th { padding:5px; text-align:center;border-bottom:solid 3px #89C8E7;}
.rowTC td {padding:5px;}
.gridviewres {width:630px; max-height:270px; overflow:auto; }
span.aterics {margin:5px 0px 0px 25px; font-size:11px; font-style:italic;}

.bluemainbxtop {background: url(graphics/booking_box_top.jpg) no-repeat; width:948px; height:78px; margin:0 auto;overflow:hidden;}
.bluemainbxtopTT {background: url(graphics/classes_avail_main.jpg) no-repeat; width:948px; height:76px; margin:0 auto;overflow:hidden;}
.bluemainbxtopCF {background: url(graphics/contact_top.jpg) no-repeat; width:948px; height:75px; margin:0 auto;overflow:hidden;}
.bluemainbx {background-color:#173A8C; width:948px; height:auto;margin:0 auto; overflow:hidden;}
.bluemainbxbtm {background: url(graphics/booking_box_bottom.jpg) no-repeat; width:948px; height:10px;margin:0 auto;overflow:hidden; clear:both;}
.mainframebtn {width:924px; height:50px; margin:0 auto;}
.mainframebtn input {margin:0px; width:308px; float:left;}
.mainframethr {width:924px; height:381px; background: url(graphics/twinkle_toes_main.jpg) no-repeat; margin:0px auto; padding-top:15px;}
.mainframebal {width:924px; height:381px; background: url(graphics/ball_wizards_main.jpg) no-repeat; margin:0px auto; padding-top:15px;}
.mainframesta {width:924px; height:381px; background: url(graphics/star_strikers_main.jpg) no-repeat; margin:0px auto; padding-top:15px;}
.btnbottom {width:441px; margin:15px 0px 0px 90px; height:55px;}
/**********  [=Footer]   **********/
.footer {width:auto; color:#FFFFFF; font-size:11px; height:80px;background: url(graphics/footer_1px.jpg) repeat-x;  }
.footertop {width:953px; height:40px; margin:0 auto; padding-left:37px; padding-top:10px;}
.foottopL {width:200px; float:left;}
.foottopR a {color:#FFFFFF; font-size:16px; text-decoration:none;}
.foottopR a:hover {}
.foottopR {width:470px; float:right;}
.foottopR input {border:solid 2px #548130; height:16px; margin-top:2px; width:175px; padding:3px; color:#bbbbbb;}
.footerbtm {width:953px; height:23px; margin:0 auto; padding-top:7px; padding-left:37px;}
.footerbtm a {color:#FFFFFF; text-decoration:none;}
.btmleft {width:500px; float:left;}
.btmright {width:400px; float:right;}

/************* [=Booking] *******************/
.calender{width:196px; padding:10px 15px 0px; }
.calendertop {background: transparent url(graphics/cal_top.gif) no-repeat; width:196px; height:9px;}
.calenderbtm {background: transparent url(graphics/cal_bottom.gif) no-repeat; width:196px; height:20px; padding:18px 0px 0px 10px; color:#173A8C;}
.calenderbtm span {margin-left:5px;}
.datagrid{width:183px; padding:10px 15px; }
.calImg{ background: transparent url(graphics/circle_white.jpg) no-repeat; background-position:center;}
.calImgRed{background: transparent url(graphics/circle_red.jpg) no-repeat; background-position:center;}
.leftcolumn {float:left;height:370px;margin-right:10px;overflow:auto;width:380px;}
.leftcolumn h4 {margin:0px 0px 10px;}
.rightcolumn {width:230px; height:auto; float:left;}
.bookbox {width:360px; float:left; height:auto;margin-bottom:10px; }
.bookbox span {margin-right:10px;}
.form {margin:0px 20px;}
.buttonsubmit {margin-top:15px;}
.nextprevstyle {color:#000000;}
.nextprevstyle a{color:#000000;}
span.spanclass {margin-top:15px; font-weight:bold;}


/*********** [Contact Form] ******************/
.formcontact{width:933px; margin:15px auto; height:438px; overflow:hidden;float:left; padding:0px 0px 0px 15px;}
.formcontact span{color:#FFFFFF;text-align:left; width:auto; height:30px; font-size:16px; }
.formtopleft{float:left;height:30px;margin-bottom:15px; width:500px; }
.formtopright{margin-bottom:15px;width:500px; float:left;}
.formtopright input{padding-left:5px;padding-top:7px;width:286px;height:23px; float:left; }
.formleft{height:320px; float:left;margin-bottom:14px;margin-left:10px;padding-top:20px;width:490px;}
.formright{width:422px;height:439px;margin-top:0px; float:left;}
.formtopright span{width:155px; float:left; height:23px;padding-top:6px;text-align:left;}
.formtopright span.validationMsg {width:10px; height:30px; float:left; padding:0px; margin:0px;}
.formtopright .textarea {padding-left:5px;padding-top:7px;width:286px; float:left;height:77px;overflow:hidden;}
.validationMsg {margin-right:0px;padding-top:0px;text-align:left;}
.formright a{color:#FFFFFF; text-decoration:none; font-style:italic;}
.formright a:hover{text-decoration:underline; }
.rightlform {clear:both; width:306px; height:86px; float:left; margin-top:0px;}
.rightlform input { margin-left:40px; }
/************* [Advertise Control] *****************/
.advertbanner {width:813px; margin:0; margin-left:85px;}
ul#mycarousel {
	float: left;
	list-style: none;
	margin: 0; padding: 0px;
	width: 813px;
}
ul#mycarousel li {
	margin:0px; 
	padding: 0px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 271px;
	height: 156px;
	background: url(graphics/sponsorship_board.jpg) no-repeat;
}
ul#mycarousel li img {
	width: 259px; height: 119px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: none;
	padding: 5px;
	
	position: absolute;
	left: 0; top: 0;
}
ul#mycarousel li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}