@charset "UTF-8";
/* CSS Document */

/* Reeds River Cruises */

a						{ color: #F1F421; text-decoration: none; }
a:hover					{ text-decoration: underline; }
img						{ border: none; outline: none; }

*						{ margin: 0; padding: 0; }
body					{ background-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #FFF; line-height: 1.8em; }

/* Type */

p						{ font-size: 1.2em; margin: 0 0 10px 0; }
h1						{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; line-height: 1em; margin: 0 0 8px 0; text-decoration: underline; }
h2						{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; margin: 10px 0 4px 0; text-decoration: underline; }
.title					{ font-size: 2em; font-weight: bold; padding:5px 0 10px; }
.heading				{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; text-decoration: underline; margin: 0 0 4px; }
.red					{ color: #990f13; font-size: 1.2em; }
.phone					{ font-size: 1.6em; }
.phoneright				{ font-size: 1.6em; padding: 0 0 0 73px; }
.moreinfo				{ font-size: 1em; margin: 117px 0 0 8px; }
.moreinfo a				{ text-decoration: underline; color: #FFF; }
.photo1					{ margin: 15px 34px; }
.photo2					{ margin: 8px 34px 0; }
.bold					{ font-weight: bold; }
.eventtitle				{ font-weight: bold; text-decoration: underline; margin: 0; }
.small					{ font-size: 1.1em; }
.rates					{ text-decoration: underline; margin: 5px 0 12px; }
.days					{ background-color: #666; padding: 2px; }
.evening				{ background-color: #999; padding: 2px; }	
.yesno					{ margin: 0 8px 0 0; }
.gallery				{ margin: 15px 0 15px 0; }
.image					{ margin: 10px 30px; }

/* Structure */

/* Header */

#header					{ width: 900px; height: 566px; margin: 0 auto; background-image: url(images/header-bg.jpg); background-repeat: repeat-x; background-color: #303030; padding: 7px 0 20px 0; }
#headeralt				{ width: 900px; height: 274px; margin: 0 auto; background-image: url(images/header-bg.jpg); background-repeat: repeat-x; background-color: #303030; padding: 7px 0 0 0; }

#logo					{ width: 102px; height: 109px; margin: 0 auto; }
#slogan					{ width: 400px; height: 70px; float:left; display:inline; margin:-17px 0 0 33px; background-position: right; background-image: url(images/name-bg.jpg); background-repeat: no-repeat; }
#number					{ width: 250px; height: 17px; float: right; }
#skyline				{ width: 334px; height: 74px; float: right; background-image: url(images/skyline-bg.gif); background-repeat: no-repeat; clear: right; margin: 19px 25px 0 0; } 					

#navbar					{ width: 850px; height: 14px; margin: 0 auto; background-color: #000; clear: both; padding: 7px 0 10px 0; }

#flash					{ width: 601px; height: 291px; padding: 20px 0 0 25px; float: left; }
#buttonwrap				{ width: 240px; overflow: hidden; float: right; margin: 0 25px 0 0; }
#party					{ width: 240px; height: 140px; margin: 20px 0 0 0; float: right; background-image: url(images/party-bg.jpg); display: inline; }
#corporate				{ width: 240px; height: 140px; margin: 11px 0 0 0; float: right; background-image: url(images/corporate-bg.jpg); display: inline; }

/* Content */

#border					{ width: 900px; height: 1px; background-color: #0c0c0c; margin: 0 auto; }

#content				{ width: 840px; overflow:hidden; margin: 0 auto 25px; background-image: url(images/content-bg.jpg); background-repeat: repeat-x; padding: 30px; background-color:#474747; }
#contentalt				{ width: 840px; height: 528px; margin: 0 auto 25px; background-image: url(images/content-bg.jpg); background-repeat: repeat-x; background-color: #474747; padding: 30px; }

#column1				{ width: 275px; overflow:hidden; float: left; margin: 0 30px 0 0; }
#column2				{ width: 275px; overflow:hidden; float: left; }
#column2 ul				{ margin:0 0 0 15px; }
#column2 ul li			{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }

#prices					{ width: 380px; overflow:hidden; float: right; margin: 0 70px 0 0; }

#gallery				{ width: 550px; overflow:hidden; float: left; }
#gallery ul				{ margin:10px 0 10px 15px; }
#gallery ul li			{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
#events					{ width: 550px; overflow:hidden; float: left; }

#form					{ width: 230px; overflow:hidden; float: right; margin: 0 0 9px 0; }
#previous				{ width: 230px; height: 193px; float: right; border-top: 1px solid #FFF; padding: 13px 0 0; }	
#previousalt			{ width: 230px; height: 193px; float: right; padding: 13px 0 0; }	
.underheading			{ display:block; font-size:0.8em; text-decoration:none; }

/* Footer */

#footer					{ width: 900px; overflow:hidden; margin: 0 auto 15px; clear:both;}

#links					{ width: 295px; overflow:hidden; float: left; margin: 0 7px 0 0; }
#address				{ width: 295px; height: 150px; float: left; margin: 0 7px 0 0; }
#copyright				{ width: 295px; height: 150px; float: left; }



/* form */

#contactform			{ width: 275px; height: 395px; float: left; margin: 0 30px 0 70px; }

#mainform				{ width: 295px; margin: 0 0 0 45px; }
.formstyle				{ width: 195px; padding: 2px; margin: 0 0 7px 0; color:#999; }
.formstyle2				{ width: 188px; }
.formstyle3				{ width: 180px; padding: 2px; margin: 0 0 7px 0; color:#999;  }
.fieldstyle				{ width: 205px; padding: 2px; margin: 0 0 7px 0; }
.button					{ margin: 0 0 10px 2px; }
.formtext				{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; text-decoration: underline; }
.formdescrip			{ font-size: 1.1em; margin: 0 0 11px 2px; }

/* Lists */

ul#mainnav				{ list-style-type: none; font-size: 1.4em; margin: 0 auto; }
ul#mainnav li			{ display: inline; padding: 9px 22px 6px; }
ul#mainnav li a			{ color:#fff; padding: 6px 5px 5px 5px; text-decoration: none; }
ul#mainnav li a:hover	{ color: #FFF; text-decoration: underline; background-color: #9e0b0f; }

ul#sitemap				{ list-style-type: none; font-size: 1.1em; }
ul#sitemap li.links		{ border-bottom: 1px solid #fff; font-size: 1.4em; margin: 0 0 8px; }
ul#sitemap li a			{ text-decoration: underline; color: #FFF; }
ul#sitemap li a:hover	{ color: #F1F421; }

ul.sitemap				{ list-style-type: none; font-size: 1.1em; }
ul.sitemap li.links		{ font-size: 1.4em; margin: 0 0 8px; border-bottom: 1px solid #fff; }
ul.sitemap li.linksborder		{ font-size: 1.4em; margin: 0 0 8px; border: none; }
ul.sitemap li.break		{ font-size: 1.2em; margin: 0 0 10px 0; }
ul.sitemap li a			{ text-decoration: underline; color: #FFF; }
ul.sitemap li a:hover	{ color: #F1F421; }

ul.address				{ list-style-type: none; font-size: 1.1em; }
ul.address li.add		{ border-bottom: 1px solid #fff; font-size: 1.4em; margin: 0 0 8px; }

ul.copyright			{ list-style-type: none; font-size: 1.1em; }
ul.copyright li.copy	{ border-bottom: 1px solid #fff; font-size: 1.4em; margin: 0 0 8px; }
ul.copyright li a		{ text-decoration: underline; color: #FFF; }
ul.copyright li a:hover	{ color: #990f13; }

/* lightbox */

.lightbox	{ margin: 3px 3px; border: 2px solid #FFFFFF; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.left {float:left;}
#seperator			{ margin:0 auto; width:900px; text-align:center; }
#seperator a 		{ color:#999; font-size:1.2em; }