/*css reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background-image: url(img/background_shadow_wider.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ul, ol, dl, li, dt, dd {
	list-style: none;
}
table {
	border-collapse: collapse;
	border: 0;
}
td, th, caption {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
button {
	cursor:pointer;
}
div {
	float:left;
}
/* custom styles */

body {
	/*background-color:#D7D7D7;*/
	/*border:1px solid #333333;*/
	background-color:#959595;
	font:normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin: auto;
	width:980px;
}
div.website {
	/*border:1px solid #333333;*/
	background-color:transparent;
	width:980px;
	text-align:left;
}
div.header {
	background:#000 url(img/template/banner-091124.jpg) no-repeat top left;
	width:100%;
	height:105px;
}
div.header form {
	width:200px;
	padding: 5px 0px 0px 0px;
	float:right;
}

#ls {
	background: url(searchleft.png) no repeat top left;
	background-color:#CC3300;
}

#rs {
	background: url(searchright.png) no repeat top left;
}

#nav {
	width:100%;
	margin:0px;
	height:25px;
	text-align:left;
	font-size:14px;
	background-color:#363533;
}
#nav ul {
	width:100%;
	margin:0 0 0 0px;
	text-indent:-9999px;
}
#nav ul li {
	margin:0px 0 0 0px;
	display:inline;
	color:#FFFFF;
}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover {
	color:#FFFFFF
}
/*
old sub-nav
#sub-nav-products {
	background: url(img/heading_products.jpg) no-repeat top left;
	width:182px;
	height:30px;
}
#sub-nav-contact {
	background: url(img/heading_contactus.jpg) no-repeat top left;
	width:182px;
	height:30px;
}
#sub-nav-news-events {
	background: url(img/heading_news_and_events.jpg) no-repeat top left;
	width:182px;
	height:30px;
}
#sub-nav-gallery {
	background: url(img/heading_gallery.jpg) no-repeat top left;
	width:182px;
	height:30px;
}
#sub-nav-webcams {
	background: url(img/heading_webcams.jpg) no-repeat top left;
	width:182px;
	height:30px;
}


#sub-nav-footer {
	background:url(img/heading_footer.jpg) no-repeat top left;
	width:182px;
	height:19px;
	text-indent:-999px;
}

div.sub-nav2 {
	margin:25px 0px 0px 25px;
	font-size:12px;
	width:182px;
	text-indent:5px;
	background-color:#B2B2B2;
}
*/
#sub-nav-top {
	background:url(img/subnav09_top.jpg) no-repeat top left;
	width:188px;
	height:20px;
	text-indent:-999px;
}

#sub-nav-top-2 {
	background:url(img/subnav09_top.jpg) no-repeat top left;
	width:188px;
	height:20px;
	text-indent:-999px;
}

#sub-nav-footer {
	background:url(img/subnav09_bottom.jpg) no-repeat top left;
	width:188px;
	height:20px;
	text-indent:-999px;
}
#sub-nav-footer-2 {
	background:url(img/subnav09_bottom.jpg) no-repeat top left;
	width:188px;
	height:20px;
	text-indent:-999px;
}

#sub-nav-lessons {
	background: url(img/heading_lessons.jpg) no-repeat top left;
	width:188px;
	height:30px;
}

#sub-nav-windsurfing {
	background: url(img/heading_windsurfing.jpg) no-repeat top left;
	width:188px;
	height:30px;
}

#sub-nav-kiteboarding {
	background: url(img/heading_kiteboarding.jpg) no-repeat top left;
	width:188px;
	height:30px;
}

#sub-nav-standuppaddleboarding {
	background: url(img/heading_standuppaddleboarding.jpg) no-repeat top left;
	width:188px;
	height:45px;
}

#sub-nav-snowboarding {
	background: url(img/heading_snowboarding.jpg) no-repeat top left;
	width:188px;
	height:30px;
}

#sub-nav-roofracks {
	background: url(img/heading_roofracks.jpg) no-repeat top left;
	width:188px;
	height:30px;
}

#homepage_sub-nav-container {
	width:290px;
}

#homepage_main_content {
	width:632px;
	padding: 37px 0px 0px 0px;
}

#homepage_content {
	padding: 0px 0px 0px 0px;
	width:980px;
}

div.sub-nav2 {
	margin:37px 0px 0px 0px;
	/*padding: 37px 0px 0px 52px;*/
	font-size:12px;
	width:188px;
	text-indent:28px;
	background-color:#343434;
	color:#FFFFFF;
}

div.sub-nav2 h2, div.sub-nav2 h2 a:link, div.sub-nav2 h2 a:visited, div.sub-nav2 h2 a.active, div.sub-nav2 h2 a:hover {
	margin: 0px;
	color:#FFFFFF;
	text-indent:-999px;
	display:block;
}
div.sub-nav2 ul {
	color:#FFFFFF;
	display:block;
	text-indent:28px;
	line-height:22px;
	text-align:left;
}
div.sub-nav2 ul li a:link, div.sub-nav2 ul li a:visited, div.sub-nav2 ul li a:active, div.sub-nav2 ul li a:hover {
	color:#FFFFFF;
	display:block;
	padding:5px 0px;
	text-indent:28px;
	font-weight:normal;
	line-height: 12px;
}
div.sub-nav2 ul li ul li a:link, div.sub-nav2 ul li ul li a:visited, div.sub-nav2 ul li ul li a:active, div.sub-nav2 ul li ul li a:hover {
	text-indent:40px;
	color:#FFFFFF;
	font-weight:normal;
	display:block;
	line-height: 10px;
	padding-bottom:5px;
}
div.sub-nav2 ul li ul li ul li a:link, div.sub-nav2 ul li ul li ul li a:visited, div.sub-nav2 ul li ul li ul li a:active, div.sub-nav2 ul li ul li ul li a:hover {
	text-indent:60px;
	font-weight:normal;
	padding:5px 0px 5px 0px;
	line-height: 10px; 
}

#emaillink a:link, #emaillink a:visited, #emaillink a:active, #emaillink a:hover {
	color:#E48409;
}

div.content {
	color:#000000;
	padding: 30px 0px 0px 0px;
	width:690px;
}

div.search-results {
	color:#000000;
	padding: 30px 20px 10px 120px;
	width:700px;
}

div.content h3 , div.contentfullwidth h3, div.product_enquiry h3{
	text-transform:uppercase;
	font-size:14px;
	line-height:150%;
	font-weight:bold;
}
div.content p, div.contentfullwidth p {
	font-size:12px;
	line-height:150%;
	font-weight:normal;
}
div.contentfullwidth {
	padding: 0px 10px 10px 10px;
	width:960px;
	height:500px;
	background-color:#FFF;
}

div.teamriders_content {
	color:#000000;
	padding: 24px 0px 10px 2px;
	width:700px;
}
div.homepage_footer {
	width:665px;
	text-align:center;
	font-size:9px;
}
div.gallerynav {
	padding: 0px 20px 0px 20px;
	width: 940px;
	float: left;
	
}

div.gallerynav table tr td , div.gallerynav table tr td a:link, div.gallerynav table tr td a:visited, div.gallerynav table tr td a:active, div.gallerynav table tr td a:hover {
	color:#000000;
	text-indent:20px;
	font-weight:bolder;
	line-height: 14px;
	font-size:13px;
}

div.gallerynav-new {
	padding: 10px 10px 0px 10px;
	width: 610px;
	float: left;
	
}

div.gallerynav-new table tr td , div.gallerynav-new table tr td a:link, div.gallerynav-new table tr td a:visited, div.gallerynav-new table tr td a:active, div.gallerynav-new table tr td a:hover {
	background:#000000;
	color:#FFFFFF;
	text-indent:20px;
	font-weight:bolder;
	line-height: 14px;
	font-size:13px;
}

div.gallerynav-new-bottom {
	padding: 0px 20px 20px 20px;
	width: 600px;
	float: left;
	
}

div.gallery {
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	width:610px;
	float:left;
}
div.gallery-new {
	padding: 0px 10px 0px 10px;
	background-color:#FFFFFF;
	width:610px;
	float:left;
}

div.gallery_row_heading {
	padding: 0px 0px 0px 10px;
	width:600px;
	float:left;
}
div.gallery_row_cell {
	padding: 10px 10px 10px 10px;
}
div.productdisplay {
	padding: 0px 0px 20px 0px;
	width:687px;
}
div.boardphotoandspec {
	padding: 120px 10px 10px 10px;
	width:300px;
	float:left;
	text-align:center;
}
div.productphoto {
	padding: 10px 10px 10px 10px;
	width:300px;
	float:left;
}
div.boardphotoandspec p {
	padding: 0px 20px 0px 0px;
	float: right;
}
div.boarddescription {
	padding: 10px 10px 10px 0px;
	width:340px;
	float:right;
}
div.mapdisplay {
	padding: 5px 20px 20px 10px;
	width:400px;
	float:left;
}
div.contactdetails {
	padding: 10px 20px 20px 10px;
	width:400px;
	float:left;
}
div.weatherlinks {
	padding: 10px 0px 20px 20px;
	width:600px;
	float:left;
}
div.weatherlinksthumbs {
	width:200px;
	float:left;
}
div.weatherlinkstext {
	width:400px;
	float:left;
}
div.weatherlinkstext a:link, div.weatherlinkstext a:visited, div.weatherlinkstext a:hover {
	color:#0033FF;
}
div.location_guide {
	padding: 10px 20px 20px 20px;
	width:650px;
	float:left;
}

div.subnav_left_spacer {
	padding: 0px;
	margin: 37px 0px 0px 0px;
	width: 52px;
	float: left;
}

div.subnav_right_spacer {
	padding: 0px;
	margin: 37px 0px 0px 0px;
	width: 52px;
	float: left;
}

div.subnav_container {
	width: 292px;
	padding: 0px;
	margin: 0px;
}

div.subnav2_container {
	width: 188px;
	padding: 0px;
	margin: 0px;
}

#news {
	margin: 37px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	width:636px;
float:left;
}

div.product_enquiry {
	padding: 20px 0px 30px 120px;
	width: 600px;
	float:left;
}

div.product_enquiry_form {
	padding: 0px;
	width:400px
	float:left;
}

div.product_enquiry_form td{
	padding: 5px
}

div.news a:visited, div.news a:link, div.news a:visited, div.news a:hover {
	color:#0033FF;
}
div.webcams {
	padding: 00px 0px 0px 10px;
	float:left;
	width:650px;
}
div.webcams_thumbs {
	float: left;
	width: 160px;
}
div.webcam_main {
	padding: 0px 0px 0px 0px;
	float: left;
	width: 650px;
}
div.google_search {
	float: right;
	/*visibility:hidden; */
}
ul#nav {
	float: left;
}
ul#nav li {
	float: left;
}
ul#nav li a {
	display: block;
	height:25px;
}

ul#nav2 li a {
	display: block;
	height:12px;
}


ul#nav li a span {
	position: absolute;
	left: -9999px;
}
ul#nav li#leftspacer {
	background: url(img/nav_left.jpg) no-repeat top left;
	width:111px;
	height:25px;
	float:left;
}
ul#nav li a#home {
	background: url(img/nav_home.jpg) no-repeat top left;
	width:67px;
	height:25px;
	float:left;
}
ul#nav li a#products {
	background: url(img/nav_products.jpg) no-repeat top left;
	width:93px;
	height:25px;
}
ul#nav li a#news {
	background: url(img/nav_news.jpg) no-repeat top left;
	width:131px;
	height:25px;
}
ul#nav li a#gallery {
	background: url(img/nav_gallery.jpg) no-repeat top left;
	width:82px;
	height:25px;
}
ul#nav li a#webcams {
	background: url(img/nav_webcams.jpg) no-repeat top left;
	width:89px;
	height:25px;
}
ul#nav li a#guide {
	background: url(img/nav_guide.jpg) no-repeat top left;
	width:136px;
	height:25px;
}
ul#nav li a#location_guide {
	background: url(img/nav_location_guide.jpg) no-repeat top left;
	width:136px;
	height:25px;
}
ul#nav li a#weather {
	background: url(img/nav_weather.jpg) no-repeat top left;
	width:88px;
	height:25px;
}
ul#nav li a#contact {
	background: url(img/nav_contact.jpg) no-repeat top left;
	width:86px;
	height:25px;
}
ul#nav li#rightspacer {
	background: url(img/nav_right.jpg) no-repeat top left;
	width:97px;
	height:25px;
}

/* 241109 new look and feel navigation */
ul#nav li#left {
	background: url(img/nav09_left.jpg) no-repeat top left;
	width:108px;
	height:25px;
}
ul#nav li a#home {
	background: url(img/nav09_home.jpg) no-repeat top left;
	width:58px;
	height:25px;
}
ul#nav li a#lessons {
	background: url(img/nav09_lessons.jpg) no-repeat top left;
	width:74px;
	height:25px;
}
ul#nav li a#windsurfing {
	background: url(img/nav09_windsurfing.jpg) no-repeat top left;
	width:102px;
	height:25px;
}
ul#nav li a#kiteboarding {
	background: url(img/nav09_kiteboarding.jpg) no-repeat top left;
	width:110px;
	height:25px;
}
ul#nav li a#standuppaddleboarding {
	background: url(img/nav09_standuppaddleboarding.jpg) no-repeat top left;
	width:183px;
	height:25px;
}
ul#nav li a#snowboarding {
	background: url(img/nav09_snowboarding.jpg) no-repeat top left;
	width:115px;
	height:25px;
}
ul#nav li a#roofracks {
	background: url(img/nav09_roofracks.jpg) no-repeat top left;
	width:88px;
	height:25px;
}
ul#nav li#right {
	background: url(img/nav09_right.jpg) no-repeat top left;
	width:142px;
	height:25px;
}


div.webcam-sponsor {
 position:relative;
 top:450px;
 left:10px;
 width:300px;
}
div.webcam-sponsor a:link, div.webcam-sponsor  a:visited, div.webcam-sponsor  a:active, div.webcam-sponsor  a:hover {
	color:#FFFFFF;
}