@charset "utf-8";
p {
	text-align: justify;
}
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #070909;
	background-image: url(../images/background-dirt.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
}
#mid-banner {
	width: 806px;
	float: right;
}

#footer {
	background-color: #070909;
	width: 955px;
	background-repeat: no-repeat;
	height: 52px;
	background-image: url(../images/footer.gif);
	background-position: right;
	clear: both;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer-menu {
	background-color: #000;
	height: 30px;
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-left: 25px;
	font-weight: bold;
	color: #FFF;
}
.footer-text {
	text-align: right;
	line-height: 17px;
}

.links {
	color: #FFF;
}
.links a {
	color: #FFF;
	text-decoration: none;
}

.links a:hover {
	color: #FFCD0B;
	text-decoration: none;
}

#footerleft {
	height: 130px;
	width: 281px;
}


#global {
	background-color: #000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	width: 955px;
}
#content-holder {
	width: 807px;
	background-color: #FFF;
	float: right;
}

#menu {
	background-color: #FFF;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 955px;
}
#menu #menubox p {
	text-align: center;
}



#menu p .menuanchorclass:hover {
	color: #FFF;
	text-decoration: none;
}

#contentholder {
	background-color: #FFF;
}
#left-menu {
	background-color: #000;
	float: left;
	width: 146px;
}
#menu-box {
	font-weight: bold;
	color: #FFF;
	height: 20px;
	width: 135px;
	padding-left: 10px;
}



.center_image {
}
#menu p .menuanchorclass {
	color: #FFF;
	text-decoration: none;
}


#content {
	background-color: #FFF;
	float: left;
	width: 448px;
	padding-right: 40px;
	padding-left: 55px;
}
#table-contact {
	text-align: center;
}


.white-text {
	color: #FFF;
}


#content2 {
	background-color: #FFF;
	float: right;
	width: 767px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#teamWrapper {
	width: 488px;
	padding-top: 20px;
	float: left;
}
#teamText {
	width: 330px;
	float: right;
	padding: 10px;
	background-color: #F6F5F1;
}




h1 {
	font-size: 18px;
	color: #FFCD09;
}

#rightboxes {
	width: 260px;
	background-color: #666;
	float: right;
}


#banner {
	width: 955px;
	background-color: #070909;
}
#menu #menubox p a {
	color: #FFF;
	text-decoration: none;
}
#newswrap {
	width: 211px;
	margin-top: 30px;
	margin-left: 17px;
	background-color: #4F4F51;
}
#newstitle {
	margin-bottom: 0px;
	width: 228px;
}
#news {
	width: 180px;
	overflow: visible;
	font-size: 12px;
	color: #FFF;
	padding-right: 15px;
	padding-left: 15px;
}
#newsfooter {
	width: 228px;
}
#featuretext {
	background-image: url(../images/featurebg.gif);
	text-decoration: blink;
	background-repeat: no-repeat;
	background-position: top;
	margin-top: -17px;
}
#featurewrap {
	width: 211px;
	margin-top: 30px;
	margin-left: 17px;
	background-color: #4F4F51;
	background-image: url(../images/featurebg.gif);
	background-repeat: repeat-y;
}
#feature {
	width: 180px;
	overflow: visible;
	font-size: 12px;
	color: #FFF;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.feature_bold {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.bold {
	font-weight: bold;
}
#content a {
	color: #333;
	text-decoration: underline;
}
#fitting-table {
	text-align: center;
}

.image-top {
	top: 0px;
}
.tables {
	border: thin solid #333;
}
.image-left {
	float: left;
	margin-right: 15px;
}
#q-a-bg {
	height: 175px;
	width: 580px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	background-image: url(../images/q-and-a-bg.gif);
	background-repeat: no-repeat;
}
.italic {
	font-style: italic;
}
#board-bg {
	color: #333;
	background-color: #E0E0E0;
	width: 220px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#checklist-tables {
	vertical-align: top;
}


.banner-right {
	float: right;
}
#content-boards-left {
	background-color: #ADAFB2;
	float: left;
	width: 250px;
	padding-right: 0px;
	padding-left: 35px;
	background-image: url(../images/boards-table-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#content-boards-right {
	background-color: #ADAFB2;
	float: right;
	width: 420px;
	padding-right: 40px;
	padding-left: 20px;
	background-image: url(../images/boards-table-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu-box a {
	color: #FFF;
	text-decoration: none;
}
#xtr {
	float: none;
	width: 500px;
	background-image: url(../images/about-xtr-surfboards.gif);
	background-repeat: no-repeat;
}

#menu-box a:hover {
	color: #FFCD09;
	text-decoration: none;
}

.boards-heading {
	font-size: 16px;
	font-weight: bold;
	color: #020303;
}
#board-table {
	background-color: #424242;
	color: #FFF;
}
#board-table2 {
	background-color: #FFCD09;
	color: #333;
}
#boards-banner {
	background-color: #FFF;
	float: left;
	width: 766px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
#coloumn-wrapper {
	width: 765px;
	background-color: #ADAFB2;
	float: right;
}

#board-table-top {
	background-color: #FFF;
	height: 45px;
	width: 765px;
	background-image: url(../images/boards-table-top.gif);
}
#board-table-holder {
	width: 472px;
	color: #ADAFB2;
	background-color: #ADAFB2;
}
#board-table-bottom {
	background-color: #000;
	height: 45px;
	width: 765px;
	background-image: url(../images/boards-table-bottom.gif);
	float: left;
}
#boards-black-table {
	text-align: center;

}
img left {
	float: right;
	padding-left: 15px;
}
.images-right {
	float: left;
	padding-right: 15px;
}


#board-table2 tr td a {
	color: #000;
	text-decoration: none;
}
#board-table2 tr td a:hover {
	color: #999;
	text-decoration: none;
}
.images-left {
	float: right;
	padding-left: 15px;
}
#content2 a {
	color: #000;
	text-decoration: none;
}
#content2 a:hover {
	color: #000;
	text-decoration: underline;
}