/*
RESET *******************************/
body, img, ul, ol, li, input, label, fieldset, legend, h1#logo, dl, dt, dd {margin: 0;padding: 0;}
a:focus								{outline:1px dotted invert}
body								{background: #4f7296 url(../images/assets/bg.jpg) 0 0 repeat-x; font:13px Arial, Helvetica, sans-serif; line-height:1.5; color:#363636;}

ul									{margin-left: 20px;}

a:link								{color: #cc0000; text-decoration: underline;}
a:visited							{color: #cc0000; text-decoration: underline;}
a:hover								{color: #e90000; text-decoration: none;}
a:active							{color: #830000; outline:1px dotted #aaa;}

table								{border-collapse:collapse;}
p									{margin-top: 5px;}

sup									{height: 0; line-height:1.2; vertical-align:baseline;_vertical-align:bottom; position: relative; bottom:3px;}

img#fullResImage					{margin: 0; padding:0; border:0;}

/*
TYPOGRAPHY & COLORS ****************/

h1, h2, h3, h4, h5, h6, legend		{font-family: "Tekton Pro", Tekton, Tahoma, sans-serif; line-height:1.3; color:#2B66A2;margin-top: 0px; font-weight:normal;}

h2									{font-size: 23px;}
h3									{font-size: 20px;}
h4									{font-size: 18px;margin-bottom: 5px;}
h5									{font-size: 15px;}
h6									{font-size: 13px;}

h1#logo								{padding-top:20px;}
h1#logo a							{display: block;width: 266px; height:163px; background:url(../images/assets/logo2.png) 0 0 no-repeat; text-indent:-9999px;}
h2#motto							{text-align: right; color:#fff; margin-bottom:5px; font-size: 25px; position:absolute; right:0; bottom: 0;}
#feature-text h2					{color: #f9f5b1;margin-bottom: 10px; font-size:25px;}
#feature-note h3					{margin: 5px 0; font-size:23px; text-align: center;}
.mod h4, 
	ul#kayak-tabs li h5				{margin: 0; padding:0;}
.gallery-wrapper h4					{margin-bottom: 5px;}
.kayak-tab h3						{margin-bottom: 0;padding: 20px 0 0 5px;}

/* NAV */
ul#nav, ul#nav li					{margin: 0 0 20px 0; padding: 0 0 0 0;}
ul#nav								{ float:right;}
ul#nav li							{list-style: none; float:left;position: relative; }
ul#nav li a							{display: block; text-decoration:none; background-image: url(../images/assets/navigation3.png); background-repeat:no-repeat; text-indent:-9999px; height:82px; }

ul#nav li#nav-home a				{width: 70px; background-position: 0 0;}
ul#nav li#nav-about a				{width: 70px; background-position: -82px 0;}
ul#nav li#nav-rentals a				{width: 89px; background-position: -164px 0;}
ul#nav li#nav-purchase a			{width: 91px; background-position: -266px 0;}
ul#nav li#nav-service a				{width: 80px; background-position: -374px 0;}
ul#nav li#nav-contact a				{width: 91px; background-position: -468px 0;}
ul#nav li#nav-links a				{width: 60px; background-position: -573px 0;}

ul#nav li#nav-home a:hover			{width: 70px;background-position: 0 -92px;}
ul#nav li#nav-about a:hover			{width: 70px;background-position: -82px -92px;}
ul#nav li#nav-rentals a:hover		{width: 89px;background-position: -164px -92px;}
ul#nav li#nav-purchase a:hover		{width: 91px;background-position: -266px -92px;}
ul#nav li#nav-service a:hover		{width: 80px;background-position: -374px -92px;}
ul#nav li#nav-contact a:hover		{width: 91px;background-position: -468px -92px;}
ul#nav li#nav-links a:hover			{width: 60px;background-position: -573px -92px;}

ul#nav li#nav-home a#here			{width: 70px;background-position: 0 -184px;}
ul#nav li#nav-about a#here			{width: 70px;background-position: -82px -184px;}
ul#nav li#nav-rentals a#here		{width: 89px;background-position: -164px -184px;}
ul#nav li#nav-purchase a#here		{width: 91px;background-position: -266px -184px;}
ul#nav li#nav-service a#here		{width: 80px;background-position: -374px -184px;}
ul#nav li#nav-contact a#here		{width: 91px;background-position: -468px -184px;}
ul#nav li#nav-links a#here			{width: 60px;background-position: -573px -184px;}

ul#nav li#nav-home a:active			{width: 70px;background-position: 0 -276px; outline:none;}
ul#nav li#nav-about a:active		{width: 70px;background-position: -82px -276px; outline:none;}
ul#nav li#nav-rentals a:active		{width: 89px;background-position: -164px -276px; outline:none;}
ul#nav li#nav-purchase a:active		{width: 91px;background-position: -266px -276px; outline:none;}
ul#nav li#nav-service a:active		{width: 80px;background-position: -374px -276px; outline:none;}
ul#nav li#nav-contact a:active		{width: 91px;background-position: -468px -276px; outline:none;}
ul#nav li#nav-links a:active		{width: 60px;background-position: -573px -276px; outline:none;}


ul#nav li:hover ul.subnav			{/*display: block;*/}
ul#nav li ul.subnav					{/*display: none;*/}
ul#nav li ul.subnav,
	ul#nav li ul.subnav li			{margin: 0; padding:0;}
ul#nav li ul.subnav					{position: absolute; top: 82px; left: 0px; background:#426181; border:1px solid #5a7591; z-index:900;}
ul#nav li ul.subnav li				{float: left; padding: 5px;}
ul#nav li ul.subnav li a			{background: none;text-indent:5px; color:#fefcda; display: block;text-transform: uppercase; border-bottom:1px solid #5a7591; height:20px; padding:5px 2px 0 2px}
ul#nav li ul.subnav li a:hover		{background: #5a7591; color:#fff;}

ul#nav li#nav-rentals ul.subnav li a, 
ul#nav li#nav-purchase ul.subnav li a, 
ul#nav li#nav-contact ul.subnav li a	{width: 135px;}




ul#note-list, ul#note-list li		{margin-left:0px;margin-bottom: 0;}
ul#note-list						{ height:55px;}
ul#note-list li						{list-style: none; float:left; display: inline; width: 100px; }



#feature-text p						{color: #f0f0f0; font-size:14px;}
#feature-note, .mod					{font-size: 12px;}
#feature-note p						{margin: 5px 0 10px 0;}
p.orange-btn						{border: 1px solid #f1b261; background: url(../images/assets/orange-btn.jpg) 0 0 repeat-x; margin-right:20px}
p.orange-btn a						{text-shadow: 1px 1px 1px #b46b0d;background: url(../images/assets/arrow.png) 95% center no-repeat; padding:3px 10px 2px 10px; color:#fff; display:block; text-decoration:none; text-transform:uppercase;}
#feature-note small#call-us			{float: right; width: 30px;line-height: 1; text-align:center; color:#d3773c; font-size:13px; font-weight:bold;}

a.link, a.pdf						{background-position: left center; background-repeat:no-repeat; padding-left: 25px; padding-bottom:2px;}
a.link								{background-image: url(../images/assets/arrow.jpg);}
a.pdf								{background-image: url(../images/assets/pdf.jpg);}

.mod p								{margin-top: 1px;}

img									{padding: 5px; border: 1px solid #aaa; margin-bottom: 15px;}
.imageRight							{float: right; margin-left: 20px;}
.imageLeft							{float: left; margin-right: 20px;}
img.no-border						{border: none;}


table.rate-data						{width: 430px;border: 1px solid #363636;}
table.rate-data	th					{background: #363636; color: #fff;}
table.rate-data	td					{border: 1px solid #bbb; text-align: center; padding: 2px 5px;}
table.rate-data td.alignRight		{text-align: right;}
table.rate-data td.alignLeft		{text-align: left;}





/* form fields */

#contact-form						{padding: 0 10px; margin-bottom: 25px; background:#f9f9f9; border: 1px solid #dbdbdb;}
.warning,.error, .success			{font-weight:bold;}
.warning, .error					{color: #cc0000; }
.warning, .success					{text-align: center; padding:10px 20px;}
.warning							{background: #fffee9; border: 1px dashed #ffba0a;}
.success							{background: #F9FFF5; border:1px dashed #AED68F; color:#015501;}

.label, .text						{ padding: 2px;}
.label								{display: block; width:140px; text-align:right; margin-right: 15px;float:left;}
.label.required						{font-weight:bold;}
.text								{border: 1px solid #bebebe; width: 300px;}
.textarea							{height: 125px;}

select								{width: 120px}
#submit, .select-inline						{margin-right: 10px;}

fieldset							{padding: 0 10px; margin-bottom:25px; border: 1px dotted #bebebe;}
legend								{font-size: 18px; padding: 0 20px 0 5px; margin: 10px 0; }




/*
DIVS & LAYOUT **********************/

.wrapper							{width: 960px; margin:0 auto; /*padding-bottom:10px;*/}
.container							{background: #fff;padding: 10px; }
.single								{margin-left: 1px; overflow:hidden;}

.half-col, .col75, .col25			{float: left; display:inline;}
.half-col							{width: 450px;}
.half-col.right-side				{margin-left: 20px;}
.col75								{width: 580px;}
.col25								{width: 330px; margin-left:20px;}

.separator							{height: 10px; border-top: 1px solid #dbdbdb;}

.shadow								{-moz-box-shadow: 0px 0px 8px #000; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 8px #000; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 8px #000; /* Opera 10.5, IE 9.0 */}
.shadow2							{-moz-box-shadow: 0px 2px 4px #aaa; /* FF3.5+ */ -webkit-box-shadow: 0px 2px 4px #aaa; /* Saf3.0+, Chrome */ box-shadow: 0px 2px 4px #aaa; /* Opera 10.5, IE 9.0 */}
.shadow3							{-moz-box-shadow: 0px 2px 3px #000; /* FF3.5+ */ -webkit-box-shadow: 0px 2px 3px #000; /* Saf3.0+, Chrome */ box-shadow: 0px 2px 3px #000; /* Opera 10.5, IE 9.0 */}

.rounded							{-moz-border-radius: 4px; /* FF1+ */  -webkit-border-radius: 4px; /* Saf3+, Chrome */ border-radius: 4px; /* Opera 10.5, IE 9 */}


#bubble-wrap						{width: 100%;background: transparent url(../images/assets/bubbles.png) 0 0 repeat-x; overflow:hidden;}
#top								{width: 960px; position: relative; height:200px;}
#top-left							{width: 320px;}
#top-right							{width: 630px;}

#feature							{width: 940px;}
#feature-text						{width: 212px; height:355px; background: url(../images/home-text-bg.png) 0 0 no-repeat;padding:15px 55px 10px 10px;}
#feature-note						{position: absolute; bottom: 10px; right: 0; width:210px; height:190px;background: url(../images/assets/note2-bg.png) 0 0 no-repeat; padding: 35px 20px 20px 20px;}

/* banners */
.home-banner, .about-banner, .jetski-banner, .kayak-banner, .kayak2-banner, .surfboard-banner, .service-banner, .contact-banner
									{background-repeat: no-repeat; background-position: 0 0;}
.about-banner, .jetski-banner, .kayak-banner, .kayak2-banner, .surfboard-banner, .service-banner, .contact-banner
									{height:290px;}
.home-banner						{background: url(../images/banners/home-banner.jpg) 0 0 no-repeat; height:390px;   position: relative;}
.about-banner						{background-image: url(../images/banners/about-banner.jpg);}
.jetski-banner						{background-image: url(../images/banners/jetski-banner.jpg);}
.kayak-banner						{background-image: url(../images/banners/kayak-banner.jpg);}
.kayak2-banner						{background-image: url(../images/banners/kayak2-banner.jpg);}
.service-banner						{background-image: url(../images/banners/service-banner.jpg);}
.contact-banner						{background-image: url(../images/banners/contact-banner.jpg);}
.surfboard-banner					{background-image: url(../images/banners/surfboard-banner.jpg);}

#main-content						{width: 940px; overflow:hidden;}
.main								{width: 620px;}
.sidebar							{width: 300px;margin-left: 20px;}
.sidebar.grey						{background:#F5F2EB; padding-left:10px;padding:10px; width:280px;}

.sidebar ul							{margin-bottom: 15px;}

.mod								{padding: 8px; margin-bottom: 15px; border: 1px solid #dfdfdf; width: 280px;background: url(../images/assets/mod.jpg) right top no-repeat;}
#jetski								{background: url(../images/jetski.jpg) right top no-repeat;}
#hobie								{background: url(../images/hobie.jpg) right top no-repeat;}
#sup								{background: url(../images/sup.jpg) right top no-repeat;}

.gallery-wrapper					{/*width: 600px;*/padding:  5px 5px 8px 5px; background:#eee; border:1px solid #ccc;}
.gallery-wrapper img				{margin-left: 3px;margin-right: 3px;margin-bottom: 0;}

#footer								{padding: 10px; font-size: 11px; color:#fff;}
#footer p							{margin-top: 0;}
#ftr-right							{float: right; text-align:right;}

.left								{float: left; display:inline;}
.right								{float: right; display:inline;}
.clearBoth							{clear: both;}
.clearRight							{clear: right;}
.clearLeft							{clear: left;}

.products, .product-image,
	.product-desc					{float:left;display: inline;}
.products							{width: 940px; overflow:hidden; margin: 15px 0; border-bottom:1px solid #eee;}
.product-image						{width: 250px;}
.product-desc						{width: 650px;}
.product-desc.rightside				{margin-right: 20px;}

.product-desc dl,
	.product-desc dt,
	.product-desc dd				{float: left; display:inline;}
.product-desc dl					{width: 600px;margin-bottom: 15px;}
.product-desc dl dt					{width: 120px; margin-right:10px; font-weight:bold;}
.product-desc dd					{width: 460px; margin-bottom: 5px;}

.the_images, .image-wrap			{float: left; display:inline;}
.the-images							{width: 940px; overflow: hidden; margin: 15px 0;}
.image-wrap							{width: 290px;margin-right:10px;}
.image-wrap p						{text-align: center;}

/*.kayak-detail,
	.kayak-desc,
	.kayak-image					{float: left; display:inline;}
.kayak-detail						{width: 935px; overflow: hidden;margin: 0 0 15px 0;}
.kayak-desc							{width: 355px; margin-right:20px;}
.kayak-image						{width: 560px;}
.kayak-image img					{border: none;}*/

/* tabs */
ul#info-tabs, ul#info-tabs li,
	ul#kayak-tabs, 
	ul#kayak-tabs li				{margin: 0; padding:0;float: left; display: inline;list-style: none; margin:0; padding:0;}
ul#info-tabs, ul#kayak-tabs			{width: 100%; overflow:hidden;}
ul#info-tabs li,
	ul#kayak-tabs li				{border:1px solid #dbdbdb; margin-bottom:-1px;}
ul#info-tabs li	a,
	ul#kayak-tabs li a				{display: block; padding: 5px 20px; background:#f5f5f5; color:#363636; text-decoration:none;}
ul#info-tabs li.active a,
	ul#info-tabs li.active a:hover,
	ul#kayak-tabs li.active a,
	ul#kayak-tabs li.active a:hover	{background: #fff; color:#3a76ad;}


.tab-container,
	.kayak-container				{float: left;  border:1px solid #dbdbdb; margin-bottom:20px; overflow:hidden;}
.tab-container						{width: 500px;}
.tab								{padding:10px; text-align:left;}
.tab ul								{/*margin-left: 30px;*/}
.tab img							{border: none;}



.kayak-container					{width: 930px;}
.kayak-tab							{ overflow: hidden;}
.kayak								{width: 290px;float: left; display:inline; border:1px solid #dbdbdb; margin:4px;padding: 5px 5px 0 5px;}

.kayak-image2						{width: 510px; margin-left: 20px;text-align:center; }
.kayak-image2 img					{padding: 5px;border:1px solid #dbdbdb; background:#f5f5f5;margin-bottom: 0;}
.kayak-image2 .tab img				{border: none; background:none;margin-bottom: 0px;}
.kayak-image2 p						{margin: 0 0 10px 0;}
.kayak-image2 a						{text-decoration: none;}



/* grid */
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11, .grid_12 {display:inline;float:left; }
.grid_3								{width:220px; }
.grid_6								{width:460px}
.grid_9								{width:700px}
.alpha								{margin-left:0}
.omega								{margin-right:0}
.grid_12							{width:940px;}