/* 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

a {
	text-decoration:none;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
 	font: small Verdana, Arial, Helvetica, sans-serif;
	background:#a0c1b2;	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
 }
 
strong {
	color:#486859;
}

/* Container
-------------------------------------------------------------- */
#home #container {
	height: 640px;
}
 
#container { 
	width: 780px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #486859;	
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:10px;
} 

/* Header
-------------------------------------------------------------- */	
#header { 
	background: #ffffff;
	height:170px;
	width:780px;
	overflow:hidden;
} 



#boxes {
	width: 61px;
	float: left;
}

.box {
	margin:10px 20px;
	height:41px;
	width:41px;
}

#logo {
	width: 221px;
	float:left;
	margin:10px 30px;
	padding-top: 35px;
	z-index:2;
	
}

#headerImg {
	background: #ffffff url(images/header.jpg) right no-repeat;
	height:170px;
	z-index:1;
}

#line {
	clear:both;
	background:url(images/line.png) center no-repeat;
	width: 778px;
	height: 20px;
	margin:0;
}

/* navBar
-------------------------------------------------------------- */

#hNav {
	clear: both;
	margin: 5px auto 5px auto; 
	width:738px;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
display:inline;
}

#nav a{
display:block;
padding:0px 5px;
color:#486859;
text-decoration:none;
background-color:#fff;
}
#nav a.youarehere{
font-weight:bold;
}
.line {
color:#486859;
padding:0px 5px;
}
#nav a:hover{
background-color:#a0c1b2;
color:#fff;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
width:11em;
height:auto;
float:left;
background:#fff;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:inline;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:inline;
}

#nav a.relay {color:#6633CC;}


/* Main Content
-------------------------------------------------------------- */
#content {
	clear: both;
	margin:0;

}


.bigbox {
	text-align:center;
	width: 200px;
	float:left;
	height: auto;
	margin:100px 15px 50px 19px;
	display: inline;
}

.bigbox img{
	border:1px solid #7ba290;
	padding:7px;
}
.caption {
	margin:0;
	text-align:center;
	width: 200px;
	color:#486859;
	text-decoration:none;
	font-size: 1.3em;
}

	
#contentContainer{
	background:url(images/brBody.png) no-repeat top left;
	clear:both;
	margin: 40px auto 20px auto; 
	width:675px;
	padding-bottom:10px;
	height:auto;
}

#classDescriptions #contentContainer, #pilates #contentContainer{
	clear:both;
	margin: 60px 60px 20px 60px;
	background:url(images/brBody.png) no-repeat center;

}

#contentContainer span{
	font-size:1.5em;
	color:#486859;
	text-align:center;
}


#home #contentContainer{
		background:none;
		width:750px;
		padding:0 0 40px 20px;
	}

#contentContainer a{
	color:#486859;
}
#relay #contentContainer a:hover{
	color:#6633cc;
}
.contentLeft{
	width:auto;
	float:left;
	margin:10px auto auto 20px;
}

.contentRight{
	width:auto;
	float:right;
	margin:20px 0 auto 20px;
}


#instructors #contentContainer{
	padding-top:20px;
	background:none;
	margin:0 0 30px 65px;
	overflow:hidden;
	width:780px;
}

.instThumb img{
	border:1px solid #486859;
	padding: 5px;
}

.instructor .contentLeft, #private .contentLeft{
	margin-left:25px;
	height:400px;
	border:1px solid #486859;
	padding: 7px;

}


.instructor #contentContainer{
	padding:7px 0 20px 0;
	height:auto;
	
}

.instructor .contentRight{
	width:250px;
	margin:30px 0 20px 0;
	height:400px;
	background:url(images/brBody.png) no-repeat top right;

}

#private .contentRight{
	width:280px;
	margin:30px auto 20px auto;
	height:400px;
	background:url(images/brBody.png) no-repeat top right;

}
#private .contentRight ul{
	margin:10px;
}

.instThumb{
	height:110px;
	width: 160px;
	float:left;
	margin:20px 11px 20px 10px;
	display: inline;
}

.instThumb strong{
	line-height:1.5em;
	
}


#classes #contentContainer{
	background:url(images/brBody.png) no-repeat top right;
	background-position: 80% 0%;
	padding:7px 0 20px 0;
	height:auto;
}

#classes .contentRight{
	width:400px;
	float:right;
	overflow:auto;
	margin:10px 0 auto 30px;
	list-style-type:disc;
}

#classes .contentRight i{
	text-align:center;
	color:#486859;
}

#classes .contentRight ul{
	list-style-type:disc;	
}


#classes .contentLeft{
	width:auto;
	float:left;
	margin:10px 10px auto auto;
}
#classes .contentLeft a:hover{
	font-weight:bold;
}
#classes h3, #pilates h3{
	color:#486859;
}

.list {
	text-indent:2em;
	line-height:1.25em;
}
.relay a:hover {color:#6633cc;}
/* Email Sign up
-------------------------------------------------------------- 
#mc_embed_signup		{width:300px;float:left;}

form.validate			{font: normal 100% Arial;font-size: 12px;}

form.validate fieldset	{-moz-border-radius: 4px;border-radius: 4px;
						 -webkit-border-radius: 4px;border: 1px solid #7ba290;
						 padding-top: 1.5em;margin: .5em 0;
						 background-color: #FFFFFF;color: #333333;}
						 
form.validate legend	{text-transform: capitalize;font-weight: bold;
						 color: #666666;background: #ffffff;padding: .5em 1em;
						 border: 1px solid #7ba290;-moz-border-radius: 4px;
						 border-radius: 4px;-webkit-border-radius: 4px;
						 font-size: 1.2em;}
						 
.indicate-required		{text-align: right;font-style: italic;overflow: hidden;
						 color: #333333;margin: 0 9% 0 0;}
						 
.mc-field-group			{margin: 1.3em 5%;clear: both;overflow: hidden;}

.mc-field-group label	{display: block;margin: .3em 0;line-height: 1em;font-weight: bold;}

.mc-field-group input	{margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;}

#mce-responses			{float: left;top: -1.4em;padding: 0em .5em 0em .5em;
						 overflow: hidden;width: 90%;margin: 0 5%;clear: both;}
						 
.response				{display: none;margin: 1em 0;padding: 1em .5em .5em 0;
						 font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;}
						 
#mce-error-response		{background: #FFEEEE;color: #FF0000;}

#mce-success-response	{background: #;color: #529214;}

#mc-embedded-subscribe	{clear: both;width: auto;display: block;margin: 1em 0 1em 5%;}

.mc_embed_close			{display: none;}*/

/* Relay
-------------------------------------------------------------- */
#relay #contentContainer{
	margin: 40px auto 20px auto; 
	width:720px;
	padding-bottom:10px;
	height:auto;
	background:none;
}
#relay .contentLeft{
	width:175px;
	float:left;
	padding-bottom:10px;
	height:auto;
}
#relay .contentRight{
	width:470px;
	float:right;
	padding-bottom:10px;
	height:auto;
}
#relay h3 {color:#6633CC;
	font-weight:normal;
	font-size:1.6em;
}
#relay .contentLeft h3{font-size:1.2em;
border-bottom:1px dashed #6633CC;
margin-bottom:10px;}
#relay h2 {color:#6633CC;
	font-size:1.6em;text-align:center;}
#relay h1 {color:#6633CC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.5em;
	line-height:1.5em;}
#relay h4, #gallery h4 {color:#6633CC;
	font-size:1.2em;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;}
#relay span{color:#6633CC;}
#relay dl {text-align:center;}
#relay dt {font-weight:bold;
margin-top:5px;
color:#6633CC;

	}
#relay dd{
margin-left:10px;
	}	
	#relay .fight dd{
margin-left:15px;
	}	
#relay .fight dt, #relay .fight dd a{
	font-size:1.4em;}

#relay .frame{
	border:1px solid #7ba290;
	padding:7px;
	margin-top:20px;
	width:166px;
}

#relay .contentRight p, #relay .contentRight h1, #relay .frame{
	text-align:center;
}
#relay .contentRight strong{
	color:#000000;
}
#relay .contentRight p.left{
	text-align:left;
	font-size:1.1em;
}
#relay .contentRight h3.center{text-align:center;
	margin-top:10px;}
#relay .contentRight p.small{
	font-size:smaller;
}
#galleries li{text-align:center;
	font-size:1.1em;}
#galleries li a:hover{color:#6633CC;}
#slideshow1{
height:420px;
margin:20px;}
.pics img{padding:5px;
	border:solid 1px #6633CC;
	margin-left:10px;}
#slideshow2 img{
	margin-left:0px;}
.pics img.port{margin-left:70px;}
#gallery #galleries{text-align:center;}
#gallery #galleries li{display:inline;
text-align:center;
margin:10px;}
#gallery #contentContainer{width:740px;
margin:20px}
#walkers {margin: 20px }
#luminarias {margin: 20px }
#hanginout {margin: 20px }
.pics { width: 740px; margin: 10px;}
.pics a { width: auto; float: left; margin: 8px; list-style: none;}
/* Form
-------------------------------------------------------------- */
.fieldset {
	width:300px; }
.fieldset .label {
	text-align:right;
	width:70px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; }
.fieldset .nobr {
	display:none; }  
.fieldset .textfield {
	margin:3px;
	height:20px;
	width:200px; }
.fieldset .textarea {
	margin:3px;
	height:165px;
	width:200px; }


/* Table
-------------------------------------------------------------- */
#schTable{
	margin-top:40px;
	margin-bottom:20px;
}

#schTable table{
	clear:both;
	border:1px solid #486859;
	border-collapse:collapse;
	margin:0 auto;
}

#schTable th{
	border:1px solid #486859;
	text-align:center;
	font-weight:normal;
}

#schTable td{
	border:1px solid #486859;
	height:5em;
	width:7em;
	padding:5px;
	vertical-align:middle;
	font-size:11px;
	text-align:center;
}

#schTable caption{
	color:#7ba290;
	text-align:left;
	line-height:1.5em;
}
#schTable caption span{
	font-size:1.75em;
}

#schTable a.inst{
	color:#486859;
	font-size:11px;
}

#schTable a.cls{
	color:#333333;
}

#schTable a:hover{
	color:#ffffff;
}
.time{
	text-align:left;
}

.ml1 {
	background:#95b3d7;
}	

.ml2 {
	background:#d99795;
}	

.ml12 {
	background:#b2a1c7;
}	

.ml3 {
	background:#dbeef3;
}	

.intro {
	background:#c2d69a;
}	
.ball {
	background:#e5e0ec;
}	
.pp {
	background:#948b54;
}	
.ath {
	background:#fac090;
}	

/* jqModalWindow
-------------------------------------------------------------- */
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 25%;
    left: 50%;
    
    margin-left: -210px;
    width: 400px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid #486859;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


	
/* Footer
-------------------------------------------------------------- */
#footer {
	margin:0;
	font-size:.75em;
	height:2em;
	color:#486859;
	padding:0 5px 0 5px;
}

#address {

	width: auto;
	float: left;
}

#copyright {
	width: auto;
	float: right;
	}

/* Utilities
-------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}