* { padding: 0; margin: 0; outline: 0; }

 body {
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #ccc;
    text-align: left;
	background: url(../images/bground.jpg) repeat-x bottom #000000;
	padding:0; margin:0;
	height: 100%;
}

#all {position: relative; height: 100%; border-top: 2px #fc0 solid;}
html>body #all {height: auto; min-height: 100%; border-top: 2px #fc0 solid; margin: 0 auto -4em;}
.footer, .push { 
    height: 4em; 
} 
strong { color: #fff; }

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

a img { border: 0; }
a { color: #8395b6; text-decoration: none; }
a:hover { text-decoration: underline; }

.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }

#home #shell { background: url(../images/home-bg.jpg) no-repeat center 0; min-height: 727px; position:relative; top:0;}

#shell { width: 1050px; margin: 0 auto;  }

#testZone {position:relative; bottom:0;  z-index:3000}


/*  Footer
---------------------- */
#footer {background: transparent url('../images/seabottom.png') no-repeat bottom center; color: #B8D9D7; margin: 0; text-align: center;  bottom: 0;  width: 100%; z-index:10; min-width:800px; white-space:nowrap; width:100%; }
#empty, #footer {height: 150px;}


#footer p {position: relative; width: 960px; margin: -25px auto 0 auto; text-align: left; padding-top: 30px;} 
#footer p small {padding-left:70px;}
#footer p img {margin-bottom:-5px}
#footer p span a{background-color:#003366; color:#FFFFFF; padding:0 3px 0 13px;}
#footer p span a:hover{background-color:#000; text-decoration:none }
#footer p span {padding-left:315px;}

#navcontainer ul
{
text-align: center;
margin-top: 90px;
padding-left: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #B8D9D7;
width: 100%;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #B8D9D7;
text-decoration: none;
border-right: 1px solid #B8D9D7;
}

#navcontainer ul li a:hover
{
background-color: #003366;
color: white;
}

#navcontainer #active { border-left: 1px solid #B8D9D7; }


#footer blockquote{
	float: left; display: inline; margin: -25px auto 0 850px; text-align:left;
}

#footer blockquote a, #footer blockquote a span {cursor: pointer;  position: relative;  width: 160px; height: 23px; z-index: 100;}
#footer blockquote a span {display:none;}
#footer blockquote a  {background:url('../images/artisan.png') no-repeat 0 0; display:block; position:relative;top:0; left:0;}
#footer blockquote a:hover  {background-position: 0 -23px; }



.landing { 
	margin-top: 254px; 
	padding-top: 45px; 
	background: url(../images/home-landing-bg.png) repeat-x 0 0; 
	height: 214px;
}



h1#logo {
	height: 150px;
	width: 120px;
	font-size: 0;
	line-height: 0;
}

h1#logo a {
	display: block;
	background: url(../images/logo.gif);
	height: 150px;
	text-indent: -4000px;
}

.navigation ul { list-style: none  outside; padding-top: 15px; }

.navigation li { 
	text-align: right; 
	font-size: 13px; 
	font-weight: bold; 
	text-transform: uppercase;
	padding-bottom:5px;
	line-height:18px;
} 

.navigation a  { color: #fff; display:block; padding-right:3px; }
.navigation a:hover { text-decoration: none; color: #FFCC00; background-color:#000000; border-left: 2px #FFCC00 solid; }

.navigation .nav-active,
body.home .nav_home a,
body.services .nav_services a,
body.photos .nav_photos a,
body.tips .nav_tips a,
body.skibuilds .nav_skibuilds a,
body.contactus .nav_contactus a,
body.watercraft_repair .nav_watercraft_repair,
body.about-us .nav_about-us a
{ text-decoration: none; color: #FFCC00; background-color:#000000; border-left: 2px #FFCC00 solid; }

body.services_design .navigation .nav_services-design a,
body.services_manufacturing .navigation .nav_services-manufacturing a,
body.services_refurbishing .navigation .nav_services-refurbishing a,
body.services_installation .navigation .nav_services-installation a,
body.services_consulting .navigation .nav_services-consulting a
{ color: #fff; }

.navigation .nav-item .nav-item a { text-decoration: none;}

.navigation ul ul { display: none; }
body.services ul li.nav_services ul { display: block; }
#jetski_side {
 position:relative;
 top:25px;
 left:350px;
 float:left;
}
#jetski_sideright {
 position:relative;
 top:145px;
 left:660px;
 float:left;
}

h2	{
	font-family: 'Trebuchet MS', Garamond, Arial; font-size:23px; font-variant:small-caps; padding-bottom:2px;
	}
.landing h2 {
	float: left;
	display: inline	;
	background: url(../images/landing-headline.gif) no-repeat 0 0;
	height: 166px;
	width: 419px;
}
 
.slideshow { 
	float: left;
	display: inline;
	width: 350px;
}

.slideshow h3 {
	padding-bottom: 15px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.slideshow ul { list-style: none outside; }

.slideshow .info { margin-top: 15px; }

.slideshow .info p,
#content .slideshow .info p { 
	float: left; 
	display: inline; 
	width: 170px; 
	padding-bottom: 3px;
	line-height:15px;
	font-size:11px;
}

.slideshow .info p a { display: block; margin-top: 5px; }
.slideshow .info p span { font-size: 15px; }

#photos #shell { 
	background: url(../images/contact-bg.jpg) no-repeat 0 0; 
	min-height: 600px;
	
}
#tips #shell { 
	background: url(../images/contact-bg.jpg) no-repeat 0 0; 
	min-height: 600px;
	
}
#skibuilds #shell { 
	background: url(../images/contact-bg.jpg) no-repeat 0 0; 
	min-height: 600px;
	
}
#watercraft_repair #shell { 
	background: url(../images/watercraft-bg.jpg) no-repeat 0 0; 
	min-height: 750px;
}
#motorsports #shell { 
	background: url(../images/dirtbike-bg.jpg) no-repeat 0 0; 
	min-height: 550px;
}
#motorsports .shell-left { 
	float: left; 
	display: inline;
	width: 530px;
	padding: 28px 10px 28px 28px;
	line-height:18px;
	z-index:20;
	background: url(../images/cnt-bg.png) repeat 0 0;
	margin-top:180px;
}

#services #shell { 
	background: url(../images/home-bg.jpg) no-repeat 0 0;
	min-height: 750px;
}
#home #shell { 
	background: url(../images/home-bg.jpg) no-repeat 0 0;
	min-height: 750px;
}

#about-us #shell { 
	background: url(../images/about-bg.jpg) no-repeat 0 0;
	min-height: 750px;
}
#contactus #shell { 
	background: url(../images/contact-bg.jpg) no-repeat 0 0;
	min-height: 450px;
}

#header {
	float: left;
	display: inline;
	width: 188px;
	padding-top: 24px;
	text-align: right;
}

#header #logo  { margin: 0 0 0 auto; }

#content { 
	float: right; 
	display: inline; 
	width: 345px; 
	margin: 43px 87px 0 0; 
	background: url(../images/cnt-bg.png) repeat 0 0;
	padding: 28px 10px 28px 28px;
	line-height:18px;
	z-index:20;
}

#content h2 {

	font-family: 'Trebuchet MS', Garamond, Arial; font-size:23px; font-variant:small-caps;  margin-bottom: 22px; border-bottom: 2px #fc0 solid;
}

#content .text { border-bottom: 1px dashed #868585; margin-bottom: 15px; }
 
#content .text h3 span { 
	display: block;
	padding-bottom: 22px;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 20px;	
	color: #fff;
} 

#content p, .portfolio-gallery p { padding-bottom: 20px; }
#content ul {	
	padding: 0;
	margin:0;
}
#content ul li, .portfolio-gallery ul li {
	border-bottom: 1px solid #FFFFFF);
	padding: 3px 0 0 13px;
	color: #fff;
	background:url(../images/check.gif) no-repeat 0 9px;
	margin:0;
}
#content ul li a, .portfolio-gallery ul li a{
	color:#fff;
}
.photos #content .portfolio {
	display: block;
	background: url(../images/portfolio-hangar-link.gif) no-repeat 0 0;
	height: 45px;
	width: 236px;
	margin-bottom: 24px;
}

.tips #content .portfolio,
.skibuilds #content .portfolio,
 {
	display: block;
	background: url(../images/portfolio-blast-link.gif) no-repeat 0 0;
	height: 45px;
	width: 236px;
	margin-bottom: 24px;
}

#content h4 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#content ul { list-style: none inside; padding-bottom: 25px; }
#content li { padding: 5px 0; color:#fff;}

h2.blast {  background-image: url(../images/tips-h2.gif); }

.navigation ul ul { padding: 5px 0 0 0;  }
.navigation ul ul li{ text-transform: none; }
.navigation ul ul a { color: #aaa; }


.service { border-bottom: 1px dashed #8b8a8a; margin-bottom: 20px; padding-bottom:15px; }
#content .service p { padding-bottom: 5px; line-height: 18px; }
.service h3 {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 5px;
}
#services .slideshow { padding-top:10px; }

h2.about-us { background-image: url(../images/about-us-h2.gif); }

.more {
	background: url(../images/link-more-bg.gif) no-repeat right center;
	line-height: 11px;
	font-size:11px;
	padding-right:7px;
}

#portfolio #shell{ width: 866px;}


.portfolio-gallery .column-left {
	float: left;
	display: inline;
	width: 220px;
	margin-top: 15px;
}
.portfolio-gallery .column-right {
	float: left;
	display: inline;
	width: 420px;
	margin-top: 15px;
}
.portfolio-gallery {
	float: right;
	display:inherit;
	width: 730px;
	
	margin: 105px 25px 0 0; 
	background: url(../images/cnt2-bg.png) repeat 0 0;
	padding: 28px 10px 28px 28px;
	line-height:18px;
	z-index:20;
}

.portfolio-gallery h2 {
	font-family: 'Trebuchet MS', Garamond, Arial; font-size:23px; font-variant:small-caps;  margin-bottom: 22px; border-bottom: 2px #fc0 solid; width:520px;
}

.portfolio-gallery h3 {
	
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 5px;
}

.g-left { 
	float: left; 
	display: inline;
	width: 530px;
}
.shell-left { 
	float: left; 
	display: inline;
	width: 530px;
	padding: 28px 10px 28px 28px;
	line-height:18px;
	z-index:20;
	background: url(../images/cnt-bg.png) repeat 0 0;
	margin-top:300px;
}

.g-right {
	margin-left: 530px;
	width: 350px;
}

.g-left h2,
.g-right h2,
.shell-left h2 {
	padding-bottom: 20px;
	font: 16px Arial, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
}

.portfolio-gallery .item { float: left; display: inline; width: 168px; height: 120px; margin: 0 5px 15px 0; }
.portfolio-gallery .item a img{ border:solid 5px #626161; }
.portfolio-gallery .item a:hover img{ border:solid 5px #fff; }
.portfolio-gallery .item p { padding-top:8px; }

#portfolio .slideshow { width:324px; padding-top:20px; }
#portfolio .slideshow h3 { border-top:dashed 1px #838282; padding:15px 0 15px 0; margin:0; font-weight: bold; font-size:11px; }
#portfolio .slideshow .info p { width:162px; }

.slide-button {
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	color: #4c5153;
	background-color: #333;
}

.slide-button:hover {
	color: #9f9d8e;
}


#list-1 {
	display: inline;
	float: left;
	width:300px;
	
}

#list-2 {
	display: inline;
	float: left;
}

#list-3 {
	float: left;
}

#list-4 {
	float: right;
}

#sticky{
	float: left; display: inline;
}
#sticky span {display: none;}
#sticky a, #sticky a span {cursor: pointer; font-size: 90%; position: relative; top: 5px; left: 8px; width: 313px; height: 297px; overflow: hidden; z-index: 100;}
#sticky a span {background:url('../images/sticky.png') no-repeat 0 0; display: block; position: absolute;top:0; left:0;}
#sticky a:hover span {background-position: 0 -297px;}
.contact em {font: xx-small normal; color:#ccc}
.contact input.submit {background-color:#fc0 ; color:#000; font-weight:bold;border: none}
.contact {border-bottom: 1px dashed #8b8a8a; margin-bottom: 20px; padding:15px 0 15px 0}




.basic  {
	width: 530px;
}
.basic div {
	background-color: #000;
	border-bottom: 1px dashed #8b8a8a;
	padding: 0 0 5px 0;
}

.basic p {
	margin-bottom : 10px;
	margin: 0px;
	padding: 10px;
}
.basic a.accordion {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 17px;
	color: #fff;
	 padding-top: 5px;

}
.basic a:hover {
	color: #fc0;
	
}
.basic a.selected {
	color: #fc0;
}
.mototech h1{
/* posision */
	position:absolute;
	top:-400px;
	left:-2005px;
	}
	.mototech h2{
/* posision */
	position:absolute;
	top:-400px;
	left:-2005px;
	}
	.mototech h3{
/* posision */
	position:absolute;
	top:-400px;
	left:-2005px;
	}
	.mototech h4{
/* posision */
	position:absolute;
	top:-400px;
	left:-2005px;
	}
	.mototech h5{
/* posision */
	position:absolute;
	top:-400px;
	left:-2005px;
	}
	.mototech h6{
/* posision */
	position:absolute;
	top:-400px;
	left:-2005px;
	}
	.mototech p{
/* posision */
	position:absolute;
	top:-600px;
	left:-2705px;
	}
	.mototech {
/* posision */
	position:absolute;
	top:-800px;
	left:-2905px;
	}