/* Glass Bottom Boat Styles */

/* Global */
body				{background: #016b7b url(../img/bg-body.gif); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center; font-size: 62.5%;
					font-family: Arial, Helvetica, sans-serif; color: #666666;}

h1					{margin: 0; padding: 0;}
h1 a				{font-size: 1.33em; color: #ffffff; width: 180px; height: 80px; display: block; background-image: url(../img/logo.png); 	
					background-repeat: no-repeat; background-position: top left; overflow: hidden; text-indent: -9999px;}
h2					{font-size: 1.42em; color: #f7a530; font-weight: normal; margin: 0; padding: 0;}
h3					{font-size: 1.08em; color: #57838a; font-weight: normal; margin: 0; padding: 8px 12px 0px 12px;}
h4					{font-size: 1em; color: #416c72; font-weight: normal; font-style: italic; margin: 12px 0 0 0; padding: 0px 0px 6px 0px; border-bottom: 1px solid #c5dde1;}
	
p					{padding: 12px 0px 0px 0px; margin: 0; line-height: 1.4em;}

.under				{padding-top: 12px;}
.note				{padding: 6px; background-color: #fff2df; border: 1px solid #f7a530; color: #e79218; margin-top: 12px;}
.message			{background-color: #fff2df; border: 1px solid #f7a530; color: #e79218; padding: 6px; margin: 12px 0px 12px 0px; font-size: 0.85em;}

/* Links */
a, a:active, a:visited
					{color: #666666; text-decoration: underline; outline: none;}
a:hover				{color: #666666; text-decoration: none;}

.latest-comment a, .latest-comment a:active, .latest-comment a:visited
					{color: #57838a; text-decoration: none;}
.latest-comment a:hover
					{color: #416c72; text-decoration: none;}
					
h4 a, h4 a:active, h4 a:visited
					{color: #416c72; text-decoration: none;}
h4 a:hover			{color: #416c72; text-decoration: underline;}
					
/* Lists */
ol					{list-style-type: decimal; padding: 12px 0 0 0; margin: 0;}
ol li				{margin: 0 0 0 48px; padding: 0 0 12px 12px;}

/* Containers */
#water				{background-image: url(../img/bg-water.png); background-repeat: no-repeat; background-position: top center; width: 100%; height: 100%;}
#container-all		{width: 725px; height: 100%; margin: 0px auto 0px auto;}

#header				{width: 100%; height: 80px;}
#logo				{width: 225px; height: 100%; float: left; text-align: left;}
#nav				{width: 500px; height: 100%; float: right; text-align: right;}

#border-top			{width: 100%; height: 12px; background-image: url(../img/border-top.png); background-repeat: no-repeat; background-position: top center;}
#border-left		{width: 12px; height: 100%; background-image: url(../img/border-left.png); background-repeat: no-repeat; background-position: bottom; float: left;}
#border-right		{width: 12px; height: 100%; background-image: url(../img/border-right.png); background-repeat: no-repeat; background-position: bottom; float: right;}

#container-main		{width: 100%; height: 100%; text-align: left;}
#main				{width: 677px; height: 100%; background-image: url(../img/bg-main.png); background-repeat: no-repeat; background-position: bottom; float: left; font-size: 1.3em;
					padding: 12px 24px 24px 24px; margin-bottom: 80px;}
#main-full			{width: 100%; height: 100%;}
#main-left			{width: 428px; height: 100%; float: left; margin-right: 24px}
#main-right			{width: 213px; height: 100%; float: right;}

/* Slideshows */
#slideshow .homephotos		{width: 440px; height: 288px; margin: 0px 0px 24px 0px; padding: 0px;}
#slideshow .homephotos img	{width: 440px; height: 288px; top: 0px; left: 0px;}

#slideshow .gallery			{width: 677px; height: 453px; margin: 18px 0px 24px 0px; padding: 0px;}
#slideshow .gallery img		{width: 677px; height: 453px; top: 0px; left: 0px;}

#gallery-nav				{width: 100%; height: 24px;}
#gallery-nav .nav-left		{width: 50%; float: left; text-align: left;}
#gallery-nav .nav-right		{width: 50%; float: right; text-align: right;}

#prev						{background: transparent url(../img/btn-gallery.png) no-repeat; padding: 9px 14px 13px 15px; text-decoration: none;}
#next 						{background: transparent url(../img/btn-gallery.png) no-repeat; padding: 9px 26px 13px 27px; text-decoration: none;}
#prev:hover, #next:hover	{color: #e0880b;}

/* Navigation */
#menu				{width: 100%; height: 40px; margin: 0; padding: 40px 0px 0px 0px; font-size: 1.2em;}
#menu li			{display: inline;}
#menu li a			{float: left; color: #ffffff; padding: 10px 18px 8px 18px; margin-left: 4px; text-decoration: none; border: 0px;}					

#home a				{background: url(../img/menu-home.png) no-repeat;}		
#home a:hover		{background-position: 0 -32px;}	

#aboutus a			{background: url(../img/menu-aboutus.png) no-repeat;}		
#aboutus a:hover	{background-position: 0 -32px;}

#trips a			{background: url(../img/menu-trips.png) no-repeat;}		
#trips a:hover		{background-position: 0 -32px;}

#gallery a			{background: url(../img/menu-gallery.png) no-repeat;}		
#gallery a:hover	{background-position: 0 -32px;}

#guestbook a		{background: url(../img/menu-guestbook.png) no-repeat;}		
#guestbook a:hover	{background-position: 0 -32px;}

#contact a			{background: url(../img/menu-contact.png) no-repeat;}		
#contact a:hover	{background-position: 0 -32px;}

.sub-links				{width: 100%; list-style-type: none; margin: 0; padding: 6px 6px 6px 12px;}
.sub-links li			{width: 100%; padding-top: 6px;}
.sub-links li a, #sub-links li a:active, #sub-links li a:visited
						{color: #57838a; text-decoration: none;}
.sub-links li a:hover	{color: #57838a; text-decoration: underline;}

/* Blue Boxes */
.box				{width: 213px; height: auto; margin: 0;}
.box-under			{width: 213px; height: auto; margin-top: 24px;}
.box-top			{width: 100%; height: 32px; background: url(../img/box-top.png);}
.box-content		{width: 100%; height: 100%; background-color: #c5dde1;}
.box-content p		{padding: 12px 12px 0px 12px; margin: 0; color: #57838a;}
.box-content span	{color: #416c72;}
.box-bottom			{width: 100%; height: 12px; background: url(../img/box-bottom.png) no-repeat;}
.box-bottom-quote	{width: 100%; height: 32px; background: url(../img/box-bottom-quote.png) no-repeat;}

/* Login Form */
#login				{width: 100%; margin: 0; padding: 0; padding: 24px 0px 0px 0px;}
#login p			{width: 100%; clear: left; height: 1%; padding: 0 0 6px 100px;}
#login label		{float: left; margin-left: -100px; width: 100px;}
#login input		{color: #666666; background-color: #ffffff; border: 1px solid #b8b8b8; padding: 6px; width: 120px; font-family: arial, helvetica, sans-serif; font-size: 1em;}
#login input:focus	{background-color: #ffffff;}

/* Trip Schedule */
.trips-schedule small			{font-size: 0.85em; color: #70999f;}

/* Guestbook Admin/Public */
#admin-guestbook				{width: 100%; margin: 0; padding: 12px 0px 12px 0px;}
#admin-guestbook p				{width: 100%; clear: left; height: 1%; padding: 0 0 6px 100px;}
#admin-guestbook label			{float: left; margin-left: -100px; width: 100px;}
#admin-guestbook textarea		{width: 314px; color: #666666; background-color: #ffffff; border: 1px solid #b8b8b8; padding: 6px; font-family: arial, helvetica, sans-serif; font-size: 1em;}
#admin-guestbook textarea:focus	{background-color: #ffffff;}

#public-guestbook				{width: 100%; margin: 0; padding: 12px 0px 0px 0px;}
#public-guestbook p				{width: 100%; clear: left; height: 1%; padding: 0 0 6px 100px;}
#public-guestbook label			{float: left; margin-left: -100px; width: 100px;}
#public-guestbook input			{width: 200px; color: #666666; background-color: #ffffff; border: 1px solid #b8b8b8; padding: 6px; font-family: arial, helvetica, sans-serif; font-size: 1em;}
#public-guestbook textarea		{width: 314px; color: #666666; background-color: #ffffff; border: 1px solid #b8b8b8; padding: 6px; font-family: arial, helvetica, sans-serif; font-size: 1em;}
#public-guestbook textarea:focus, #public-guestbook input:focus
								{background-color: #ffffff;}

#guestbook-post-admin		{width: 100%; margin-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #c5dde1;}
#guestbook-post-public		{width: 100%; margin-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #c5dde1;}

#guestbook-post-admin span, #guestbook-post-public span
							{color: #999999; font-size: 0.85em;}
/* ReCaptcha */				
.recaptcha					{margin: 0 0 12px 100px;}
.recaptchatable .recaptcha_image_cell, #recaptcha_table 
							{background-color: #ffffff;}
#recaptcha_table			{border-color: #666666;}
#recaptcha_response_field	{border-color: #666666; background-color: #ffffff;}

/* Pagnation */
#pagination			{width: 100%; padding: 0px 0 24px 0; margin: 12px 0 0 0; border-bottom: 1px solid #c5dde1;}
#pagination span	{color: #999999;}
#pagination .nav	{width: 50%; float: left; text-align: left;}
#pagination .pages	{width: 50%; float: right; text-align: right;}

/* Trips Admin */
#admin-trips				{width: 100%; margin: 0; padding: 0; padding: 24px 0px 0px 0px;}
#admin-trips p				{width: 100%; clear: left; height: 1%; padding: 0 0 6px 100px;}
#admin-trips label			{float: left; margin-left: -100px; width: 100px;}
#admin-trips input			{color: #666666; background-color: #ffffff; border: 1px solid #b8b8b8; padding: 6px; width: 200px; font-family: arial, helvetica, sans-serif; font-size: 1em;}
#admin-trips .sml			{width: 80px;}
#admin-trips select			{color: #666666; background-color: #ffffff; border: 1px solid #b8b8b8; padding: 6px; width: 214px; font-family: arial, helvetica, sans-serif; font-size: 1em;}
#admin-trips input:focus	{background-color: #ffffff;}

#admin-schedule 			{padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #c5dde1;}	

/* Trips Page */
.triptype img		{width: 100px; height: 100px; border: none; float: left; padding: 12px 12px 0 0;}
.triptype			{padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #c5dde1;}
.triptype p			{margin-left: 112px;}

/* About Us Page */
.bio img			{width: 100px; height: 100px; border: none; float: left; padding: 12px 12px 12px 0;}
.bio				{padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #c5dde1;}

/* Form Buttons */

#guestbook-post-admin .button, #guestbook-post-public .button, #admin-guestbook .button, #public-guestbook .button, #login .button, #admin-trips .button,  .button
							{width: 80px; height: 32px; background: transparent url(../img/btn-admin.png); border: 0px; cursor: pointer; color: #666666; margin: 0px; font-size: 1em;}
#guestbook-post-admin .button:hover, #guestbook-post-public .button:hover, #admin-guestbook .button:hover, #admin-guestbook .button:hover, #login .button:hover, #admin-trips .button:hover,
.button:hover				{color: #e0880b;}
							
/* Contact Form */
#contact-form					{width: 100%; margin: 0px; padding: 24px 0px 0px 0px;}
#contact-form p					{width: 328px; margin: 0px; padding: 0px 0px 6px 100px; height: 1%;}
#contact-form label				{font-weight: normal; float: left; margin-left: -100px; width: 100px;}

#contact-form input				{color: #666666; background-color: #ffffff; border: 1px solid #b8b8b8; padding: 6px; width: 200px; font-family: arial, helvetica, sans-serif; font-size: 1em;}
#contact-form input:focus		{background-color: #ffffff;}

#contact-form textarea			{color: #666666; background-color: #ffffff; border: 1px solid #b8b8b8; padding: 6px; width: 300px; font-family: arial, helvetica, sans-serif; font-size: 1em;}
#contact-form textarea:focus	{background-color: #ffffff;}

#contact-form .send, #contact-form .clear
								{width: 80px; height: 32px; background: transparent url(../img/btn-contact.png); border: 0px; cursor: pointer;}
#contact-form .clear			{margin-left: 154px;}
#contact-form .send:hover, #contact-form .clear:hover		
								{color: #e0880b;}

#contact-form .error			{width: 300px; background-color: #fff2df; border: 1px solid #f7a530; color: #e79218; padding: 6px; margin: 0px 0px 6px 0px; font-size: 0.85em;}

/* Float Clearing */
.triptype:after					{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.triptype						{display: inline-block;}

/* Start IE-Mac Hide \*/
* html .triptype 				{height: 1%;}
.triptype 						{display: block;}
/* End IE-Mac Hide */