/* CSS Document */

/* Swatches */
.aqua {color: #0082D6;}
.red {color: #FF3300;}
.grey {color: #333333;}
.outlet {color: #FF3300; font-size:12px; line-height:20px;}

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font: 11px/18px verdana, arial, serif;
	background-color:#000;
}
#wrap {margin: auto; width: 775px;}
#grungetop {float: left; width: 775px; height: 64px; background: url(images/grungetopNew.gif) no-repeat;}
#main {float: left; width: 775px; background:#FFFFFF;}


/* Menu */
* html a:hover {visibility:visible}
#menu a:hover img {visibility:hidden;}
#menu a:link { display: block;}
#menu a:visited {display: block;}

#menu {float: left; width: 775px; height: 29px; background-color:#000000;}
#menu1 {float:left; width: 70px; background:url(images/menu/Menuhover_01.gif); padding: 0px; margin: 0px;}
#menu2 {float:left; width: 162px; background:url(images/menu/Menuhover_02.gif); padding: 0px; margin: 0px;}
#menu3 {float:left; width: 102px; background:url(images/menu/Menuhover_03.gif); padding: 0px; margin: 0px;}
#menu4 {float:left; width: 76px; background:url(images/menu/Menuhover_04.gif); padding: 0px; margin: 0px;}
#menu5 {float:left; width: 62px; background:url(images/menu/Menuhover_05.gif); padding: 0px; margin: 0px;}
#menu6 {float:left; width: 66px; background:url(images/menu/Menuhover_06.gif); padding: 0px; margin: 0px;}
#menu7 {float:left; width: 67px; background:url(images/menu/Menuhover_07.gif); padding: 0px; margin: 0px;}
#menu8 {float:left; width: 48px; background:url(images/menu/Menuhover_08.gif); padding: 0px; margin: 0px;}
#menu9 {float:left; width: 66px; background:url(images/menu/Menuhover_09.gif); padding: 0px; margin: 0px;}
#menu10 {float:left; width: 86px; background:url(images/menu/Menuhover_10.gif); padding: 0px; margin: 0px;}
#menu11 {float:left; width: 81px; background:url(images/menu/Menuhover_11.gif); padding: 0px; margin: 0px;}

#profiles a:hover img {visibility:hidden;}
#profiles a:link { display: block;}
#profiles a:visited { display: block;}
#profiles {float: left; width: 220px; height: 88px;}
#profileblank {float:left; width: 220px; height: 88px; background:url(images/teamprofile_blank_hover.jpg); padding: 0px; margin: 0px;}
#profile1 {float:left; width: 220px; height: 88px; background:url(images/teamprofile_jasper_hover.jpg); padding: 0px; margin: 0px;}
#profile2 {float:left; width: 220px; height: 88px; background:url(images/teamprofile_ezra_hover.jpg); padding: 0px; margin: 0px;}
#profile3 {float:left; width: 220px; height: 88px; background:url(images/teamprofile_fraser_hover.jpg); padding: 0px; margin: 0px;}
#profile4 {float:left; width: 220px; height: 88px; background:url(images/teamprofile_harrison_hover.jpg); padding: 0px; margin: 0px;}
#profile5 {float:left; width: 220px; height: 88px; background:url(images/teamprofile_chris_hover.jpg); padding: 0px; margin: 0px;}
#profile6 {float:left; width: 220px; height: 88px; background:url(images/teamprofile_ryan_hover.jpg); padding: 0px; margin: 0px;}
#profile7 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_kelly_hover.jpg); padding: 0px; margin: 0px;}
#profile8 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_chrisD_hover.jpg); padding: 0px; margin: 0px;}
#profile9 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_tully_hover.jpg); padding: 0px; margin: 0px;}
#profile10 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_woogie_hover.jpg); padding: 0px; margin: 0px;}
#profile11 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_benny_hover.jpg); padding: 0px; margin: 0px;}
#profile12 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_trent_hover.jpg); padding: 0px; margin: 0px;}
#profile13 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_jesse_hover.jpg); padding: 0px; margin: 0px;}
#profile14 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_woogie_hover.jpg); padding: 0px; margin: 0px;}
#profile15 {float:left; width: 220px; height: 88px; background:url(http://www.noosasurfworks.com.au/images/teamprofile_talina_hover.jpg); padding: 0px; margin: 0px;}


#indexflash {float: left; width: 775px; height: 550px;}
#flash {float: left; width: 775px; height: 262px; background: url(images/flash_module.gif);}
#contentwrap {float: left; width: 775px; background: url(images/submenu_background.gif) repeat-y right; }
#contentwrapenlarge {float: left; width: 775px;}
#contentwrap2 {float: left; width: 775px; background: url(images/submenu_background_bot.gif) no-repeat bottom right; }
#content {float: left;	text-align: left; padding-left: 20px;}
#order {float: left;	 width: 735px; padding-left: 20px;}
#history {float: left;	 width: 735px; padding-left: 20px;}
#history p {float: left;}
#history img {float: left; padding: 10px; clear: both;}
#contentindex {float: left; padding: 20px; width: 735px;}
#submenuwrap {float: right; width: 275px; background: url(images/submenu_background.gif) repeat-y;}
#submenu {padding-left: 30px; padding-top: 35px;  width: 245px; background: url(images/submenu_background_top.gif) no-repeat;}
#submenubot {float: left; padding-left: 30px; width: 245px; height: 183px; background: url(images/submenu_background_bot.gif) no-repeat bottom;}
#footer {float: left; width: 775px; height: 90px; background: url(images/grungebot.gif) no-repeat;}
#header {float: left; width: 775px; height: 48px; background: url(images/grungetop01.gif) no-repeat;}


/* Footer */
#horizontal {float: left;}
#horizontal ul {margin: 0px; padding-left: 15px;}
#horizontal li {display: inline;	color: #FF3300; margin: 0px;}
#horizontal a {padding-right: 5px; padding-left: 5px;}
#horizontal a:link {color: #0082D6; text-decoration: none; display: inline;} 
#horizontal a:visited {color: #7bb2d6; text-decoration: none; display: inline;}
#horizontal a:hover {color: #FF3300; text-decoration: none;}


#returntop {float: right;  display: inline; margin-right: 15px; padding-left: 15px; background: url(images/arrow_returntop.gif) no-repeat 5px left}
#returntop a:link {color:#666666;} 
#returntop a:visited {color:#666666;} 
#returntop a:hover {color:#333333;}

/* Sub Menu */
#submenu ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	margin-bottom: 20px;
	margin-top: 14px;
}
#submenu li {margin-left: 0px; padding-left: 25px; background: url(images/arrow_plusicon.gif) no-repeat 5px;}
#submenu .submenulevel {margin-left: 15px; background: url(images/arrow_right3.gif) no-repeat 5px;}
.select {color: #0082D6; font-weight: bold;}
#arrowright li {margin-left: 0px; padding-left: 25px; background: url(images/arrow_right3.gif) no-repeat 5px;}

h1 {
	text-align: left;
	margin-bottom: 0px;
}
h2 {color: #FF3300; font: bold 12px/22px verdana, arial, serif;}
p {
	color: #333333;
	font: 11px/20px verdana, arial, serif;
	margin-top: 13px;
}

/* Surfboard */

.surfboard {
	padding: 5px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/surfboard_bubble.gif) no-repeat;
	width: 420px;
}

.corporate1 {
	padding: 5px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/surfboard_bubble02.gif) no-repeat;
	width: 270px;
}

.corporate2 {
	padding: 5px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/surfboard_bubble02.gif) no-repeat;
	width: 270px;
}


#corporateCell { width: 735px; padding-left: 20px;}
#corporateHolder { width: 715px; height: 420px;}
.whiteback {width: 50%; padding: 5px; margin-bottom: 7px; background: #FFFFFF; text-align: center; font: bold 13px/18px verdana, arial, serif; }
.whitebackC {width: 85%; padding: 5px; margin-bottom: 7px; background: #FFFFFF; text-align: left; color: #FF3300; font: bold 11px/18px verdana, arial, serif; }
.price {margin-right: 5px; color: #FF3300; font: bold 18px/18px Georgia, "Times New Roman", Times;}
.price2 {margin-right: 5px; color: #FF3300; font: bold 18px/18px Georgia, "Times New Roman", Times;}
#statswrap {
	float: left;
	width: 735px;
}
#boardstats {
background: url(images/detailsbox.gif) no-repeat;
width: 460px;
height: 250px;
	padding: 10px;
	float: left;
	margin-left: 50px;
}
#boardstats2 {
	float: left;
	margin-top: 15px;
}
#stats1 {
	width: 150px;
	float: left;
}
#stats2 {
	width: 150px;
	float: left;
}
#pricetag {
	background-image: url(images/splatprice.gif);
	background-repeat: no-repeat;
	padding-left: 65px;
	padding-top: 50px;
	float: left;
	width: 120px;
	height: 100px;
color: #FF3300; font: bold 22px/30px Georgia, "Times New Roman", Times;
	display: block;
}
/* Form */

#storeselector {width: 205px; background: #E4E8EF; border: #999999 1px dotted;}
#storeselector p {margin: 7px; color: #333333; font: 10px/16px verdana, arial, serif;}
Select {font: 10px verdana;}


/* Type */
a:link {color: #0082D6; text-decoration: none;}
a:visited {color: #0082D6; text-decoration: none;}
a:hover {color: #FF3300; text-decoration: none;}

#logohot { background:url(images/logo_hotofftherack.gif) no-repeat top; padding: 50px 20px 0px 20px;}
#logolaguna { background:url(images/logo_lagunabay.gif) no-repeat top; padding: 20px 20px 0px 0px;}
.logoshotgunnew { background:url(images/logo_shotgun2.gif) no-repeat top; padding: 20px 20px 0px 0px;}
.logocorporate {
	background:url(images/logo_blank.gif) no-repeat top;
	padding: 20px 20px 0px 20px;
}
#logogordonsmith { background:url(images/logo_gordonsmith.gif) no-repeat top; padding: 20px 20px 0px 0px;}
#logogoldenbreed { background:url(images/logo_goldenbreed.gif) no-repeat top; padding: 20px 20px 0px 0px;}
#logogoldenbreed2 { background:url(images/logo_goldenbreed2.gif) no-repeat top; padding: 20px 20px 0px 0px;}
#logobarfoot { background:url(images/logo_barfoot.gif) no-repeat top; padding: 20px 20px 0px 0px;}
#logobuttons { background:url(images/logo_buttons.gif) no-repeat top; padding: 20px 20px 0px 0px;}
#logorobertaugust { background:url(images/logo_robertaugust.gif) no-repeat top; padding: 20px 20px 0px 0px;}

.teamlogofraser{ background:url(images/teamlogo_fraser.gif) no-repeat top; padding: 20px 20px 0px 0px;}

.corporatemc {}
.corporatemc img {padding: 5px; border: 1px solid #CCCCCC;}
.borderimg {padding: 5px; border: 1px solid #CCCCCC;}

#graphics img {border: 0px;}



/* blank */

#board {margin: 20px 0px 0px 20px; float: left; width: 735px; height: 198px;}
#board2 {margin: 20px 0px 0px 20px; float: left; width: 735px; height: 392px;}
#board3 {margin: 20px 0px 0px 20px; float: left; width: 735px; height: 588px;}
#bottom {float: left; width: 735px;} 
#contentholder {float: left; width: 735px; height: 180px;}
#contentwrap {margin: auto;}
#stats {float: left; margin: 53px 0px 0px 0px; padding-left: 30px;width: 277px;	color: #333333;	font: 12px/20px verdana, arial, serif;}
#price {float: left; height: 30px; margin: 45px 0px 0px 0px; width: 80px;	color: #FFCC00; font: bold 22px/22px Georgia, "Times New Roman", Times; text-align:center;}
#goback {float: left; margin: 6px 0px 0px 0px; width: 166px;	color: #FF3300; font: bold 22px/22px Georgia, "Times New Roman", Times; text-align:center;}
#orderboard {float: right; margin: 6px 0px 0px 40px; width: 200px;	color: #FFFFFF; font: bold 22px/22px Georgia, "Times New Roman", Times; text-align:center;}
#comments {float: left; margin: 50px 0px 0px 0px; padding-left: 16px;width: 210px;	color: #333333;	font: 11px/20px verdana, arial, serif;}
.redquote {color: #FF3300; font-weight: bold;}

#bottom a:hover img {visibility:hidden;}
#bottom a:link { display: block}
#bottom a:visited { display: block}


#hometext { float: left; width: 695px; height: 170px; padding: 60px 40px 0 40px; background:url(images/logo_home.gif) no-repeat }