@charset "utf-8";
/* LAYOUT
----------------------------------------------- */
html {
	height: 100%;
	background: url(../img/bg-top2.jpg) #979797 top center repeat-x scroll;
}
body {
	text-align: center;
	cursor: default;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-size: 12px;
	margin-left: -.1px !important;
}
html, body, #header, #header-alt, #nav-box, #gal-box, #btn-box, #midtop-box, #mid-box, #midbot-box, #footer {margin: 0; padding: 0}
#container {margin: 0 auto; text-align: left}
#container, #topcap, #header, #header-alt, #midtop-box, #mid-box, #midbot-box, #footer, #endcap {width: 968px}
#topcap, #header, #header-alt, #nav-box, #gal-box, #btn-box, #midtop-box, #mid-box, #midbot-box, #footer, #endcap {float: left}
#topcap {margin: 15px 0 0 0; padding: 0; height: 33px; background: url(../img/bg-infobar.png) top left no-repeat}
#header, #nav-box, #gal-box, #btn-box {height: 357px}
#nav-box, #btn-box {width: 211px}
#header-alt {height: 164px}
#midtop-box {}
#gal-box {width: 546px}
#nav-box {background: url(../img/bg-logo.png) top left no-repeat}
#midtop-box, #midbot-box {height: 20px}
#midtop-box {background: url(../img/bg-midtop.png) top left repeat-x}
#midbot-box {background: url(../img/bg-midbot.png) top left repeat-x}
#mid-box {height: auto; background-color: #ECECEC}
#footer {height: 190px; background: url(../img/bg-footer.png) top left repeat-x}
#endcap {
	margin: 0;
	padding: 0 0 15px 0;
	height: 10px;
	background: url(../img/bg-endcap.png) top left no-repeat;
}
.noshow {display: none}
a {outline: none}
img {border-style: none}

/* NAVIGATION
----------------------------------------------- */
#home {margin: 163px 0 0 0}
#home, #about, #gallery, #contact, #home-alt, #about-alt, #gallery-alt, #contact-alt {display: inline; float: left}
#home a, #about a, #gallery a, #contact a, #home-alt a, #about-alt a, #gallery-alt a, #contact-alt a {display: block}

#home a, #about, #about a, #gallery, #gallery a, #contact, #contact a,
#home-alt, #home-alt a, #about-alt, #about-alt a, #gallery-alt, 
#gallery-alt a, #contact-alt, #contact-alt a {margin: 0}

#home, #home a, #about, #about a, #gallery, #gallery a, #contact, #contact a {
	width: 211px;
	height: 35px;
	padding: 0;
}
#home-alt, #home-alt a, #about-alt, #about-alt a, #gallery-alt, #gallery-alt a, #contact-alt, #contact-alt a {
	width: 191px;
	height: 35px;
	padding: 0;
}
#home a, #about a, #gallery a, #contact a {background: url(../img/bg-nav.png) no-repeat}
#home-alt a, #about-alt a, #gallery-alt a, #contact-alt a {background: url(../img/bg-nav-alt.png) no-repeat}
#home a:hover, #about a:hover, #gallery a:hover, #contact a:hover,
#home-alt a:hover, #about-alt a:hover, #gallery-alt a:hover, #contact-alt a:hover {border: 0}

#home a {background-position: 0 0}
#home a:hover {background-position: -211px 0}
#about a {background-position: 0 -35px}
#about a:hover {background-position: -211px -35px}
#gallery a {background-position: 0 -70px}
#gallery a:hover {background-position: -211px -70px}
#contact a {background-position: 0 -105px}
#contact a:hover {background-position: -211px -105px}

#home-alt a {background-position: 0 0}
#home-alt a:hover {background-position: -191px 0}
#about-alt a {background-position: 0 -35px}
#about-alt a:hover {background-position: -191px -35px}
#gallery-alt a {background-position: 0 -70px}
#gallery-alt a:hover {background-position: -191px -70px}
#contact-alt a {background-position: 0 -105px}
#contact-alt a:hover {background-position: -191px -105px}

#boards, #accessories, #news, #boards-alt, #accessories-alt, #news-alt {display: inline; float: left}
#boards a, #accessories a, #news a, #boards-alt a, #accessories-alt a, #news-alt a {display: block}
#boards, #boards a, #accessories, #accessories a, #news, #news a,
#boards-alt, #accessories-alt, #news-alt, #boards-alt a, #accessories-alt a, #news-alt a {margin: 0}
#boards, #boards a, #accessories, #accessories a, #news, #news a {
	width: 211px;
	height: 119px;
	padding: 0;
}
#boards-alt, #accessories-alt, #news-alt, #boards-alt a, #accessories-alt a, #news-alt a {
	width: 71px;
	height: 164px;
	padding: 0;
}
#boards a:hover, #accessories a:hover, #news a:hover, 
#boards-alt a:hover, #accessories-alt a:hover, #news-alt a:hover {border: 0}

#boards a {background: url(../img/btn-bds.jpg) 0 0 no-repeat}
#accessories a {background: url(../img/btn-ax.jpg) 0 0 no-repeat}
#news a {background: url(../img/btn-nws.jpg) 0 0 no-repeat}
#boards a:hover, #accessories a:hover, #news a:hover {background-position: -211px 0}

#boards-alt a, #accessories-alt a, #news-alt a {background: url(../img/bg-3xnav.png) no-repeat}
#boards-alt a {background-position: 0 0}
#boards-alt a:hover {background-position: 0 -164px}
#accessories-alt a {background-position: -71px 0}
#accessories-alt a:hover {background-position: -71px -164px}
#news-alt a {background-position: -142px 0}
#news-alt a:hover {background-position: -142px -164px}

/* GALLERY INDEX
----------------------------------------------- */
#galmain, #galthumb, #galthumb IMG, .gimg {margin: 0; padding: 0; float: left; display: inline; border: none !important}
#galmain, #galthumb {width: 546px}
#galmain {height: 302px}
#galthumb {height: 55px}

/* GALLERY MAINPAGE
----------------------------------------------- */
#imgholder, #gtmain-bg {margin: 0; padding: 0; float: left; display: inline; height: 376px}
#imgholder {width: 710px}
#gtmain-bg {background: url(../img/gallery/bg-gtmain.png) 0 0 no-repeat}
#gtmain-bg, #gtmain-box {width: 258px}
#gtmain-box {margin: 51px 0 0 0; padding: 0; float: left; display: inline; height: 276px}
.gtmt {margin: 0 1px 1px 0; padding: 0; float: left; display: inline; border: none !important}

/* MAINPAGE BOXES
----------------------------------------------- */
#feat-box, #ad-box {float: left; display: inline; padding: 0}
#report-box {float: left; display: inline; padding: 7px 0 0 5px}
#feat-box, #ad-box, #ad-box a, #report-box {height: 274px}
#feat-box, #report-box {width: 315px}
#ad-box, #ad-box a {width: 316px}
#feat-box {margin: 0 0 0 6px; background: url(../img/featured.jpg) 0 0 no-repeat}
#ad-box {margin: 0 0 0 5px; background: url(../img/c4ad.jpg) 0 0 no-repeat}
#report-box {margin: 0 0 0 5px; background: url(../img/block.jpg) 0 0 no-repeat}
#ad-box a {display: block}
#ad-box a:hover {border: 0}
.vpbtn {
	float: right;
	margin: 6px 12px 0 0;
	padding: 0;
}
.rptflash {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

/* SURFBOARDS SECTION
----------------------------------------------- */
.sb-half, .sb-left, .sb-right, .sb-item {float: left; display: inline; margin: 0; padding: 0; width: 484px;}
.sb-left, .sb-right {height: 109px}
.sb-left {background: url(../img/bg-sbleft.png) 0 0 no-repeat}
.sb-right {background: url(../img/bg-sbright.png) 0 0 no-repeat}
.sb-txt {
	margin: 0;
	padding: 17px 16px 15px 24px;
	line-height: 1.5em;
	color: #666666;
}
.sb-price {float: right; display: inline; margin: 0 16px 0 0; color:#333333 !important}
.sbdark {color:#333333 !important}
.colorbox {float: left; display: block; width: 14px; height: 14px; border: 1px solid #333333; margin: 4px 4px 0 0;}
.redbox {background-color: #CC0000;}
.bluebox {background-color: #3399FF;}
.yellowbox {background-color: #FFCC00;}
.whitebox {background-color: #FFFFFF;}
.sfgreenbox {background-color: #7FDFDD;}
#sb-left-topbtn {
	width: 484px;
	height: 265px;
	margin: 0;
	padding: 0;
}
#sb-left-topbtn a {
	display: block;
	width: 484px;
	height: 265px;
	margin: 0;
	padding: 0;
	background: url(../img/btn-sbsup.jpg) 0 0 no-repeat
}
#sb-left-topbtn a:hover {
	border: 0;
	background-position: -484px 0;
}
#sb-right-topbtn {
	width: 484px;
	height: 265px;
	margin: 0;
	padding: 0;
}
#sb-right-topbtn a {
	display: block;
	width: 484px;
	height: 265px;
	margin: 0;
	padding: 0;
	background: url(../img/btn-sbtrd.jpg) 0 0 no-repeat
}
#sb-right-topbtn a:hover {
	border: 0;
	background-position: -484px 0;
}

/* SUBPAGE BOXES
----------------------------------------------- */
#logo-alt, #hdr-img, #nav-boxalt, #btn-boxalt {margin: 0; padding: 0; float: left; height: 164px}
#logo-alt {width: 211px}
#hdr-img {width: 353px}
#nav-boxalt {width: 191px}
#btn-boxalt {width: 213px}
#logo-alt {background: url(../img/bg-logo-sm.png) top left no-repeat}
#nav-boxalt {background: url(../img/bg-navboxalt.png) top left no-repeat}

/* IMAGE PLACEMENT
----------------------------------------------- */
.titleimg {
	margin: 6px 0 0 0;
	padding: 0;
}
.rightnfo {
	display: inline;
	float: right;
	margin: 0;
	padding: 0 15px 10px 30px;
}
.vpbtn {
	float: right;
	margin: 10px 10px 0 0;
	padding: 0;
}

/* TEXT STYLES
----------------------------------------------- */
.infbtxt-l, .infbtxt-r, #topcap a, #topcap a:visited {color: #AFAFAF}
.infbtxt-l, .infbtxt-r {padding: 0}
.infbtxt-l {
	float: left;
	display: inline;
	margin: 5px 0 0 10px;
	text-align: left;
}
.infbtxt-r {
	float: right;
	display: inline;
	margin: 5px 10px 0 0;
	text-align: right;
}
#topcap a, #topcap a:visited {
	text-decoration: underline;
}
#topcap a:hover, #topcap a:active {
	color: #666666;
	text-decoration: none;
	border: 0;
}
.feat-txt {
	margin: 156px 12px 0 18px;
	padding: 0;
	color: #006699;
	line-height: 14px;
	text-align: left;
}
.mid-txtbox {
	float: left;
	display: inline;
	width: 923px;
	margin: 0 20px 0 25px;
	padding: 0 0 10px 0;
}
.mid-txtbox P, .mid-txtbox H2 {margin: 0; padding: 10px 6px 6px 10px}
.mid-txtbox P {line-height: 18px; color: #666666}
.mid-txtbox H1 {
	margin: 15px 14px 5px 8px;
	padding: 2px 8px;
	background-color: #F7F7F7;
	font-size: 18px;
	letter-spacing: -.025em;
	color: #454545;
	border-left: 6px solid #e07c00;
}
.mid-txtbox H2 {
	font-size: 18px;
	letter-spacing: -.025em;
	color: #454545;
	line-height: 20px;
}
.mid-txtbox .postdate {
	display: inline;
	margin: 22px 23px 0 0;
	padding: 0;
	float: right;
	font-size: 12px;
	letter-spacing: 4px;
	color: #e07c00;
}
.mid-txtbox a, .mid-txtbox a:visited {
	color: #666666;
	background-color: #ECECEC;
	text-decoration: none;
	padding: 0 2px;
	border-bottom: 1px solid #CCCCCC;
}
.mid-txtbox a:hover, .mid-txtbox a:active {
	background-color: #F7F7F7;
	text-decoration: none;
	padding: 0 2px;
	border-bottom: 1px solid #e07c00;
}
.mid-txtbox P .orange {
	font-size: 14px;
	color: #e07c00;
}
.mid-txtbox P .med {
	font-size: 14px;
}

/* FOOTER
----------------------------------------------- */
#flinks {
	margin: 15px 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
#flinks ul {
	text-align: center;
	margin: 0;
	padding: 0 0 2px 0;
}
#flinks li {
	display: inline;
	color: #666666;
	list-style: none;
}
#flinks li a {
	color: #777777;
	padding: 2px 10px 4px 10px;
	text-decoration: none;
	border-bottom: 1px solid #454545;
}
#flinks li a:hover {
	color: #CCCCCC;
	padding: 2px 10px 3px 10px;
	text-decoration: none;
	border-bottom: 2px solid #636363;
}
#cpr {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
}
.cprtxt {
	margin: 0 0 6px 0;
	padding: 6px 0 0 0;
	color: #777777;
}
.cprtxt2 {
	margin: 0;
	padding: 0;
	color: #454545;
}
#branding {
	margin: 0;
	padding: 0;
	width: 404px;
	height: 74px;
	display: inline;
}
#branding a {
	margin: 0px auto;
	padding: 0;
	display: block;
	width: 404px;
	height: 74px;
	background: url(../img/brandingroll.png) 0 0 no-repeat;
}
#branding a:hover {
	background-position: -404px 0;
	border: 0;
}