/* =============================
pumpdance.com global css layout
designed / developed by eske.com.au
author:	benjamin george
created: 09 january 2007
============================= */

body {
	background: #fff url(../images/bg.gif);
	font-family: verdana, arial, helvetica, sans-serif; 
	text-align: center; }

a { background: transparent; color: #ffffff; text-decoration: underline; }
a:visited { background: transparent; color: #ffffff; text-decoration: underline; }
a:hover { background: #cbe2f2; color: #000000; text-decoration: none; }

.clear { clear:both; }

p { margin: 0;
	padding: 0 10px .8em 10px;
	color: #ffffff;
	font-size: 1em; 
	line-height: 1.3em; }
	
p.content_top_text {
	color: #000000; }
#content_top p {
	padding: 5px 305px 0 35px; }
#content_top span {
	color: #41a9de;
	font-weight: bold; }
p.content_top_text a { background: transparent; color: #000000; text-decoration: underline; }
p.content_top_text a:visited { background: transparent; color: #000000; text-decoration: underline; }
p.content_top_text a:hover { background: #cbe2f2; color: #000000; text-decoration: none; }

h1 { margin: 0; padding: 0;
	font-size: 1.1em; color: #41a9de; }

h2 { margin: 0; padding: 0;
	font-size: 1.1em; color: #41a9de; }

h3 { clear: both;
	width: 400px; display: block;
	margin: 10px 0 .8em 5px;
	border-bottom: 1px solid #cbe2f2;
	 }
h3 span {
	padding: 2px 5px 2px 5px;
	background-color: #cbe2f2;
	color: #474747; font-weight: bold;
	text-transform: uppercase; }
h4 {
	margin: 0 0 .8em 9px;
	color: #94c5e2; font-weight: bold;
	text-transform: uppercase; }


span.date { float: right; clear: both;
	padding: 0; background: transparent; color: #cbe2f2;
	font-size: .9em; font-weight: bold;
	text-transform: lowercase; }

p.bolder,
span.bolder {
	font-weight: bold; }
span.unbolded {
	font-weight: normal; }

div.videobox { position: relative; width: 420px; height: 288px; 
			margin-left: 10px; margin-bottom: 20px; 
			border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; background: #ffffff;  } /* #cbe2f2 */
object { /*border: 5px solid #cbe2f2;
		border-left-width: 35px; border-right-width: 35px;*/
		padding: 0px 0 0 35px; }

	
/* hidden
============================= */
.hidden {
	height: 0; overflow: hidden; }	
#navigation dl dd a span.hidden {
	position: absolute; left: -9000px; height: 0; overflow: hidden;  }

/* wrapper
============================= */
div#wrapper {
	width: 759px;
	margin: 0 auto 0 auto; padding: 0; 
	background: transparent; text-align: left; }

html { height: 100%; }
body { height: 100%; }

div#wrapper {
	position: relative;
	min-height: 100%; }

/* header
============================= */
#header {
	position: relative; 
	width: 759px; height: 60px;
	padding: 0; 
	background: #e6f0f9 url(../images/pump_header.jpg) no-repeat; }

/* container
============================= */
#container {
	width: 759px;
	margin: 0 auto 0 auto; padding: 0; 
	background: #ffffff; }

/* navigation
============================= */
#navigation {
	width: 759px;
	margin: 0; padding: 0; 
	height: 299px;
	background: transparent url(../images/pump_navbg.gif) no-repeat; /*text-align: left;*/ }
	
#navigation dl {
	position: absolute; top: 125px; right: 135px;
	/*width: 759px; */ height: 26px;
	background: transparent; }
/*#navigation dt {
	}*/
#navigation dd {
	float: left;
	margin: 0 8px 0 0; }

#navigation a {
	display: block; height: 26px;
	/*font-size: 0px;*/ }
#navigation a#latestnews {  width: 100px;
   background: url("../images/nav_latestnews.gif") 0 0 no-repeat; }
#navigation a#classes {  width: 69px;
   background: url("../images/nav_classes.gif") 0 0 no-repeat; }
#navigation a#forhire {  width: 69px;
   background: url("../images/nav_forhire.gif") 0 0 no-repeat; }
#navigation a#gear {  width: 42px;
   background: url("../images/nav_gear.gif") 0 0 no-repeat; }
#navigation a#photos {  width: 63px;
   background: url("../images/nav_photos.gif") 0 0 no-repeat; }
#navigation a#contact {  width: 72px;
   background: url("../images/nav_contact.gif") 0 0 no-repeat; }
	
#navigation a:hover#latestnews, #navigation a:hover#classes,
#navigation a:hover#forhire, #navigation a:hover#gear,
#navigation a:hover#photos, #navigation a:hover#contact {
   background-position: 0 -26px; }

#navigation a:active {
	background-position: 0 -26px; }
body.latestnews #navigation a#latestnews, body.latestnews #navigation a:hover#latestnews,
body.classes #navigation a#classes, body.classes #navigation a:hover#classes,
body.forhire #navigation a#forhire, body.forhire #navigation a:hover#forhire,
body.gear #navigation a#gear, body.gear #navigation a:hover#gear,
body.photos #navigation a#photos, body.photos #navigation a:hover#photos,
body.contact #navigation a#contact, body.contact #navigation a:hover#contact {
	background-position: 0 -26px; }


/* content_top
============================= */
#content_top {
	width: 759px; height: 115px;
	margin: 0; padding: 0; }
body.latestnews #content_top {
	background: transparent url(../images/pump_topcontent.jpg) no-repeat; }
body.classes #content_top {
	background: transparent url(../images/tc_classes.jpg) no-repeat; }
body.forhire #content_top {
	background: transparent url(../images/tc_thetroupe.jpg) no-repeat; }
body.gear #content_top {
	background: transparent url(../images/tc_funkythreads.jpg) no-repeat; }
body.photos #content_top {
	background: transparent url(../images/tc_imagegallery.jpg) no-repeat; }
body.contact #content_top {
	background: transparent url(../images/tc_contact.jpg) no-repeat; }


/* content
============================= */
#content {
	width: 759px; min-height: 350px;
	margin: 0; padding: 0 0 15px 0;
	background: #474747 url(../images/pump_greybg.gif) repeat-y;
	 }

/* content // leftcolumn
============================= */
#leftcolumn {
	float: left; width: 444px;
	margin: 0 0 0 26px; padding: 0; 
	background: transparent; }
	
/* content // rightcolumn
============================= */

#rightcolumn {
	float: right; width: 278px;
	margin: 0 11px 0 0; padding: 0; 
	background: transparent; }
	
/* content // full_spread
============================= */

#fullspread {
	float: left; width: 722px;
	margin: 0 11px 0 26px; padding: 0; 
	background: transparent; }


/* gallery layout
============================= */
div#content div.galleryblock {
	position: relative;
  width: 239px; /*height: 300px;*/
  margin: -30px auto 15px auto;
  border: none; }
body.photos div#content div.galleryblock {
	width: 490px; height: auto; margin: 0 0 15px 0; }
body.gear div#content div.galleryblock {
	width: 700px; height: auto; margin: 0 0 15px 0; }

/* ! remove right margin from end line image thumb for justification ! */
.imagebox { float:left; margin: 0 0 15px 10px; border: 1px solid #ffffff; }
/*.imageboxend { float:left; margin: 0 0 15px 0; }*/
.image {
	position: relative;
	margin:0; padding:0;
  background: transparent;
  text-align: center; } 
  
div.imagebox a, div.imageboxend a {
	display: block;
	width: 50px; height: 50px;
	/*padding: 3px;*/ border: 5px solid /*#e2f4fd*/#ffffff;
	background-color: transparent; }
div.imagebox a:hover, div.imageboxend a:hover {
	border: 5px solid #cbe2f2;
	background-color: transparent; }  	
	
  /*
.imagebox { float:left; width: 66px; margin-left: 10px; }
.image {
	position: relative;
  margin: 0 0 15px 0; 
  padding: 6px 0px 6px 7px; 
  border: 1px solid #ffffff;
  background-color: #474747;
  text-align: center; }  
.image:hover { 
  background-color: #cbe2f2; }
  */
  
  
/* gear page layout
============================= */
#gear_layout {
	padding: 0 0 0 10px; }
/* ! remove right margin from end line image thumb for justification ! */
.gear_item { float:left; width: 215px; margin: 0 20px 15px 0; background: #ffffff; }
  
div.gear_item a, div.gear_itemend a {
	display: block;
	width: 205px; height: 120px;
	margin: 0 0 10px 0;
	border: 5px solid #ffffff;
	background-color: transparent; }
div.gear_item a:hover, div.gear_itemend a:hover {
	border: 5px solid #cbe2f2;
	background-color: transparent; }  	

p.productname { padding: 0 0 0 5px; color: #4e4e4e; }
p.productname span { font-weight: bold; color: #000000; }
p.productcost { padding: 0 0 5px 5px; color: #4e4e4e; }


/* table layout
============================= */
/*.timetables {
	width: 700px;
	padding: 0;
	margin: 0 0 15px 9px; }

p.caption {
	width: 700px;
	margin: 0 0 15px 9px;
	padding: 3px 0;	 
	font-weight: normal;
	font-style:italic;
	text-align: left; }*/
	
.legend {
	display: block;
	width: 700px; height:auto;
	padding: 3px 0; margin: 0 0 0 9px;
	background-color: #ffffff;
	color: #1e1e1e;
	}
	.legend span {
		font-weight: bold;
		padding-left: 9px; }

/*td.toprow, th#toprow {
	border-top: 1px solid #1e1e1e; }

th {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #1e1e1e;
	border-left: 1px solid #1e1e1e;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 5px;
	background: #1e1e1e; }

td {
	width: 140px;
	font-size: 1em;
	border-right: 1px solid #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	background: #cbe2f2;
	padding: 3px 5px;
	color: #000; }
td.alt {
	background: #94c5e2;
	color: #000; }*/


/* contact form layout
============================= */
#contactform {
	position: relative; width: 100%; 
	margin: 0; padding: 0; }

fieldset {
	border: 0; }	
label {
	 display: block;
	 margin: 0 0 5px 15px;
	 color: #94c5e2; font-weight: bold;
	 text-transform: uppercase; }
input, textarea {
	 width: 435px;
	 margin: 0 0 10px 9px;
	 background: #ffffff; color: #000000; }
textarea {
	 width: 435px; height: 150px; }
#submitbutton {
	 float: right; width: 6em;
	 margin: 5px 0 0 0;
	 background: #ffffff; color: #000000;
	 font-size: 1em; font-weight: bold; }
#thanks_align {
	margin: 30px 0 0 15px; }


/* footer
============================= */
#footer {
	width:759px; height: 90px;
	background: #ffffff url(../images/pump_footer.gif) top no-repeat; }

#footer a { background: transparent; color: #000000; text-decoration: underline; }
#footer a:visited { background: transparent; color: #000000; text-decoration: underline; }
#footer a:hover { background: #cbe2f2; color: #000000; text-decoration: none; }

#footer_copyright, #footer_topbutton, #footer_validate {
	width: 719px;
	margin: 0; padding: 0 0 0 40px;
	font-size: 90%; line-height: 1.3em; }
#footer_copyright { padding-top: 0; }
#footer_topbutton { padding-top: 10px; text-align: right; }

p.topbuttonpad { padding-right: 30px; }
#footer p.topbuttonpad a { color: #ffffff; }
#footer p.topbuttonpad a:hover { color: #000000; }

.btn {
 display: inline;
 font: 100%/200% verdana, sans-serif;
 padding: 1px 0;
 border: 1px solid #666;
 margin: 0;
 text-decoration: none;
 background-color: #fff;
 }
.btnFront {
 font-weight: bold;

 display: inline;
 background-color: #41a9de;
 color: #fff;
 padding: 0 2px;
 border: 1px solid #fff;
 border-top: 0;
 border-bottom: 0;
 margin: 0px;
 }
.btnText {
 display: inline; 
 background-color: #fff;
 color: #000;
 padding: 0 2px;
 border: 0;
 border-right: 1px solid #fff;
 margin: 0px;
 }