body, html {
	background: url(images/bg.gif);
	margin: 0px auto;
	padding: 0px;
	height: 100%;
	border:0;}
	
#outer {
	width: 866px;}
	
#samplescontainer {
	width: 1000px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;}
	
#samples {
	position:absolute;
	z-index: 2;
	float: right;
	margin-top: 20px;
	margin-left: 857px;
	height: 87px;
	width: 131px;}
	
#bodytop {
	background: url(images/top.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
	height: 15px;
	width: 866px;
	position:relative;}
	
#bodybottom {
	background: url(images/bottom.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
	height: 21px;
	width: 866px;}
	
#bodycontainer {
	background: url(images/pagebg.png) repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 866px;}
	
#navigation {
	margin-left: 18px;
	width: 850px;
	height: 90px;}
	
#phoneemailcontainer{
	width: 250px;
	display: block;
	margin-left: 60px;}
	
#content{
	width: 800px;
	text-align: left;
	margin-left: 30px;}
	
#homeflash{
	width: 825px;
	height: 355px;
	margin-bottom: 25px;
	margin-left: 20px;}
	
#productcontainer{
	background: url(images/producttextbg.gif) no-repeat;
	width: 770px;
	height: 302px;
	margin-right: auto;
	margin-left: auto;}
	
#producttext{
	float: right;
	width: 370px;
	padding-top: 10px;
	padding-left: 20px;
	height: 292px;}
	
#prodnav{
	height: 20px;
	width: 710px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;}
	
#footer{
	margin-right: auto;
	margin-left: auto;
	width: 820px;}
	
	
/* Text Styles */

ul {
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 0px;}
	
li {
	margin-bottom: 0px;}
	
h1{
	font-size: 18px;
	color: #167EF5;
	font-family: arial, tahoma}
	
h2{
	font-size: 18px;
	color: #FFFFFF;
	font-family: arial, tahoma}

.text {
	color: #555555;
	font-family: arial, tahoma;
	font-size: 12px}

a.text {
	color: #167EF5;
	text-decoration: none;
	font-family: arial, tahoma;
	font-size: 12px}

a.text:hover {
	color: #167EF5;
	text-decoration: underline;
	font-family: arial, tahoma;
	font-size: 12px}
	
.whitetext {
	color: #FFFFFF;
	font-family: arial, tahoma;
	font-size: 11px}

a.whitetext {
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial, tahoma;
	font-size: 11px}

a.whitetext:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: arial, tahoma;
	font-size: 11px}

.boldtext {
	color: #0F396B;
	font-weight: bold;
	font-family: arial, tahoma;
	font-size: 12px}

a.boldtext {
	color: #167EF5;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, tahoma;
	font-size: 12px}

a.boldtext:hover {
	color: #167EF5;
	text-decoration: underline;
	font-weight: bold;
	font-family: arial, tahoma;
	font-size: 12px}
	
.boldwhitetext {
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial, tahoma;
	font-size: 12px;}
	
.footertext {
	color: #167EF5;
	font-family: arial, tahoma;
	font-size: 11px}

a.footertext {
	color: #167EF5;
	text-decoration: none;
	font-family: arial, tahoma;
	font-size: 11px}

a.footertext:hover {
	color: #167EF5;
	text-decoration: underline;
	font-family: arial, tahoma;
	font-size: 11px}


/* Navigation button rollovers and images */

#logo a {
	background: url(images/logo.gif) no-repeat;
	float: left;
	height: 52px;
	width: 317px;
	margin-right: 30px;}
	
#phone {
	background: url(images/phone.gif) no-repeat;
	margin-top: 1px;
	float: left;
	height: 10px;
	width: 98px;}
	
#email {
	background: url(images/email.gif) no-repeat;
	margin-left: 20px;
	float: left;
	height: 13px;
	width: 124px;}
	
#email a {
	background: url(images/email.gif) no-repeat;
	float: left;
	height: 13px;
	width: 124px;}
	
#email a:hover {
	background: url(images/email-o.gif) no-repeat;
	float: left;
	height: 13px;
	width: 124px;}
	
#buttonbull a {
	background: url(images/prod-bull.jpg) no-repeat;
	float: left;
	height: 302px;
	width: 192px;
	margin-bottom: 20px;}
	
#buttonsurfers a {
	background: url(images/prod-surfers.jpg) no-repeat;
	float: left;
	height: 302px;
	width: 192px;
	margin-bottom: 20px;}
	
#buttonwater a {
	background: url(images/prod-water.jpg) no-repeat;
	float: left;
	height: 302px;
	width: 192px;
	margin-bottom: 20px;}
	
#buttonbear a {
	background: url(images/prod-bear.jpg) no-repeat;
	float: left;
	height: 302px;
	width: 192px;
	margin-bottom: 20px;}
	
.buttonspacer{
	background: url(images/navspacer.gif) no-repeat;
	width:1px;
	margin-left: 6px;
	margin-right: 6px;
	float: left;
	margin-top: 13px;
	height: 12px;}
	
.buttonabout {
	float: left;
	margin-top: 13px;
	margin-bottom: 28px;
	width: 56px;}

.buttonabout a {
	background: url(images/nav-about.gif) no-repeat;
	display:block;
	height: 11px;
	width: 56px}

.buttonabout a:hover {
	background: url(images/nav-about-o.gif) no-repeat;}
	
.buttonproducts{
	float: left;
	margin-top: 13px;
	margin-bottom: 28px;
	width: 92px;}

.buttonproducts a {
	background: url(images/nav-products.gif) no-repeat;
	display:block;
	height: 11px;
	width: 92px}

.buttonproducts a:hover {
	background: url(images/nav-products-o.gif) no-repeat;}
	
.buttonquote{
	float: left;
	margin-top: 13px;
	margin-bottom: 28px;
	width: 105px;}

.buttonquote a {
	background: url(images/nav-quote.gif) no-repeat;
	display:block;
	height: 11px;
	width: 105px}

.buttonquote a:hover {
	background: url(images/nav-quote-o.gif) no-repeat;}
	
.buttoncontact{
	float: left;
	margin-top: 13px;
	margin-bottom: 28px;
	width: 75px;}

.buttoncontact a {
	background: url(images/nav-contact.gif) no-repeat;
	display:block;
	height: 11px;
	width: 75px}

.buttoncontact a:hover {
	background: url(images/nav-contact-o.gif) no-repeat;}
	
.buttonlogin{
	float: left;
	margin-top: 13px;
	margin-bottom: 28px;
	width: 36px;}

.buttonlogin a {
	background: url(images/nav-login.gif) no-repeat;
	display:block;
	height: 11px;
	width: 36px}

.buttonlogin a:hover {
	background: url(images/nav-login-o.gif) no-repeat;}
	
.buttonupload{
	float: left;
	margin-top: 13px;
	margin-bottom: 28px;
	width: 48px;}

.buttonupload a {
	background: url(images/nav-upload.gif) no-repeat;
	display:block;
	height: 11px;
	width: 48px}

.buttonupload a:hover {
	background: url(images/nav-upload-o.gif) no-repeat;}
	
.buttonprodlabel{
	float: left;
	margin-right: 66px;
	width: 122px;}

.buttonprodlabel a {
	background: url(images/prod-label.gif) no-repeat;
	display:block;
	height: 11px;
	width: 122px}

.buttonprodlabel a:hover {
	background: url(images/prod-label-o.gif) no-repeat;}
	
.buttonprodboard{
	float: left;
	margin-right: 50px;
	width: 130px;}

.buttonprodboard a {
	background: url(images/prod-board.gif) no-repeat;
	display:block;
	height: 11px;
	width: 130px}

.buttonprodboard a:hover {
	background: url(images/prod-board-o.gif) no-repeat;}
	
.buttonprodflex{
	float: left;
	margin-right: 36px;
	width: 154px;}

.buttonprodflex a {
	background: url(images/prod-flex.gif) no-repeat;
	display:block;
	height: 11px;
	width: 154px}

.buttonprodflex a:hover {
	background: url(images/prod-flex-o.gif) no-repeat;}
	
.buttonprodspecialty{
	float: left;
	width: 152px;}

.buttonprodspecialty a {
	background: url(images/prod-specialty.gif) no-repeat;
	display:block;
	height: 11px;
	width: 152px}

.buttonprodspecialty a:hover {
	background: url(images/prod-specialty-o.gif) no-repeat;}
	
div { behavior: url(iepngfix.htc); }