@charset "utf-8";

/* ==============================================================
Author: 	Paul Buttle (me at paul buttle dot com)
Date: 		27th July 2009
Version:	0.1
============================================================== */

body {
    background: url(../images/bg.jpg) repeat;
	line-height: 125%;
}
html, body {
    height: 100%; /* for sticky footer */ 
    position:absolute;/* Opera height trigger*/
    width:100%;
}

/* ==================== HEADER ======================== */
#header 								{background:url(../images/header.png) repeat-x; height:135px; margin-bottom:-135px; min-width:900px; position:relative; width:100%; z-index:20}

#central-header 						{margin:0 auto; position:relative; width:900px; z-index:1;}
#central-header a img 				{border: none}
#clearheader						{height:135px;} /*clear header without margins or padding*/
.ldb-logo 							{position:absolute; top:5px;}
.jbski-logo 							{left:700px; position:absolute; top:5px;}
	
* html #header 						{width: 100%; /* Fallback width if javascript is off */ width: expression((document.documentElement.clientWidth < 964) ? "962px" : "auto");}

/* Sort out the container so that it is scrollable and does not overlap the header or footer */
#wrapper 							{margin:0 auto; min-height:100%; /* for sticky footer */ width: 900px;}
* html #wrapper 						{height:100%;} /*for ie6, same as min-height*/

#navbar 								{background: url(../images/nav-bar.png) no-repeat; margin: 0 auto; height: 50px; padding-left: 63px; position: relative; top: -20px; margin-bottom: 10px; width: 537px;}
#navbar li							{display: inline; list-style:none; position: relative; top: 25px; }

#content 							{float: left; width: 900px;}

/* ==================== FOOTER ======================== */
#clearfooter						{clear:both; height:250px;} /*For a sticky footer*/

#footer 								{background: url(../images/footer2.png) repeat-x; height:277px; margin:-250px auto 0 auto; /*pull footer back into viewport and center*/ width: 100%;}

#central-footer 						{margin: 0 auto; position: relative; width: 900px;}

#central-footer a img 				{border: none; margin-left: 20px; position: relative; top:50px;}

/* ==================== COLUMNS ======================== */

/* index.htm */
.page1.column1						{float: left; width: 400px}
.page1.column2						{float: right; min-height: 750px; width: 470px}

/* coach.htm */
.page2.column1						{float: left; width: 310px}
.page2.column2						{float: right; width: 570px}
.photos								{clear: both; margin: 10px 0 20px 10px;}
.photos a							{margin-right: 15px;}
.photos a img							{border: 2px solid white;}
.page2.guestcoach1					{float: left; margin-bottom: 20px; padding-right: 75px; width: 250px}
.page2.guestcoach2					{float: left; margin-bottom: 20px; width: 250px;}
.page2.guestcoach3					{float: right; margin-bottom: 20px; padding-left: 50px; width: 250px}


/* boat.htm */
.page3.column1						{float: left; width: 375px}
.page3.column2						{float: right; width: 500px}
.wakesetterimage					{margin-bottom: 20px;}

/* courses.htm */
.page4.column1						{float: left; margin-bottom: 20px; padding-right: 75px; width: 250px}
.page4.column2						{float: right; margin-bottom: 20px; padding-left: 50px; width: 250px}
.page4.centre						{float: left; margin-bottom: 20px; width: 250px;}

/* bookings.htm */
.page5.column1						{float: left; margin-bottom: 380px; width: 400px}
.page5.column2						{float: right; position: relative; width: 470px}

/* contact.htm */
.page6.column1						{float: left; padding-bottom: 200px; width: 400px}
.page6.column2						{float: right; padding-bottom: 200px; width: 470px}

/* coach2.htm */
.page7.column1						{float: left; width:425px;}
.page7.column2						{float: right; width: 425px;}
.coach								{min-height: 550px;}

/* early.htm */
.page-early							{padding-bottom: 30px;}

/* links.htm */
table								{margin-bottom: 30px;}
table img								{border: none; max-height: 75px; max-width: 100px;}
table a								{border: none; text-decoration: none;}
table tr								{height: 60px;}
.tablelink							{width: 150px;}