@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC&subset=latin,latin-ext);
ul#cssMenu,ul#cssMenu ul{
	margin:0;list-style:none;padding:0;background-color: #000;border-width:0;border-style:none;}
ul#cssMenu ul{
	visibility:hidden;position:absolute;left:0;top:100%;}
ul#cssMenu li:hover>ul{
	visibility:visible;opacity:1;}
ul#cssMenu li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:right;}
ul#cssMenu li:hover{
	z-index:1;}
ul#cssMenu ul ul{
	position:absolute;left:100%;top:0;}
ul#cssMenu li>ul{
	opacity:0;-moz-transition:all 0.35s;-webkit-transition:opacity 0.35s;-o-transition:opacity 0.35s;}
ul#cssMenu>li:hover>ul{
	opacity:0.8;}
ul#cssMenu table{
	border-collapse:collapse;}
ul#cssMenu{
	font-size:0;width:950px;z-index:999;position:relative;display:inline-block;zoom:1;
	*display:inline;}
ul#cssMenu>li,ul#cssMenu li{
	margin:0;}
* html ul#cssMenu li a{
	display:inline-block;}
ul#cssMenu a:active, ul#cssMenu a:focus{
	outline-style:none;}
ul#cssMenu a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none; font-family: Arial; font-size: 13px; font-weight: 600; color:#FFFFFF; cursor:pointer;padding: 10px 20px 8px 20px;background-repeat:repeat;border-width:0px;border-style:none;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s; transition:all 0.35s;}
ul#cssMenu ul li{
	float:none;}
ul#cssMenu ul a{
	text-align:left;}
ul#cssMenu li:hover>a{
	border-style:none;font:600 13px Arial;color:#00a6e9;text-decoration:none;}
ul#cssMenu li a:hover{
	border-style:none;font:600 13px Arial;color:#00a6e9;text-decoration:none;}
ul#cssMenu img{
	border:none;vertical-align:middle;margin-right:0px;}
ul#cssMenu img.over{
	display:none;}
ul#cssMenu li:hover > a img.def{
	display:none;}
ul#cssMenu li:hover > a img.over{
	display:inline;}
ul#cssMenu a:hover img.over,ul#cssMenu a:hover ul img.def,ul#cssMenu a:hover a:hover img.over{
	display:inline;}
ul#cssMenu a:hover img.def,ul#cssMenu a:hover ul img.over,ul#cssMenu a:hover a:hover img.def{
	display:none;}
ul#cssMenu a:hover ul{
	visbility:visible;}
visbility:hidden;* HTML ul#cssMenu li a:hover{
	background-color:#000;border-style:none;font:600 13px Arial;color:#FFFFFF;text-decoration:none;}

#retailer {
	opacity: 0.5;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
	font:bold 13px Arial;
	color:#000000;
	text-decoration: none;
}
#retailer:hover {
	opacity: 1;
}
#retailer a{
	text-decoration: none;
	color:#000000;
}
#footer {
	font: 12px Arial;
	color: #474747;
}
#footer a{
	text-decoration: none;
	color: #474747;
}

.homebox1 { 
	width: 310px; 
	height: 200px;
	background: url(../images/clearwaterhome2.jpg) no-repeat;
	background-size: 310px 200px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.homebox1:hover {
	width: 310px;
	height: 200px;
	background: url(../images/clearwaterhome2.jpg) no-repeat;
	background-size: 310px 200px;
	opacity: 1;
}

.homebox2 { 
	width: 310px; 
	height: 200px;
	background: url(../images/cbhome2.jpg) no-repeat;
	background-size: 310px 200px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
}

.homebox2:hover {
	width: 310px;
	height: 200px;
	background: url(../images/cbhome2.jpg) no-repeat;
	background-size: 310px 200px;
	opacity: 1;
}

.homebox3 { 
	width: 310px; 
	height: 200px;
	background: url(../images/dbhome2.jpg) no-repeat;
	background-size: 310px 200px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
}

.homebox3:hover {
	width: 310px;
	height: 200px;
	background: url(../images/dbhome2.jpg) no-repeat;
	background-size: 310px 200px; 
	opacity: 1;
}

.imagepreload { display: none; }


.dealer {
		font-family: arial;
	font-style: normal;
	font-size: 14px;
}

.ret:link {
	opacity: 1;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
	color: #818181;
	text-decoration: none;
}
.ret:visited {
	text-decoration: none;
	color: #818181;
}
.ret:hover {
	text-decoration: none;
	opacity: 0.5;
}
.ret:active {
	text-decoration: none;
	color: #818181;
}

img { -ms-interpolation-mode: bicubic; }

.bombshell { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/bs2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.bombshell:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/bs2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.thestump { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/ts2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.thestump:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/ts2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.modernfishswallow { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/mfswallow2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.modernfishswallow:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/mfswallow2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.modernfishsquash { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/mfsquash2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.modernfishsquash:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/mfsquash2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.jade { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/jade2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.jade:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/jade2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.pockettool { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/pockettool2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.pockettool:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/pockettool2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.bss { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/bss2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.bss:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/bss2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.pig { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/pg2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.pig:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/pg2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.jadesingle { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/js2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.jadesingle:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/js2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.noserider { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/nr2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.noserider:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/nr2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

.nrp { 
	width: 250px; 
	height: 380px;
	background: url(../images/boards/nrp2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;

}

.nrp:hover {
	width: 250px; 
	height: 380px;
	background: url(../images/boards/nrp2.png) no-repeat;
	background-size: 250px 380px;
	opacity: 1;
}

#logo{
position: absolute; 
top: 7px;
z-index: 9999;
opacity: 1;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
-ms-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}

#logo:hover{
opacity: 0.7;
}