﻿body {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font: 12px Helvetica, Arial, Verdana, Sans-Serif;
    color: #ffffff;
    background: url("images/bg.jpg") repeat-x top #ff9900;
    text-align: center;
}

a {	
	color: #ffffdc;
	text-decoration: none;
}

a:hover {	
	color: #ffffdc;
	text-decoration: underline;
}

a:active {	
	color: #ffffdc;
	text-decoration: underline;
}

a:visited {	
	color: #baba9b;
	text-decoration: none;
}

.clear { clear:both;}
.none { display:none;}

/*LAYOUT CLASSES------------------ */

#wrapper {
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    width: 865px;
    padding: 0px;
}

/* LINKS ---------------------*/

#logolink {
     display: block;
     height: 140px;
     width: 140px;
}


/*FRONT PAGE------------------------*/

#frontswf {
     width: 865px;
     background: transparent;
     margin: 0px 0px 4px 0px;
     padding: 0px;
     
}

#left-padding {
     width: 100px;
	 height: 190px;
     margin: 0px;
     padding: 0px;
     float: left;
}


#info-container {
     width: 765px;
     height: 190px;
     background: #31240d;
     margin: 0px;
     padding: 0px;
     float: right;
}

#info-left {
     width: 470px;
     float: left;
	 margin: 0px;
	 padding: 0px;
}

#info-right {
     width: 295px;
     float: right;
	 margin: 0px;
	 padding: 0px;
}

.info-title {
     padding: 6px 0px 0px 14px;
     text-align: left;
	 margin: 0px;
}

.info-l {
     font-family: Helvetica, Arial, Verdana, sans-serif;
     font-size: 11px;
     padding: 3px 20px 0px 20px;
	 margin: 0px;
     text-align: left;
     background: url("images/quotes.png") no-repeat top left;
	 height: 165px;
}

.info-r {
     padding: 0px 20px;
	 margin: 0px;
     text-align: right;
	 height: 165px;
}

/* MENU ----------------------*/

#logo {
     width: 765px;
	 height: 140px;
	 padding: 0px;
	 margin: 0px 0px 0px 0px;
	 background: url("images/logo.png") no-repeat top left;
}

#menu-container {
     width: 765px;
	 height: 30px;
	 background: transparent;
	 margin: 0px 0px 1px 0px;
	 padding: 0px;
	 text-align: right;
}

ul#menu{
	 margin: 0px;
	 padding: 0px;
	 list-style-type: none;
	 display: block;
	 height: 30px;
	 font-size: 12px;
	 font-weight: bold;
	 font-family: Helvetica, Arial, Verdana, sans-serif;
	 float: right;
}
ul#menu li{
	 display: block;
	 float: left;
	 margin: 0px 0px 0px 1px;
	 padding: 0px;
	 background: #110f0f;
	 line-height: 30px;
}
	
ul#menu li.first{
	 display: block;
	 float: left;
	 margin: 0px 0px 0px 0px;
	 padding: 0px;
	 background: #110f0f;
	 line-height: 30px;
}

ul#menu li.selected{
	 display: block;
	 float: left;
	 margin: 0px 0px 0px 1px;
	 padding: 0px 10px;
	 background: #a03303;
	 line-height: 30px;
}


ul#menu li a{
	 display: block;
	 float: left;
	 color: #ffffff;
	 text-decoration: none;
	 padding: 0px 10px;
	 height: 30px;
}

ul#menu li a:hover{
	 background: #a03303;	
}



/* PAGE LAYOUT -----------------*/

#cl-con,
#g-con {
     width: 765px;
	 height: 700px;
     background: url("images/con-bg1.jpg") no-repeat top right #31240d;
     margin: 0px;
     padding: 0px;
}

#in-con,
#c-con {
     width: 765px;
	 height: 700px;
     background: url("images/con-bg2.jpg") no-repeat top right #31240d;
     margin: 0px;
     padding: 0px;
	 text-align: left;
}

#k-con {
     width: 765px;
	 height: 700px;
     background: url("images/con-bg3.jpg") no-repeat top right #31240d;
     margin: 0px;
     padding: 0px;
	 text-align: left;
}

#hr {
     height: 1px;
	 background: url("images/hr.png") repeat-x;
	 margin: 3px 0px 4px 0px;
}

/* INSTRUCTORS PAGE -----------------*/

#in-content {
     margin: 0px;
	 padding: 40px 40px 0px 40px;
	 text-align: left;
}

.bio-container {
	 margin: 0px 0px 0px 0px;
	 padding: 0px;
	 text-align: left;
}

.white {
     width: 145px;
	 height: 210px;
	 margin: 0px 10px 0px 0px;
	 padding: 0px;
	 background: #ffffff;
	 float: left;
}

.info {
     width: 530px;
	 margin: 0px;
	 padding: 0px;
	 text-align: left;
}

.name {
     font-size: 30px;
	 font-family: Georgia, Serif;
	 font-weight: bold;
	 color: #e4e4e4;
	 margin: 0px;
	 padding: 0px;
	 line-height: 25px;
}

.position {
     font-size: 14px;
	 font-weight: normal;
	 font-style: italic;
	 font-weight: bold;
	 font-family: Georgia, Serif;
	 color: #b8b4ad;
	 margin: 0px 0px 4px 0px;
	 padding: 0px;
}

.text {
     font-family: Helvetica, Arial, Verdana, sans-serif;
	 font-size: 14px;
	 color: #ffffff;
	 font-weight: normal;
	 margin: 0px;
	 padding: 0px;
}

.picture {
     height: 130px;
     padding: 0px;
	 margin: 6px 6px 8px 6px;
	 background: #000000;
}

.text2 {
     font-family: Helvetica, Arial, Verdana, sans-serif;
	 font-size: 11px;
	 color: #6c6c6c;
	 font-weight: normal;
	 margin: 0px 6px 0px 6px;
	 padding: 0px 0px 5px 0px;
}

a.bio {	
    font-size: 11px;
	color: #c13808;
	text-decoration: none;
}

a:hover.bio {	
	font-size: 11px;
	color: #c13808;
	text-decoration: underline;
}

a:active.bio {	
	font-size: 11px;
	color: #c13808;
	text-decoration: underline;
}

a:visited.bio {	
	font-size: 11px;
	color: #c13808;
	text-decoration: none;
}
	 
/* CLASSES PAGE --------------------*/
#cl-content {
	 margin: 0px;
	 padding: 35px 50px 0px 50px;
	 text-align: center;
}

#cl-dark {
     background: url("images/rowdark.png");
	 padding: 0px 0px 0px 0px;
	 margin: 0px;
}

#cl-light {
     background: url("images/rowlight.png");
	 height: 35px;
	 padding: 0px;
	 margin: 0px 0px 1px 0px;
}

#cl-notes {
     text-align: right;
	 margin: 3px 0px 0px 0px;
	 padding: 0px;
}

.category {
     font-family: Helvetica, Arial, Verdana, sans-serif;
     font-size: 14px;
	 font-weight: bold;
     padding: 10px;
     text-align: left;
	 float: left;
}

.subcat {
     font-family: Helvetica, Arial, Verdana, sans-serif;
     font-size: 12px;
	 font-weight: bold;
     padding: 10px 10px 10px 40px;
     text-align: left;
	 float: left;
}

.price {
     font-family: Helvetica, Arial, Verdana, sans-serif;
     font-size: 12px;
	 font-weight: bold;
     padding: 10px 40px 10px 10px;
     text-align: right;
	 float: right;
}

.notes {
     font-family: Helvetica, Arial, Verdana, sans-serif;
     font-size: 11px;
	 color: #ffffdc;
     padding: 0px;
}


/* KIDS PAGE -----------------*/

#k-content {
     margin: 0px;
	 padding: 40px 0px 0px 126px;
	 text-align: left;
}

.kidpic {
     width: 288px;
	 height: 344px;
	 margin: 0px 6px 6px 0px;
	 padding: 0px;
	 float: left;
}

.title {
     width: 582px;
     text-align: left;
	 margin: 0px 0px 40px 0px;
	 padding: 0px;
}

.kidsinfo {
     width: 507px;
	 margin: 0px;
	 padding: 0px;
	 text-align: left;
	 font-size: 14px;
	 font-weight: normal;
}

.classlink {
     width: 507px;
	 margin: 12px 0px 0px 0px;
	 padding: 0px;
	 text-align: right;
}
	 
/* KIDS PAGE -----------------*/

#g-content {
     margin: 0px;
	 padding: 40px 0px 0px 75px;
	 text-align: left;
	 
}	 

#gallery {
     width: 600px;
	 height: 500px;
	 margin: 0px;
	 padding: 0px;
	 text-align: left;
	 z-index: 999;
}

/* CONTACT PAGE --------------------*/
#c-content {
	 margin: 0px;
	 padding: 40px 30px 0px 30px;
	 text-align: left;
}

 #map-con {
     width: 370px;
	 height: 290px;
	 padding: 0px;
	 margin: 0px;
	 float: left;
	 color: #000000;
	 border: 2px solid #49340e;
}

#c-info {
     width: 320px;
     height: 290px;
     padding: 0px;
	 margin: 0px;
	 text-align: left;
	 float: right;
}

.concentriclarge {
     font-size: 30px;
	 font-weight: bold;
	 padding: 50px 0px 0px 12px;
	 margin: 0px 0px 3px 0px;
	 color: #ffffff;
	 clear: both;
}

.address {
     font-size: 16px;
	 font-weight: normal;
	 padding: 0px 0px 10px 15px;
	 margin: 0px 0px 10px 0px;
	 color: #ffffff;
	 border-bottom: 1px dotted #4e432f;
	 clear: both;
}

.email {
     padding: 0px 0px 8px 8px;
	 margin: 0px;
	 clear: both;
}

a.email {
     font-size: 18px;
	 font-weight: bold;
	 text-decoration: none;
}

a.email:hover{
     font-size: 18px;
	 font-weight: bold;
	 text-decoration: underline;
}

.phone {
     padding: 0px 0px 8px 15px;
	 margin: 0px;
	 font-size: 18px;
	 font-weight: bold;
	 clear: both;
}

/* FOOTERS ------------------ */

#copyright-front {
     width: 865px;
     text-align: right;
     font-family: Helvetica, Arial, Verdana, sans-serif;
     color: #eeeeee;
     font-size: 11px;
     padding: 3px 3px 10px 0px;
     margin: 0px;
}

#copyright {
     width: 765px;
     text-align: right;
     font-family: Helvetica, Arial, Verdana, sans-serif;
     color: #eeeeee;
     font-size: 11px;
     padding: 3px 3px 10px 0px;
     margin: 0px;
}