body {

	border-top: 0px;
	background-color:#f78f1e;
 	font-family: "Trebuchet MS";
	font-size: 10pt;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 0px;
	width: 780px;
}

.body2 {
	background: url("./images/try_pattern3.jpg");
	font-size: 10pt;
	margin: 0 auto;
	padding-top: 100px;
	width: 600px;
}

h1 {
	color: #174a7c;
	font-size: 18pt;
}

p.red {
	color: #ff0000;
}


h2{
	font-size: 14pt;
}

#coreStrengthPicsOuter{
	width: 690px;
	margin: 0px auto;
}

#coreStrengthPicsUpper{
	width: 670px;
	margin: 10px auto;
}


.coreStrengthPics2 {
	width: 300px;
	margin: 10px 20px;
	float: left;
}

.heaphyPics {
	width: 150px;
	margin: 10px 20px;
	float: left;
}

.heaphyPics2 {
	width: 200px;
	margin: 10px 20px;
	float: right;
}

h2.centered {
	text-align: center;
	margin: 0;
}



h3.centered {
	text-align: center;
	margin: 0;
}

p{
	border-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 5px;
 }
 
p.quote {
	color: #174a7c;
}

a{
	border-bottom: 0px;
	border-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-right: 2em;
	padding-top: 0px;
	text-decoration: none;
}

a:link {
color:#174a7c;
}

a:visited {
color:#174a7c;
}

a:hover {
color:#f78f1e;
}

a:active {
color:#174a7c;
}

a.textWotsOnBlack {
	width: 138px;
	display: block;
	color: #000000;
	font-size: 13pt;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

#wots_On a.textWotsOnGreen:hover{
	border: 1px solid; 
}


a.textWotsOnPurple {
	width: 138px;
	display: block;
	color: #662b8f;
	font-size: 13pt;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;

}

#wots_On a.textWotsOnPurple:hover{
	border: 1px solid; 
}


a.textWotsOnBlue {
	width: 138px;
	display: block;
	color: #150ab0;
	font-size: 13pt;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;

}

#wots_On a.textWotsOnBlue:hover{
	border: 1px solid; 
}


a.textWotsOnYellow {
	width: 138px;
	display: block;
	color: #ffcc33;
	font-size: 13pt;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;

}

#wots_On a.textWotsOnYellow:hover{
	border: 1px solid; 
}

.speed_paragraph {
	font-family: "Comic Sans MS";
	font-size: 14pt;
}

.speed_h2 {
	color:#f78f1e;
	font-family: "Comic Sans MS";
}

ul {
	border-bottom: 0px;
	border-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

li {
	border-bottom: 0px;
	border-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

hr {
	margin-left: 50px;
	width: 500px;
	border: 1px dotted #e6e6e6;
}

hr.wide {
	width: 650px;	
}

#heading {
	background-color: #ffffff;
	background: url("./images/wanaka.jpg");
	border-bottom: 5px solid #cccccc;
	border-right: 5px solid #cccccc;
	font-size: 24pt;
	height: 155px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: center;
	width: 780px;
}

.narrow {
	width: 500px;
	margin: 0px auto;
}


.joyJumpersLogoHeadline {
	float: left;
	margin-top: 0px;
   /*	margin-right: 150px;  */
}

.joyJumpersTextHeadline {
	float: right;
	margin-top: 30px;
	margin-right: 150px;
   /*	margin-right: 150px;  */
}



.actualHeadline {
	float: right;  
	padding-top: 0px;
	width: 520px;
	margin-top: 10px;
	margin-right: 60px;
}

.tuatara_pics {
	width: 525px; 
	margin: 0px auto;
}

.multi_camp_pics{
	width: 350px; 
	margin: 0px auto;
	margin-bottom: 5px;
}

.wide_pic {
	width: 700px;
	margin: 0px auto;
}

#example_1 {
	width: 550px;
}

#off_road
{
	width: 610px;
}
#example_2 {
	width: 550px;
}
#example_3 {
	width: 550px;
}


.pic_600 {
	float: left;
   	margin-left: 10px;
	margin-right: 10px;
}

.pic_offRoad
{
float: left;
   	margin-left: 10px;
	margin-right: 60px;
}

.wide_500 {
	width: 500px;
}

p.close{
	margin-bottom: 0px;
}

.pic_400 {
	width: 600px;
	margin: 10px auto;
}


.motatapu_finish {
	width: 500px; 
	margin: 10px auto;
}

.springChallenge_finish {
	width: 520px; 
	margin: 10px auto;
}


#pic { 
	border-top: 0px; 

	float: left;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

	width: 140px;
}


.spaceAtTop {
	margin-top: 10px;
}


.frontRunnerSpaceAtTop {
	margin-top: 10px;
	width: 140px;
	border: 0px; 

}

.speedImageLinks { 
	border: 0px; 
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	width: 140px;
}

#main_text {
	margin-top: 10px;
	width: 780px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-color: #ffffff;

}

#wide_main_text {
	margin-top: 10px;
	width: 780px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	background-color: #ffffff;

}


#right_text {
	float: right;
 	padding-top: 10px;
 	width: 620px;
}

#wots_On {

	border-right: 1px solid #cccccc;


}

.no_decoration {
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.imageLinks{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 140px;
}


.wotsOnImageLinks{
	width: 138px;
	border:0px;
	margin: 0px;
	padding: 0px;

}

.textWotsOn{
	color: red;
	font-size: 15pt;
	text-align: center;
	font-weight: bold;

}

#wots_On a img:hover{
	border: 1px solid; 
}



.buttImageLinks{
 position: relative;
	border: 0px;
	margin: 0px;
	padding: 0px;
	top: 20px;
	left: 20px;
}

.sumnerImageLinks{
	border: 0px;
	margin: 0px;
	margin-left: 50px;
	margin-top: 30px;
	padding: 0px;
}

.perfImageLinks{
	border: 0px;
	margin: 0px;
	margin-left: 150px;
	margin-top: 30px;
	padding: 0px;
}

 
.sportzHubImageLinks {
 position: relative;
	border: 0px;
	top: 50px;
	left: 0px;
	margin-top: 50px;
} 

.athCanImageLinks {
	border: 0px;
	margin: 0px;
  	margin-left: 70px;
 	margin-top: 50px;
	padding: 0px;  
} 

.waimakImageLinks {
	border: 0px;
	margin: 0px;
 	margin-left: 190px;
 	margin-top: 50px;
	padding: 0px;  
} 

.dynafitImageLinks {
	border: 0px;
	margin: 0px;
 	margin-left: -50px;
 	margin-top: 50px;
	padding: 0px;  
}  


.powerImageLinks {
	border: 0px;
	margin: 0px;
 	margin-left: 70px;
	margin-right: 40px;
 	margin-top: 50px;
	padding: 0px; 
	width: 140px; 
} 

.powerImageLinks_ms {
	border: 0px;
	margin: 0px;
 	margin-left: 70px;
	margin-right: 40px;
 	margin-top: 50px;
	padding: 0px; 
	width: 250px; 
} 

.powerImageLinks_Avanti {
	border: 0px;
	margin: 0px;
 	margin-left: 70px;
	margin-right: 40px;
 	margin-top: 50px;
	padding: 0px; 
	width: 250px
	}

.powerImageLinks_Fleet {
	border: 0px;
	margin: 0px;
 	margin-left: 70px;
	margin-right: 40px;
 	margin-top: 0px;
	padding: 0px; 
	width: 250px; 
}  

.square_bullits {
	list-style-type: square;
}

#wide_links_etc {

	border-bottom: 1px solid;
	color: #f78f1e;
	font-size: 12pt;
	font-weight: bold;
	height: 30px;
	margin-bottom: -10px;
	text-align: center;
	text-decoration: none;

	width: 780px;
}





#links_etc {

	border-bottom: 1px solid;
	
	color: #f78f1e;
	font-size: 11pt;
	font-weight: bold;
	height: 30px;
	margin-bottom: -10px;
	margin-left: -5px;
	text-decoration: none;
	width: 620px;
}

#details
{
	padding-top: 30px; 
	width: 610px;
	padding-right: 10px;
}

#top
{
	padding: 0px;
	height: 0px;
}

#wide_details {
	padding-left: 10px;
	/* padding-top: 10px;  */
	width: 760px;
	
}
#longPageDetails
{
	float: right;
	padding-top: 10px; 
	width: 620px;
}

#serviceDetails
{
	float: right;
	padding-top: 40px;
	width: 620px;
}

.serviceDetailsParagraph
{
	font-size: 14pt;
	padding-top: 10px;
}



#contact_details {
	background-color: #978fbd; 
	float: right;
	font-size: 10px;
	height: 15px;
	margin-top: 10px;
	text-align: right;
	width: 780px;
}


#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

#wide_navBar ul a:link, #navBar ul a:visited {display: block;}
#wide_navBar ul {list-style: none; margin: 0; padding: 0;}

#navBar{
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; 
	margin-top: -15px;
	margin-left: 70px;
	padding-top: 0px;
	position: absolute;
	visibility: hidden;
	z-index: 99;
}


#wide_navBar{
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; 
	margin-top: -10px;
	margin-left: 150px;
	padding-top: 0px;
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
#mainNav{
	border-bottom: 0px;
	border-top: 0px;
	color: #000000; 
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 120px; 
}

.tryLink {
	height: inherit;
}

#main_text {
	float: right;
}

#mainNav h3{
	padding: 0px 0px 2px 0px; 
}

#mainNav a {
	border-top: 1px solid #cccccc;
	display: block;
	padding: 2px 0px 2px 10px;
}

#mainNav a:hover{
	background-color: #dddddd; 
}

.why {
	font-weight: bold;
	text-decoration: underline;
}

.cancel {
	font-weight: bold;
	text-decoration: underline;
	font-size: 20px;
}

.boldSpan {
	font-weight: bold;
}

.smallBoldSpan {
	font-weight: bold;
	padding-left: 20px;
	font-size: 14px;	
}

#improvedEconomy {
	width: 500px;	
}

.blueText {
	color: #4d4dec;
	font-weight: bold;
	font-size: 14px;
}

.indent {
	padding-left: 5em;
}

#pricing_table {
	border: 1px solid;
	margin: 30px auto;
	border-spacing: 20px 20px;
	font-family: "Comic Sans MS";
	font-size: 12pt;
}

#news {
	width: 295px;
	float: left;
	padding-left: 5px;
	border-right: 1px solid #cccccc;
	margin-right: 0px;

   }

#ms_news {
	width: 350px;
	float: left;
	padding-left: 5px;
	border-right: 1px solid #cccccc;
	margin-right: 0px;
	text-align: center;
	margin: 0;
   }


#news p {
	margin:  0px;
	padding: 0px;
}

.bunched
{
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	
}

p.close_bunched {
	margin-top: 2px;
	margin-bottom: 2px;
}

#events {
	width: 300px;
	float: left;
	border-left: 1px solid #cccccc;
	padding-left: 15px;
	margin-left: -1px;

}


#ms_events {
	width: 350px;
	float: left;
	border-left: 1px solid #cccccc;
	padding-left: 15px;
	margin-left: -1px;

}

#outer {
	margin-top: 20px;
	margin-left: -10px;
	margin-right: 10px;
	border: 1px solid #cccccc;
	/* background-color:#f78f1e;  */

	background-color:#ffffcc;
}


#ms_outer {
	margin-top: 20px;
	margin-left: -10px;
	margin-right: 10px;
	/* border: 1px solid #cccccc; */
	/* background-color:#f78f1e;  */

	/* background-color:#ffffcc; */
}




#outer h2 {
	padding: 0px;
	margin: 0px;
   }

.float_froot {
	float: left;
	margin-right: 10px;
}

#wendy_testimonial {
	
	margin-top: 20px;
	margin-left: -10px;
	margin-right: 10px;
	padding-left: 10px;
	border: 1px solid #cccccc;
	/* background-color:#f78f1e;  */

	background-color:#ffffcc;
	font-weight: bold;
}


#wendy_testimonial p {
	font-style: italic;	
	color: #174a7c;
	font-size: 15px;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;     /* further ensures the period is not visible */
}



.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* Holly Hacks for IE */

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html .tryLink { height: 1% }
/* END: Hide from Mac/IE */

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html #navBar { margin-top: 0px }
/* END: Hide from Mac/IE */

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html #pic { margin-bottom: -5px }
/* END: Hide from Mac/IE */

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html #details { margin-bottom: 10px }
/* END: Hide from Mac/IE */

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html #longPageDetails { 
	margin-bottom: 10px; 
	padding-top: 25px; 	
}
/* END: Hide from Mac/IE */

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html .joyJumpersTextHeadline { margin-right: 85px;}
/* END: Hide from Mac/IE */

/* START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html .actualHeadline { width: 440px;}
/* END: Hide from Mac/IE */