/* @override 
	http://localhost/~brian_anderson/wnc/public/stylesheets/site.css
	http://wnc.waytohustle.com/public/stylesheets/site.css
*/

/*From YUI-Reset, ripped off*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

strong {
  font-weight: bold;
}



/* - The main styles ------------*/

body {
  /*font-family:georgia, serif;*/
  /*font-family: helvetica, arial, san-serif;*/
  font-family: georgia, serif;

  color: #493b1b;
  margin:0;
  padding:0;
  background:#3A2400;
}

h1, h2,h3,h4,h5,h6{
  font-family: helvetica, arial, san-serif;
  text-transform: uppercase;
}


#container,
#container-body{
  width:900px;
  margin:0 auto;
  border:0;
  border-color:#1E0F00;
  border-style: solid;
  border-left-width: 5px;
  border-right-width: 5px;
  border-bottom-width:5px;
  
  background:#FDF8D2;
  position:relative;
}

#container-body {
  background:#fff;
}

#masthead, #masthead_content{
  border-bottom:7px solid #0E713B;
  height: 350px;
  overflow: hidden;
}

#masthead_content {
  height: 289px;
  border:0;
}

#masthead_content img, #masthead img {
  position:absolute;
  top:0;
  left:0;
}


ol#nav{
  z-index:2;
  position:absolute;
  left:0;
  top:20px;
  font-size:1.8em;
}

#nav li {
  margin: 2px 0;
}

#nav li a {
  background: url('../images/navigation_2.png') #392d15;
  text-transform: uppercase;
  text-decoration:none;
  color: #fff;
  overflow:hidden;
  width: 225px;
  height: 51px;
  display: block;
  text-indent:-1000em;
}

#nav li a.here {
  background-repeat: no-repeat;
}

#nav li a#prices{          width:145px;}
#nav li a#prices:hover{    background-position: 223px 0;}
#nav li a#prices.here {    background-position: -225px 0px; width: 901px; background-color: #602434;}


#nav li a#gym{ 		         background-position: 0 -51px;       width:125px;}
#nav li a#gym:hover{       background-position: 223px -51px;}
#nav li a#gym.here {       background-position: -225px -51px; width: 901px; background-color: #953A14;}


#nav li a#classes{         background-position: 0 -102px;      width:175px;}
#nav li a#classes:hover{   background-position: 223px -102px;}
#nav li a#classes.here {   background-position: -225px -102px; width: 901px; background-color: #db3f00;}

#nav li a#outdoor{         background-position: 0 -153px;      width:200px;}
#nav li a#outdoor:hover{   background-position: 223px -153px;}
#nav li a#outdoor.here {    background-position: -225px -153px; width: 901px; background-color: #5FBBD6;}


#nav li a#community{       background-position: 0 -204px;      width:225px;}
#nav li a#community:hover{ background-position: 223px -204px;}
#nav li a#community.here { background-position: -225px -204px; width: 901px; background-color: #22616A;}


div#home_body{
	position: relative;
	background: url('../images/body_back.png') repeat-x #fffcf4;
	padding-bottom: 10px;
	font-family:georgia, serif;
}

div#home_body img {
  position:absolute;
  top: 0;
  left: 0;
}

div#home_body h1 {
	margin:0 0 20px 250px;
	height:75px;
	width: 400px;
	background: url('../images/home_heading.png') no-repeat transparent;	
}
div#home_body h2 {
	display: none;
}

div#home_body p {
	margin:0 1em 0.5em 254px;
}


.third-contain {
  /* not sure what to put here */
}

.third-contain .thirds {
  float:left;
  width: 300px;
}

.third-contain .thirds-end, .clear {
  clear: both;
}

#third-home {
  background:url('../images/home_column_back_4.jpg') bottom no-repeat;
  color: #fef9e3;
  padding-bottom: 1em;
}
/*#third-home #location { width: 301px;}
#third-home #contact { width: 299px; }*/

#third-home h1 {
  height: 34px;
  overflow:hidden;
  width: 100%;
  text-indent: -9999em;
  background:url('../images/home_hours.png') no-repeat #fffcf4;  	  
}

#hours h1 { background-image:url('../images/home_hours.png');}
#location h1 { background-image:url('../images/home_location.png');}
#contact h1 { background-image:url('../images/home_contact.png');}



#third-home div p,
#third-home div ol,
#third-home div dl {
  padding: 1em 0.25em 0.4em 32px;
}

/* map */
div#location.thirds p {
  padding: 0;
}
div#location.thirds p a{
  display: block;
  background: url('../images/micro_map.png') no-repeat 10px 1em;
  padding: 2em 0.25em 80px 145px;
  color: #fef9e3;
}

#hours ol li {
  font-size: 1.1em;
  position: relative;
  padding:0.11em 0;
}
#hours ol li span{
	position: absolute;
	left: 60%;
	font-weight:normal;
}

#hours ol li.closed {
	font-size: 0.9em;
	color: #bf9b5e;
}

#contact dl dd{
  font-size: 1.2em;
  margin-bottom: 0.75em;
}

#contact dl dd a{
  color: inherit;
}

.ir {
  overflow:hidden;
  display: block;
  text-indent: -9999em;
}

#container-body #footer,
#footer {
  border-top: 4px solid #493b1b;
  background: url('../images/footer_background.jpg') no-repeat #fff;
  padding-top: 55px;
  color: #8b8270;
  padding-bottom: 1em;
  text-align:center;
  font-size: 0.9em;
  margin:0;
/*  color: #B18741;
  background-color:#3A2400;
*/}


/* ========================================= */
/* = These things pertain to content pages = */
/* ========================================= */

/*Price part*/
div.prices h2 span {
  color:black;
}


div.callout{
  font-family: georgia, serif;
  background: url('../images/callout.jpg') no-repeat #fff;
  height:157px;
  overflow: hidden;
  font-size:50pt;
  position:relative;
  margin-bottom: 0.5em;
}

#container-body div.callout *, 
#container-body div.callout p {
/*  text-transform: capitalize;*/
  margin:0 2em;
  position:absolute;
}
#container-body h1 {
  font-family: georgia, serif;
  margin:1.5em 0.5em 0.5em 2.0em;
  color:#493B19;
  font-size:1.7em;
}


#container-body h2, 
#container-body h3 {
  clear: left;
}

#container-body h2, #container-body p{
  display:block;
  margin:1.5em 0.5em 0.5em 2.25em;
  font-family: georgia, serif;
}

#container-body h2 {
  color:#cf5e00;
  font-size:1.5em;
}

#container-body p {
	margin: 0.5em 3.5em 1em;
}

#container-body h3 {
  color: #00814c;
  text-transform: none;
  margin: 2em  0.5em 0.5em  2.85em;
  font-size: 1.2em;
}

#container-body h3 span.title {
  font-style: italic;
  font-size: 0.9em;
  color: #63a389;
}

#container-body ul {
  margin-left: 5em;
  list-style-type: disc;
}

#container-body img.staff {
  float: left;
  clear: left;
  margin: 0.3em 0.5em 2em 0;
}

/*#container-body h2 span.price {
  background:yellow;
  padding:0.0em 0.2em 0.2em;
}*/