html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}



	.vinyl-lettering-links {
		
		float: left; width: 240px; padding-right: 10px;
		
		
		}

	.vinyl-lettering-links a {
		
		color:black;
		
		
		}

.showmehow {


font-weight: bold; color: white; text-shadow: 
	
	    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;

	
	1px 4px 3px rgba(0,0,0,0.4),
             1px 8px 13px rgba(0,0,0,0.1),
             1px 18px 23px rgba(0,0,0,0.1);
			


}

.showmehow:hover {

color: #f2f2f2; 
text-shadow:-1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;

	
	1px 4px 3px rgba(0,0,0,0.4),
             1px 8px 13px rgba(0,0,0,0.1),
             1px 18px 23px rgba(0,0,0,0.1);

}

.vcolor-container {float: left; margin-bottom: 10px; margin-right: 35px; vertical-align:middle;}

.vcolor-float {width: 175px; height: 30px; padding: 2px 0; text-align: center; vertical-align:middle;}


.vcolor-radio {float: left;  padding-top: 5px; padding-right: 5px;}


.vcolor-image {float: left; margin: auto;}

.vcolor-name-float {float: left; height: 100%; display: table; margin-left: 5px; width: 90px;  }
.vcolor-name {clear: left; display: table-cell; vertical-align:middle; text-align: left; line-height: 100%; padding-left: 5px; width: 90px; height: 30px; font-weight:normal; }



.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


	
.button-link-gray {
	padding: 10px 15px;
	background: -webkit-linear gradient(#d3d3d3,  #7e7e7e); background: -o-linear-gradient(#d3d3d3,  #7e7e7e); background: -moz-linear-gradient(#d3d3d3,  #7e7e7e); background: linear-gradient(#d3d3d3,  #7e7e7e);
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size:1.7em;
	text-decoration:none;

}
.button-link-gray:hover {
	background: -webkit-linear gradient(#dbdbdb,  #919191); background: -o-linear-gradient(#dbdbdb,  #919191); background: -moz-linear-gradient(#dbdbdb,  #919191); background: linear-gradient(#dbdbdb,  #919191);
	border: solid 1px #2A4E77; font-size:1.7em;
	color:white;
	text-decoration:none;
	
	
}
.button-link-gray:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: -webkit-linear gradient(#d3d3d3,  #7e7e7e); background: -o-linear-gradient(#d3d3d3,  #7e7e7e); background: -moz-linear-gradient(#d3d3d3,  #7e7e7e); background: linear-gradient(#d3d3d3,  #7e7e7e);
	border: solid 1px #203E5F;
	color:#e5e5e5; font-size:1.7em;
	text-decoration:none;
}




@media only screen and (min-width: 1730px) and (max-width: 100000px) {


        
	.boatnumbers-first-paint {width:420px;}
	
	.example-boat {border-radius: 7px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);float:right; margin-left:15px; margin-bottom:12px;}
	
	
	.example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	
	.example-video-truck {width:320px; border-radius: 10px;   box-shadow:  3px 3px 5px rgba(0,0,0,0.3); border-style: solid; border-color: green; margin-right:25px;}



	.boat-sample-top {float:left; margin-right:20px; width:315px;}
	
	.button-link {
	padding: 10px 15px;
	background: -webkit-linear gradient(#01961a, #004b00); background: -o-linear-gradient(#01961a, #004b00); background: -moz-linear-gradient(#01961a, #004b000); background: linear-gradient(#01961a, #004b00);
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size:1.7em;
	text-decoration:none;

}
.button-link:hover {
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #2A4E77; font-size:1.7em;
	color:white;
	text-decoration:none;
	
	
}
.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #203E5F;
	color:#e5e5e5; font-size:1.7em;
	text-decoration:none;
}

	
	
	
	.sides {position:absolute; top:0; right:0; width:165px; height:90vh;  margin-right:120px; margin-top:10px; margin-bottom:50px; z-index: 1;  }
	.wings {float: right; width:100%; position: relative; left: -50%; text-align: left; margin-top:-7px; margin-left:5px;}
	
	
	.user-pics {max-width:450px; width:60%;
					float:right;
					margin-left:20px;
					padding-bottom:20px;}
	
	.lefty-arrow {padding-top: 8px; padding-right:20px;}
	
	.righty-arrow {padding-top: 8px; padding-left:20px;}

}
@media only screen and (min-width: 960px) and (max-width: 1729px) {
	
	.boatnumbers-first-paint {width:420px;}
	.example-boat {border-radius: 7px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);float:right; margin-left:15px; margin-bottom:12px;}
	
	.example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	.example-video-truck {width:320px; border-radius: 10px;   box-shadow:  3px 3px 5px rgba(0,0,0,0.3); border-style: solid; border-color: green;margin-right:25px;}
	
	.boat-sample-top {float:left; margin-right:20px; width:315px;}
	
	.button-link {
	padding: 10px 15px;
	background: -webkit-linear gradient(#01961a, #004b00); background: -o-linear-gradient(#01961a, #004b00); background: -moz-linear-gradient(#01961a, #004b000); background: linear-gradient(#01961a, #004b00);
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size:1.7em;
	text-decoration:none;

}
.button-link:hover {
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #2A4E77; font-size:1.7em;
	color:white;
	text-decoration:none;
	
	
}
.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #203E5F;
	color:#e5e5e5; font-size:1.7em;
	text-decoration:none;
}

	.sides {visibility: hidden; }
	
	.user-pics {max-width:450px; width:60%;
					float:right;
					margin-left:20px;
					padding-bottom:20px;}
	.lefty-arrow {padding-top: 8px; padding-right:20px;}
	.righty-arrow {padding-top: 8px; padding-left:20px;}
	
}


@media only screen and (min-width: 960px) and (max-width: 100000px) {
	
	.boatnumbers-first-paint {width:420px;}
	.example-boat {border-radius: 7px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);float:right; margin-left:15px; margin-bottom:12px;}
	
	.example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	.example-video-truck {width:320px; border-radius: 10px;   box-shadow:  3px 3px 5px rgba(0,0,0,0.3); border-style: solid; border-color: green; margin-right:25px;}
	
	.dot-image {float:left; width: 35%; padding:15px; }
	.dot-form {float:left; width: 60%;}
	
	.heading {padding-bottom:15px !important;}
	.amazon-image {float:right;}
	.same-day {display: inline; white-space: nowrap; color:#fa9702 ; font-style: italic; padding-right:5px; font-weight: bolder; text-shadow: 1px 1px 1px #000000; }
	.amazon {float:right; padding: 10px; padding-top: 0px;}
	
	.boat-sample-top {float:left; margin-right:20px; width:315px;}
	
.user-pics {max-width:450px; width:60%;
					float:right;
					margin-left:20px;
					padding-bottom:20px;}
	
	.lefty-arrow {padding-top: 8px; padding-right:20px;}
	.righty-arrow {padding-top: 8px; padding-left:20px;}
	
	.chat1 {float:left; max-width: 240px; height: 49px; margin:5px;  }
	.chat2 {float:left; max-width: 260px; padding-left: 15px; padding-right: 15px;border-style: solid;  border-right-width: 1px; border-right-color:white;  border-left-width:1px; border-left-color:white;  border-top-width:0px; border-bottom-width:0px; text-align: left; }
	.chat3 {float:left; max-width:130px; margin:5px;  }
	.chat4 {float:left;  padding-left: 15px; padding-right: 5px; text-align: left;  }
	.chat5 {float:left; }
	
	.talk1 {float:left; margin:5px;}
	.talk2 {float:left; padding-right:8px; }
	.talk3 {float:left; float:left;  padding-right: 15px; border-style: solid;  border-right-width: 0px;   border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
	
	
	#c { left: 0px; top: -5px;  }
	
	

	.search-type{ float: left; color: #064501;  font: 85% Arial, Helvetica, sans-serif; margin-right: 6px; margin-left: 2px;line-height: 170%; }
	
	#footer .wrap-footer{
width: 95%;
		max-width: 960px;
	 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );

border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

 
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
		
		margin-bottom: 10px;
}

.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; 

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 





border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}
	
	.morphext > span {
	display: none;
}

.morphext > .animated {
    display: inline-block;
}



canvas {
  position: relative;

  opacity: 1;
  top: -5;
  z-index: 2; /* integer */

}

#background1 { 
  
    width: 80px;
    height: 80px;
    position: absolute;
    top: -15px;
    left: 17px;
   
	z-index: 1; /* integer */
	
	
  }

#background2 {
    
    width: 80px;
    height: 80px;
    position: absolute;
    top: -15px;
    left: 17px;
   
	z-index: 3; /* integer */
	
	
  }
#logox {

float: left;
	margin-left: 150px;
	margin-top: -75px;
	
	
  }
	
#logoxx {

float: left;
	margin-left: 195px;
	margin-top: -9px;
	
	
  }
  
  #shop {
    position: absolute;
    top: 50px;
    left: 313px;


   
	z-index: 5; /* integer */
	
	
  }
	
	

	
	
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{height: 100px;   border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, gray); /* Standard syntax */
 
  background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

 


z-index: 9;


}
#logo-mini{ display:none; }
	header #logo { width:100%; position: absolute; top:18px; left: 20px;}

.wrap-search-mini{ display:none;  }

.wrap-search #search {position: absolute;top: 32px; right:1%;  width: 180px; z-index: 15; }
.wrap-search .button-search {	position: absolute;	left: 140px;	 top: 7px;	width: 28px; height: 35px;cursor: pointer;}
.wrap-search #search #search-text input{margin-bottom: 3px; background: #FFF;	padding: 1px 33px 3px 5px;	width: 135px;	height: 22px;	border: 3px solid #7B7979;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black;

	}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin:0px 0px;}
nav .wrap-nav{height: 40px; 
  background: -webkit-linear-gradient(#0033CC, #001F7A); 
  background: -o-linear-gradient(#0033CC, #001F7A); 
  background: -moz-linear-gradient(#0033CC, #001F7A); 
  background: linear-gradient(#0033CC, #001F7A); 
  
border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}


.minimenu{display:none;}

}





@media only screen and (min-width: 768px) and (max-width: 959px) {	
	
	
	.boatnumbers-first-paint {width:420px;}
	.example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	.example-video-truck {width:320px; border-radius: 10px;   box-shadow:  3px 3px 5px rgba(0,0,0,0.3); border-style: solid; border-color: green; margin-right:25px;}
	
	.dot-image {float:left; width: 35%; padding:15px; }
	.dot-form {float:left; width: 60%;}
	
	.heading {padding-bottom:30px !important;}
	.amazon-image {float:left;}
	.same-day {display: inline; white-space: nowrap; color:#fa9702 ; font-style: italic; padding-right:5px; font-weight: bolder; text-shadow: 1px 1px 1px #000000; float:left;}
	.amazon {margin: auto; width: 100%; padding: 10px; padding-top: 20px;}
	
	
	.boat-sample-top {float:left; margin-right:20px; width:315px;}
	
	.button-link {
	padding: 10px 15px;
	background: -webkit-linear gradient(#01961a, #004b00); background: -o-linear-gradient(#01961a, #004b00); background: -moz-linear-gradient(#01961a, #004b000); background: linear-gradient(#01961a, #004b00);
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size:1.7em;
	text-decoration:none;

}
.button-link:hover {
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #2A4E77; font-size:1.7em;
	color:white;
	text-decoration:none;
	
	
}
.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #203E5F;
	color:#e5e5e5; font-size:1.7em;
	text-decoration:none;
}

	
	.user-pics {max-width:450px; width:60%;
					float:right;
					margin-left:20px;
					padding-bottom:20px;}
	.lefty-arrow {display:none;}
	.righty-arrow {display:none;}
	
	.sides {visibility: hidden; }
	.chat1 {float:left; max-width: 240px; height: 49px; margin:5px;  }
	.chat2 {float:left; max-width: 260px; padding-left: 15px; padding-right: 15px;border-style: solid;  border-right-width: 1px; border-right-color:white;  border-left-width:1px; border-left-color:white;  border-top-width:0px; border-bottom-width:0px; text-align: left; }
	.chat3 {float:left; max-width:125px; margin:5px;  }
	.chat4 {float:left;  padding-left: 15px; padding-right: 5px; text-align: left;  }
	.chat5 {float:left; }
	
	.talk1 {float:left; margin:5px;}
	.talk2 {float:left; padding-right:8px; }
	.talk3 {float:left; float:left;  padding-right: 15px; border-style: solid;  border-right-width: 0px;   border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
	
	#c { left: 0px; top: 0px;  }

	#logo { width:100%; position: absolute; top:100px; left: 120px;}
	
	#footer .wrap-footer{
	
	width: 95%;	
	 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );

border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

 


}

.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	
	#content .wrap-content{ width:95%; z-index: 1;

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 





border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}
	
.morphext > span {
	display: none;
}

.morphext > .animated {
    display: inline-block;
}



canvas {
  position: relative;
  left: 0;
  opacity: 1;
  top: 0;
  z-index: 2; /* integer */

}

#background1 {
  
    width: 86px;
    height: 86px;
    position: absolute;
    top: -10px;
    left: 17px;
   
	z-index: 1; /* integer */
	
	
  }

#background2 {
    
    width: 86px;
    height: 86px;
    position: absolute;
    top: -10px;
    left: 17px;
   
	z-index: 3; /* integer */
	
	
  }

	
	#logox {

float: left;
	margin-left: 120px;
	margin-top: -70px;
	
	
  }
	
#logoxx {

float: left;
	margin-left: 195px;
	margin-top: -9px;
	
	
  }
  
  #shop {
    float: left;

	
  }
	
	
	
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{height: 100px; width: 95%;  border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, gray); /* Standard syntax */
 
  background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

 
 

     

z-index: 9;


}
#logo-mini{ display:none; position: absolute; left: 100px; }
header #logo { width:100%; position: absolute; top:15px; left: 20px; }


.search-type{float: left; 	font-size:15px;
	color:white;
	text-shadow:1px 1px 1px black; margin-right: 10px; margin-left: 5px;line-height: 200%; }
.wrap-search-mini{background: #363636; padding-bottom: 100px; }
.wrap-search-mini #search {float: auto; margin-right: 350px; margin-top: -12px;padding-bottom: 25px;  }
	.search-box-align {float: right; margin-right: 100px; margin-top: -15px; }
.wrap-search-mini .button-search {float: none; inherit: none; position: absolute; left: 310px;	bottom: 35px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search-mini #search #search-text input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 225px;	height: 28px;	border: 3px solid #212121;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }




.wrap-search {   display:none;}
.wrap-search #search { display:none;}
.wrap-search .button-search {	 display:none;}
.wrap-search #search #search-text input{ display:none;

}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */





.minimenu{display:none;}
}




@media only screen and (min-width: 620px) and (max-width: 767px) {
	
	.boatnumbers-first-paint {width:300px;}
	#foo { display:none; }
	
	.example-boat {width:100%; display: block; margin:auto; min-width:240px; border-radius: 7px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3); margin-bottom:12px;}
	
	.example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	.example-video-truck {width:320px; border-radius: 10px;   box-shadow:  3px 3px 5px rgba(0,0,0,0.3); border-style: solid; border-color: green;margin-right:25px;}
	
	.dot-image {margin: auto; width: 90%; padding:15px; padding-bottom:25px;}
	.dot-form {margin: auto; width: 90%;}
	
	.heading {padding-bottom:30px !important;}
	.amazon-image {float:left;}
	.same-day {display: inline; white-space: nowrap; color:#fa9702 ; font-style: italic; padding-right:5px; font-weight: bolder; text-shadow: 1px 1px 1px #000000; float:left;}
	.amazon {margin: auto; width: 100%; padding: 10px; padding-top: 20px;}
	
	.boat-sample-top {float:left; margin-right:20px; width:315px;}
	
	.button-link {
	padding: 10px 15px;
	background: -webkit-linear gradient(#01961a, #004b00); background: -o-linear-gradient(#01961a, #004b00); background: -moz-linear-gradient(#01961a, #004b000); background: linear-gradient(#01961a, #004b00);
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size:1.2em;
	text-decoration:none;

}
.button-link:hover {
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #2A4E77; font-size:1.2em;
	color:white;
	text-decoration:none;
	
	
}
.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #203E5F;
	color:#e5e5e5; font-size:1.2em;
	text-decoration:none;
}

	
	.user-pics {max-width:450px; width:100%;
					
					margin:auto;
					padding-bottom:20px;}
	.lefty-arrow {display:none;}
	.righty-arrow {display:none;}
	
	.sides {visibility: hidden; }
	.chat1 {float:left; max-width: 240px; height: 49px; margin:5px;  }
	.chat2 {float:left; max-width: 260px; padding-left: 15px; padding-right: 15px;border-style: solid;  border-right-width: 0px; border-right-color:white;  border-left-width:1px; border-left-color:white;  border-top-width:0px; border-bottom-width:0px; text-align: left; }
	.chat3 {float:left; max-width:125px; margin:5px;  }
	.chat4 {display:none; }
	.chat5 {display:none; }
	
	.talk1 {float:left; margin:5px; margin-left:20px;}
	.talk2 {float:left; padding-right:8px; }
	.talk3 {float:left; float:left;  padding-right: 15px; border-style: solid;  border-right-width: 0px;   border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
	
	
	
	.service {width: 90%;}
	
	.col-1-6 {display:none;} 
	
	#footer .wrap-footer{
	
		width: 95%;
	 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );

border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

 

}

.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; width:95%;

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 





border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}
	
	
	
	
	.morphext > span {
	display: none;
}

.morphext > .animated {
    display: inline-block;
}



canvas {
      display: none;
	 opacity: 0;

}

#background1 {
  
     display: none;
	
	
  }

#background2 {
    
     display: none;
	
  }
#logox {

position: relative;
  margin-top: -60px;
	
	   
	
	
  }
  
  #shop {
  position:static;
	 opacity: 0;
	
  }
	


	
	
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{width: 98%; height: 100px;   border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, gray); /* Standard syntax */
 
  background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

  

z-index: 9;


	    -webkit-box-align:center;
    -webkit-box-pack:center;
    display:-webkit-box;
}
#logo-mini{ display:none; position: absolute; left: 100px; }
header #logo { }

.search-type{float: left; 	font-size:15px;
	color:white;
	text-shadow:1px 1px 1px black; margin-right: 10px; margin-left: 5px;line-height: 200%; }
.wrap-search-mini{background: #363636; padding-bottom: 100px; }
.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px;  }
	.search-box-align {float: right; margin-right: 92px; margin-top: -15px;  }
.wrap-search-mini .button-search {float: none; inherit: none; position: absolute; left: 295px;	bottom: 35px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search-mini #search #search-text input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 225px;	height: 28px;	border: 3px solid #212121;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }




.wrap-search {   display:none;}
.wrap-search #search { display:none;}
.wrap-search .button-search {	 display:none;}
.wrap-search #search #search-text input{ display:none;

}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin:0px 0px;}
nav .wrap-nav{height: 40px; 
  background: -webkit-linear-gradient(#0033CC, #001F7A); 
  background: -o-linear-gradient(#0033CC, #001F7A); 
  background: -moz-linear-gradient(#0033CC, #001F7A); 
  background: linear-gradient(#0033CC, #001F7A); 
  
border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}


.minimenu{display:none;}
	
	
}
	
	

	

@media only screen and (min-width: 480px) and (max-width: 619px) {
	
	.boatnumbers-first-paint {width:300px;}
        #foo { display:none; }
	
	.example-boat {width:100%; display: block; margin:auto; min-width:240px; border-radius: 7px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3); margin-bottom:12px;}
	
	.example {float:left; padding:10px;}
	.example-video { min-width:240px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	.example-video-truck {max-width:100%; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3); border-style: solid; border-color: green; margin-right:25px;}
	
	
	.dot-image {margin: auto; width: 90%; padding:15px; padding-bottom:25px;}
	.dot-form {margin: auto; width: 90%;}
	
	.amazon-image {}
	.same-day {display: inline; white-space: nowrap; color:#fa9702 ; font-style: italic; padding-right:5px; font-weight: bolder; text-shadow: 1px 1px 1px #000000;}
	.amazon {margin: auto; width: 100%; padding: 10px; padding-top: 15px;}
	

	
	.boat-sample-top {float:left; margin-right:20px; width:315px;}
	
	.button-link {
	padding: 10px 15px;
	background: -webkit-linear gradient(#01961a, #004b00); background: -o-linear-gradient(#01961a, #004b00); background: -moz-linear-gradient(#01961a, #004b000); background: linear-gradient(#01961a, #004b00);
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size:1.1em;
	text-decoration:none;

}
.button-link:hover {
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #2A4E77; font-size:1.1em;
	color:white;
	text-decoration:none;
	
	
}
.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #203E5F;
	color:#e5e5e5; font-size:1.1em;
	text-decoration:none;
}

	
	.lefty-arrow {display:none;}
	.righty-arrow {display:none;}
	.user-pics {display:none;}
	
	.sides {visibility: hidden; }
	.heybubble  {display:none; }
	
	.chat1 {float:left; max-width: 240px; height: 49px; margin:5px; }
	.chat2 {float:left; max-width: 260px; padding-left: 15px; padding-right: 15px;border-style: solid;  border-right-width: 0px; border-right-color:white;  border-left-width:1px; border-left-color:white;  border-top-width:0px; border-bottom-width:0px; text-align: left; }
	.chat3 {float:left; max-width:125px; margin:5px;  }
	.chat4 {display:none; }
	.chat5 {display:none; }
	
	.talk1 {float:left; margin:5px; margin-left:20px;}
	.talk2 {float:left; padding-right:8px; }
	.talk3 {float:left; float:left;  padding-right: 15px; border-style: solid;  border-right-width: 0px;   border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
	
	.col-1-6 {display:none;} 
	
	#footer .wrap-footer{
		
		width: 95%;
	
	 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );

border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

 

}

.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; width:95%;

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 





border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}
	
	
	.morphext > span {
	display: none;
}

.morphext > .animated {
    display: inline-block;
}



canvas {
      display: none;
	 opacity: 0;

}

#background1 {
  
     display: none;
	
	
  }

#background2 {
    
     display: none;
	
  }
#logox {

position: relative;
  margin-top: -79px;
	
	   
	
	
  }
  
  #shop {
  position:static;
	 opacity: 0;
	
  }
	


	
	
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{padding: 15px; width: 98%; height: 100px;   border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, gray); /* Standard syntax */
 
  background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

  


z-index: 9;


	    -webkit-box-align:center;
    -webkit-box-pack:center;
    display:-webkit-box;
}
#logo-mini{ display:none; position: absolute; left: 100px; }
header #logo { }

.search-type{float: left; 	font-size:15px;
	color:white;
	text-shadow:1px 1px 1px black; margin-right: 10px; margin-left: 5px;line-height: 200%; }
.wrap-search-mini{background: #363636; padding-bottom: 100px; }
.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px;  }
	.search-box-align {float: right; margin-right: 40px; margin-top: -15px;}
.wrap-search-mini .button-search {float: none; inherit: none; position: absolute; left: 295px;	bottom: 35px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search-mini #search #search-text input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 225px;	height: 28px;	border: 3px solid #212121;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }




.wrap-search {   display:none;}
.wrap-search #search { display:none;}
.wrap-search .button-search {	 display:none;}
.wrap-search #search #search-text input{ display:none;

}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin:0px 0px;}
nav .wrap-nav{height: 40px; 
  background: -webkit-linear-gradient(#0033CC, #001F7A); 
  background: -o-linear-gradient(#0033CC, #001F7A); 
  background: -moz-linear-gradient(#0033CC, #001F7A); 
  background: linear-gradient(#0033CC, #001F7A); 
  
border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}


.minimenu{display:none;}
	
	
}
	
	
@media only screen and (max-width: 479px) {
	
	.boatnumbers-first-paint {width:300px;}
	#foo { display:none; }
	
	.example-boat {width:100%; display: block; margin:auto; min-width:240px; border-radius: 7px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3); margin-bottom:12px;}
	
	.example {padding:10px;}
	.example-video {display: block; margin:auto; min-width:240px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	.example-video-truck {display: block; margin:auto; max-width:100%; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3); border-style: solid; border-color: green; margin-right:25px;}
	
	
	.dot-image {margin: auto; width: 90%; padding:15px; padding-bottom:25px;}
	.dot-form {margin: auto; width: 90%;}
	.amazon-image {}
	.same-day {display: inline; white-space: nowrap; color:#fa9702 ; font-style: italic; padding-right:5px; font-weight: bolder; text-shadow: 1px 1px 1px #000000;}
	.amazon {margin: auto; width: 90%; padding: 10px; padding-top: 10px;}
	
	.boat-sample-top {float:left; margin-right:20px; width:100%;}
	
	.button-link {
	padding: 10px 15px;
	background: -webkit-linear gradient(#01961a, #004b00); background: -o-linear-gradient(#01961a, #004b00); background: -moz-linear-gradient(#01961a, #004b000); background: linear-gradient(#01961a, #004b00);
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size:1em;
	text-decoration:none;

}
.button-link:hover {
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #2A4E77; font-size:1em;
	color:white;
	text-decoration:none;
	
	
}
.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: -webkit-linear gradient(#01b21f, #006000); background: -o-linear-gradient(#01b21f, #006000); background: -moz-linear-gradient(#01b21f, #006000); background: linear-gradient(#01b21f, #006000);
	border: solid 1px #203E5F;
	color:#e5e5e5; font-size:1em;
	text-decoration:none;
}

	.lefty-arrow {display:none;}
	.righty-arrow {display:none;}
	
	.user-pics { display:none;}
	.sides {visibility: hidden; }
	iframe { display:none; }
	
	.chat1 { }
	.chat2 {display:none; }
	.chat3 {display:none; }
	.chat4 {display:none; }
	.chat5 {display:none; }
	
	.talk1 {float:left; margin:2px; margin-left:15px;}
	.talk2 {float:left; padding-right:5px; }
	.talk3 {float:left; padding-right: 5px; border-style: solid;  border-right-width: 0px;   border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
	
	
	
		.service {width: 99%;}
	
.col-1-6 {display:none;} 
	
	#footer .wrap-footer{
		
		width: 90%;
	
	 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );

border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

 

}

.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; width:90%;

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 





border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}
	
	
	.morphext > span {
	display: none;
}

.morphext > .animated {
    display: inline-block;
}



canvas {
      display: none;
	 opacity: 0;

}

#background1 {
  
     display: none;
	
	
  }

#background2 {
    
     display: none;
	
  }
#logox {

position: absolute;
    display: block;
	
	    max-width:100%;
	max-height:100%;

	
    top: 0px;

    

	padding:  0em 10% 0px 0%;

	z-index: 3; /* integer */
	
	
  }
  
  #shop {
    position: absolute;
    top: 50px;
    left: 313px;


   
	z-index: 5; /* integer */
	
	
  }
	


	
	
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{width: 90%; height: 100px;   border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue; 

 background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, gray); /* Standard syntax */
 
  background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 
 
    border-right-style: 1px solid #000000;
    border-bottom-style:  1px solid #000000;
    border-left-style:  1px solid #000000;
     
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

 
 


z-index: 9;


}
#logo-mini{ display:none; position: absolute; left: 100px; }
header #logo { width:100%; position: absolute; top:20px; left: 20px;}

.search-type{float: left; 	font-size:15px;
	color:white;
	text-shadow:1px 1px 1px black; margin-right: 10px; margin-left: 5px;line-height: 200%; }
.wrap-search-mini{background: #363636; padding-bottom: 100px; }
.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px;  }
	.search-box-align {float: right; margin-right: 40px; margin-top: -15px;}
.wrap-search-mini .button-search {float: none; inherit: none; position: absolute; left: 245px;	bottom: 35px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search-mini #search #search-text input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 225px;	height: 28px;	border: 3px solid #212121;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }




.wrap-search {   display:none;}
.wrap-search #search { display:none;}
.wrap-search .button-search {	 display:none;}
.wrap-search #search #search-text input{ display:none;

}
	
.slides {
    padding: 0;
    width: 95;
    height: 300px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 0;
    width: 95%;
    height: 300px;
    display: block;
    position: absolute;

    transform: scale(0);

    transition: all .7s ease-in-out;
}

.slide img {
    width: 100%;
    height: 100%;
}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin:0px 0px;}
nav .wrap-nav{height: 40px; 
  background: -webkit-linear-gradient(#0033CC, #001F7A); 
  background: -o-linear-gradient(#0033CC, #001F7A); 
  background: -moz-linear-gradient(#0033CC, #001F7A); 
  background: linear-gradient(#0033CC, #001F7A); 
  
border: 1px solid #000000;    
     border-radius: 12px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);

}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}


.minimenu{display:none;}
	
	
}