@charset "utf-8";
/* CSS Document */
/* For help with editing this document, please contact Belin Creative - 510-332-5766 | belincreative.com */
/* Begin Header Styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	background-image: url(../assets/site-grnd.jpg);
	background-repeat: repeat-x;
	padding: 10px 0 0 0;
	text-align: center;
	}

#headerFrame {
	border-top: 1px solid #98a4b3;
	border-right: 1px solid #98a4b3;
	border-left: 1px solid #98a4b3;
	background-image: url(../assets/header_grnd.jpg);
	background-repeat: repeat-x;
	width: 955px;
	height: 108px;
	clear: both;
	background-color: #FFFFFF;
	/*filter: alpha(opacity=80); 
	-moz-opacity:0.80;
    opacity: 0.80;*/
	margin: 0px auto;
	text-align: left;
	vertical-align: top;
	border-bottom: 2px solid #298dfa;
	position: relative;
	}
	
#headerContent {
	clear: none;
	position: relative;
	width: 220px;
	float: left;
	}
	
#headerContentUtility {
	clear: none;
	text-align: right;
	width: 600px;
	float: right;
	padding: 10px 35px 0 0;	
	vertical-align: middle;
	font-size: 11px;
	color: #666666;
	}
	
	
a.utilityLink, a.utilityLink:visited {
	font-size: 11px;
	color: #cb171d;
	text-decoration: none;
	font-weight: normal;
	}
	
a.utilityLink:hover {
	color:#cb171d;
	text-decoration: underline;
	font-weight: normal;
	}

#gNavContainer {
	clear: none;
	text-align: right;
	vertical-align: baseline;
	float: right;
	width: 700px;
/*	padding: 17px 34px 0 0;*/
	position: absolute;
	bottom: 0px; 
	right: 34px;
	}
	
a.gNav, a.gNav:visited {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../assets/gb_grnd_off.png);
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;
	text-align: center;
	border-right: 1px solid #FFFFFF;
	clear: none;
	float: right;
	}
	
a.gNav:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../assets/gb_grnd_on.png);
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	margin: 0;
	clear: none;
	float: right;
	}	
	
a.gNavOn, a.gNavOn:visited, a.gNavOn:hover {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../assets/gb_grnd_on.png);
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	margin: 0;
	clear: none;
	float: right;
	}	
	
/* Begin Content Styles */

#contentFrame {
	/*border-bottom: 1px solid #98a4b3;
	border-right: 1px solid #98a4b3;
	background-color: #FFFFFF;
	border-left: 1px solid #98a4b3;*/
	position: relative;
	width: 955px;
	height: auto;
	clear: both;
	margin: 5px auto;
	text-align: left;
	vertical-align: top;
	/*border: none;*/
	}
	
#localNavContainer {
	clear: none;
	margin-left: -1px; 
	float: left;
	width: 225px;
	height: 932px;
	background-image: url(../assets/lnav_container_grnd2.png);
	background-repeat: repeat;
	border: 1px solid #98a4b3;
	}
	
#localNavContainerHome {
	clear: none;
	margin-left: -1px; 
	float: left;
	width: 225px;
	height: 902px;
	background-image: url(../assets/lnav_container_grnd2.png);
	background-repeat: repeat;
	border: 1px solid #98a4b3;
	}	
	
#copyContainer {
	/* following pargins updated to comply with IE6 rendering standards. Change to margin-left: 0; margin-right: -1;*/
	margin-left: 0; 
	margin-right: 0; 
	clear: none;
	float: right;
	width: 716px;
	background-image: url(../assets/copy_container_grnd.png);
	background-repeat: repeat;
	border: 1px solid #98a4b3;
	}	
	
a.lNav, a.lNav:visited {
	display: block;
	font-size: 12px;
	font-weight: bold;
/*	text-transform: uppercase;*/
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../assets/localnav_off.png);
	background-repeat: repeat-x;
	padding: 10px 10px 10px 30px;
	text-align: left;
	border-bottom: 1px dotted #FFFFFF;
	clear: both;
	}
	
a.lNav:hover {
	color: #FFFFFF;
	font-weight: bold;
/*	text-transform: uppercase;*/
	text-decoration: none;
	background-image: url(../assets/localnav_on.png);
	background-repeat: repeat-x;
	padding: 10px 10px 10px 30px;
	border-bottom: 1px dotted #FFFFFF;
	text-align: left;
	margin: 0;
	clear: both;
	}	

#localNavCopy {
	clear: both;
	float: left;
	width: 195px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #298dfa;
	}
	
h1 {
	font-family: "Times New Roman", Times, serif;
	color: #298dfa;
	font-size: 16px;
	font-style: italic;
	padding-top: 5px;
	}	
	
#localNavCopyBottom {
	clear: both;
	width: 205px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
	
#homeSummerSplash {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/home_splash_summer.jpg);
	background-repeat: no-repeat;
	}
	
#homeSummerSplashEN {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/home_splash_summer_en.jpg);
	background-repeat: no-repeat;
	}
	
#homeSplashCaption {
	text-align: left;
	padding: 175px 45px 10px 18px;
	}
	
#offersGridNest {
	clear: none;
	width: 680px;
	text-align: left;
	vertical-align: top;
	margin: 20px 18px 0 18px;
	}
	
/* Begin Offer Display Styles */

#offerNestLeft {
	clear: left;
	float: left;
	width: 330px;
	}
	
#offerNestRight {
	clear: right;
	float: right;
	width: 330px;
	}
	
#offerHeader {
	width: 310px;
	height: 15px;
	background-color: #77b1ed;
	background-image: url(../assets/offer_title_ground.jpg);
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;	
	border-bottom: 1px solid #3a8dfa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	}
	
#offerHeader:hover {
	width: 310px;
	height: 15px;
	cursor: pointer;
	background-color: #77b1ed;
	background-image: url(../assets/offer_title_ground.jpg);
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;	
	border-bottom: 1px solid #3a8dfa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	}
	
#offerShortDetailsNest {
	clear: both;
	float: left;
	margin-top: 3px;
	width: 308px;
	height: 90px;
	background-color: #fafcff;
	border: 1px solid #3a8dfa;
	padding: 5px 10px 5px 10px;	
	text-align: left;
	}
	
#offerThumbnailImage {
	clear: left;
	float: left;
	margin-top: 4px;
	width: 100px;
	height: 75px;
	border: 1px solid #3a8dfa;
	text-align: left;
	}
	
#offerShortDescription {
	margin-top: 0px;
	clear: right;
	float: right;
	width: 190px;
	text-align: left;
	}
	
#offerVerticalSeparator {
	clear: none;
	float: left;
	width: 20px;
	height: 130px;
	background-image: url(../assets/vertical-separator-tile.gif);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	}	
	
.price {
	font-family: Arial, Helvetica, sans-serif;
	color: #cb171d;
	}	
	
#offerHorizontalSeparator {
	clear: none;
	float: left;
	width: 680px;
	height: 31px;
	background-image: url(../assets/horizontal-separator-tile.gif);
	background-repeat: repeat-x;
	background-position: 50% 50%;
	}	
	
#offerHorizontalSeparatorBlank {
	clear: none;
	float: left;
	width: 680px;
	height: 15px;
	}	
	
/* hot offers styles */

#hotOffersSummerSplash {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/hot-offers-summer.jpg);
	background-repeat: no-repeat;
	}
	
#hotOffersSummerSplashEN {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/hot-offers-summer_en.jpg);
	background-repeat: no-repeat;
	}
	
/* trips styles */

#tripsSummerSplash {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/trips_summer.jpg);
	background-repeat: no-repeat;
	}
	
#tripsSummerSplashEN {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/trips_summer_en.jpg);
	background-repeat: no-repeat;
	}
		
/* vacations styles */

#vacationsSummerSplash {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/vacations_summer.jpg);
	background-repeat: no-repeat;
	}
	
#vacationsSummerSplashEN {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/vacations_summer_en.jpg);
	background-repeat: no-repeat;
	}
	
/* spa styles */

#spaSplash {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/spa.jpg);
	background-repeat: no-repeat;
	}
	
#spaSplashEN {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/spa_en.jpg);
	background-repeat: no-repeat;
	}


/* students styles */

#studentsSplash {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/students_summer.jpg);
	background-repeat: no-repeat;
	}
	
#studentsSplashEN {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/students_summer_en.jpg);
	background-repeat: no-repeat;
	}
	
/* reservations styles */

#reservationsSplash {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/reservations.jpg);
	background-repeat: no-repeat;
	}
	
#reservationsSplashEN {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/reservations_en.jpg);
	background-repeat: no-repeat;
	}
	
/* tickets styles */

#ticketsSplash {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/tickets.jpg);
	background-repeat: no-repeat;
	}
	
#ticketsSplashEN {
	clear: both;
	width: 716px;
	height: 250px;
	background-image: url(../assets/tickets_en.jpg);
	background-repeat: no-repeat;
	}	


/* Detail Page Styles*/	

#DetailsOfferHeader {
	width: 660px;
	height: 15px;
	background-color: #77b1ed;
	background-image: url(../assets/offer_title_ground.jpg);
	background-repeat: repeat-x;
	padding: 5px 10px;	
	border-bottom: 1px solid #3a8dfa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	}
	
#offerDetailsNest {
	clear: both;
	float: left;
	margin-top: 3px;
	width: 658px;
	background-color: #fafcff;
	border: 1px solid #3a8dfa;
	padding: 5px 10px;	
	text-align: left;
	}
	
#offerDetailsImage {
	position: relative;
	clear: none;
	float: left;
	margin-top: 4px;
	width: 320px;
	/*height: 240px;*/
	margin: 12px 15px 15px 0;
	border: 1px solid #3a8dfa;
	padding: 2px 2px;
	text-align: center;
	}
	
#offerLongDescription {
	position: relative;
	clear: none;
	float: left;
/*	margin: 4px 0 0 15px;*/
	margin: 10px 0 0 0;
	width: 315px;
	text-align: left;
	}
	
#offerLongDescriptionNoImage {
	margin-top: 4px;
	clear: right;
	float: right;
	width: 658px;
	text-align: left;
	}

/*More Offers*/	

#moreContainer {
	clear: both;
	margin: 0px auto;
	width: 140px;
	height: 30px;
	text-align: center;
	}	

#moreOffers {
	width: 140px;
	height: 19px;
	position: relative;
	clear: both;
	background-image: url(../assets/more-offers-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	}
	
#moreOffers:hover {
	width: 140px;
	height: 19px;
	position: relative;
	clear: both;
	cursor: pointer;
	background-image: url(../assets/more-offers-on.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	}
	
/*More Images*/

td.moreImagesTPad {
	padding-top: 5px;
	}
	
td.moreImagesLeft {
	padding-left: 1px;
	}
	
td.moreImagesRight {
	padding-right: 1px;
	}
	
img.thumb {
	border: 1px solid #3a8dfa;
	}	

	
/* footer */
#footer {
	width: 955px;
	clear: both;
	margin: 0 auto;
	text-align: center;
	color: #999999;
	}