/*
 Common styles for screen, print and handheld media
 Site: Nautica 13
*/

* {
 margin: 0;
 padding: 0;
}

hr {
	height:3px;
	width:5px;
	color:#CCC;
	background-color:#CCC;
}
.skyBlue {
	color: #00F;
}

.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; }

#topcontact {
	font-size: large;
	font-weight:bold;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
}

a img {
 border: 0;
}

a:link {
 background-color: transparent;
 color: #000;
}

a:visited {
 background-color: transparent;
 color: #000;
}

a:hover {
 background-color: transparent;
 color: #000;
}

a:active {
 background-color: transparent;
 color: #000;
}

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;}

abbr, acronym {
 border-bottom: 1px dashed;
}

blockquote {
 background: transparent;
 color: #000;
}

body {
 background: #ffffff;
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 1.3;
}

caption {
 font-weight: bold;
 padding-bottom: 0.25em;
 text-align: left;
}

dd {
 margin-bottom: 0.75em;
 padding-bottom: 12px;
}

dl {
 margin: 0.75em 0 1.75em 0;
}

dt {
 font-weight: bold;
 margin: 0 0 0.25em 0;
}

fieldset {
 border: 1px solid #000;
 margin: 0.25em 0 1em 0;
 padding: 0.25em 15px 0.75em 15px;
}

form {
 margin: 1em 0 0 0;
 padding: 0;
}

.content {
color:#000;
width: 465px;
padding: 10px;
background-color: #DFF1EE;
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
border-left: 5px solid #ffffff;
}

#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:5px;
	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:75%;
	color:#CCC;
	background-color:#CCC;
}

h1 {
 font-size: 1.5em;
 font-family: Verdana, Geneva, lucida, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 background-color: transparent;
 color: #000;
 line-height: 1.3;
 margin: 0.75em 0 0.5em 0;
 font-weight: normal;
}

h2 {
 font-size: 1.45em;
 font-family: Verdana, Geneva, lucida, sans-serif; 
}

h3 {
 font-size: 1.14em;
 margin-bottom: 0.1em;
}

h4, h5, h6 {
 font-size: 1.1em;
}

img {
 margin: 0;
}

img.left {
 float: left;
 margin: 0.25em 1em 0.5em 0;
}

img.right {
 float: right;
 margin: 0.25em 0 0.5em 1em;
}

input {
 margin-right: 0.5em;
}

input, select, textarea {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
}

label {
 background-color: transparent;
 color: #000;
 font-weight: normal;
 padding: 0 0.5em 0 0;
}

legend {
 font-weight: bold;
 padding: 0.25em 4px;
}

li {
 margin-bottom: 0.25em;
}

li li {
 margin-bottom: 0.25em;
}

li ul {
 margin-top: 0.5em;
}

ol {
 margin: 0.25em 0.5em 1em 2em;
}

ol, ul {
 padding: 0;
}

ol.alpha {list-style-type: lower-alpha;}

p {
 margin: 0 0 1em 0;
}

table {
 border: 0;
 border-collapse: collapse;
 font-size: 1em;
}

table.form th {
 font-weight: normal;
 text-align: left;
}

table.form, table.form td, table.form th {
 border: 0;
 padding: 0.45em 0.5em 0.45em 0;
}

th {
 text-align: center;
}

th, td {
 border: 0px;
 padding: 0.25em 0.25em 0.25em 0.5em;
}

ul {
	margin: 0.25em 0.5em 1em 2em;
	color: #333;
}

.clear {
 clear: both;
}

.top {
 vertical-align: top;
}

#to-content {
 display: none;
}

.normalcontent {
	font-size: 12px;
	color: #000;
}
.boldheadline {
	font-size: 36px;
	color: #000;
}
.boldcontentheaders {
	font-size: 16px;
	color: #000;
}

/* ================================================================ 
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;
}