@charset "UTF-8";
/*  
Theme Name: Nintensity
Theme URI: http://www.nintensity.net/
Description: jQuery enhanced portfolio and blog
Version: 1.0
Author: Nick "Nintensity" Louie
Author URI: http://www.nintensity.net/
*/


/*****Reset*****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border:0 none;
    font-family:inherit;
    font-style:inherit;
    font-weight:inherit;
    margin:0;
    padding:0;
    }
* {
	border:0 none;
	font-style:normal;
	font-weight:normal;
	margin:0;
	outline-style:none;
	padding:0;
	text-decoration:none;
    }
hr {clear: both;}
table {border-collapse:collapse;border-spacing:0pt;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
strong {font-weight:bold;}
em {font-style:italic;}
:focus {	outline: 0;} /*define focuse styles*/
ins {text-decoration: none;} /*highlight inserts*/
del {text-decoration: line-through;}
/*CSS 3 Validated Styles*/
/*img { -ms-interpolation-mode: bicubic; }*/

/*****Basic Elements*****/ 
/*Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.*/

a:link {color:#933;}
a:visited {color:#933;}
a:active {color:#933;}
a:hover{text-decoration: underline;}
blockquote, #basrutten {width: 560px;text-align: center;margin: 20px 0;padding: 0 20px;}
body{color: #212121;background: #95bcf5 url(../images/bg-page.jpg) repeat-x 0 0;font: normal 62.5%/1.5 "Helvetica Neue", Helvetica, sans-serif;}
cite {font-style: italic;font-size:1.4em;}

h1,h2,h3,h4,q,cite {font-family: Georgia, 'Times New Roman', serif;margin: 10px 0;color: #900;}
h1 {line-height: 32px;font-size: 2.6em;font-weight: bold;margin-top: 0px;}
h2 {line-height: 32px;font-size:2.4em;font-style:italic;}
h2#sidebar-title, h2.program-title {margin-top: 0;}
h2.program-title {font-family: 'Helvetica Neue', Arial, sans-serif;font-style: normal;font-weight: bold;}
h2.program-title a {color:#900;}
h3 {font-size:1.6em;;font-style: italic;font-weight: bold;}
h4 {font-family: 'Helvetica Neue', Arial, sans-serif; text-transform: uppercase; font-size: 13px; }

li {font-size:1.3em;}
.service li.more {background:none;}
ol {}
p {font-size: 1.3em;margin: 13px 15px 13px 0;}

q {font-size: 2.4em;display: block;line-height: 32px;margin: 0 0 5px 0;color:#212121;}
ul {}
	
#quote, #basrutten-wrap {
	background-color: #ccc;
	border-top: solid 1px #a2a2a2;
	border-bottom: solid 1px #a2a2a2;
	width:600px;
	margin: 20px 0;
	}
#main hr {background-image: url(../images/divider.gif);height:2px;}
#sidebar hr {background-image: url(../images/sidebar-divider.gif);height:2px;color:#121c2a;}
 /*fixes g,y,p,q,and j line-heights*/

/*****Generic Classes*****/  
/*Define styles for simple things like floating to the sides, removing a bottombottom margin on elements, etc.*/  

/*a. Faux Absolute Positioning*/
.line {float: left;width:100%;display:block;position:relative;}
.item {width:100%;position:relative;float: left;left:100%;}
/*b. Revised Image Replacement*/
.column {float:left;width:50%;margin-bottom:18px;}
/*c. Revised Image Replacement*/
.replace {text-indent:-5000px;display:block;width:0;height:0;overflow:hidden;}
/*d. jQuery Fade*/
.fade a {display:block;position:relative;background-position:top left;}
.fade a .hover {display:block;position:absolute;top:0;left:0;z-index:100;width:100%;cursor:pointer;}
/*e. Miscellaneous*/
.clearboth {clear:both;} 
.left {float:left;}
.right {float: right;}
.center {clear:both;display:block;margin:0 auto;overflow:hidden;}
	
/*****Basic Layout *****/
#page {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	z-index: 1;
	position:relative;
	}
#header-wrap {height: 70px;width: 1000px;}
#logo {margin: 0 0 0 -1000px;width:270px;}
#navigation {margin: 0px 0 0 -710px;width: 550px;}
#call-us {margin: 0 0 0 -160px;width:160px;}
#body-wrap {background: url(../images/bg-body.gif) repeat-y;width: 1000px;}

#primary-content {margin: 0 0 0 -1000px;width: 669px;border-left: #888 solid 1px;border-top:#888 solid 1px;}
#main {padding: 18px 40px 0 29px;background-color:#fff;z-index:5;}

#secondary-content {margin:0 0 0 -330px;width:330px;min-height: 1450px;}

#sidebar {padding: 20px 30px 0;position: relative;background-color: #090e15;border: #121b39 solid 1px;border-bottom:none;z-index: 3;}	

#footer-wrap {
	z-index:100;
	width:100%;
}
#footer-top {
	background: url(../images/bg-footer.png) repeat-x;
	height: 35px;
	}
#footer-bottom {
	color: #888;
	padding: 0 20px 20px;
	background-color: #090e15;
	overflow: hidden;
	}

/*#footer-top {background: url(../images/bg-footer.png) repeat-x 50% 0;height: 35px;}
#footer {background-color: #090e15;height: 165px;}*/
	
/*a. Logo*/	

#logo a {background-image: url(../images/logo.jpg);height: 70px;width: 270px;}

/*b. Navigation */

#navigation li {float:left;margin-left:10px;list-style:none;}
#navigation a {background: url(../images/navigation01.jpg);height: 70px;}

#home a {width: 61px;z-index:1}
#children-programs a {width:152px; background-position:-61px 0;}
#adult-programs a {width:132px;background-position: -213px 0;}
#about a {width: 65px;background-position: -345px 0;}
#contact a {width: 75px;background-position: -410px 0;}

#navigation a .hover {background:url(../images/navigation01.jpg) 0 -70px;height:70px;}

#home a .hover {width: 61px;}
#children-programs a .hover {width:152px; background-position:-61px -70px;}
#adult-programs a .hover{width:132px;background-position: -213px -70px;}
#about a .hover {width: 65px;background-position: -345px -70px;}
#contact a .hover {width: 75px;background-position: -410px -70px;}

/*c. Call Us Today */

#call-us a {background: url(../images/img-call.jpg); height:70px;width:160px}
#call-us a .hover {background: url(../images/img-call.jpg) 0 -70px;height:70px;}
/*c. Stage*/
#stage, #frame, #stage img {width: 1000px;}
#stage {height: 210px;}
 #frame {
 	background-image: url(../images/slide-frame.png);
 	height: 201px;
 	margin: 0 0 0 -1000px;
	z-index: 2;
	}
#stage img {margin: 0 0 0 -1000px;height: 200px;}
 
/*d. Primary-Content*/
#primary-content ul, #primary-content ol {margin: 0 15px 0 23px;}
.service li {background: url(../images/icon-checkmark.gif) no-repeat scroll left 3px;padding-left: 20px;list-style:none;}

#events h4 {margin: 0;}
#events li {background: url(../images/icon-events.gif) no-repeat scroll left center;padding-left: 60px;margin-bottom: 10px;list-style:none;height: 48px;display:block;}
#events li.competition {background-position: 0 0;}
#events li.seminar {background-position: 0 -96px;}

.slide-wrap {background-image: url(../images/bg-imageslide.png);width:282px;height:230px;margin-top: 10px;}
.slide {padding:13px 0 0 16px;}

/*e. Programs */
.programs {padding: 10px 0;}
.preview-frame, .preview-img {width:80px;height:81px;margin: 5px 0 0 -600px;}
.preview-frame {background-image: url(../images/preview-frame.png);z-index:2;}
.preview-text {margin: 0 0 0 -510px;width: 510px;}
.preview-text h4 {margin: 2px 0 0;}
.preview-text p:first-child {margin-top: 0;}

/*f. Secondary-Content*/
.row {width: 280px;padding: 10px 0;}
.row h3 {margin: 0 0 5px 0;}
.row p {margin: 5px 0 10px;}

.sidebar-frame { 
	margin: 0 0 0 -280px;
	width: 100px;
	background-image: url(../images/sidebar-frame.png) ;
	height: 101px;
	z-index: 2;
	}
.sidebar-img, #schedule, #gallery {margin: 0 0 0 -280px;width:100px;}
.sidebar-text {margin: 0 0 0 -170px;width: 160px;}
.sidebar-text p {color: #EEE;font-size: 1.2em;margin-bottom: 10px;}
#signup p {position: relative;}
#sign-up a {
	height: 31px;
	width: 100px;
	background: url(../images/btn-signup.jpg);
	}
#sign-up a .hover {
	background: url(../images/btn-signup.jpg) 0 -31px;
	height: 31px;
	}
#schedule a {
	height: 100px;
	width: 100px;
	background: url(../images/icon-calender.jpg);
	}
#schedule a .hover {
	background: url(../images/icon-calender.jpg) 0 -100px;
	height: 100px;
	}
#gallery a {
	height: 100px;
	width: 100px;
	background: url(../images/icon-gallery.jpg);
	}
#gallery a .hover {
	background: url(../images/icon-gallery.jpg) 0 -100px;
	height: 100px;
	}
/*h. Corners*/
#bg-main-topleft {position: absolute;top:0;left:0;background:url(../images/bg-main-topleft.gif) top left;height:56px;width:24px;z-index:4;}
#bg-main-topmid {position:absolute;top:0;left:624px;background:url(../images/bg-main-topleft.gif) -24px 0;height:158px;width:90px;z-index:4;}
#bg-main-topright {position:absolute;top:0;right:0;background:url(../images/bg-main-topleft.gif) top right;height:72px;width:71px;z-index:4;}

#bg-main-bottomleft {position:absolute;bottom:0;left:0;background-image:url(../images/bg-main-bottomleft.gif);height:324px;width:15px;z-index: 4;}
#bg-girl {position:absolute;bottom:0;right:0;background-image:url(../images/img-girl.png);height:473px;width:427px;z-index: 2;}
* html #bg-girl {display:none;}

#footer-logo {width:85px;}
#footer-wrap p {width: 400px;}
#footer-nav {clear: both;}
#footer-nav li {float: left;width:12%;list-style: none;line-height:20px;height:20px;border-right: 1px solid #333;text-align:center;}
#footer-nav li a {line-height: 20px; height: 20px;display:block;white-space: nowrap;}
#footer-nav li a:hover {background-color: #FFF;}
#footer-nav li:first-child {border-left: 1px solid #333;}

/*d. Rainbow */
.wrap  {display: block;padding: 0 1px 0 0;position: relative;}
.wrap .shadow {color: #000;position: absolute;line-height: inherit;top: 0;left: 1px;}
.wrap .shadow a { color: #000; }
.wrap .highlight {color: #fff;position: absolute;line-height: inherit;top: 1px;left: 0;	}
.wrap .source {	position: relative;}
.rainbow,.rainbows-highlight,.rainbows-shadow {/*xline-height: 1;*/}
.rainbow {	background: transparent;display: block;position: relative;height: 1px;overflow: hidden;z-index: 4;}
.rainbow span {position: absolute;top: 0;left: 1px;display: block;/*xwhite-space: nowrap;*/}
a .rainbow span {white-space: nowrap;}
.rainbows-highlight {color: #fff !important;display: block;position: absolute;top: 1px;left: 2px;z-index: 3;}
.rainbows-shadow {color: #000 !important;display:block;position: absolute;top: 1px;left: 2px; /* can be one or two depending on 90 or 135 degree global light */z-index: 3;}
.back .text .rainbows-shadow {color: #fff !important;}

/*Facebox*/
.schedule p {margin:13px 10px;}
.schedule h2{text-align: center;}
#facebox .b {background:url(../images/facebox/b.png);}
#facebox .tl {background:url(../images/facebox/tl.png);}
#facebox .tr {background:url(../images/facebox/tr.png);}
#facebox .bl {background:url(../images/facebox/bl.png);}
#facebox .br {background:url(../images/facebox/br.png);}
#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0;padding: 0;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}