
/* --- body default values --- */

body {
	margin:0;
	padding:0;
	background-color:#feefb4;
	font:62.5% Georgia, "Palatino Linotype", Palatino, serif;
	color:#351a00;
}

h1 {
	margin:0;
	padding:0 0 5px 0;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:2.7em;
	font-weight:normal;
	line-height:130%;
	color:#351a00;
}

h2 {
	margin:0;
	padding:15px 0 5px 0;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:2.1em;
	font-weight:normal;
	line-height:130%;
	color:#351a00;
}

h3 {
	margin:0;
	padding:15px 0 5px 0;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.8em;
	font-weight:normal;
	line-height:130%;
	color:#351a00;
}

p {
	margin:0;
	padding:5px 0 10px 0;
	font-size:1.5em;
	line-height:150%;
}

.Bold {
	font-weight:bold;
}

.Underline {
	text-decoration:underline;
}

.Italicize {
	font-style:italic;
}

.Bold_and_Underline {
	font-weight:bold;
	text-decoration:underline;
}

.Italicize_and_Underline {
	font-style:italic;
	text-decoration:underline;
}

.Bold_and_Italicize {
	font-weight:bold;
	font-style:italic;
}

.Bold_Underline_and_Italicize {
	font-weight:bold;
	text-decoration:underline;
	font-style:italic;
}

.Center_Item {
	text-align:center;
}

.Left_Align_Text {
	text-align:left;
}

.Right_Align_Text {
	text-align:right;
}

.Left_Align_Item_with_Padding {
	float:left;
	padding:5px 20px 5px 0;
}

.Right_Align_Item_with_Padding {
	float:right;
	padding:5px 0 5px 20px;
}

.Table_with_20px_Right_Padding {
	margin:20px 0;
	padding:0;
	border-collapse:collapse;
}

.Table_with_20px_Right_Padding tr {
	border-bottom:1px solid #dfcc81;
}

.Table_with_20px_Right_Padding tr th {
	margin:0;
	padding:5px 20px 5px 5px;
	background-color:#dfcc81;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	vertical-align:top;
}

.Table_with_20px_Right_Padding tr td {
	margin:0;
	padding:5px 20px 5px 5px;
	font-size:1.5em;
	vertical-align:top;
}

.Table_with_20px_Right_Padding tr td p {
	margin:0;
	padding-top:0;
	font-size:1em;
}

.Table_with_20px_Right_Padding tr td ul {
	margin:0 0 15px 30px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

.Table_with_20px_Right_Padding tr td ol {
	margin:0 0 15px 33px;
	padding:0;
	font-size:1em;
}

a:link, a:visited {
	color:#004098;
	text-decoration:underline;
}

a:hover, a:active {
	color:#004098;
	text-decoration:none;
}

ul {
	margin:0 0 15px 30px;
	padding:0;
	list-style-type:disc;
	font-size:1.5em;
}

ul li {
	padding:3px 0;
	line-height:150%;
}

ul li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

ul li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol {
	margin:0 0 15px 33px;
	padding:0;
	font-size:1.5em;
}

ol li {
	padding:3px 0;
	line-height:150%;
}

ol li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clearFloat {
	clear:both;
	height:0;
}

/* this hides navigation / sitemap link so that it only displays in mobile devices */
#navHandheld {
	display:none;
}

/* this hides contact info in the footer so that it only displays when printing */
#contactInfoForPrint {
	display:none;
}

/* eliminates extra bottom margin pixels added to images by Firefox and Safari; also gets rid of border on linked images */
img {
	vertical-align:bottom;
	border:none;
}

/* acronyms, abbreviations -- changes cursor -- be sure to have a title attribute that provides the meaning of the acronym or abbreviation */
abbr {
	border-bottom:1px dotted #666666;
	cursor:help;
}

/* -------------------------------------------------- */

/* --- Masthead --- */

#mastheadBg {
	width:100%;
	height:236px;
	background:url(../images/masthead-bg.jpg) repeat-x;
}

#topNav {
	margin:0 auto;
	padding:0;
	width:980px;
	height:45px;
}

#creaturesBg {
	width:100%;
	height:153px;
	background:url(../images/masthead-creatures-bg.gif) center top no-repeat;
}

#logoArea {
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	height:153px;
}

#tagline {
	position:absolute;
	width:276px;
	height:93px;
	top:31px;
	left:67px;
	background:url(../images/tagline.png) left top no-repeat !important;
	background:url(../images/tagline.gif) left top no-repeat;
}

#logo {
	position:absolute;
	width:231px;
	height:191px;
	top:0;
	left:404px;
	background:url(../images/logo.png) left top no-repeat !important;
	background:url(../images/logo.gif) left top no-repeat;
}

#logo a {
	display:block;
	width:231px;
	height:191px;
}

#phoneNumber {
	position:absolute;
	width:182px;
	height:34px;
	top:24px;
	right:95px;
	background:url(../images/phone-number.png) left top no-repeat !important;
	background:url(../images/phone-number.gif) left top no-repeat;
}

#bookTicketsButton {
	position:absolute;
	width:227px;
	height:53px;
	top:69px;
	right:71px;
	background:url(../images/book-tickets-button-1.png) no-repeat left !important;
	background:url(../images/book-tickets-button-1.gif) no-repeat left;
}

#bookTicketsButton a:link, #bookTicketsButton a:visited {
	display:block;
	width:227px;
	height:53px;
	text-decoration:none;
	background:url(../images/book-tickets-button-1.png) no-repeat left !important;
	background:url(../images/book-tickets-button-1.gif) no-repeat left;
}

#bookTicketsButton a:hover, #bookTicketsButton a:active {
	background:url(../images/book-tickets-button-1.png) no-repeat right !important;
	background:url(../images/book-tickets-button-1.gif) no-repeat right;
}

#socialMediaArea {
	margin:0 auto;
	padding:0;
	width:980px;
	height:38px;
}

/* -------------------------------------------------- */

/* --- Homepage Main Image Area and Slideshow--- */

#mainImageAreaBg {
	width:100%;
	height:283px;
	background:url(../images/main-image-bg.gif) repeat-x;
}

#mainImageArea {
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	height:283px;
}

#mainImage {
	position:absolute;
	width:687px;
	height:264px;
	top:0;
	left:0;
}

#slideshow {
	position:relative;
	width:687px;
	height:264px;
}

#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow img.active {
	z-index:10;
	opacity:1.0;
}

#slideshow img.last-active {
	z-index:9;
}

/* -------------------------------------------------- */

/* --- Homepage Three Main Buttons --- */

#scheduleRatesButton {
	position:absolute;
	width:293px;
	height:88px;
	top:0;
	right:0;
	background:url(../images/schedule-rates-homepage-button.jpg) no-repeat left;
}

#scheduleRatesButton a:link, #scheduleRatesButton a:visited {
	display:block;
	width:293px;
	height:88px;
	text-decoration:none;
	background:url(../images/schedule-rates-homepage-button.jpg) no-repeat left;
}

#scheduleRatesButton a:hover, #scheduleRatesButton a:active {
	background:url(../images/schedule-rates-homepage-button.jpg) no-repeat right;
}

#corporatePartiesButton {
	position:absolute;
	width:293px;
	height:88px;
	top:88px;
	right:0;
	background:url(../images/corporate-parties-homepage-button.jpg) no-repeat left;
}

#corporatePartiesButton a:link, #corporatePartiesButton a:visited {
	display:block;
	width:293px;
	height:88px;
	text-decoration:none;
	background:url(../images/corporate-parties-homepage-button.jpg) no-repeat left;
}

#corporatePartiesButton a:hover, #corporatePartiesButton a:active {
	background:url(../images/corporate-parties-homepage-button.jpg) no-repeat right;
}

#schoolGroupsButton {
	position:absolute;
	width:293px;
	height:88px;
	top:176px;
	right:0;
	background:url(../images/school-groups-homepage-button.jpg) no-repeat left;
}

#schoolGroupsButton a:link, #schoolGroupsButton a:visited {
	display:block;
	width:293px;
	height:88px;
	text-decoration:none;
	background:url(../images/school-groups-homepage-button.jpg) no-repeat left;
}

#schoolGroupsButton a:hover, #schoolGroupsButton a:active {
	background:url(../images/school-groups-homepage-button.jpg) no-repeat right;
}

/* -------------------------------------------------- */

/* --- Main Content Area --- */

#mainContent {
	margin:0 auto;
	padding:40px 0;
	width:980px;
}

/* -------------------------------------------------- */

/* --- Main Column --- */

#mainColumn {
	float:left;
	margin:0;
	padding:0;
	width:637px;
}

#mainColumn h1 {
	border-bottom:1px solid #d1c286;
}

#mainColumn .googleMap {
	margin:20px 0;
	border:1px solid #3c1e00;
}

.tablePhotoGallery {
	margin:20px 0;
	padding:0;
	border-collapse:collapse;
}

.tablePhotoGallery tr th {
	margin:0;
	padding:5px 15px 5px 15px;
	background-color:#dfcc81;
	font-size:1.5em;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.tablePhotoGallery tr td {
	margin:0;
	padding:15px;
	vertical-align:top;
	border:1px solid #dfcc81;
}

/* -------------------------------------------------- */

/* --- Side Column --- */

#sideColumn {
	float:right;
	margin:0;
	padding:0;
	width:293px;
}

#experienceTillicumVillageBanner {
	position:relative;
	margin:0 0 40px 0;
	padding:0;
	width:293px;
	height:521px;
	background:url(../images/experience-tillicum-village-banner.jpg) left top no-repeat;
}

#experienceTillicumBookNowButton {
	position:absolute;
	width:227px;
	height:53px;
	top:440px;
	left:33px;
	background:url(../images/experience-tillicum-book-now-button.png) no-repeat left !important;
	background:url(../images/experience-tillicum-book-now-button.gif) no-repeat left;
}

#experienceTillicumBookNowButton a:link, #experienceTillicumBookNowButton a:visited {
	display:block;
	width:227px;
	height:53px;
	text-decoration:none;
	background:url(../images/experience-tillicum-book-now-button.png) no-repeat left !important;
	background:url(../images/experience-tillicum-book-now-button.gif) no-repeat left;
}

#experienceTillicumBookNowButton a:hover, #experienceTillicumBookNowButton a:active {
	background:url(../images/experience-tillicum-book-now-button.png) no-repeat right !important;
	background:url(../images/experience-tillicum-book-now-button.gif) no-repeat right;
}

#viewOurPhotosBanner {
	margin:0 0 40px 0;
	width:293px;
	height:180px;
	background:url(../images/view-our-photos-banner.jpg) no-repeat left;
}

#viewOurPhotosBanner a:link, #viewOurPhotosBanner a:visited {
	display:block;
	width:293px;
	height:180px;
	text-decoration:none;
	background:url(../images/view-our-photos-banner.jpg) no-repeat left;
}

#viewOurPhotosBanner a:hover, #viewOurPhotosBanner a:active {
	background:url(../images/view-our-photos-banner.jpg) no-repeat right;
}

#bookOnlineBanner {
	margin:0 0 40px 0;
	width:293px;
	height:131px;
	background:url(../images/book-online-banner.gif) no-repeat left;
}

#bookOnlineBanner a:link, #bookOnlineBanner a:visited {
	display:block;
	width:293px;
	height:131px;
	text-decoration:none;
	background:url(../images/book-online-banner.gif) no-repeat left;
}

#bookOnlineBanner a:hover, #bookOnlineBanner a:active {
	background:url(../images/book-online-banner.gif) no-repeat right;
}

/* -------------------------------------------------- */

/* --- Footer --- */

#footerTopBg {
	width:100%;
	height:283px;
	background:url(../images/footer-top-bg.jpg) center top repeat-x;
}

#footerTopArea {
	position:relative;
	margin:0 auto;
	padding:0;
	width:1000px;
	height:283px;
}

#footerTopLinks {
	position:absolute;
	width:980px;
	height:30px;
	top:25px;
	left:0;
	text-align:center;
	font-size:1.8em;
	color:#FFFFFF;
}

#footerTopLinks a:link, #footerTopLinks a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footerTopLinks a:hover, #footerTopLinks a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

#footerBookNowButton {
	position:absolute;
	width:304px;
	height:118px;
	top:63px;
	left:0;
	background:url(../images/footer-book-now-button.png) no-repeat left !important;
	background:url(../images/footer-book-now-button.gif) no-repeat left;
}

#footerBookNowButton a:link, #footerBookNowButton a:visited {
	display:block;
	width:304px;
	height:118px;
	text-decoration:none;
	background:url(../images/footer-book-now-button.png) no-repeat left !important;
	background:url(../images/footer-book-now-button.gif) no-repeat left;
}

#footerBookNowButton a:hover, #footerBookNowButton a:active {
	background:url(../images/footer-book-now-button.png) no-repeat right !important;
	background:url(../images/footer-book-now-button.gif) no-repeat right;
}

#footerGroupReservationsButton {
	position:absolute;
	width:293px;
	height:72px;
	top:181px;
	left:10px;
	background:url(../images/footer-group-reservations-button.gif) no-repeat left;
}

#footerGroupReservationsButton a:link, #footerGroupReservationsButton a:visited {
	display:block;
	width:293px;
	height:72px;
	text-decoration:none;
	background:url(../images/footer-group-reservations-button.gif) no-repeat left;
}

#footerGroupReservationsButton a:hover, #footerGroupReservationsButton a:active {
	background:url(../images/footer-group-reservations-button.gif) no-repeat right;
}

#footerQuestionsButton {
	position:absolute;
	width:304px;
	height:118px;
	top:63px;
	left:343px;
	background:url(../images/footer-questions-button.png) no-repeat left !important;
	background:url(../images/footer-questions-button.gif) no-repeat left;
}

#footerQuestionsButton a:link, #footerQuestionsButton a:visited {
	display:block;
	width:304px;
	height:118px;
	text-decoration:none;
	background:url(../images/footer-questions-button.png) no-repeat left !important;
	background:url(../images/footer-questions-button.gif) no-repeat left;
}

#footerQuestionsButton a:hover, #footerQuestionsButton a:active {
	background:url(../images/footer-questions-button.png) no-repeat right !important;
	background:url(../images/footer-questions-button.gif) no-repeat right;
}

#footerChatLiveButton {
	position:absolute;
	width:294px;
	height:72px;
	top:181px;
	left:353px;
	background:url(../images/footer-chat-live-button.gif) no-repeat left;
}

#footerChatLiveButton a:link, #footerChatLiveButton a:visited {
	display:block;
	width:294px;
	height:72px;
	text-decoration:none;
	background:url(../images/footer-chat-live-button.gif) no-repeat left;
}

#footerChatLiveButton a:hover, #footerChatLiveButton a:active {
	background:url(../images/footer-chat-live-button.gif) no-repeat right;
}

#footerNewsletterSignupButton {
	position:absolute;
	width:302px;
	height:196px;
	top:73px;
	left:697px;
	background:url(../images/footer-newsletter-signup-button.png) no-repeat left !important;
	background:url(../images/footer-newsletter-signup-button.gif) no-repeat left;
}

#footerNewsletterSignupButton a:link, #footerNewsletterSignupButton a:visited {
	display:block;
	width:302px;
	height:196px;
	text-decoration:none;
	background:url(../images/footer-newsletter-signup-button.png) no-repeat left !important;
	background:url(../images/footer-newsletter-signup-button.gif) no-repeat left;
}

#footerNewsletterSignupButton a:hover, #footerNewsletterSignupButton a:active {
	background:url(../images/footer-newsletter-signup-button.png) no-repeat right !important;
	background:url(../images/footer-newsletter-signup-button.gif) no-repeat right;
}

#footerBottomBg {
	width:100%;
	min-height:178px;
	background:#00275d url(../images/footer-bottom-bg.gif) repeat-x;
}

#footerBottomArea {
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	min-height:178px;
}

#argosyCruisesLogo {
	position:absolute;
	width:261px;
	height:43px;
	top:30px;
	left:0;
	background:url(../images/argosy-cruises-logo.gif) left top no-repeat;
}

#argosyCruisesLogo a {
	display:block;
	width:261px;
	height:43px;
	text-decoration:none;
}

#footerContactInfo {
	position:absolute;
	width:221px;
	height:57px;
	top:92px;
	left:0;
	background:url(../images/footer-contact-info.png) left top no-repeat !important;
	background:url(../images/footer-contact-info.gif) left top no-repeat;
}

#footerSocialMediaArea {
	position:absolute;
	width:600px;
	height:43px;
	top:29px;
	left:343px;
}

#footerLinks {
	position:absolute;
	padding:0 0 14px 8px;
	width:630px;
	height:43px;
	top:92px;
	left:343px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	line-height:160%;
	color:#FFFFFF;
	border-left:1px solid #FFFFFF;
}

#footerLinks a:link, #footerLinks a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footerLinks a:hover, #footerLinks a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

/* -------------------------------------------------- */

/* --- Form Attributes --- */

#contactForm {
	margin:10px 0;
	padding:30px;
	border:1px solid #610002;
}

#contactForm h3 {
	margin:10px 0;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.8em;
	font-weight:normal;
	line-height:120%;
	color:#333333;
}

#contactForm table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

#contactForm table tr td {
	padding-right:10px;
}

#contactForm table tr td.alignright {
	text-align:right;
	vertical-align:top;
}

#contactForm table tr td.verticalAlignItemToTop {
	vertical-align:top;
}

#realname, #firstname, #lastname, #phone, #email, #address, #city, #county, #referral {
	margin:0;
	padding:3px;
	width:250px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1em;
	color:#333333;
	border:1px solid #888888;
}

#state, #zipcode {
	margin:0;
	padding:3px;
	width:60px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1em;
	color:#333333;
	border:1px solid #888888;
}

#comments {
	margin:0;
	padding:3px;
	width:400px;
	height:100px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1em;
	color:#333333;
	border:1px solid #888888;
}

#contactForm table tr td #spamcode {
	margin:0;
	padding:0;
	border:1px solid #888888;
}

#security_code {
	margin:0 10px;
	padding:3px;
	width:60px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1em;
	color:#333333;
	border:1px solid #888888;
}

#submit {
	margin:0;
	padding:0;
	vertical-align:bottom;
}

/* -------------------------- */

