/*
 Screen style    
 Site: Nautica 13
*/

body {
 background: #fff;
 color: #000;
 font-size: 68.75%;
 padding: 32px 0 25px 0;
 text-align: center;
}

.layer0 {
margin: 0;
padding: 0;
width: 140px;
}
 
.heading0 {
margin: 1px;
color: #fff;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color:#c30;
}
.content0 {
padding: 5px 10px;
background-color:#fafafa;
width:100%;
}

.content0 a:link {
	color: #00F;
}

.content0 a:hover {
	color:#09F;
}

p { padding: 5px 0; }

h2 {
 margin: 0 0 0.75em 0;
}
.skyBlue {
	color: #00F;
}
.box {
 background-color: #A2A90E;
 border: 5px solid #fff;
 color: #fff;
 margin-bottom: 12px;
 padding: 10px;
}

.box.left {
 float: left;
 padding: 30px 11px 10px 17px;
 width: 230px;
}

.box.left.packages {
 font-size: 0.91em;
 line-height: 1.3;
 padding: 5px 6px 25px 7px;
 width: 246px;
}

.box.left.packages h2 {
 font-size: 1.3em;
 margin: 0.5em 0 0.75em 0;
}

.box.left.packages img {
 border: 3px solid #fff;
}

.box.left.welcome {
 min-height: 450px;
}

.box.left.welcome h2 {
 font-size: 1.18em;
 margin: 0 0 0.5em 0;
}

.box.right {
 float: right;
 width: 449px;
}

#content {
 background: transparent url(../images/bg/content-bottom.gif) left bottom no-repeat;
 color: #fff;
 padding: 20px 19px 31px 26px;
 min-height:900px;
}

#content a {
 background-color: transparent;
 color: #fff;
}

#content a:hover {
 background-color: transparent;
 color: #5A3F2A;
}

#content h1, #content h2, #content h3 {
 background-color: transparent;
 color: #FEFEFD;
}

#content h3 {
 font-style: italic;
}

#kw {
	margin:0 auto;
	color:gray;
	font-size:8px;
	text-align:center;
}
#kw a:link {
	color:gray;
	font-size:8px;
	text-align:center;
}

#lgimg {
	margin:0 auto;
	text-align:center;
}
#lgimg a {
	color:blue;
	font-size:15px;
	margin-bottom:10px;
}

#packages {
color:#000;
width: 900px;
font-size:14px;
margin-left:1px;
float:right;
background-color: #DFF1EE;
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
border-left: 5px solid #ffffff;
}

#packages ul {
	list-style-image:url(../images/green_check.gif);
	 padding-left: 0.8em; 
  list-style: none;
}

#packages li {
		list-style-image:url(../images/green_check.gif);
	 padding-left: 0.8em; 
}

#box1 {
	width:235px;
	float:left;
	margin-left:7px;
	background-color:white;
	border:#0F0 thin solid;
	padding:5px;
}

#box1 h2 {
	font-size:large;
	color:green;
	text-align:center;
}

#box2 {
	width:235px;
	float:left;
	margin-left:10px;
	margin-top:5%;
	background-color:white;
	border:#00F thin solid;
	padding:5px;
}

#box2 h2 {
	font-size:large;
	color:blue;
	text-align:center;
}

#box3 {
	width:230px;
	float:left;
	margin-left:10px;
	margin-top:10%;
	background-color:white;
	border:#F00 thin solid;
	padding:5px;
}

#box3 h2 {
	font-size:large;
	color:red;
	text-align:center;
}
#packages img {
	border:none;
}

#packages hr {
	height:3px;
	width:90%;
	color:#CCC;
	background-color:#CCC;
}
#services {
	width:700px;
	margin:0 auto;
	font-size:9px;
	color: #000;
}

#footer {
 background: #5A3F2A url(../images/bg/footer-middle.gif) top left repeat-y;
 clear: both;
 color: #FFFEFD;
 font-family: Verdana, Geneva, lucida, sans-serif;
 margin-left: 70px;
 width: 717px;
}

#footer a {
 background-color: transparent;
 color: #fff;
 text-decoration: none;
}

#footer p {
 background: #5A3F2A url(../images/bg/footer-bottom.gif) bottom left no-repeat;
 color: #FFFEFD;
 margin: 0;
 padding: 10px;
 text-align: center;
}

#gallery {
 border: 8px solid #fff;
 border-right-width: 10px;
 clear: both;
 height: 508px;
 width: 743px;
}

#header {
 height: 126px;
 position: relative;

}

#inner-wrapper {
 background: #3D2817 url(../images/bg/inner-wrapper-top.gif) left top no-repeat;
 color: #fff;
 margin: -1px 0 0 28px;
}

#inner-wrapper:after, #content:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

#logo {
 height: 122px;
 left: 0;
 position: absolute;
 top: 0;
 width: 191px;
}

#nav {
 height: 33px;
 left: 201px;
 margin: 0;
 position: absolute;
 top: 93px;
 width: 548px;
 z-index: 20;
}

#nav a {
 background-color: #5A3F2A;
 color: #fff;
 display: block;
 font-size: 1em;
 height: 33px;
 line-height: 33px;
 margin: 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 text-decoration: none;
 width: 110px;
}

#nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 20;
}

#nav a#nav01 span {
 background-image: url(../images/nav/01.gif);
}

#nav a#nav01, #nav a#nav03 {
 width: 109px;
}

#nav a#nav02 span {
 background-image: url(../images/nav/02.gif);
}

#nav a#nav03 span {
 background-image: url(../images/nav/03.gif);
}

#nav a#nav04 span{
 background-image: url(../images/nav/04.gif);
}

#nav a#nav04 {
 width: 108px;
}

#nav a#nav05 {
 width: 107px;
}

#nav a#nav05 span{
 background-image: url(../images/nav/05.gif);
}

#nav a:hover {
 background-color: #3D2817;
 color: #fff;
}

#nav a:hover span, #nav a.current span {
 background-position: 0 -33px;
}

#nav li {
 float: left;
 list-style: none;
 margin: 0;
}

#original-events {
 float: right;
 margin-bottom: 12px;
 width: 479px;
}

#original-events h1 {
 font-size: 1em;
 height: 25px;
 margin: 0 0 5px 48px;
 overflow: hidden;
 position: relative;
 width: 367px;
}

#original-events h1 span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}

#original-events img {
 border: 5px solid #fff;
}

#projects-link {
 font-size: 1em;
 height: 118px;
 left: 0;
 margin: 0;
 overflow: hidden;
 position: absolute;
 top: 165px;
 width: 28px;
}

#projects-link a:hover {
 background-color: #3D2817;
 color: #fff;
}

#projects-link a:hover span, #projects-link a.current span {
 background-position: -28px 0;
}

#projects-link span {
 background-image: url(../images/nav/projects.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 20;
}

#testimonials-link {
 font-size: 1em;
 height: 118px;
 left: 0;
 margin: 0;
 overflow: hidden;
 position: absolute;
 top: 275px;
 width: 28px;
}

#testimonials-link a:hover {
 background-color: #3D2817;
 color: #fff;
}

#testimonials-link a:hover span, #testimonials-link a.current span {
 background-position: -28px 0;
}

#testimonials-link span {
 background-image: url(../images/nav/testimonials.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 20;
}

#products {
 font-size: 1em;
 height: 118px;
 left: 0;
 margin: 0;
 overflow: hidden;
 position: absolute;
 top: 385px;
 width: 28px;
}

#products a:hover {
 background-color: #3D2817;
 color: #fff;
}

#products a:hover span, #products a.current span {
 background-position: -28px 0;
}

#products span {
 background-image: url(../images/nav/products.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 20;
}

#leaks-link {
 font-size: 1em;
 height: 118px;
 left: 0;
 margin: 0;
 overflow: hidden;
 position: absolute;
 top: 495px;
 width: 28px;
}

#leaks-link a:hover {
 background-color: #3D2817;
 color: #fff;
}

#leaks-link a:hover span, #links-link a.current span {
 background-position: -28px 0;
}

#leaks-link span {
 background-image: url(../images/nav/leaks.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 20;
}

a.lglink {font-size:17px; color:blue; background-color:transparent;}
a:visited .lglink {font-size:17px; color:blue; background-color:transparent;}
a:hover .lglink {font-size:17px; color:blue; background-color:transparent;}
a:hover .lglink {font-size:17px; color:blue; background-color:transparent;}

#renovation-link {
 font-size: 1em;
 height: 118px;
 left: 0;
 margin: 0;
 overflow: hidden;
 position: absolute;
 top: 605px;
 width: 28px;
}

#renovation-link a:hover {
 background-color: #3D2817;
 color: #fff;
}

#renovation-link a:hover span, #renovation-link a.current span {
 background-position: -28px 0;
}

#renovation-link span {
 background-image: url(../images/nav/renovation.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 20;
}

#links-link {
 font-size: 1em;
 height: 118px;
 left: 0;
 margin: 0;
 overflow: hidden;
 position: absolute;
 top: 715px;
 width: 28px;
}

#links-link a:hover {
 background-color: #3D2817;
 color: #fff;
}

#links-link a:hover span, #links-link a.current span {
 background-position: -28px 0;
}

#links-link span {
 background-image: url(../images/nav/links.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 20;
}

#wrapper {
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 834px;
}

#drops1 {
position: absolute;
top: 0px; 
left: 0px; 
width: 600; 
height: 300; 
z-index: 1; 
padding: 0;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/css3-slide-list.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#css3slidebox {
	background-color:white;
}

#css3Slide2 {width:890px; height:24px; margin:1px auto; position:relative; z-index:501;}
#css3Slide2 ul {padding:0; margin:0; list-style:none; height:27px; float:left; position:relative; z-index:500; list-style-image:none;}
#css3Slide2 ul li {float:left; height:27px; font: 12px/24px arial, sans-serif; margin:0 0 0 10px; list-style-image:none;}
#css3Slide2 ul li span {display:block; float:left; height:27px; padding:0 1px 0 0; color:blue;}
#css3Slide2 ul li b {display:block; float:left; height:27px; padding:0 5px 0 5px; margin-left:-10px; cursor:default;}

#css3Slide2 ul li:hover > span {background:url(../css3-slide/tab.png) no-repeat right top; color:#fff;}
#css3Slide2 ul li:hover > span b {background:url(../css3-slide/tab.png) no-repeat left top;}

#css3Slide2 ul li.blank {width:890px; height:0; position:absolute; left:0; top:24px; overflow:hidden; border-top:3px solid #666; z-index:-1; margin:0; padding:0;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide2 .base {width:890px; height:310px; background:url(../css3-slide/back.png) repeat-x; position:absolute; top:-310px;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide2 .shadow {width: 890px; height:10px; position:absolute; left:0; bottom:0; background:url(../css3-slide/shadow.png);}

#css3Slide2 ul:hover li.blank {height:310px;}
#css3Slide2 ul:hover li.blank .base {top:0;}

#css3Slide2 ul li .container {width:890px; height:0; position:absolute; left:0; top:27px; z-index:501; overflow:hidden;  background: url(../css3-slide/trans.png);
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide2 ul li:hover .container {height:310px;}

#css3Slide2 ul li .container .sub {width:890px; position:relative; height:260px; padding:20px 0; top:-300px;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
#css3Slide2 ul li:hover .container .sub {top:0;}

#css3Slide2 ul li .container .sub h4 {font-size:18px; padding:0 0 1px 1px; margin:0;}
#css3Slide2 ul li .container .sub dl {padding:0; margin:0;}
#css3Slide2 ul li .container .sub dl dt {font-size:14px; font-weight:bold; height:30px; padding-left:1px;}
#css3Slide2 ul li .container .sub dl dd {display:block; height:30px; line-height:30px; padding:0 0 0 1px; margin:0; font-weight:bold; font-size:15px; color:#888; width:500px; background: url(../css3-slide/trans.png);}

#css3Slide2 ul li .container .sub dl dd p {display:block; position:absolute; left:150px; top:40px; width:500px; height:230px; font-size:12px; font-weight:normal; padding:0; margin:0; line-height:20px; opacity:0; filter: alpha(opacity=0); background: url(../css3-slide/trans.png); z-index:1;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide2 ul li .container .sub dl dd p em {font-style:normal; font-weight:bold; text-decoration:none;}
#css3Slide2 ul li .container .sub dl dd p a {color:#069; font-weight:bold; text-decoration:none;}
#css3Slide2 ul li .container .sub dl dd p a:hover {text-decoration:underline;}

#css3Slide2 ul li .container .sub dl dd img {position:absolute; right:0; padding-right:30px; top:50px; opacity:0; filter: alpha(opacity=0); z-index:1; 
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide2 ul li .container .sub dl dd.current {color:#000; background:url(../css3-slide/arrow.gif) no-repeat 120px center;}
#css3Slide2 ul li .container .sub dl dd.current p {opacity:1; filter: alpha(opacity=100); z-index:20;}
#css3Slide2 ul li .container .sub dl dd.current img {opacity:1; filter: alpha(opacity=100); z-index:20;}

#css3Slide2 ul li .container .sub dl:hover dd.current {color:#888; background:none;}
#css3Slide2 ul li .container .sub dl:hover dd.current p {opacity:0; filter: alpha(opacity=0); z-index:10;}
#css3Slide2 ul li .container .sub dl:hover dd.current img {opacity:0; filter: alpha(opacity=0); z-index:10;}

#css3Slide2 ul li .container .sub dl:hover dd:hover {color:#000; cursor:default; background:url(../css3-slide/arrow.gif) no-repeat 120px center;}
#css3Slide2 ul li .container .sub dl:hover dd:hover p {opacity:1; filter: alpha(opacity=100); z-index:20;}
#css3Slide2 ul li .container .sub dl:hover dd:hover img {opacity:1; filter: alpha(opacity=100); z-index:20;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/css3-slide-list.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#css3Slide {width:890px; height:24px; margin:1px auto; position:relative; z-index:500;}
#css3Slide ul {padding:0; margin:0; list-style:none; height:27px; float:left; position:relative; z-index:500; list-style-image:none;}
#css3Slide ul li {float:left; height:27px; font: 12px/24px arial, sans-serif; margin:0 0 0 10px; list-style-image:none;}
#css3Slide ul li span {display:block; float:left; height:27px; padding:0 1px 0 0; color:blue;}
#css3Slide ul li b {display:block; float:left; height:27px; padding:0 1px 0 1px; margin-left:-1px; cursor:default;}

#css3Slide ul li:hover > span {background:url(../css3-slide/tab.png) no-repeat right top; color:#fff;}
#css3Slide ul li:hover > span b {background:url(../css3-slide/tab.png) no-repeat left top;}

#css3Slide ul li.blank {width:890px; height:0; position:absolute; left:0; top:24px; overflow:hidden; border-top:3px solid #666; z-index:-1; margin:0; padding:0;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

.base {width:890px; height:310px; background:url(../css3-slide/back.png) repeat-x; position:absolute; top:-310px;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

.shadow {width: 890px; height:10px; position:absolute; left:0; bottom:0; background:url(../css3-slide/shadow.png);}

#css3Slide ul:hover li.blank {height:310px;}
#css3Slide ul:hover li.blank .base {top:0;}

#css3Slide ul li .container {width:890px; height:0; position:absolute; left:0; top:27px; z-index:500; overflow:hidden;  background: url(../css3-slide/trans.png);
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide ul li:hover .container {height:310px;}

#css3Slide ul li .container .sub {width:890px; position:relative; height:260px; padding:20px 0; top:-300px;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
#css3Slide ul li:hover .container .sub {top:0;}

#css3Slide ul li .container .sub h4 {font-size:18px; padding:0 0 1px 1px; margin:0;}
#css3Slide ul li .container .sub dl {padding:0; margin:0;}
#css3Slide ul li .container .sub dl dt {font-size:14px; font-weight:bold; height:30px; padding-left:1px;}
#css3Slide ul li .container .sub dl dd {display:block; height:30px; line-height:30px; padding:0 0 0 1px; margin:0; font-size:15px; font-weight:bold; color:#888; width:150px; background: url(../css3-slide/trans.png);}

#css3Slide ul li .container .sub dl dd p {display:block; position:absolute; left:150px; top:50px; width:500px; height:230px; font-size:12px; font-weight:normal; padding:0; margin:0; line-height:20px; opacity:0; filter: alpha(opacity=0); background: url(../css3-slide/trans.png); z-index:1;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide ul li .container .sub dl dd p em {font-style:normal; font-weight:bold; text-decoration:none;}
#css3Slide ul li .container .sub dl dd p a {color:#069; font-weight:bold; text-decoration:none;}
#css3Slide ul li .container .sub dl dd p a:hover {text-decoration:underline;}

#css3Slide ul li .container .sub dl dd img {position:absolute; right:0; padding-right:30px; top:50px; opacity:0; filter: alpha(opacity=0); z-index:1; 
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide ul li .container .sub dl dd.current {color:#000; background:url(../css3-slide/arrow.gif) no-repeat 120px center;}
#css3Slide ul li .container .sub dl dd.current p {opacity:1; filter: alpha(opacity=100); z-index:20;}
#css3Slide ul li .container .sub dl dd.current img {opacity:1; filter: alpha(opacity=100); z-index:20;}

#css3Slide ul li .container .sub dl:hover dd.current {color:#888; background:none;}
#css3Slide ul li .container .sub dl:hover dd.current p {opacity:0; filter: alpha(opacity=0); z-index:10;}
#css3Slide ul li .container .sub dl:hover dd.current img {opacity:0; filter: alpha(opacity=0); z-index:10;}

#css3Slide ul li .container .sub dl:hover dd:hover {color:#000; cursor:default; background:url(../css3-slide/arrow.gif) no-repeat 120px center;}
#css3Slide ul li .container .sub dl:hover dd:hover p {opacity:1; filter: alpha(opacity=100); z-index:20;}
#css3Slide ul li .container .sub dl:hover dd:hover img {opacity:1; filter: alpha(opacity=100); z-index:20;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height:600px;
margin-bottom:20px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}