/* CSS Document */
*{margin:0;padding:0;}
body{background-color: #c0c0c0;
font-family: arial;
}
.wrapper{
width: 1024px;
position:relative;
margin: 0 auto 0 auto;
}
.container{
width: 1024px;
float:left;
display:inline;
background: url(/img/dummy.gif) 0px 115px no-repeat #f2f2f2;
min-height: 1060px;
}
.header{
width: 1024px;
float:left;display:inline;
height: 115px;
padding: 0 0 2px 0;
border-bottom: 1px solid #aaaaaa;
background: url(/img/wood.gif) 114px 0px repeat-x #fff;
}
.location{
text-align: right;
color: white;
width: 426px;
height: 60px;
float:right;display:inline;
font-size: 14px;
margin: 10px 0px 0 0;
padding: 0 35px 0 0;
}
.menu
{
padding: 0 35px 0 0;
margin: 11px 0px 0 0;
height: 33px;
width: 428px;
float:right;display:inline;
}
.menu ul 
{
list-style: none;
float:left;display:inline;
}
.menu ul li
{
background-repeat: no-repeat;
height: 33px;
float:left;display:inline;
}
.menu ul li a
{
background-image: url(/img/mymenu.gif);
display: block;
cursor: pointer;
height: 33px;
float:left;display:inline;
text-decoration: none;
}
.menu ul li a span
{
visibility: hidden;
}
.menu ul li.videos a
{
background-position: 0px 0px;
width: 90px;
}
.menu ul li.photos a
{
background-position: -95px 0px;
width: 79px;
}
.menu ul li.blog a 
{
width: 75px;
background-position: -174px 0px;
}
.menu ul li.schedule a
{
width: 97px;
background-position: -249px 0px;
}
.menu ul li.contact a
{
width: 85px;
background-position: -346px 0px;
}
.header div a img {
border: 0;
}
.logo
{
float:left;display:inline;
margin: 20px 0 0 123px;
}
.title{
float:left;display:inline;
margin: 30px 0 0 20px;
}
.content
{
z-index:9;
width: 800px;
margin: 0 0 0 200px;
background: url(/img/content.gif) 0px -3px no-repeat #f8f8f8;
float:left;display:inline;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
color: #000;
}
/* slideshow */
.slideshow
{
height: 244px;
width: 694px;
float:left;display:inline;
background: url(/img/slideshow.gif) top right no-repeat;
margin: 20px 0 0px 83px;
}
.slide-buttons
{
float:left;display:inline;
width: 404px;
height: 54px;
margin: 10px 0px 0px 373px;
}
.slide-buttons ul
{
float:right;display:inline;
list-style:none;

}
.slide-buttons li
{
margin: 0 2px 0 0;
float:left;display:inline;
width: 130px;
height: 27px;
background: url(/img/slide-button.gif) top left no-repeat;
}
.slide-buttons li a
{
font-size: 12px;
font-weight: bold;
display:block;
padding: 5px 0 0 0;
width: 130px;
height: 22px;
text-align: center;
cursor:pointer;
}
.slide-buttons li a:hover, .slide-buttons li a.selected
{
color: #AF452A;
}
.slidephoto ul {
list-style:none;
}
.slidephoto ul li
{
position: absolute;
top:90px;
left:200px;
}
.slidephoto ul li a img
{
	border: 0;
}
.inner-content
{
padding: 20px;
line-height: 22px;
font-size: 14px;
clear: both;
}
.inner-content ul, .inner-content ol
{
margin: 0 0 15px 50px;
}
.inner-content p
{
margin: 0 0 15px 0;
}
.inner-content h1, .inner-content h2, .inner-content h3, .inner-content h4, .inner-content h5{
margin: 0 0 15px 0;
}
.inner-content h1
{
font-weight: normal;
font-size: 24px;
}
.inner-content h2
{
font-weight: normal;
font-size: 18px;
}
#breadcrumb{
margin: 0 0 15px 0;
font-size: 11px;
}

.slidetext
{
width: 370px;
padding: 10px 4px 0 300px;
}
.slidetext ul
{
list-style:none;
position: relative;
}
.slidetext ul li
{
line-height: 22px;
font-weight: bold;
font-size: 14px;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
background-color: #f3f5f2;
width: 370px;
height: 200px;
padding: 20px 20px 0 0;
}

/**** GALLERY ****/
div.photos{
float:left;display:inline;
}
div.photos ul
{
list-style:none;
margin:0;padding:0;
}
div.photos ul li
{
margin: 0 20px 0 20px;
float:left;display:inline;
}
div.photos ul li a img
{
border: 0;
}
/***** CONTACT FORM *****/
fieldset#contactFormFields
{
width: 815px;
float:left;display: inline;
border: 0;
}
fieldset#contactFormFields label {
text-align: right;
clear: both;
display:block;
float:left;display:inline;
width: 150px;
margin: 0 10px 0 0px;
color: #4F4F4F;
vertical-align: top;
}
fieldset#contactFormFields input,fieldset#contactFormFields textarea {
width: 400px;
float:left;display:inline;
border: 1px solid #C0C0C0;
vertical-align: top;
}

.learn-more,.related
{
clear: right;
width: 200px;
float:right;display: inline;
border: 2px solid #E1E1E1;
padding: 15px;
margin: 0 0 15px 15px;
}

/***** SCHEDULE ****/
#class-schedule
{
margin:0 0 20px 25px;
background: url(/img/large_logo.jpg) 160px 0px no-repeat #fff;
float: left; display: inline;
width: 720px;
border: 1px solid black;
padding: 10px 0 10px 0;
font-weight: bold;
}
.class-day
{
margin: 0;
width: 120px;
height: 400px;
float:left;display:inline;
}
.class-day h6
{
text-align: center;
font-weight: normal;
margin: 0;
width: 120px;
border-bottom: 1px solid black;
font-size: 14px;
}
.class-block
{
padding: 3px;
width: 114px;
margin: 0 0 10px 0;
font-size: 12px;
opacity: .8;
border-bottom: 1px solid black;
}
.youth
{
background-color: #ABEF95;
}
.tai-chi
{
background-color: #E0EEEF;
}
.grappling
{
background-color: #8FB8FF;
}
.kickboxing
{
background-color: #F9FFDF;
}
.muay-thai
{
background-color: #FF6F6F;
}
.conditioning
{
background-color: #FFE08F;
}
.wing-chun
{
background-color: #FFCFFE;
}
.filipino
{
background-color: #FFD6BF;
}
.mma
{
background-color: #C0BFFF;
}
.private
{
background-color: #c3eccd;
}
.private a{
font-weight: normal;
}

#martial-arts-styles tr td, td.small
{
background-color: white;
border-bottom: 3px solid #f8f8f8;
}
#martial-arts-styles tr td a img
{
border: 0px;
}
#contactForm 
{
width: 580px;
}
#contactForm p
{
text-align: center;
}
#contactForm p input
{
margin: 10px 0 0 0;
width: 100px;
border: 1px solid #f8f8f8;
background-color: #af4429;
color: white;
font-weight: bold;
}
#footer
{
padding: 5px;
background-color: #f2f2f2;
font-size: 11px;
text-align: center;
line-height: 20px;
}
#contactFormFields label.error
{
text-align: right;
color: red;
font-style: italic;
}
.mission
{
clear: both;
margin: 15px;
border: 3px solid  #f2f2f2;
padding: 5px;
font-size: 16px;
font-style: italic;
line-height: 20px;
}
.offer
{
width: 736px;
border: 2px solid #AF452A;
background-color: white;
padding: 10px;
float:left;display:inline;
margin: 0 0 15px 0;
}
.offer:hover
{
border-color: #AF452A;
}
.offer img
{
float:left; display:inline;
margin: 0 15px 0 0;
}
.offer a
{
color: black;
font-size: 18px;
display: block;
text-decoration: none;
padding: 25px 25px 15px 0px;
}
.offer a:hover
{
text-decoration: underline;
}
.page_numbers
{
text-align: center;
margin: 0 0 15px 0;
padding: 0 0 0 10px;
}
.page_numbers a {
margin: 0 10px 0 0;
}
.red{
	color: #AF452A;
}
.caption{
	font-style:italic;color: #AF452A;
}
div#dropdown{
position:fixed;
top:-403px;
left:0px;
z-index:1000;
padding-bottom: 32px;
}
div#dropdown img {
display: block;
border-right:3px solid #c0c0c0;
border-bottom:3px solid #c0c0c0;
border-top:0px;
border-left:0px;
}
div#dropdown div.tab {
background-image: url(/img/dropdown-tab.png);
width: 106px;
height: 29px;
position: absolute;
bottom: 3px;
left: 10px;
font-size:10px;
text-align:center;
z-index:1001;
padding: 3px 0 0 0;
}
div#dropdown div.tab a { cursor: pointer;
color: blue; font-weight:bold; }
div#dropdown div.tab a:hover {
color: #881D1D;
}