/* GREEN BODY 2009 */

BODY {
font-family: 'Trebuchet MS', Tahoma, Arial;
font-size: 11px;
margin: 10px 0 0 0;
width: 100%;
height: 100%;
background: #C3DB9F;
}

H1, H2, H3 {
margin: 0;
padding: 0;
}

.main-container {
width: 990px;
padding: 0 0 90px 0;
margin: 0px auto;
background: url(images/bg1.gif) bottom left no-repeat #FFF;
}

.header {
height: 190px;
background: #046132;
float: left;
width: 990px;
}

.header .logo {
float: left;
width: 187px;
height: 190px;
margin: 0 281px 0 0;
}

.header .header-overlay {
float: left;
width: 508px;
height: 190px;
margin: -10px 0 0 0;
}

.header .slideshow {
float: left;
margin: -10px 0 0 0;
height: 190px;
z-index: 10;
}

.header IMG {
margin: 10px 0 0 14px;
border: none;
}

.navigation {
height: 50px;
background: #D8DBE2;
border-top: solid 1px #3C4767;
border-bottom: solid 1px #8B899F;
float: left;
width: 990px;
margin: 0;
}

.breadcrumb {
height: 30px;
background: #FFF;
float: left;
width: 980px;
margin: 0;
padding: 13px 0 0 10px;
}

.breadcrumb H2 {
color: #C5DEA4;
float: left;
display: inline;
margin: 0;
padding: 0;
font-size: 17px;
}

.breadcrumb H1 {
color: #0F6234;
float: left;
display: inline;
margin: 0 0 0 10px;
padding: 0;
font-size: 17px;
border-bottom: solid 1px #666;
width: 840px;
text-transform: uppercase;
}

.breadcrumb H1.home {
border-bottom: none;
}

.breadcrumb H1.home A {
text-decoration: none;
color: #0F6234;
}

.breadcrumb H1.home A#newclasses, A#newclasses {
color: #EB7016;
}

.breadcrumb H1.home A#newclasses:hover, A#newclasses:hover {
color: #000;
}

.left-side {
width: 380px;
float: left;
padding: 0 10px 0 10px;
}

.right-side {
width: 580px;
padding: 20px 10px 0 0;
float: left;
}

.right-side P {
padding: 0;
margin: 0 0 10px 0;
}

.right-side#fullpage {
width: 100%;
}

.footer {
width: 980px;
min-height: 50px;
padding: 10px 10px 0 0;
color: #9FD0A0;
text-align: right;
}

DIV.clearboth {
clear: both;
}

/* NAVIGATION *//* NAVIGATION *//* NAVIGATION *//* NAVIGATION *//* NAVIGATION *//* NAVIGATION *//* NAVIGATION *//* NAVIGATION *//* NAVIGATION */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li a{
font-weight: bold;
}

#nav a {
	display: block;
	white-space: nowrap;
	height: 50px;
	padding: 17px 10px 0 10px;
	text-decoration: none;
	color:#000;
	text-transform: uppercase;	
}

#nav a:active {
background-color: #036031;
color:#FFF;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	width: 260px;
	left: -999em;
	margin: -17px 0 0 0;
	background: #D8DBE2;
	border-bottom: solid 1px #8B899F;
	border-right: solid 1px #8B899F;
	border-left: solid 1px #8B899F;
	z-index: 1000000000000;
}

#nav li ul li {
margin: 0;
padding: 0 0 0 0;
}

#nav li ul li a:hover {
background-color: #036031;
color:#FFF;
width: 250px;
}

#nav li ul li a {
padding: 10px 0 5px 10px;
width: 200px;
height: 25px;
}

#nav li:hover ul {
	left: auto;
}

#nav li ul li#dave a {
padding-left: 60px;
width: 200px;
background: url(images/nav-dave.gif) no-repeat;
}

#nav li ul li#kelly a {
padding-left: 60px;
width: 200px;
background: url(images/nav-kelly.gif) no-repeat;
}

#nav li ul li#drew a {
padding-left: 60px;
width: 200px;
background: url(images/nav-drew.gif) no-repeat;
}

#nav li ul li#kara a {
padding-left: 60px;
width: 200px;
background: url(images/nav-kara.gif) no-repeat;
}

#nav li ul li#kellyk a {
padding-left: 60px;
width: 200px;
background: url(images/nav-kellyk.gif) no-repeat;
}

#nav li ul li#arah a {
padding-left: 60px;
width: 200px;
background: url(images/nav-arah.gif) no-repeat;
}

#nav li ul li#katie a {
padding-left: 60px;
width: 200px;
background: url(images/nav-katie.gif) no-repeat;
}

#nav li ul li#emily a {
padding-left: 60px;
width: 200px;
background: url(images/nav-emily.gif) no-repeat;
}

#nav li ul li#natalie a {
padding-left: 60px;
width: 200px;
background: url(images/nav-natalie.gif) no-repeat;
}

#nav li ul li#missy a {
padding-left: 60px;
width: 200px;
background: url(images/nav-missy.gif) no-repeat;
}

#nav li ul li#patti a {
padding-left: 60px;
width: 200px;
background: url(images/nav-patti.gif) no-repeat;
}

#nav li ul li a:hover {
background-color: #036031 !important;
color:#FFF !important;
}

#nav li:hover { /*IE FIX*/
position: static;
}

/*individual nav items*/

li#home,
li#philosophy,
li#training,
li#studio,
li#trainers, 
li#contact,
li#links,
li#classes {
background: url(images/navitem.gif) 10px 15px repeat-x; margin-right: 10px;
}

li#home {
margin-left: 10px;
}

li#home:hover,
li#philosophy:hover,
li#training:hover,
li#studio:hover,
li#trainers:hover, 
li#contact:hover,
li#links:hover,
li#classes:hover {
background: url(images/navitem-over.gif) 10px 15px repeat-x; margin-right: 10px;
}

/* END NAVIGATION *//* END NAVIGATION *//* END NAVIGATION *//* END NAVIGATION *//* END NAVIGATION *//* END NAVIGATION *//* END NAVIGATION *//* END NAVIGATION */

.footer A {
color: #0EB225; 
}

.footer SPAN.phone {
color: #0EB225; 
}

.left-side H1 {
width: 150px;
font-size: 26px;
color:#CCC;
margin: 30px 0 0 175px;
padding: 0;
line-height: 27px;
}

.left-side H1 em {
color: #C3DB9F;
font-style: normal;
}

.gallery {
width: 120px;
float: left;
margin: 30px 0 0 0;
padding-left: 20px;
}

DIV#trainers {
width: 200px;
}

DIV#trainers H1 {
margin: 30px 0 0 20px;
}

.trainer {
clear: left;
width: 700px;
}

.trainer H2 A {
color:#333;
}

.trainer-photo {
float: left;
width: 220px;
height: 240px;
}

.trainer-photo IMG {
margin: 6px 0 0 0;
}

.trainer H2 {
font-size: 20px;
}

IMG#map {
margin: 10px 30px 30px 0;
}

HR {
height: 1px;
border: none;
background-color:#666;
}

A.fblink {
background: url(images/fbicon.gif) top left no-repeat;
padding: 7px 0 10px 35px;
line-height: 30px;
}

A.bloglink {
background: url(images/blogicon.gif) top left no-repeat;
padding: 7px 0 10px 35px;
line-height: 30px;
}

A.twitlink {
background: url(images/twiticon.gif) top left no-repeat;
padding: 7px 0 10px 35px;
line-height: 30px;
}

DIV.right-side EM {
color: #046132;
}

DIV.right-side STRONG {
color: #046132;
}

.calendarFrame {
margin: -30px 0 0 0;
}

IMG.rightfloat {
float: right;
margin: 10px;
}

DIV.testimonials DIV {
float: left;
font-size: 11px;
line-height: 13px;
width: 550px; /* to accommodate more testimonials and stack properly ...was 250*/
padding: 10px;
color:#666;
background: #f0f0f0;
margin: 10px 20px 0 0;
}

.right-side H2 {
margin: 10px 0 0 0;
}

/* new home */

.slideshowHome {
margin: 52px 0 0 0;
z-index: 1;
}

.headerHome {
background: url(images/homeHeader.jpg) no-repeat;
width: 990px;
height: 103px;
}

#home-main-container {
width: 990px;
padding: 0;
margin: 0px auto;
background: white;
#position: relative;
}

.home-content {
float: left;
width: 990px;
/*height: 545px;*/
z-index: 3;
position: absolute;
}

.home-headline {
margin: 0;
}

.home-content H1 {
width: 750px;
font-size: 88px;
line-height: 60px;
color:#FFF;
text-align: left;
font-weight: normal;
padding: 0;
letter-spacing: -1px;
margin: -432px 0 0 293px;
text-shadow: 1px 1px 1px #666;
}

.home-contact {
width: 330px;
color:#FFF;
background: url(images/40.png);
height: 505px;
padding: 10px;
font-size: 21px;
line-height: 20px;
position: relative;
left: 630px;
top: -122px;
z-index: 9999999999999999999999;
}

DIV.navigation#navHome {
z-index: 10;
position: relative;
}

.home-content H2 {
font-size: 17px;
text-transform: uppercase;
color:#FFF;
}

.home-contact H2 {
font-size: 30px;
color:#FFF;
text-align: center;
}

.home-contact A {
color:#FFF;
text-decoration: none;
font-size: 20px;
line-height: 50px;
margin: 0 0 40px 0;
padding: 13px 0 12px 55px;
}

.home-contact A:hover {
color: #FF0;
}

.home-contact A#fb { 
background: url(images/socialicons.png) 0 0 no-repeat;
}
.home-contact A#twitter { 
background: url(images/socialicons.png) 0px -49px no-repeat;
}
.home-contact A#newsletter { 
background: url(images/socialicons.png) 0px -100px no-repeat;
}
.home-contact A#blog { 
background: url(images/socialicons.png) 0px -150px no-repeat;
}
.home-contact A#paypal { 
background: url(images/paypal.png) 0px 8px no-repeat;
clear: both;
}

.home-contact H3 {
font-size: 21px;
font-weight: normal;
margin: 15px 0 0 0; 
padding: 0;
}

.home-contact H4 {
font-size: 14px;
margin: 0 0 10px 0;
}

.home-contact DIV.sponsors {
font-size: 16px;
margin: 0 0 20px 0;
}

.home-contact DIV.sponsors A {
padding: 0 0 0 10px;
margin: 0;
height: auto;
line-height: 30px;
font-size: 21px;
font-weight: bold;
}

DIV#sponsorList {
width: 670px;
position: relative;
left: -400px;
margin: -117px 0 0 0;
background: white;
padding: 10px 10px 23px 10px;
display: none;
}

DIV#sponsorList A {
line-height: 28px;
color:green;
padding: 0 0 0 0px;
margin-left: 400px;
font-size: 21px;
font-weight: bold;
}

DIV#sponsorList A:hover {
color: red;
}

DIV.bannerAd {
display: none;
float: left;
color: black;
margin: -75px 0 0 10px;
}

DIV#makeapayment {
#position: relative;
#top: -10px;
}

DIV.footerlinks {
width: 132px;
float: left;
margin: 0 0 0 299px;
text-align: right;
padding-left: 20px;
}

/* COLORBOX IMPORT */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

.connect_widget .connect_text_wrapper {
margin: -5px 0 0 8px !important;
}

.connect_widget .connect_text_wrapper {
display: none !important;
}

IFRAME.fb_ltr {
width: 525px !important;
}