/* Design by Digital Crayon 2010 */
/* Surfing Westernm Australia - GROMSTART */

/* _______________________________________________________________ */

/*basic elements*/


body { 
	position: absolute; top: 0px; left; 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff url('images/wave_background.jpg') no-repeat;
	width: 1019px;
	height: 1320px;
	}
	
/* _______________________________________________________________ */

/*divisions*/

#container {   /*The middle text plus header and footer*/
	position: absolute; top: 0px; left; 0px;
	margin: 0 auto;
	background: #ffffff;
	height: 1320px;
	}
/* _______________________________________________________________ */

#header {  /*The top image*/
	position: absolute; top: 0px; left; 0px;
	width: 899px;
	height: 28px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url('images/header.jpg') no-repeat;
	}
	
/*Surfing WA link to their home page*/
#surfing_wa_link {
	position: absolute; top: 6px; left: 695px;
	width: 190px;
	z-index: 1;
	}
	

a.header:link {	/*Link font colour and style*/
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #ffffff; /*White*/
	font-weight: none;
	text-decoration: none;
	border-bottom: #000000;
	border-width: 0px 0px 0px 0px;
	border-style: none;
	}

a.header:hover {	/*The link turns this colour when the mouse hovers above it or on top of it*/
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #82c2f2; /*Light Blue*/
	font-style: none;
	font-weight: none;
	text-decoration: none;
	border-bottom: #000000;
	border-width: 0px 0px 0px 0px;
	border-style: none;
	}

a.header:active {		/*The link turnes this colour when it is clicked on*/
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #82c2f2; /*Light Blue*/
	font-style: none;
	font-weight: none;
	text-decoration: none;
	border-bottom: #000000;
	border-width: 0px 0px 0px 0px;
	border-style: none;
	}

a.header:visited {		/*The link turns this colour after it has been clicked on.*/
	color: #ffffff; /*Same Colour as the Active Link colour - visited links look no different from non-visited*/
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
	border-bottom: #000000;
	border-width: 0px 0px 0px 0px;
	border-style: none;
	}
	
/*Logo_____________________________________________________________________________________________Logo*/

#gromstart_logo {
	position: absolute; top: 40px; left: 15px;
	width: 334px;
	height: 153px;
	}
	
/*LEVELS_____________________________________________________________________________________________LEVELS*/

/*LEVEL 1 - Learn to Surf*/
#level_1 {
	position: absolute; top: 250px; left: 50px;
	width: 291px;
	height: 100px;
	}
	
#level_1_text {
	position: absolute; top: 260px; left: 370px;
	width: 475px;
	height: 74px;
	}

/*LEVEL 2 - Wahu Surfer Groms Comps*/
#level_2 {
	position: absolute; top: 351px; left: 50px;
	width: 291px;
	height: 100px;
	}
	
#level_2_text {
	position: absolute; top: 361px; left: 370px;
	width: 464px;
	height: 77px;
	}
	
/*LEVEL 3 - Chill Performance Clinics*/
#level_3 {
	position: absolute; top: 452px; left: 50px;
	width: 291px;
	height: 100px;
	}

#level_3_text {
	position: absolute; top: 462px; left: 370px;
	width: 435px;
	height: 77px;
	}

/*LEVEL 4 - Taj's Small Fries*/
#level_4 {
	position: absolute; top: 553px; left: 50px;
	width: 291px;
	height: 100px;
	}

#level_4_text {
	position: absolute; top: 563px; left: 370px;
	width: 472px;
	height: 77px;
	}
	
/*LEVEL 5 - Ripcurl Grom Search*/
#level_5 {
	position: absolute; top: 654px; left: 50px;
	width: 291px;
	height: 100px;
	}
	
#level_5_text {
	position: absolute; top: 664px; left: 370px;
	width: 459px;
	height: 77px;
	}
	
/*LEVEL 6 - Chill WA School Surfing Titles*/
#level_6 {
	position: absolute; top: 755px; left: 50px;
	width: 291px;
	height: 100px;
	}
	
#level_6_text {
	position: absolute; top: 760px; left: 370px;
	width: 442px;
	height: 93px;
	}

/*LEVEL 7 - Chill Grom Prix*/
#level_7 {
	position: absolute; top: 856px; left: 50px;
	width: 291px;
	height: 100px;
	}
	
#level_7_text {
	position: absolute; top: 866px; left: 370px;
	width: 477px;
	height: 91px;
	}

/*LEVEL 8 - Chill State Junior Titles*/
#level_8 {
	position: absolute; top: 957px; left: 50px;
	width: 291px;
	height: 100px;
	}
	
#level_8_text {
	position: absolute; top: 972px; left: 370px;
	width: 473px;
	height: 77px;
	}

/*LEVEL 0 - Pro Junior*/
#level_9 {
	position: absolute; top: 1058px; left: 50px;
	width: 291px;
	height: 100px;
	}
	
#level_9_text {
	position: absolute; top: 1070px; left: 370px;
	width: 460px;
	height: 77px;
	}
	
	
/* _______________________________________________________________ */	
	
p { 
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	white-space: normal; 
	color: #ffffff; /*White Colour for the text*/
	}


a:link {	/*Link font colour and style*/
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #ffffff; /*White*/
	font-weight: none;
	text-decoration: none;
	border-bottom: #000000;
	border-width: 0px 0px 0px 0px;
	border-style: none;
	}

a:hover {	/*Link font colour and style*/
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #82c2f2; /*White*/
	font-weight: none;
	text-decoration: none;
	border-bottom: #000000;
	border-width: 0px 0px 0px 0px;
	border-style: none;
	}

	

/*FOOTER POSITION_____________________________________________________________________________________________FOOTER POSITION*/

#footer_text {
	position: absolute; top: 1302px; left: 10px;
	width: 500px;
	height: 30px;
	}

#footer_background {
	position: absolute; top: 1310px; left: 0px;
	width: 532px;
	height: 26px;
	z-index: -1;
	}

#sunsmart_logo {
	position: absolute; top: 1290px; left: 554px;
	width: 69px;
	height: 39px;
	}

#dsr_logo {
	position: absolute; top: 1285px; left: 640px;
	width: 138px;
	height: 50px;
	}