/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Web Editors
	Date: 3/25/2009 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global 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,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}



/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(images/stripes.png) repeat; font:14px Arial, Helvetica, sans-serif; text-align:center; color:#3D241D;}
a, a:visited {color:#729946; text-decoration:underline; font-weight:bold;}
a:hover {color:#BEBB35; text-decoration:none;}
p {line-height:18px; margin:0 20px 10px 30px; padding:0;}
h2, h3, h4 {font-weight:bold; margin:0 30px; padding:0;}
h2 {font-size:20px; margin-bottom:15px;}
h3 {font-size:18px; margin:20px 30px;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:10px 20px; padding:10px 20px;}
ol {margin:10px 40px; padding:10px 40px;}
li, td {line-height:17px;}


/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {width:100%; background:url(images/top_stripe.gif) top repeat-x; overflow:hidden;}
#innerWrap {width:988px; background:url(images/top_bgd.gif) top center no-repeat; overflow:hidden;}


/* 3.1 Header
**************************************************************************************************************/

	ul#nav li.parent {display:block; float:left; list-style:none; margin:0 auto; padding:0;}
		ul#nav li.parent a.png {display:block; height:36px; text-indent:-9999px; overflow:hidden;}
		.homeBtn, .homeBtn a {background:url(images/home.png); width:63px;}
			.homeBtn a:hover {background:url(images/home_active.png);}
		.aboutBtn, .aboutBtn a {background:url(images/about.png); width:71px;}
			.aboutBtn a:hover {background:url(images/about_active.png);}
		.instructorsBtn, .instructorsBtn a {background:url(images/instructors.png); width:116px;}
			.instructorsBtn a:hover {background:url(images/instructors_active.png);}
		.packagesBtn, .packagesBtn a {background:url(images/packages.png); width:96px;}
			.packagesBtn a:hover {background:url(images/packages_active.png);}
		.lessonsBtn, .lessonsBtn a {background:url(images/privatelessons.png); width:155px;}
			.lessonsBtn a:hover {background:url(images/privatelessons_active.png);}
		.pressBtn, .pressBtn a {background:url(images/press.png); width:63px;}
			.pressBtn a:hover {background:url(images/press_active.png);}
		.tipsBtn, .tipsBtn a {background:url(images/tips.png); width:51px;}
			.tipsBtn a:hover {background:url(images/tips_active.png);}
		.contactBtn, .contactBtn a {background:url(images/contact.png); width:117px;}
			.contactBtn a:hover {background:url(images/contact_active.png);}
	


/* 3.2 Content
**************************************************************************************************************/

#contentTop {background:url(images/content_top.png); width:988px; height:41px; clear:both; margin-top:137px; position:relative; z-index:65;}
#content {background:url(images/content_bgd.png) repeat-y; width:988px; clear:both; overflow:hidden; position:relative; min-height:500px; height:auto !important; height:500px; z-index:63;}
	#content ul {padding:20px 20px 20px 40px;}
		#content ul {line-height:18px;}
.header {background:url(images/header_bgd.jpg); width:650px top left; height:62px; overflow:hidden; margin:0 6px 20px; padding:0;}
	.header h2 {margin:8px 20px 5px; padding:0;}
	.header p {margin-left:25px;}
.weather {position:absolute; z-index:60; width:300px; height:auto; top:40px; left:0;}

.testimonialsWrap {width:536px; height:auto; overflow:hidden;}
.testimonialsBox {background:url(images/testimonials_bgd.png) repeat-y; width:536px; height:auto; font-size:13px; overflow:hidden;}
	.testimonialsBox p {line-height:18px; margin:10px 20px;}
.testimonialsTop {background:url(images/testimonials_top.png); width:536px; height:8px; overflow:hidden; margin-top:20px;}
.testimonialsBottom {background:url(images/testimonials_bottom.png); width:536px; height:6px; overflow:hidden; margin-bottom:20px;}
p.testimonialsButton a {background:url(images/testimonials_button.png); display:block; text-align:center; width:237px; height:48px; text-align:center; text-indent:-9999px; outline:none;}
	p.testimonialsButton a:hover {background:url(images/testimonials_button_active.png);}


/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(images/footer_bgd.jpg) repeat-x; width:100%; height:98px; clear:both; overflow:hidden; font-size:12px;}
#footerInner {background:url(images/footer.jpg); width:988px; height:98px; color:#fff; font-size:12px; color:#7A8632;}
	#footerInner p.floatLeft {margin:0 30px; padding:0; line-height:24px;}
	#footerInner p.clear {line-height:80px; clear:both; color:#fff;}
	#footerInner ul {margin:5px 30px; padding:0; font-size:12px; float:right; display:inline; color:#7A8632;}
		#footerInner ul li {list-style:none; display:inline;}
			#footerInner ul li a {color:#7A8632; font-weight:normal; text-decoration:non;}

	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.greenborder {border:3px solid #669933;}
p.jumplist a {margin-left:80px; line-height:18px;}
.whiteborder {border:3px solid #FFFFFF;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/

h2.soCal1 {background:url(images/socal_header.png); width:499px; height:19px; text-indent:-9999px; margin-left:25px;}
p.imagesBox {float:right; display:inline; margin:30px; padding:0; width:300px;}
.weatherClear {float:left; display:inline; width:300px; height:125px;}