/*
URI: http://www.joebonington.com.au
Version: 1.5
Author: Matt Branthwaite
Author URI: http://matthewbranthwaite.co.uk
Updated: Fri 3rd July 2009 - New ST pricing
*/

/* Global reset
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img, abbr { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

a { outline:none; /* Gets rid of Firefox's dotted borders */ text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */

.cb { clear: both; }
hr { display: none; }

.clearfix { display: inline-block;} /* This needs to be first because FF3 is now supporting this */
.clearfix:after { content: " "; display: block; height: 0; line-height: 0; clear: both; font-size: 0; visibility: hidden; }
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%; }


/* Typography
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
body, p, li, dt, dd, blockquote, cite, textarea, input, select { font:11px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
body { color: #4d4d4d; }
p, ul, ol, dd, table, address { margin: 0 0 18px 0; } /* bottom margins are equal to the line-height to keep a consistent line-height */
dt { font-weight: bold; }
h1 { font-size: 36px; line-height: 40px; margin: 0 0 12px; letter-spacing: -2px; }
h2 { font-size: 26px; line-height: 28px; margin: 0 0 18px; color: #ff7900; }
h3 { font-size: 22px; line-height: 26px; margin: 0 0 12px; color: #3d3d3d; }
h4 { font-size: 16px; line-height: 20px; margin: 0 0 9px; color: #ff7900; }

/* lists */
ul li { list-style: circle; margin: 0 0 1px 16px; }
ol li { list-style: decimal; margin: 0 0 1px 20px; }

ul.ticks li, ol.ticks li { list-style: none; background: transparent url(images/tick.gif) 0 1px no-repeat; padding-left: 20px; margin: 0 0 6px; }
ul.crosses li, ol.crosses li { list-style: none; background: transparent url(images/cross.gif) 0 1px no-repeat; padding-left: 20px; margin: 0 0 6px; }
ul.no-list li, ol.no-list li { list-style: none; margin: 0; }

a { color: #ff7900; text-decoration: none; border-bottom: 1px dotted #666; }
a:hover { color: #475244; border-bottom: 1px solid #111; }
#map a, #map a:hover { border: none; }

p.intro, .intro li { font-size: 14px; line-height: 22px; }
/*p.intro a, .intro li a { color: #3d3d3d; }*/
div.clear-section { clear: both; margin: 0 0 20px; padding: 0; height: 1px; }

.read-more { position: relative; }
.read-more a { position: absolute; right:0; font-size: 11px; font-weight: normal; }

hr { display: none; }
.section-divider hr { display: none; }

.hide { display: none; }
.cb { clear: both; }
.alert { font-weight: bold; color: #f20018; }


/* Forms */
form.contact-form legend { display: none; }
form.contact-form textarea, form.contact-form input { font-size: 14px; padding: 2px; }
form.contact-form input { vertical-align: middle;}
form.contact-form input.textfield, form.contact-form textarea.textfield { width: 442px; }
form.contact-form input.submit-button, p.subscribe-to-comments { margin-left: 160px; }
form.contact-form div.section { clear: left; padding: 6px 0; float: left; width: 100%; }
form.contact-form span.label { float: left; width: 132px; text-align: right; padding-right: 28px; font-size: 12px; font-weight: bold; }
form.contact-form span.option { float: left; width: 372px; }

/* Contact Form */
textarea#yourMessage { height: 230px;}
div#comment-form input.textfield, div#comment-form textarea.textfield { width: 362px; }

table.display-table { width: 100%;  border-left: 1px solid #ccc;  border-top: 1px solid #ccc; }
table.display-table td, table.display-table th { padding: 6px 10px; vertical-align: top; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.display-table thead th { font-weight: bold; background-color: #1d1d1d; color: #fff; }

	
	
	
/* Header
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.wrapper { width: 960px; margin: 0 auto; clear: both; text-align: left; }
	
div#header { padding: 19px 0 8px; height: 54px; border-top: 18px solid #2d3b2a;}
div#header div.wrapper { height: 54px; position: relative; }
div#header h1#branding { margin: 0;}
div#header h1#branding a { float: left; margin-left: 14px; display: inline; width: 310px; height: 54px; text-indent: -9999px; border: none; background: transparent url(images/branding.gif) 0 0 no-repeat; }
div#header h1#branding a:hover { border: none; }

ul.gnav { position: absolute; top: 28px; left: 514px; width: 472px; height: 19px; margin: 0; }
ul.gnav li { list-style: none; margin: 0; padding: 0;}
ul.gnav li a { display: block; height: 19px; text-indent: -9999px; position: absolute; top: 0; border: none;}
ul.gnav li a:hover { border: none; }

li.gnav-blog a, li.gnav-programs a, li.gnav-enrol a, li.gnav-about a, li.gnav-contact a, li.gnav-clients a { background-image: url(images/gnav1.gif); }

/* Measurements for Global Nav

	Image width = 569px
		
	Distance from the top to the...
		Up state = 0
		Hover state = 19px
		
	Distance from the far-left to the...
		Blog = 14px
		Programs = 82px
		Enrol = 201px
		About = 279px
		Contact = 362px
		Client Area = 458px
	
	Width of the...
		Blog = 39px
		Programs = 90px111px
		Enrol = 50px
		About = 54px
		Contact = 68px
		Client Area = 97px
*/

li.gnav-blog a { background-position: -14px 0; left: 14px; width: 39px; }
li.gnav-programs a { background-position: -82px 0; left: 82px; width: 90px; }
li.gnav-enrol a { background-position: -201px 0; left: 201px; width: 50px; }
li.gnav-about a { background-position: -279px 0; left: 279px; width: 54px; }
li.gnav-contact a { background-position: -362px 0; left: 362px; width: 68px; }
li.gnav-clients a { background-position: -458px 0; left: 458px; width: 97px; }

body.section-is-blog li.gnav-blog a, li.gnav-blog a:hover { background-position: -14px -19px; }
body.section-is-programs li.gnav-programs a, li.gnav-programs a:hover { background-position: -82px -19px; }
body.section-is-enrol li.gnav-enrol a, li.gnav-enrol a:hover { background-position: -201px -19px; }
body.section-is-about li.gnav-about a, li.gnav-about a:hover { background-position: -279px -19px; }
body.section-is-contact li.gnav-contact a, li.gnav-contact a:hover { background-position: -362px -19px; }
li.gnav-clients a:hover { background-position: -458px -19px; }


ul.social-nav { position: absolute; top: -9px; right: 14px; margin: 0; }
ul.social-nav li { list-style: none; margin: 0; padding: 0; float: left; }
ul.social-nav a { display: inline-block; float: left; margin-left: 20px; color: #3d3d3d; border: none; }
ul.social-nav a:hover { color: #ff7900; }
ul.social-nav li.jb-twitter a { background: url(images/twitter-icon-18px.gif) 0 0 no-repeat; padding-left: 22px; }
ul.social-nav li.jb-facebook a { background: url(images/facebook-icon-16px.gif) 0 0 no-repeat; padding-left: 20px; }





/* Headlines
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

div#headline { height: 108px; margin: 0; background: #ff7900 url(images/headline-bg.jpg) 0 bottom repeat-x; color: #fff; }
div#headline div.wrapper { position: relative; }
div#headline h2 { float: left; height: 108px; line-height: 108px; margin: 0; padding: 0 14px; font-size: 30px; letter-spacing: -2px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }

body.section-is-programs div#headline { height: 190px; }
body.section-is-programs div#headline h2 { margin-top: 40px; height: 150px; line-height: 150px; width: 960px; padding: 0; text-indent: -9999px; }
body#page-is-programs div#headline h2, body#page-is-location div#headline h2 { text-indent: 0; padding: 0 14px; width: 932px; }

/* Programs headline bgs with sub-nav bar at the top */
body.section-is-st div#headline, body#page-is-programs div#headline, body#page-is-location div#headline { background: #ff7900 url(images/headline-st-bg.jpg) 0 0 repeat-x; }
body.section-is-pf div#headline { background: #f20018 url(images/headline-pf-bg.jpg) 0 0 repeat-x; }
body.section-is-pp div#headline { background: #0090bb url(images/headline-pp-bg.jpg) 0 0 repeat-x; }
body.section-is-tf div#headline { background: #108f34 url(images/headline-tf-bg.jpg) 0 0 repeat-x; }
body.section-is-upt div#headline { background: #5e2583 url(images/headline-upt-bg.jpg) 0 0 repeat-x; }

/* Program headlines */
body.section-is-st div#headline h2 { background: transparent url(images/headline-st.jpg) 0 0 no-repeat; }
body.section-is-pf div#headline h2 { background: transparent url(images/headline-pf.jpg) 0 0 no-repeat; }
body.section-is-pp div#headline h2 { background: transparent url(images/headline-pp.jpg) 0 0 no-repeat; }
body.section-is-tf div#headline h2 { background: transparent url(images/headline-tf.jpg) 0 0 no-repeat; }
body.section-is-upt div#headline h2 { background: transparent url(images/headline-upt.jpg) 0 0 no-repeat; }

body#page-is-pp-operation-echo div#headline h2 { background: transparent url(images/headline-pp-operation-echo.jpg) 0 0 no-repeat; }
body#page-is-pp-team-building-overview div#headline h2 { background: transparent url(images/headline-pp-team-building.jpg) 0 0 no-repeat; }
body#page-is-pp-conference-programs div#headline h2 { background: transparent url(images/headline-pp-conference-programs.jpg) 0 0 no-repeat; }


/* Headline sub nav */
div#headline ul.sub-nav { position: absolute; margin: 0; top: 0; left: 14px; height: 40px; }
div#headline ul.sub-nav li { list-style: none; margin: 0; padding: 0;}
div#headline ul.sub-nav li a { display: block; height: 40px; width:133px; text-indent: -9999px; position: absolute; top: 0; border: none;}
div#headline ul.sub-nav li a:hover { border: none; }

li.sub-nav-overview a, li.sub-nav-group a, li.sub-nav-personal a, li.sub-nav-corporate a, li.sub-nav-team-building a, li.sub-nav-trek a, li.sub-nav-business a { background-image: url(images/sub-nav-programs.jpg);}

/* Measurements for sub nav image replacement

	Distance from the top to the...
		up state = 0
		hover state = 40px
		selected state = 80px
	
	Distance from the far-left to the...
		Overview button = 0px
		groups button = 133px
		personal button = 266px
		corporate button = 399px
		team button = 532px
		trek button = 665px
		pt mentoring = 789px
		
	Width of the...
		All button = 133px
*/

li.sub-nav-overview a { background-position: 0 0; left: 0px; }
li.sub-nav-group a { background-position: -133px 0; left: 133px; }
li.sub-nav-personal a { background-position: -266px 0; left: 266px; }
li.sub-nav-corporate a { background-position: -399px 0; left: 399px; }
li.sub-nav-team-building a { background-position: -532px 0; left: 532px; }
li.sub-nav-trek a { background-position: -665px 0; left: 665px; }
li.sub-nav-business a { background-position: -798px 0; left: 798px; }

li.sub-nav-overview a:hover { background-position: 0 -40px; }
li.sub-nav-group a:hover { background-position: -133px -40px; }
li.sub-nav-personal a:hover { background-position: -266px -40px; }
li.sub-nav-corporate a:hover { background-position: -399px -40px; }
li.sub-nav-team-building a:hover { background-position: -532px -40px; }
li.sub-nav-trek a:hover { background-position: -665px -40px; }
li.sub-nav-business a:hover { background-position: -798px -40px; }

body#page-is-programs li.sub-nav-overview a, body#page-is-location li.sub-nav-overview a { background-position: 0 -80px; }
body.section-is-st li.sub-nav-group a { background-position: -133px -80px; }
body.section-is-pf li.sub-nav-personal a { background-position: -266px -80px; }
body.section-is-pp-corporate-fitness li.sub-nav-corporate a { background-position: -399px -80px; }
body.section-is-pp-team-building li.sub-nav-team-building a { background-position: -532px -80px; }
body.section-is-tf li.sub-nav-trek a { background-position: -665px -80px; }
body.section-is-upt li.sub-nav-business a { background-position: -798px -80px; }








/* Sub Navigation */

div#page { padding-top: 18px; /*background: #fff url(images/page-bg.gif) left top repeat-x; Adds the Grey fade at the top of page content*/ }
div#page ul.sub-nav li { list-style: none; margin: 0; padding: 5px 0; font-weight: bold; line-height: 18px; border-bottom: 1px solid #ddd; }
div#page ul.sub-nav li a { display: block; width: 100%; border: none; }

body#page-is-philosophy ul.sub-nav li.sub-nav-philosophy a,
body#page-is-team ul.sub-nav li.sub-nav-team a,
body#page-is-testimonials ul.sub-nav li.sub-nav-testimonials a,
body#page-is-alliances ul.sub-nav li.sub-nav-alliances a,
body#page-is-newsletter ul.sub-nav li.sub-nav-newsletter a,
body#page-is-site-map ul.sub-nav li.sub-nav-site-map a,
body#page-is-privacy ul.sub-nav li.sub-nav-privacy a,
body#page-is-pp-team-building-overview ul.sub-nav li.sub-nav-pp-overview a,
body#page-is-pp-operation-echo ul.sub-nav li.sub-nav-pp-operation-echo a,
body#page-is-pp-conference-programs ul.sub-nav li.sub-nav-pp-conference-programs a { color: #3d3d3d; }





/* Grid and Structure
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, #main, #supp, #promo { float: left; margin: 0 14px; display: inline; }

.col-1 { width: 52px; }
.col-2 { width: 132px; }
.col-3 { width: 212px; }
.col-4 { width: 292px; }
.col-5 { width: 372px; }
.col-6 { width: 452px; }
.col-7 { width: 532px; }
.col-8 { width: 612px; }
.col-9 { width: 692px; }
.col-10 { width: 772px; }
.col-11 { width: 852px; }
.col-12 { width: 932px; }

.col-1-focus, .col-2-focus, .col-3-focus, .col-4-focus, .col-5-focus, .col-6-focus, .col-7-focus, .col-8-focus, .col-9-focus, .col-10-focus, .col-11-focus, .col-12-focus { float: left; margin: 0; background-color: #e6efe3; padding: 18px 0 0; border-top: 5px solid #90968e; border-bottom: 5px solid #90968e; display: inline; }

.col-1-focus { width: 80px; }
.col-2-focus { width: 160px; }
.col-3-focus { width: 240px; }
.col-4-focus { width: 320px; }
.col-5-focus { width: 400px; }
.col-6-focus { width: 480px; }
.col-7-focus { width: 560px; }
.col-8-focus { width: 640px; }
.col-9-focus { width: 720px; }
.col-10-focus { width: 800px; }
.col-11-focus { width: 880px; }
.col-12-focus { width: 960px; }

/* = Page structures */
div#page div.wrapper { background: transparent url(images/page-3-col-yellow.gif) 0 0 repeat-y; }
body#page-is-programs div#page div.wrapper,
body#page-is-contact div#page div.wrapper  { background: none; }



div#main { width: 560px; margin: 0; }
div#supp { width: 192px; padding: 10px; }
div#sidebar h3 { color: #3d3d3d; font-size: 13px; line-height: 18px; margin-bottom: 6px; font-weight: normal; }

/* Program pages */
body.section-is-pf div#main,
body.section-is-st div#main,
body.section-is-pp-corporate-fitness div#main,
body.section-is-tf div#main,
body.section-is-upt div#main { width: 720px; margin: 0; }

body#page-is-pp-team-building-overview div#main { width: 800px; }

/* Note: couldnt use the body selector with out rejigging wordpress so used an extra wrapping div instead */
div#page-is-home div#page div.wrapper { background: none; }
div#page-is-home div#main { width: 612px; margin: 0 14px; }
div#page-is-home div#supp { width: 292px; margin: 0 14px; padding: 0; /*padding: 18px;*/ }
div#page-is-home div#promo { display: none; width: 292px; margin: 0 14px; padding: 0; background: none; } /* need the padding 0 to combat the section-is-blog rule */

/* Note: couldnt use the body selector with out rejigging wordpress so used an extra wrapping div instead */
/*div#page-is-home div#main { width: 292px; margin: 0 14px; }
div#page-is-home div#supp { width: 256px; margin: 0 14px; padding: 18px; }
div#page-is-home div#promo { width: 292px; margin: 0 14px; padding: 0; background: none; }*/ /* need the padding 0 to combat the section-is-blog rule */



/* = Sidebar Sections */

ul.sections li.section { list-style: none; margin: 0; padding-bottom: 18px; }
ul.sections li.section h3 { /*font-size: 14px; font-weight: bold; margin-bottom: 6px;*/ }



/* Overview Section */

ul.overview li { list-style: none; margin: 0 14px 36px; padding: 0; float: left; display: inline; width: 290px; border: 1px solid #e9e9e9; }
ul.overview li#upt-program { clear: left; float: left; }
ul.overview li h3 { font-size: 20px; line-height: 24px; text-transform: uppercase; margin-bottom:18px; }
ul.overview li h3 a span.logo { display: block; width: 292px; height: 80px; margin-bottom: 18px; border: none; text-indent: -9999px; }
ul.overview li h3 a:hover span.logo { border: none; }
ul.overview li h3 a em,
ul.overview li p { display: block; padding: 0 20px 0 20px; font-style: normal; }
ul.overview li p { margin-bottom: 18px; }

/*
li#st-program { background-color: #fff1e5; }
li#pf-program { background-color: #fee5e7; }
li#pp-program, body.section-is-pp ul.overview li { background-color: #e5f4f8; }
li#upt-program { background-color: #efe9f2; }
li#tf-program { background-color: #e7f4ea; }*/


li#st-program h3 a span.logo,
li#pf-program h3 a span.logo,
li#pp-team-building h3 a span.logo,
li#pp-program h3 a span.logo,
li#upt-program h3 a span.logo,
li#tf-program h3 a span.logo,
li#enrol-program h3 a span.logo { background-image: url(images/programs-overview.jpg); }

/* Measurements for the programs overview image replacement
	
	Distace from the top to the...
		st = 0
		pf = 80px
		pp = 160px
		upt = 240px
		tf = 320px
		enrol = 400px
*/

li#st-program h3 a span.logo { background-position: 0 0; }
li#pf-program h3 a span.logo { background-position: 0 -80px; }
li#pp-team-building h3 a span.logo,
li#pp-program h3 a span.logo { background-position: 0 -160px; }
li#upt-program h3 a span.logo { background-position: 0 -240px; }
li#tf-program h3 a span.logo { background-position: 0 -320px; }
li#enrol-program h3 a span.logo { background-position: 0 -400px; }





/* Enrol and Download Buttons */

ul.buttons { margin: 0; }
ul.buttons li { list-style: none; margin: 0; padding: 0 0 18px; float: left; }
ul.buttons li a { float: left; height: 60px; width: 212px; text-indent: -9999px; border: none; }
ul.buttons li a:hover { border: none; }

body.section-is-pp li.enrol-button a, body.section-is-pp li.download-button a, body.section-is-pp li.enquire-button a { background-image: url(images/program-buttons-pp.gif); }
body.section-is-pf li.enrol-button a, body.section-is-pf li.download-button a, body.section-is-pf li.enquire-button a { background-image: url(images/program-buttons-pf.gif); }
body.section-is-st li.enrol-button a, body.section-is-st li.download-button a, body.section-is-st li.enquire-button a { background-image: url(images/program-buttons-st.gif); }
body.section-is-tf li.enrol-button a, body.section-is-tf li.download-button a, body.section-is-tf li.enquire-button a { background-image: url(images/program-buttons-tf.gif); }
body.section-is-upt li.enrol-button a, body.section-is-upt li.download-button a, body.section-is-upt li.enquire-button a { background-image: url(images/program-buttons-upt.gif); }
/* Measurements for buttons image replacement

	The distance from the top to the...
	 	up state = 0
	 	hover state = 60px
	 	
	 The distance from the far-left to the...
	 	enrol button = 0
	 	download button = 212px
	 	enquire button = 424px
*/
li.enrol-button a { background-position: 0 0; }
li.enrol-button a:hover { background-position: 0 -60px; }

li.download-button a { background-position: -212px 0; }
li.download-button a:hover { background-position: -212px -60px; }

li.enquire-button a { background-position: -424px 0; }
li.enquire-button a:hover { background-position: -424px -60px; }





/* Gallery */

#gallery ul { list-style: none; margin: 0 0 18px; padding: 0; }
#gallery li { list-style: none; margin: 0 5px 5px 0; padding: 0; float: left; }
#gallery li a img { width: 58px; height: 58px; }
#gallery li a { display: block; float: left; width: 58px; height: 58px; background-color: #fff; padding: 2px; border: 1px solid #ccc; }
#gallery li a:hover{ border: 1px solid #111 }



/* Price table */

table.price-table { width: 100%; }
table.price-table td, table.price-table th { padding: 8px 10px; vertical-align: top; border-bottom: 1px solid #ccc; }
table.price-table tr.head th { padding-top: 0; border-bottom: 2px solid #475244; font-weight: bold; font-size: 12px; }
table.price-table th.head { width: 70px; }
.price { font-size: 14px; color: #475244; font-weight: bold; }

table#st-pricing tbody th.head { font-weight: bold; text-align: right;}
table#st-pricing td, table#st-pricing th { border-right: 1px solid #e6efe3; }
table#st-pricing .st-northern-beaches, table#st-pricing .st-city { width: 181px; background-color: #fff; }



/* = Listings */

ul.listings { clear: left; }
ul.listings li.listing { clear: both; position: relative; list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px dotted #bbb; }
ul.listings li.listing img.photo { display:block; position: relative; float: left; margin: 0 14px 18px 0; padding: 4px; background-color: #fff; border: 1px solid #91978f; }
ul.listings li.listing h3 a { position: static; }
ul.listings li.listing h3 span.strap { color: #bbb; display: block; }
ul.listings li.listing h4 a:hover img.photo { border: 1px solid #ccc; }
ul.listings li.listing h4 em { color: #90968e; font-style: normal; font-weight: bold; }
ul.listings li.listing blockquote { clear: none; }


/* Peak Performance listings */

div#pp-our-workshops ul.listings li.listing,
li#event-race-around-the-world,
li#event-tailor-made { clear: none; float: left; display: inline; margin: 0 14px; } /* Peak Performance Workshops */
div#pp-our-workshops ul.listings li.listing { width: 212px; }
li#event-race-around-the-world { width: 452px; }
li#event-tailor-made { width: 212px; }

body#page-is-pp-team-building-overview ul.listings li.listing { clear: none; float: left; display: inline; margin: 0 14px; width: 212px; } /* PP Team Building Overview */



/* = Testimonials */

ul.testimonials li.testimonial { list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px dotted #bbb; }
ul.testimonials li.testimonial h4 { float: left; font-size: 13px; color: #3d3d3d; }
ul.testimonials li.testimonial h4 span.strap { color: #bbb; }
ul.testimonials li.testimonial h4 img.photo { position: relative; float: left; margin-right: 10px; background-color: #fff; padding: 3px; border: 1px solid #bbb;}
div#supp ul.testimonials li.testimonial blockquote { margin: 0 0 18px 0; }
/*ul.testimonials li.first { border-top: none; padding-top: 0; }*/


/* Quotes */

blockquote { clear: both;  margin: 0; padding-top: 6px; margin: 0 0 0 28px; }
blockquote p {  }
span.left-quote { display: block; text-indent: -9999px; position: relative; top: -6px; left: 0; margin: 0 6px -15px 0; float: left; width: 32px; height: 24px; background: transparent url("images/quotes.gif") 0 0 no-repeat; }
body.section-is-pf span.left-quote { background: transparent url("images/quotes-pf.gif") 0 0 no-repeat; }
body.section-is-pp span.left-quote { background: transparent url("images/quotes-pp.gif") 0 0 no-repeat; }
body.section-is-tf span.left-quote { background: transparent url("images/quotes-tf.gif") 0 0 no-repeat; }
body.section-is-upt span.left-quote { background: transparent url("images/quotes-upt.gif") 0 0 no-repeat; }




/* Page Specifics
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Homepage */

div#hero { position: relative; background: #3d3d3d; }
div#hero h2.strap { width: 960px; height: 40px; margin: 0 auto; clear: both; text-indent: -9999px; background: #ff7900 url(images/hero-strap.gif) 0 0 repeat-x; }
div#hero h3 { display: none; }


body.page-has-javascript ul#hero-content { position: relative; height: 280px; } /* set the height of the content area if the browser has javascript */
ul#hero-content { margin: 0; z-index: 5; }
ul#hero-content li { list-style: none; margin: 0; width: 100%; text-align: center; }
ul#hero-content li a { /*position: static; display: block; width: 960px; height: 280px; margin: 0 auto; text-align: left; color: #fff; text-indent: -9999px;*/ border: none; }
ul#hero-content li a img { margin: 0 auto; }

body.page-has-javascript li.hero-everest-trek, body.page-has-javascript li.hero-operation-echo, body.page-has-javascript li.hero-trekfit { display: none; } /* If the browser has javscript ... Hide these hero panels on load */

li.hero-event, li.hero-st { background: transparent url(images/hero-bg-orange.jpg) 0 0 repeat-x; }
li.hero-trek { background: transparent url(images/hero-bg-dk-blue.jpg) 0 0 repeat-x; }
li.hero-pp { background: transparent url(images/hero-bg-blue.jpg) 0 0 repeat-x; }
li.hero-tf { background: transparent url(images/hero-bg-green.jpg) 0 0 repeat-x; }
/*
li.hero-jb-challenge a { background: transparent url(images/hero-jb-challenge.jpg) 0 0 no-repeat; }
li.hero-everest-trek a { background: transparent url(images/hero-everest-trek.jpg) 0 0 no-repeat; }
li.hero-operation-echo a { background: transparent url(images/hero-operation-echo.jpg) 0 0 no-repeat; }
li.hero-trekfit a { background: transparent url(images/hero-trekfit.jpg) 0 0 no-repeat; }*/

div.hero-content-nav-wrapper { position: absolute; top: 280px; width: 100%; z-index: 10; text-align: center; }
div.hero-content-nav { width: 932px; margin: 0 auto 0 auto; text-align: left; }
div.hero-content-nav a { display: block; float: left; margin-right: 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #bbb; text-align: center; background-color: #1d1d1d; color: #666; font-weight: bold; }
div.hero-content-nav a:hover { color: #fff; background-color: #000; }
div.hero-content-nav a.activeSlide { color: #fff; width: 22px; height: 22px; line-height: 22px; border: 2px solid #fff; }

ul.hero-programs { clear: both; position: relative; height: 46px; width: 960px; margin: 0 auto; text-align: left; background-color: #3d3d3d; }
ul.hero-programs li { list-style: none; margin: 0; }
ul.hero-programs li a { display: block; float: left; height: 46px; width: 132px; position: absolute; top: 0; text-indent: -9999px; border: none; }
ul.hero-programs li a:hover { border: none;}

li.hero-group-fitness a, li.hero-personal-training a, li.hero-corporate-fitness a, li.hero-team-building a, li.hero-trek-and-altitude a, li.hero-pt-business-mentoring a { background-image: url(images/hero-programs-nav.gif);}

/* Measurements for hero programs nav image-replacement 
	
	Distance from far-left to the...
		group fitness button = 14px
		personal training button = 174px
		corporate fitness button = 334px
		team building button = 494px
		trek and altitude button = 654px
		pt business mentoring button = 814px
		
	Distance from top to the...
		Up state = 0
		Hover state = 46px
*/
li.hero-group-fitness a { background-position: -14px 0; left: 14px;}
li.hero-personal-training a { background-position: -174px 0; left: 174px;}
li.hero-corporate-fitness a { background-position: -334px 0; left: 334px;}
li.hero-team-building a { background-position: -494px 0; left: 494px;}
li.hero-trek-and-altitude a { background-position: -654px 0; left: 654px;}
li.hero-pt-business-mentoring a { background-position: -814px 0; left: 814px;}

li.hero-group-fitness a:hover { background-position: -14px -46px; }
li.hero-personal-training a:hover { background-position: -174px -46px; }
li.hero-corporate-fitness a:hover { background-position: -334px -46px; }
li.hero-team-building a:hover { background-position: -494px -46px; }
li.hero-trek-and-altitude a:hover { background-position: -654px -46px; }
li.hero-pt-business-mentoring a:hover { background-position: -814px -46px; }


input#s, input#subscribe-blog { width: 172px; }

ol.asides li { list-style: none; margin: 0; padding: 6px 0 0; }
ol.asides li h4 { font-size: 13px; font-weight: bold; margin-bottom: 6px; }
ol.asides li h4 a { border: none; }
ol.asides li p.date { font-size: 11px; font-weight: bold; border-bottom: 1px solid #bbb; padding-bottom: 6px; margin-bottom: 6px; }



/* Temp - Events */
ol.upcoming li { list-style: none; margin: 0; padding: 0; }
ol.upcoming li ol { border-top: 1px solid #ccc; }
ol.upcoming li li { border-bottom: 1px solid #ccc; padding: 6px 0; }



/* Programs - colors */

body.section-is-pf h1, body.section-is-pf h4, body.section-is-pf div#page a, #pf-program a { color: #f20018; }
body.section-is-pp h1, body.section-is-pp h4, body.section-is-pp div#page a, #pp-program a, #pp-team-building a { color: #0090bb; }
body.section-is-tf h1, body.section-is-tf h4, body.section-is-tf div#page a, #tf-program a { color: #108f34; }
body.section-is-upt h1, body.section-is-upt h4, body.section-is-upt div#page a, #upt-program a { color: #5e2583; }

body.section-is-pf div#page a:hover, #pf-program a:hover,
body.section-is-pp div#page a:hover, #pp-program a:hover,
body.section-is-tf div#page a:hover, #tf-program a:hover,
body.section-is-upt div#page a:hover, #upt-program a:hover { color: #475244; }

img.floatright { position: relative; float: right; }
img.floatleft { position: relative; float: left; }

ul.calendar { float: left; margin-bottom: 18px; }
ul.calendar li.date-range { list-style: none; margin: 0 0 8px 8px; padding: 0; float: left; width: 105px; height: 50px; text-align: center; border: 1px solid #aaa; background: #eee; }
ul.calendar li.first { margin-left: 0; }
ul.calendar li.date-range span.date { float: left; width: 52px; background: green; }
ul.calendar li.date-range span.connector { display: none; }
ul.calendar li.date-range em { display: block; background: #3d3d3d; color: #fff; font-style: normal; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; }



/* About Us - Team */
dl.qualifications {  width: 512px; float: left; margin-bottom: 18px; padding: 10px; background-color: #fffdca; }
dl.qualifications dd { margin: 0; float: left; }
dl.qualifications dd ul { float: left; margin: 0; width: 242px; padding-right: 14px; }


/* About Us - Newsletter Archive */
ul#newsletter-archive h3 { position: relative; }
ul#newsletter-archive h3 span.date { /*position: absolute; right: 0; font-weight: bold; color: #3d3d3d; font-size: 11px; border: none;*/ color: #bbb; white-space: nowrap; }
ul#newsletter-archive p a { color: #3d3d3d; border-bottom: none; }
ul#newsletter-archive p a:hover { color: #ff7900; }







/* ST Pricing and Info
-------------------------------------- */
div#st-investment,
div#loyalty-program { padding-top: 18px; }

div.table-wrapper { padding: 0 7px; background: #fff url(images/tables/table-wrap-bg.jpg) 0 0 repeat-y; margin: -2px -2px 18px;}
div.table-top { height: 7px; margin: 0 -7px; background: #fff url(images/tables/table-top.jpg) 0 0 no-repeat; }
div.table-bot{ height: 7px; margin: 0 -7px; background: #fff url(images/tables/table-bot.jpg) 0 0 no-repeat; }

div.table-wrapper table { margin: 0; }
div.table-wrapper table th { background: #151515 url(images/tables/black-label.jpg) 0 0 repeat-x; color: #fff; font-weight: bold; font-size: 12px; }
div.table-wrapper table td { background-color: #ececec; }
div.table-wrapper table th,
div.table-wrapper table td { vertical-align: top; padding: 9px 20px; border-left: 2px solid #fff; border-bottom: 1px solid #fff; }
div.table-wrapper table .first { border-left: 0; }
div.table-wrapper div.price { font-size: 20px; line-height: 20px; color: #181818;}
div.table-wrapper table strong { font-size: 13px; }

div.table-wrapper table tr.table-mast th { padding: 0; background: #fff url(images/tables/table-mast-bg.jpg) 0 0 repeat-x; }
div.table-wrapper table tr.table-mast th img { margin: 0; padding: 0; float: left;}

div#course-packages table td,
div#session-cards table td,
div#course-packages table th,
div#session-cards table th { text-align: center; }


div#loyalty-program table td,
div#loyalty-program table th { vertical-align: top; padding: 4px 0 4px 0; border-bottom: 1px solid #ccc; }
div#loyalty-program table th { border-bottom: 2px solid #3d3d3d; color: #181818; font-weight: bold; }
div#loyalty-program table td.pts { width: 100px;}

div#loyalty-program img.loyalty-img { float: left; margin: 0 0 0 -14px; }
div#loyalty-program div.section-intro h4 { padding-top: 36px; }
div#loyalty-program div.section-collect { clear: both; float: left; width: 320px; margin-right: 52px; }
div#loyalty-program div.section-spend { float: left; width: 320px; }
div#loyalty-program dl.section-terms { clear: both; }

/*
th.program-details { width: 167px; height: 68px; text-indent: -9999px; overflow: hidden; background: url(images/tables/st-program-details.jpg) 0 0 no-repeat; }
th.st-northern-beaches,
th.st-city { width: 257px; height: 68px; text-indent: -9999px; overflow: hidden; background: url(images/tables/st-city.jpg) 0 0 no-repeat; }*/














/* Blog
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
body.section-is-blog div.content { width: 720px; float: left; margin: 0; }
body.section-is-blog div.content div#main { width: 532px; margin: 0 14px; float: right; background-color: #fff; }
body.section-is-blog div#promo { width: 192px; background-color: #fffdca; padding: 10px; }

ol.post-entries { margin: 0; }
ol.post-entries li.post { position: relative; clear: left; list-style: none; margin: 0; padding: 0 0 18px; position: relative; }
ol.post-entries li.post div.post-head a { border: none; }
ol.post-entries li.post div.post-head h3 { font-weight: bold; margin-bottom: 10px; }
ol.post-entries li.post div.post-head h3 span.category a { color: #3d3d3d; }
ol.post-entries li.post div.post-head p.post-meta { line-height: 24px; padding: 0 120px 6px 0; margin-bottom: 6px; border-bottom: 1px solid #ccc; }
ol.post-entries li.post div.post-head p.post-meta span.date { font-weight: bold; }
ol.post-entries li.post div.post-head span.edit a { float: left; padding: 0 6px; margin-right: 10px; font-size: 11px; line-height: 22px; background-color: #eee; border: 1px solid #ccc; letter-spacing: normal; }
ol.post-entries li.post div.post-head span.edit a:hover { border: 1px solid #3d3d3d; background-color: #666; color: #eee; }
ol.post-entries li.post div.post-head h1 span.edit a { margin-top: 10px; } /* vertaically aligns the edit button on h1 headings - single.php */
ol.post-entries li.post div.post-head span.comments { position: absolute; right: 0; display: inline; line-height: 24px; margin: 0; background: transparent url(images/comment.gif) right 50% no-repeat; padding-right: 30px; } 

ol.post-entries li.post div.post-body { clear: left; }
ol.post-entries li.post div.post-body ul li { list-style: circle; margin: 0 0 1px 16px; }
ol.post-entries li.post div.post-body h2 { color: #3d3d3d; font-size: 16px; margin: 0 0 6px; line-height: 18px; }
ol.post-entries li.post div.post-body h3 { color: #3d3d3d; font-size: 14px; margin: 0 0 4px; line-height: 18px;}
ol.post-entries li.post div.post-body h4 { color: #3d3d3d; font-size: 12px; margin: 0 0 2px; line-height: 18px;}

div#page-is-home ol.post-entries li.post div.post-body p { margin-bottom: 0; }
div#page-is-home ol.post-entries li.post { padding-bottom: 36px; }

/* Post images */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 14px; display: inline; position: relative; border: 1px solid #ccc;  }
img.alignleft { padding: 4px; margin: 0 14px 2px 0; display: inline; position: relative; border: 1px solid #ccc;  }
.alignright { position: relative; float: right; }
.alignleft { position: relative; float: left }

ol.comment-entries li.comment { list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px dotted #bbb; }
ol.comment-entries li.comment h4 { font-size: 13px; color: #3d3d3d; }
ol.comment-entries li.comment h4 strong a { font-size: 16px; color: #3d3d3d; border: none; }
ol.comment-entries li.comment h4 span.comment-date { color: #bbb;  }
ol.comment-entries li.comment p.awaiting-moderation { background-color: yellow; }
ol.comment-entries li.comment div.comment-body { margin: 0; padding: 6px 0 0 62px; margin: 0 0 18px 0; background: transparent url("images/quotes.gif") 20px 0 no-repeat; }


/* Sidebar sub-nav: over rule sub-nav styles for wordpress categories - can have the whole entrie a link because of the number of posts in the category */
body.section-is-blog div#page ul#categories li { padding: 5px 0; border-bottom: 1px solid #ddd; }
body.section-is-blog div#page ul#categories li a { display: inline; border-bottom: none; }



/* Lightbox */
div#lightbox a, div#lightbox a:hover { border: none; }


/* = Footer
--------------------------------------------*/

#footer { clear: both; border-bottom: 18px solid #2d3b2a; margin-top: 54px; background: #f5f5f5 url(images/footer-bg.jpg) 0 0 repeat-x; }
#footer div.wrapper { position: relative; padding-top: 252px; padding-bottom: 36px; }
#footer li { list-style: none; margin: 0; padding: 0; display: block; }
#footer li a { border-bottom: none; }
#footer li a:hover,
#footer li div.index a:hover { color: #ff7900; }
#footer li li a { font-size: 11px; color: #686868; }
#footer li div.index { border-top: 1px solid #999; }
#footer li div.index a { display: block; padding: 0; line-height: 16px; border-bottom: 1px solid #999; font-size: 11px; font-weight: bold; color: #ff7900; text-transform: uppercase; letter-spacing: 1px; color: #181818; }


#footer li ul.locations-1,
#footer li ul.locations-2 { float: left; width: 132px; }
#footer li ul.locations-2 { float: right;}

#footer div#copyright p,
#footer div#copyright a { color: #8f8f8f;}
#footer div#copyright a:hover { color: #181818; }

#footer div.jb-logo { width: 132px; height: 36px; background: url(images/footer-jb-logo.gif) 0 0 no-repeat; overflow: hidden; }
#footer div.image-placeholder-1 { position: absolute; top: -18px; left: -36px; width: 432px; height: 288px; overflow: hidden; background: transparent url(images/footer-dumbell.jpg) 0 0 no-repeat; z-index: 1; }
#footer div.image-placeholder-2 { position: absolute; top: 0; right: -24px; width: 378px; height: 252px; overflow: hidden; background: transparent url(images/footer-trainers.jpg) 0 0 no-repeat; z-index: 1; }
#footer div.sitemap-section { position: relative; z-index: 2;}