/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Defaults
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, section {display: block;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 2px; border: 0; border-top: 2px solid #ccc; margin: 1em 0; padding: 0px; }

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */;}
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {
	color: #FFF;
}

a {
	color: #FFF;
	text-decoration: none;
}
a:hover {color: #09C;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

p {
	font-size:14px;
}

h1 {
	font-size: 20px;
	font-weight: normal;
}

h2 {
	font-size: 20px;
	font-weight: bold;
}

h3 {
	font-weight: normal;
	padding: 5px;
}
h4 {font-size: 18px; font-weight: bold; color: #09C;}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

		
}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}

/* Start of Freedom2Train rules
-------------------------------------------------------------------------------*/


/* left hand strip */
#logo {
	position:fixed;
	overflow:hidden;
	top:25px;
	left: 75px;
	width:300px;
	z-index: 6;
}

	
.content_area {
	position: absolute;
	display: block;
	float: left;
	width: 580px;
	top: 50px;
	left: 400px;

}

nav .menu {
	position: fixed;
	z-index:2;
	top: 25%;
	left: -20px;
	width: 360px;
	font-size: 16px;
	font-family: 'Questrial', sans-serif;
	line-height: 2em;
	font-weight: normal;
	text-align: right;
}

nav .menu ul {
	list-style: none;

}

nav .menu ul li {
display: block;
overflow:visible;

}

nav .menu ul li a {
	color: #FFF;
	padding: 20px 30px;
	line-height: 30px;
	text-decoration: none;

}
nav .menu ul li a:hover {
	color: #09C;
}

#content{
	position:fixed;
	overflow:hidden;
	top:0px;
	left: 40px;
	background:#111;
	background:rgba(0,0,0,0.80);
	/*for old IE*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	/*^for old IE*/
	width:320px;
	text-align:right;
	height: 100%;

}

#caption {
	display: block;
	position: fixed;
	top:120px;
	left: 40px;
	width: 320px;
	font-family: 'Questrial', sans-serif;
	font-size:14px;
	color: #FFF;
	text-align: center;
	
}
.book_button a { position: absolute; top: 180px; left: 192px; background-image: url(../img/bookingbutton.png); width: 139px;  height: 70px;
}

.book_button a:hover { background-image: url(../img/bookingbutton_down.png);
}
/* start of twitter feed */

#twitterfeed {
	margin-top: 1px;
	margin-bottom: 1px;

}

#twitter_update_list {
	font-size: 12px;
	line-height: 10px;
	list-style: none;

	}
#twitter_update_list li {
	bottom left repeat-x;
	padding-bottom: 7px;
	margin-bottom: 9px;

	}
#twitter_update_list span, #twitter_update_list span a {
	color: #FFF;
	text-decoration: none;

	}
#twitter_update_list a {
	color: #00BCE4;

	}
#infoboxleft {
	position: fixed;
	display: block;
	width: 220px;
	top: 65%;
	left: 86px;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Questrial', sans-serif;
	font-style:italic;
	text-align: right;
	line-height: 1em;
	text-decoration: none;
}

/* end of twitter feed */


.smlinks {
	position: fixed;
	display:inline;
	display: block;
	width: 131px;
	top: 90%;
	left: 143px;
	z-index:1;
	color: #FFF;

}
img.sm1
{
	padding-right: 10px;
	height: 31px;
	width: 31px;
}
img.sm2
{
	padding-right: 10px;
	height: 31px;
	width: 31px;
}
img.sm3
{
	padding-right: 10px;
	height: 31px;
	width: 31px;
}

#footer{
	position: fixed;
	top: 95%;
	left: 15px;
	padding: 5px;
	font-size:10px;
	font-family: 'Questrial', sans-serif;
	font-weight: 100;
	width: 360px;
	text-align: center;
	line-height: 10px;
	
}

/*end of left hand strip*/

/*start of general content area*/
#div1 {
	display: none;
	visibility: hidden;
	
}

#div2, #div3, #div4, #div5, #div6, #div7, #div8 {
	/*border-radius:15px;*/
	display:none;
	padding: 20px;
	background-color: #FFF;
	color:#333;
	overflow: hidden;
	font-size: 14px;font-family: 'Questrial', sans-serif;
	font-weight: normal;
	border: solid 1px #FFF;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
		

}
	
#div2 {
	height: 1380px;
	width: 590px;
	
}
#div2 p a {
	color:#2DACAE;
}
#div2 p a:hover {
	text-decoration:underline;	
}

#div2 h2 { background-color: #0CC; padding: 10px; color: #FFF; 	border-radius: 4px;	-moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 2px; box-shadow: 6px 6px 3px #888888;
}

#div3 {
	height: 580px;
}

#div3 p a {
	color:#2DACAE;
}

#div3 p a:hover {
	text-decoration:underline;
}

#div4 {
	height: 3680px;
	line-height: 20px;
}

#div4 p a {
	color:#2DACAE;
}

#div4 p a:hover {
	text-decoration:underline;	
}

#div5 {
	height: 3200px;	
}
#div5 p a {
	color:#2DACAE;
}

#div5 p a:hover {
	text-decoration:underline;	
}
#div6 {
	height: 980px;	
}

#div7 {
	height: 3780px;
	
}
#div7 p a {
	color:#2DACAE;
}
#div7 p a:hover {
	text-decoration:underline;	
}
#div8 {
	height: 500px;
	
}
#div8 p a {
	color:#2DACAE;
}
#div8 p a:hover {
	text-decoration:underline;	
}

.close {
	position:absolute;
	top: -10px;
	left: 564px;
	z-index: 10;
}

/*end of general content area*/


/*start of Services*/

#pt_picture1 { position:relative; float: right; right:-20px; padding-left: 20px; padding-bottom: 20px; }

.cta {
	color:#FFF; padding: 20px; text-align: center; line-height: 20px;
	background: #000; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333,  #000); /* for firefox 3.6+ */  }


/*Group Sessions start*/


#book_button1, #book_button2 { position: relative;
				margin: auto;
				width: 109px;
				height: 31px;
				padding: 20px;

}

.groupsessionpic {
	position: relative;
	width: 540px;
	left: -40px;
	margin: auto;
	padding:20px;
}


#beachreadyvideo { position:relative; left: -20px; width: 540px; height: 304px; border: solid 1px #FFF; border:1px solid grey; outline-color: #666;

}

#ituneslink {position:relative;
			left: 0px;
			padding: 10px;

}
#bookingbug_buy {position: relative;
			left: -25px;

}
#bookingbug_calendar {position: relative;
			left: -25px;

}

/*Group Sessions end*/
#teampt_paypal { padding-left: 175px;

}

/*end of Services*/
/*start of Clients*/
.recordbreakerspic {	position: relative;	width: 540px;	left: -40px;	margin: auto;	padding:20px;
}
.olympicpic {	position: relative;	width: 540px;	left: -40px;	margin: auto;	padding:20px;
}

/*end of Clients*/
/*start of Testimonials section*/
.testimonialspic { position: relative;
height: 245px;
width: 240px;
				   margin: auto;
				  padding: 20px;
}
#testimonials h2 a {color: #09F;
}

/*end of Testimonials section*/
/*start of About Us section*/
.aboutuspic {	position: relative;	width: 540px;	left: -40px;	margin: auto;	padding:20px;
}
#lborologo {
	float: right;
	padding: 10px;

}
/*end of About Us section*/

/*start of contact*/

#contactus_form {
	position: relative;
	margin-top: 20px;
	float: left;
	left: 0px;
	margin-bottom: 20px;
	width: 640px;
	border-radius:15px;
}

.submit {
	background-color:#FFF;
	font-size:14px;
	color: #666;
	border-color:#999;
	border-style:groove;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}

.buttonsubmit {
	background-color:#666;
	font: Arial, Geneva, sans-serif;
	font-size:16px;
	color: #FFF;
	border:0;
	padding: 5px;
	margin:0;
	border-radius: 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 2px;
}

.buttonsubmit:hover {
	background-color:#666;
	font-size:16px;
	color: #09C;
	border:0;
	padding: 5px;
	margin:0;
	border-radius: 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 2px;
}

.buttonsubmit:active {
	background-color:#09C;
	font-size:16px;
	color: #000;
	border:0;
	padding: 5px;
	margin:0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 2px;
}

#address {
	position: relative;
	float: left;
	width: 160px;
	padding-top: 10px;
}

#address a {
	color: #09C;
}

#infoboxmap {
	position:relative;
	float: right;
	width: 300px;
	height: 250px;
	padding-top: 10px;
	padding-right:20px;
}

/*end of contact*/

/*start of gallery 1 2*/
.thumbnails {
	width: 440px;
	padding-left: 68px;

}
.thumbnails img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

.thumbnails img.last {
	margin-right: 0;	
}
#thumbtitle {
	position: relative;
	text-align: left;
	width: 400px;

}
/*end of gallery 1 2*/

/*end of content area*/