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

/*RESET
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ol,ul {list-style:none;
}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym { border:0;}a {text-decoration:none;}
*/
/*CLASSES*/
.clear {clear:both !important;}
.clearAlt {overflow:hidden !important;}
.floatR {float:right !important;}
.floatL {float:left !important;}
.inline {display:inline !important;}
.padding5 {padding:5px !important;}
.margin5 {margin:5px !important;}
.margin5R {margin-right:5px !important;}
.margin5L {margin-left:5px !important;}
.margin5T {margin-top:5px !important;}
.margin5B {margin-bottom:5px !important;}
.padding10 {padding:10px !important;}
.margin10 {margin:10px !important;}
.margin10R {margin-right:10px !important;}
.margin10L {margin-left:10px !important;}
.margin10T {margin-top:10px !important;}
.margin10B {margin-bottom:10px !important;}
.margin15 {margin:15px !important;}
.margin15R {margin-right:15px !important;}
.margin15L {margin-left:15px !important;}
.margin15T {margin-top:15px !important;}
.margin15B {margin-bottom:15px !important;}
.margin20 {margin:20px !important;}
.margin20R {margin-right:20px !important;}
.margin20L {margin-left:20px !important;}
.margin20T {margin-top:20px !important;}
.margin20B {margin-bottom:20px !important;}
.margin25 {margin:25px !important;}
.margin25R {margin-right:25px !important;}
.margin25L {margin-left:25px !important;}
.margin25T {margin-top:25px !important;}
.margin25B {margin-bottom:25px !important;}
.noMargin {margin:0 !important;}
.textR {text-align:right !important;}
.textC {text-align:center !important;}
.textL {text-align:left !important;}
.hidden {display: none;}
.visible {display: block;}

.blue {color:#0f5484 !important;}
.bold {font-weight:bold !important;}
.brown {color:#706d67 !important;}
.font10px {font-size:10px !important;}
.font11px {font-size:11px !important; line-height:14px;}
.font12px {font-size:12px !important;}
.font13px {font-size:13px !important;}
.font14px {font-size:14px !important;}
.font24px {font-size:24px !important; line-height:24px;}
.font36px {font-size:36px !important; line-height:24px;}
.lightBlue {color:#7fa5c0 !important;}
.orange {color:#f87016 !important;}
.black {color:#000 !important;}
.teal {color:#53767d !important;}
.lightTeal {color:#9fc8d0 !important;}
.uppercase {text-transform:uppercase !important;}
.white {color:#ffffff !important;}
a.white { text-decoration: none; }
.hr {text-align:center; padding:15px 0;}

a {color:#f87016;}
/*body {background:#d1b694 url(../images/bg_body.gif) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#78736c;}
body {background:#E1EEFC url(../images/background-image.jpg) center top no-repeat fixed; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#78736c;}*/
body {background:#d1b694 url(../images/bg_body.gif) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#78736c;}
body.popup{background:#FFF}
h1 {font-family:Verdana, Geneva, sans-serif; font-size:22px; text-transform:lowercase; letter-spacing:1px; margin-bottom:7px;}
h2 {font-family:Verdana, Geneva, sans-serif; font-size:30px; text-transform:lowercase; letter-spacing:1px; margin-bottom:7px;}
h3 {font-size:16px; text-transform:uppercase; margin-bottom:7px;}
h4 {font-family:Verdana, Geneva, sans-serif; font-size:16px; text-transform:lowercase; letter-spacing:1px; margin-bottom:7px;}
h5 {font-weight:bold; color:#333333; font-size:12px; text-transform:uppercase;}
p {margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#wrapper {margin:0 auto; width:964px; position: relative;}
#contentWrapper {background:url(../images/bg_wrapper.png) top left repeat-y; clear:both; position: relative; z-index: 4}
#leftcol, #leftcolInt {float: left; margin-left: 15px; width: 220px; }
#leftcolInt {width: 229px;}
#maincol, #maincol2col {float:left; margin-left: 25px; display: inline; width: 430px;}
#maincol2col {width:650px;}
#rightcol, #rightcolheader {float: right; margin-right: 20px; width: 220px; display: inline; position: relative; z-index: 1}
#rightcolheader {margin-top: 310px;}
.header{z-index:2;position:relative;top:3px}
#content {background:url(../images/bg_header2.gif) top left no-repeat; position: relative; z-index: 2; display: block;}
#weather {margin-left:114px; width: 140px; height: 67px; display:block; margin-bottom: -40px; position: relative; z-index: 9999;}
#weather .weatherImage {width: 285px; height: 30px; display: block; overflow: hidden;}
#weather .weatherText {margin-top: 7px; padding-left: 70px; height:23px; z-index:9999; display:block; text-decoration:none; }
#weather .weatherImage .condition {font-size: 12px; color: #FFF;}
#weather .weatherImage .temp {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FFF; font-weight: bold;}
#logo {position:relative;top:-27px;left:40px;z-index:3}
#search {margin-top:11px}
.slideShowCont {width: 600px; float:left; margin: 19px 0 0 20px; display: inline;}
.homeFlash {margin-top: 20px;}
#splash {background:url(../images/bg_splash.gif) right bottom no-repeat; padding-bottom:20px;}
#splash_int {width: 693px; height: 296px; margin: 0 0 20px 0;}
#paradise {margin:-10px 0 0 -55px; z-index:1;}
#footer {background:#ff9e5c; width:880px; margin:0 auto; padding:25px 40px 15px 40px; overflow: hidden;}
.footerBtm {width: 964px; height: 13px; display: block; overflow: hidden; }

#language {margin:8px 60px 0 0; display:inline;}
#language li {padding:0 0 5px 20px; float:left; margin-left:23px; list-style: none;}
#language li.spanish {background:url(../images/language_spanish.gif) no-repeat; background-position: 0 -.1em;}
#language li.french {background:url(../images/language_french.gif) no-repeat; background-position: 0 -.1em;}
#language li.german {background:url(../images/language_german.gif) no-repeat; background-position: 0 -.1em;}

.inputContainer234 {background: url(../images/input_search.gif) top left no-repeat; width:281px; height:62px; margin:25px 58px 0 0; overflow:hidden; display:inline;}
.inputText234 {border:0; margin:12px 0 0 48px; padding:10px 0; width: 135px; background: none; color:#999; font-size:18px;}
.inputText220 {border:0; margin:0 0 16px 2px; padding:10px 0 10px 0; width: 120px; background: none; color:#999; font-size:17px;}
.inputButton {height:60px;	width:85px; margin:0;}
.inputButtonSmall {height:30px; width:40px; margin:4px 6px 0 0;}
.inputButtonMed {height:47px; width:47px;}

.box425Top {background:url(../images/box_425_top.gif) left top no-repeat; height:9px; width:425px;}
.box425Middle {background:url(../images/box_425_middle.gif) left top repeat-y; width:400px; padding:10px 25px 10px 0; position:relative;}
.box425Bottom {background:url(../images/box_425_bottom.gif) left top no-repeat; height:12px; width:425px; overflow:hidden; margin:0 0 15px 0;}

/* THUMBS */
.thumbs {
	margin:0;
	padding:0;
	position: relative;
	zoom:1;
}
.thumbs li {
	display: inline;
	float: left;
	margin: 0 8px;
	padding: 0;
	position: relative;
	width: 84px;
	height: 83px;
	text-align:center;
}
.thumbs li img {margin-top:8px;}
.thumbs li:hover, .thumbs li.sfHover {background: url(../images/bg_thumbs.gif) left top no-repeat;}

/* ********************************************* MAIN NAVIGATION **************************************************** */
.nav {
	margin:0 0 0 17px;
	padding: 0;
	position: relative;
	clear:both;
	z-index: 99;
}
.nav li {
	float: left;
	margin: 0;
	padding: 0;
	z-index:10;
	zoom:1;
}
ul.nav li, ul.noPoints-inline li { float:left; list-style: none; margin:0; padding:0; }
ul.noPoints-block li, ul.boPoints-inline li { list-style: none; margin:2px 0; }

.nav > li > a, .nav > li > a:link, .nav > li > a:active, .nav > li > a:visited {
	color: #0C5282;
	display: block;
	height:153px;
	font-size:11px;
	font-weight:bold;
	padding: 0 0 0 0;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	width:155px;
}
.nav li:hover, .nav li.sfHover {background: url(../images/bg_nav.png) left top no-repeat;}

.nav div {
	background: #fff;
	border-top: 10px solid #8fbbe2;
	border-bottom: 10px solid #8fbbe2;
	color:#333;
	list-style: none;
	margin: -2px 0 0 20px;
	padding:0;
	position: absolute;
	left: -999em;
	width: 900px;
	z-index:10;
	-moz-box-shadow: 0 0 15px rgba(111,164,200,0.5);
	-webkit-box-shadow: 0 0 15px rgba(111,164,200,0.5);
}
.nav li:hover div,.nav li.sfHover div {left: 0;}
.nav .dropdown{background:#FFF url(../images/logo_lagunaSmall.gif) no-repeat 675px 88%}
a.dropdown { text-decoration: none; }
a.nav { text-decoration: none; }
.navTitle {color:#0f5484; font-weight: bold; font-size: 20px; line-height: 26px; }
a.navItemSmall {width:180px; height:59px; background:#fff url(../images/bg_navItem.gif) bottom right no-repeat; border-bottom:1px solid #e1ddd8; border-right:1px solid #e1ddd8; display:block; padding:13px 20px 28px 20px; color:#999; font-size:11px; line-height:14px; text-decoration: none; }
a.navItemSmall:hover {background-color: #E8F1F9; text-decoration: none;}
a.navItemSmall.last {border-right:none !important;}
a.navItemLarge {width:180px; height:164px; background:#cbdff1; border-bottom:1px solid #cbdff1; border-right:1px solid #cbdff1; display:block; padding:8px 20px 28px 20px; color:#0c5282; text-decoration: none;}
.dropdown {background: url(../images/logo_lagunaSmall.gif) bottom right no-repeat; z-index: 999; position: relative}

/* ************************************************** Sub (Left) Navigation ************************************************** */
#secondaryNav {
width: 230px;
overflow: hidden;
margin-left: -13px;
margin-bottom: 15px;
}
#secondaryNavSlideContainer {float: left; width: 1000px;}

#secondaryNavSlideContainer a { text-decoration: none; }

#secondaryNavTitleHolder {
background-color: #eee;
height: 42px;
overflow: hidden;
line-height: 42px;
vertical-align: middle;
text-decoration: none;
}
a.secondaryNav { text-decoration: underline; }

#secondaryNavTitleHolder .blue {	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #0E4872;
	font-weight: bold;
	letter-spacing: 0.8px;
	padding-left: 15px;
	text-transform: lowercase;
}

#navClip {
	float:left;
	width: 230px;
	background-color: #eee;
}

#navClip a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0E4972;
	line-height: 20px;
}

#secondaryNav ul {float:left; width:230px; margin-left: -10px; margin-bottom: 10px}
#secondaryNav ul li {padding-left:5px; width:195px; display:block; float:left;}
#secondaryNav ul li:hover, #secondaryNav ul li.sel {background-color: #FFF; cursor:pointer;}

#secondaryNav ul li a {font-size:12px; line-height:15px; color: #0E4972;}
#secondaryNav ul li a.navLink { float:left;}
#secondaryNav ul li a.secondaryMore {float:right; margin-right:20px;} 
#secondaryNav ul li .sel {font-weight: bold;}

/* ********************************** footer list nav ************************************* */
#menuList { color:#ffffff; width:600px; text-align:right; height:auto; }
/* ********************************** WIDGETS ************************************* */

#widgetBeachBeat {background:url(../images/bg_beach-beat.gif) top left no-repeat; height:134px; overflow:hidden; padding:97px 17px 0 25px;}

.iBox-1 {width: 100%; font-size: 12px; margin: 0 0 20px 0;}
.iBox-1 .moreInfo {font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #ff7200;}

.iBox-2 {width: 220px; margin: 0 0 20px 0;}
.iBox-2 .iBox2Title {font-size: 13px; font-weight: bold; text-transform: uppercase; color: #8bbde4; margin-bottom: -3px;}
.iBox-2 .iBox2SubTitle {font-size: 36px; line-height: 36px; font-weight: bold; float: right; color: #8bbde4;}
.iBox-2 .iBox2Content {font-size: 11px; color: #666; margin-top: 5px;}
.iBox-2 .moreInfo {font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #8bbde4; float:right;}

/* *** Visitors Guide Widget *** */
#widgetVGuide {background:url(../images/bg_vguide.gif) top left no-repeat; height:111px; overflow:hidden; padding:92px 25px 0 25px; position: relative;}
.vguideImg {position: absolute; z-index: 99px; top: 0px; left: 0px;}

/* *** Event Calendar Interior Widget *** */
#widgetEvents {background:url(../images/bg_events.gif) top left no-repeat; height:185px; padding:92px 25px 0 25px;  position:relative;}
.calendarL {background:url(../images/bg_calendar.png) top left no-repeat; height:67px; width:67px; overflow:hidden; text-align:center;}
.calendarR {background:url(../images/bg_calendar.png) top left no-repeat; height:67px; width:67px; overflow:hidden; text-align:center; margin-left: 5px;}

.ftEventsHolder{

	height:165px;
	z-index:1;
}
.ftNewsHolder { display:none; }

.eventsNewsContainer .prv, .eventsNewsContainer .nxt {
	position:absolute;
	z-index:10;
	background:url(../images/arrow-teal.gif) no-repeat;
	top:140px;
	width:9px;
	height:45px;
}
.eventsNewsContainer .prv { background-position:0 0; left:10px; }
.eventsNewsContainer .nxt { background-position:-9px 0; right:10px; }
.eventsNewsContainer .prv.disabled { background-position: 0px -75px; }
.eventsNewsContainer .nxt.disabled { background-position: -9px -75px; }
.eventsNewsContainer .disabled { cursor:default; }
.eventsNewsContainer .window {
	position:absolute;
	z-index:2;
	top:85px;
	left:25px;
	width:175px;
	height:185px;
	overflow:hidden;
}
.eventsNewsContainer .track {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:5000px;
	height:185px;
}
.eventsNewsContainer .item {
	position:relative;
	width:175px;
	height:155px;
	overflow:hidden;
	float:left;
}
.eventsNewsContainer .item a {

}
.eventsNewsContainer .eventViewAll {
	position: absolute;
	top: 240px;
	right: 22px;
	z-index: 4;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}
.eventsNewsContainer .dateSingle, .eventsNewsContainer .dateDouble {
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	display:block;
	width:90px;
	height:100px;
}
.eventsNewsContainer .details {
	position:absolute;
	z-index:4;
	top:0;
	left:90px;
	width:102px;
	padding:2px 5px;
}
.eventsNewsContainer .dateSingle {
	width:70px;
}
.eventsNewsContainer .dateOne {
	background:url(../images/shell/calDays.gif) no-repeat;
	position:absolute;
	z-index:5;
	width:50px;
	height:50px;
}
.eventsNewsContainer .dateTwo {
	background:url(../images/shell/calDays.gif) no-repeat;
	position:absolute;
	z-index:6;
	left:40px;
	top:45px;
	width:50px;
	height:50px;
}
.eventsNewsContainer .dateSingle .dateOne { left:10px; top:25px; }
.eventsNewsContainer .dateDouble .dateOne { left:4px; top:8px; }
.eventsNewsContainer .d-month, .eventsNewsContainer .d-year { display:block; text-align:center; color:#FFF; font-weight:bold; }
.eventsNewsContainer .d-year { margin-top:23px; color:#7C7407; }
.eventsNewsContainer .dNum-1 { background-position:0 0; }
.eventsNewsContainer .dNum-2 { background-position:0 -50px; }
.eventsNewsContainer .dNum-3 { background-position:0 -100px; }
.eventsNewsContainer .dNum-4 { background-position:0 -150px; }
.eventsNewsContainer .dNum-5 { background-position:0 -200px; }
.eventsNewsContainer .dNum-6 { background-position:0 -250px; }
.eventsNewsContainer .dNum-7 { background-position:0 -300px; }
.eventsNewsContainer .dNum-8 { background-position:0 -350px; }
.eventsNewsContainer .dNum-9 { background-position:0 -400px; }
.eventsNewsContainer .dNum-10 { background-position:0 -450px; }
.eventsNewsContainer .dNum-11 { background-position:-50px 0; }
.eventsNewsContainer .dNum-12 { background-position:-50px -50px; }
.eventsNewsContainer .dNum-13 { background-position:-50px -100px; }
.eventsNewsContainer .dNum-14 { background-position:-50px -150px; }
.eventsNewsContainer .dNum-15 { background-position:-50px -200px; }
.eventsNewsContainer .dNum-16 { background-position:-50px -250px; }
.eventsNewsContainer .dNum-17 { background-position:-50px -300px; }
.eventsNewsContainer .dNum-18 { background-position:-50px -350px; }
.eventsNewsContainer .dNum-19 { background-position:-50px -400px; }
.eventsNewsContainer .dNum-20 { background-position:-50px -450px; }
.eventsNewsContainer .dNum-21 { background-position:-100px 0; }
.eventsNewsContainer .dNum-22 { background-position:-100px -50px; }
.eventsNewsContainer .dNum-23 { background-position:-100px -100px; }
.eventsNewsContainer .dNum-24 { background-position:-100px -150px; }
.eventsNewsContainer .dNum-25 { background-position:-100px -200px; }
.eventsNewsContainer .dNum-26 { background-position:-100px -250px; }
.eventsNewsContainer .dNum-27 { background-position:-100px -300px; }
.eventsNewsContainer .dNum-28 { background-position:-100px -350px; }
.eventsNewsContainer .dNum-29 { background-position:-100px -400px; }
.eventsNewsContainer .dNum-30 { background-position:-100px -450px; }
.eventsNewsContainer .dNum-31 { background-position:-150px 0; }
.subHeading { color:#DA0C19; font-size:14px; }
.subList { color:#DA0C19; }
.subList a { color:#DA0C19; }

/* ************ Flipper (Dolphin) W/ Popup ************** */
.noFlipper .interiorHead { height:285px; }
#flipper {
	position:absolute;
	width:560px;
	height:45px;
	top:250px;
	left:35px;
	z-index:10;
	margin-bottom: -1px;
}
#flipperMsg {
	position:absolute;
	display:none;
	background:url(../images/messages/template.png) no-repeat center center;
	width:238px;
	height:179px;
	top:70px;
	left:100px;
	z-index:99999;
}
#flipperMsg .flipperMsgTitle1 {
	color:#9fc8d0;
	font-weight:bold;
	font-size:38px;
	line-height:38px;
	position:absolute;
	left:44px;
	top:17px;
}
#flipperMsg .flipperMsgTitle2 {
	color:#9fc8d0;
	font-weight:bold;
	font-size:13px;
	height:13px;
	position:absolute;
	left:120px;
	top:53px;
	text-transform:uppercase;
}
#flipperMsg .flipperMsgTxt {
	display:block;
	width:200px;
	height:100px;
	/*margin:250px 0 0 30px;*/
	font-size:12px;
	text-align:left;
	line-height:14px;
	color: #5C838A;
	position:absolute;
	left:34px;
	top:73px;
}
#flipperMsg a.flipperLink { font-size: 11px; text-transform: uppercase; font-weight: bold; color: #5C838A; float: right; padding-right: 10px;}

.hint { color:#999; }
.scrolly { text-align:center; }

#ms_backto {
	position:absolute;
	top:75px;
	right:60px;
	height:25px;
	width:200px;
	z-index:999999;
	text-align:right;
}