﻿/* CSS Document */

/* START MAIN CONTENT */
#dnn_BillBoardPane { padding: 0px; width: 940px; height: 369px; }
.billboardWrapper { background: #7fe4e8; padding: 20px; margin: 2px 0 0; *padding: 20px 30px; height: 370px; }
.billboardWrapper .billboard { width: 935px; *width: 940px; height: 370px; background: #fff; padding: 0 4px 0 4px;}
.billboardWrapper .billboard h1.header { float: left; margin: 28px 0 0 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 18px; color: #fff; }

#dnn_BillBoardPane .billboardWrapper .mapLink { float: left; margin-top: 0px; padding-bottom: 0px; display: block; width: 943px; text-align: right; background: url(../images/mapLink_refresh_bg.jpg) repeat-x #7fe4e8; clear: both; }

.billboardWrapper .billboard .bollboardContent { float: left; clear: both; padding-top: 24px; width: 565px; height: 369px; position:relative; z-index:200; overflow:hidden; margin-top:3px;}
.billboardWrapper .billboard .bollboardContent ul { margin: 0; padding: 0; z-index: 200;}
.billboardWrapper .billboard .bollboardContent ul li { list-style-type: none; padding: 0 10px 0 0; z-index: 200;}
.billboardWrapper .billboard .bollboardContent ul li a { display: block; padding: 0px 0 0px 20px; }
.billboardWrapper .billboard .bollboardContent ul li a img { border: none; }
.billboardWrapper .billboard .bollboardContent ul li.last { border-bottom: none; }

.billboardWrapper .billboard .bollboardImages { float: left; margin-top: 11px; z-index: -100px; position: relative; margin-left: 0px; top: -162; z-index:-1;}

.billboardWrapper .billboard .bollboardContent div.buttons { width: 285px; margin-top: 0px; top: -320; position: relative; z-index: 200; margin-left: 30px; }

.billboardWrapper .billboard .bollboardContent div.button { float: left; clear: none; }
.billboardWrapper .billboard .bollboardContent div.button a { text-decoration: none; color: #fff; }

.billboardWrapper .billboard .bollboardContent div.bookYourTrip { margin-right: 2px; }
.billboardWrapper .billboard .bollboardContent div.bookYourTrip a { width: 169px; height: 35px; float: left; background: url(../images/bookYourTrip.gif) no-repeat 0 0; }
.billboardWrapper .billboard .bollboardContent div.bookYourTrip a strong { position: absolute; left: -9999px;}
.billboardWrapper .billboard .bollboardContent div.bookYourTrip a:hover { background: url(../images/bookYourTrip_hover.gif) repeat-x 0 0; }

.billboardWrapper .billboard .bollboardContent div.learnMore a { width: 113px; height: 35px; float: left; background: url(../images/learnMore.gif) no-repeat 0 0; }
.billboardWrapper .billboard .bollboardContent div.learnMore a strong { position: absolute; left: -9999px;}
.billboardWrapper .billboard .bollboardContent div.learnMore a:hover { background: url(../images/learnMore_hover.gif) repeat-x 0 0; }

.billboardWrapper .billboard .billboardvideo { display: inline; margin-left: 0px; width: 370px;}
/*  END MAIN CONTENT  */
/*============= MAIN CONTENT :: END ============*/

/* ---------- Promo Sliders ---------- */
.slider-row { float: left; width: 946px; *width: 1000px; background: #fff7d5; position: relative; padding: 0 17px; margin-top: 2px; overflow: hidden; height: 138px; }
.slider-row .arrow { width: 10px; height: 23px; position: absolute; top: 55px; cursor: pointer; z-index: 2; }

.slider-row .next { right: 7px; background: url(../images/promoArrowRight_refresh.gif) no-repeat top left; }
.slider-row .prev { left: 7px; background: url(../images/promoArrowLeft_refresh.gif) no-repeat top left; }

.slider-row .slider-wrapper {overflow: hidden; zoom: 1; position: relative; z-index: 5; }
.slider-row .slider-wrapper .slider-track { float: left; height: 138px; }

.slider-row .slider-item { float: left; width: 456px; z-index: 5; margin: 19px 0 13px; padding: 0 0 0 14px; background: url(../images/promoBG_refresh.gif) no-repeat right center; }

.slider-row .slider-item .slider-item-top { width: 456px; _overflow: hidden; zoom: 1; }
.slider-row .slider-item .slider-item-top p.header { width: auto; padding-left: 10px; margin: 0; overflow: hidden; _overflow: visible; zoom: 1; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; float: left; }
.slider-row .slider-item .slider-item-top p { overflow: hidden; _overflow: visible; zoom: 1; float: left; width: 302px; margin: 7px 0 0 0; padding-left: 10px; }

.slider-row .slider-item img { _height: 104px; _overflow: hidden; z-index: 5; float: left; }

.slider-row .slider-item .slider-item-top a {color: #006e81; text-decoration: none; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; }
.slider-row .slider-item .slider-item-top a:hover { color: #006e81; text-decoration: underline; }

.hidden { position: absolute; left: -9999px; }

/* ---------- MAIN CONTENT ---------- */
.mainContent { width: 940px; background: #fff; float: left; padding: 20px; margin-top: 2px; }
.mainContent .mainContentWrapper { float: left; width: 363px; padding: 0 30px; }
.mainContent .mainContentWrapper ul { margin: 0; padding: 0; }
.mainContent .mainContentWrapper ul li { list-style-type: none; background: url(../images/bulletArrow_refresh.gif) no-repeat 0 4px; padding-left: 9px; }
.mainContent .mainContentWrapper ul li a { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; color: #006e81; text-decoration: none; }
.mainContent .mainContentWrapper ul li a:hover { text-decoration: underline; }
.mainContent .mainContentWrapper p a { color: #006e81; text-decoration: none; }

.mainContent .mainContentEspots { float: left; width: 221px; }
.mainContent .mainContentEspots .espot { background: #7fe4e8; padding: 12px; width: 197px; margin-bottom: 12px; }
.mainContent .mainContentEspots .espot .espotWrapper { background: #fff; }
.mainContent .mainContentEspots .espot .espotWrapper p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #009999; }
.mainContent .mainContentEspots .espot .espotWrapper p.header { font-family: Tahoma, Geneva, sans-serif; font-size: 20px; color: #009999; font-weight: bold; margin-bottom: 10px; }

.mainContent .mainContentEspots .alt { background: #ffcc7f; }
.mainContent .mainContentEspots .alt .espotWrapper { background: #fff9e0; padding: 12px; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs { height: 27px; margin: 0; padding: 0 0 0 13px; width: 195px; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li { display: block; float: left; height: 20px; list-style-type: none; margin: 0; padding: 0 0 0 15px; text-align: center; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li.active { float: left; font-size: 11px; height: 20px; list-style-type: none; margin: 0; padding: 0 2px; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li.active a { border: 1px solid #32659A; color: #71B1CD; display: block; height: 15px; margin: 0; padding: 2px 10px; text-decoration: none; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li.inactive { float: left; font-size: 11px; height: 20px; list-style-type: none; margin: 0; padding: 0 2px; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li.inactive a { border: 1px solid #FFFFFF; color: #71B1CD; display: block; height: 15px; margin: 0; padding: 2px 10px; text-decoration: none; }
.mainContent .mainContentEspots .alt .espotWrapper #tab_content { height: 50px; left: 0; margin: 0; padding: 0; position: relative; top: 0; width: 200px; }

.mainContent .mainContentEspots .seamail { width: 221px; padding: 0; }
.mainContent .mainContentEspots .seamail .espotWrapper {}
.mainContent .mainContentEspots .seamail .espotWrapper a {}
.mainContent .mainContentEspots .seamail .espotWrapper a img {}

.mainContent .realestate { width: 296px; padding: 0; }
.mainContent .realestate .realestateWrapper { width: 256px; margin: 0 auto; margin-top: 22px; }
.mainContent .realestate .realestateWrapper p { margin-top: 9px; }
/* ---------- MAIN CONTENT ---------- */

