/*--- 
Drive New Media
CSS Template
8/2008
---*/

/* Colors: 
			green: #777c65;
			brown: #543f14;
			light green: #abb191;
			
*/

/*reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

ul li {
	list-style-type:none;
}

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

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size:100%; /*default font size for all browsers is 16px */
	line-height:1.25em; /* 16×1.125=18px*/
	text-align:center;
	background: #abb191 url(../../images/pixelPattern.gif) repeat;
	color: #000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0 auto;
	padding: 0;
}

html>body {
/* Resetting font-size for Safari (default for monospaced fonts in Safari is 13px). IE ignores this */
	 font-size:16px; 
}

/* -------------------------- HEADERS ------------------------------------ */

h1,h2,h3,h4,h5,h6 {letter-spacing:1px; color: #fff; }

h1 {
	font-size:2em;  /* 16x2=32px */
	font-weight: bold;
}
h2 {font-size:1.125em;  /* 16x1.125=18px */}
	
h3 {font-size:.81em;  /* 16x.81=13px */}
h4 {font-size:.875em;  /* 16x.875=14px */}


/* ------------------------- LAYOUT SECTIONS ------------------------------ */

#header {
	background-color: #777c65; /* green */
	border-bottom: 10px solid #fff;
	width: 100%;
	margin: 0;
	padding: 0;
}

#headerContent {
	height: 200px;
	width: 740px;
	margin: 0 auto;
	padding-top: 10px;
}

#logo {
	width: 320px;
	float: left;
}

a.goOneOne { display: block; background: url(../images/btn_visitMain.gif) no-repeat top left; width: 271px; height: 28px; margin-left: 25px; }
a:hover.goOneOne  { background-position: bottom left; }

#mainNav_group {
	width: 382px;
	float: right;
	text-align: right;
	font-size: 1.25em; /* 16x1.25em=20px */
	line-height: 1.56em; /* 16x1.56em=25px */
	height: 210px;
}

#subNav a:hover {
	text-decoration: underline;
	}

body.pageGroup ul.workouts li { list-style-image: url(../../images/listItemCheck.gif); list-style-position: inside; } 
#content {
	background-color: #abb191;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	font-size: .9em;
	line-height: 1.4em;
	padding-top: 20px;
	min-height: 100%;
}

#full { padding: 0 10px 15px; float: left; width: 640px;}
#full h1, #full h2 {text-align: center; }

#galleryfull { padding: 0 10px 20px; float: left; margin-left: 80px; width: 600px;}
#full h1, #full h2 {text-align: center; }

.noParking { clear: both; margin: 0 0 20px 20px; width: 640px; }


#left, .left {
	width: 296px;
	float: left;
	padding-left: 15px;
}

#right, .right {
	width: 344px;
	float: right;
	padding-left: 20px;
	padding-right: 15px;
}

#left ul li, #right ul li { padding-bottom: 5px; }

#rightSub {
	padding: 25px 15px 0 20px;
	float: right;
	width: 344px;
}

.hide {
	display: none !important;
}

.listPoints {
	list-style: disc outside;
	margin-left: 12px;
}

.number {
	font-size: 1.4em;
}

table { clear: both; font-size: .75em; margin: 10px; }
table tr td { border-bottom: 1px #000 solid; border-left: 1px #000 solid; padding: 6px; width: 82px; line-height: 1.1; }
table tr td.zone { width: 20px; border-left: none; font-weight: bold; }
.days { border-left: none; text-align: center; font-weight: bold; border-top: 1px #000 solid; }
.noBorder { border: none; }

#footer {
	position: relative;
	clear: both;
	background-color: #777c65;
	color: #fff;
	font-size: .8em;
	height: 60px;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 6px;
} 

.borderImg {
	margin-bottom: 10px;
	border: 10px solid #fff;
}

.onlineServices li {
	padding-bottom: 10px;
}

.testimonialPar { vertical-align: text-top; }

.ideaFit { border: 10px solid #fff; margin: 10px; }

.flier { margin-left: 25px; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatClear { clear:both; }
.underline { text-decoration: underline; }
.comingSoon { position: absolute; top: 10px; left: 10px; }
.marginLeft20 { margin-left: 20px; }
hr { border: none; width: 100%; border-bottom: 1px #fff solid; }
ul.trainers li h2 { margin-bottom: -10px; }
#right ul.trainers { margin-top: 95px; }
.black { color: #000; }
.underline { text-decoration: underline; }
.aboutPic { float: left; margin: 0 5px 5px 0; }

.pageYoga #content #right ul { margin-top: 153px; }

/* ------------ main navigation at top ------------------*/
ul#nav {
	text-align: left;
	background-repeat: no-repeat;
	width: 187px;
	height: 190px;
	position: relative;
	right: 20px;
	top: 0px;
	margin: 0;
	padding: 0;
}


ul#nav li {
	float: right; 
	list-style-type: none;
	height: 30px;
}

ul#nav li a {
	width: 187px;
	height: 30px;
	position: absolute; 
	text-indent: -9999px !important;
	outline: none;
}

li#navClasses a, li#navFaqs a, li#navPhotoGallery a, li#navDirectionsParking a, li#navAbout a, li#navContact a {
	background: url(../images/nav_bg.gif);
	background-repeat: no-repeat;
}


li#navClasses a {
	background-position:0 0; 
	height: 27px;
	top:0; 
}
li#navClasses a:hover {
	background-position: -187px 0;
}
body#pageClasses li#navClasses a {
	background-position: -187px 0;
}


li#navFaqs a {
	background-position: 0 -27px; 
	height: 26px;
	top: 27px; 
}
li#navFaqs a:hover {
	background-position: -187px -27px;
}
body#pageFaqs li#navFaqs a {
	background-position: -187px -27px;
}


li#navPhotoGallery a {
	background-position: 0 -53px; 
	height: 26px;
	top: 53px; 
}
li#navPhotoGallery a:hover {
	background-position: -187px -53px;
}
body#pagePhotoGallery li#navPhotoGallery a {
	background-position: -187px -53px;
}


li#navDirectionsParking a {
	background-position: 0 -78px; 
	height: 28px;
	top: 78px; 
}
li#navDirectionsParking a:hover {
	background-position: -187px -78px;
}
body#pageDirectionsParking li#navDirectionsParking a {
	background-position: -187px -78px;
}


li#navAbout a {
	background-position: 0 -103px; 
	height: 24px;
	top: 103px; 
}
li#navAbout a:hover {
	background-position: -187px -103px;
}
body#pageAbout li#navAbout a {
	background-position: -187px -103px;
}



li#navContact a {
	background-position: 0 -128px; 
	height: 20px;
	top: 128px; 
}
li#navContact a:hover {
	background-position: -187px -128px;
}
body#pageContact li#navContact a {
	background-position: -187px -128px;
}