@charset "UTF-8";
/* CSS Document */

* {
	margin-top: 0;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p,
ul,
li,
ol,
dl,
dd,
dt,
a,
span,
img,
small,
cite,
hr
{
margin: 0px;
padding: 0px;
}

img, img a, a img {
margin:0;
padding:0;
border:none;
}

ul, li {
margin:0;
padding:0;
list-style-type:none;
}
.hidden {
display:none;
}
/* For the most part the CSS file is organized in similar fashion to the HTML structure, so styles pertaining to search box or image cycle box are near the top, footer box, etc will be near the bottom. The CSS for the drop down menu is in the superfish.css file and can easily be broken so tread carefully. */

body {

font-family:Helvetica, Arial, sans-serif;
font-size:90%;
background-image:url("images/body_bg2.jpg");
background-repeat:no-repeat;
background-position: top center;
background-color:#4ab1ba;
}



#page {
 width:970px;
 height:1100px;
 margin: 0 auto;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/******* MENU STUFF *********/

#header {
height:46px;
position:relative;
z-index:30000;
}

#menu {
	width:846px;
	height:43px;
	position:absolute;
	left:130px;
	z-index:99005;
}

#ul, #ul li {
margin:0;
padding:0;
list-style-type:none;
}


/********* END MENU STUFF moved menu stuff to mega-nav.css *************/

 #container {
 width:968px;
 position:relative;
 }


#feature_box {
width:968px;
height:397px;

}




#slideshow {

position:absolute;
width:640px;
height:246px;
left:316px;
top:100px;
z-index:1000;

}
#slideshow img {
margin:0;
padding:0;
}

#slideshow p {

 font-size:13px;
 padding:6px 0px 6px 50px;
 color:#274d61;
 background-color:transparent !important;
/*  background-color:transparent;
 background-color:#c1f1ff;*/

}

#slideshow .slide {
width:640px;
height:246px;

}

#slideshow .text {
height:66px;


}

#buttons {
 	z-index:1001;
	height:15px;
	width:100px;
	position:absolute;
	bottom: 56px;
	left:560px;

}

/*#search_box_stuff{
	width:476px;
	height:75px;
	background-image:url("images/search.png") !important;
	background-image:url("images/search.gif");
	background-repeat:no-repeat;
	background-position: 0px 5px;
	position:absolute;
	right:4px;
	top:20px !important;
	top:10px !important;

}*/

#search_box_stuff{
	width:476px;
	height:75px;
	background-image:url("images/search.png") !important;
	background-image:url("images/search.gif");
	background-repeat:no-repeat;
	background-position: 0px 5px;
	position:absolute;
	right:4px;
	top:42px !important;
	z-index: 2000;
}

.smallish {

	font-size:10px;
	padding: 0 4px 0 0;
}


.smallish a {

color:#000000;
text-decoration:none;

}


.smallish a:hover {

color:#000000;
text-decoration:underline;

}

input#search {

  width:130px;

}


a#inter_map {

	display:block;
	width:53px;
	height:61px;
	background-image:url("images/inter_map.png") !important;
	background-image:url("images/inter_map.gif");
	background-position: 0 0;
	background-repeat: no-repeat;

}

a#inter_map:hover {
	background-position: 0 -61px;

}

a#photo_gallery {

	display:block;
	width:53px;
	height:61px;
	background-image:url("images/photo_gallery.png") !important;
	background-image:url("images/photo_gallery.gif");
	background-position: 0 0;
	background-repeat: no-repeat;

}

a#photo_gallery:hover {
	background-position: 0 -61px;

}


 #feature_box #buttons a{
 	display:block;
	width: 14px;
	height:14px;
	background-image:url("images/button.gif");
	background-repeat:no-repeat;
	background-position: 0 0;
   float:left;
	margin: 0 2px 0 2px;
	padding:0;
}

 #feature_box #buttons a:hover,#feature_box #buttons a.activeSlide {
	background-position: 0 -14px;
	
}

a.find_out {

	width: 108px;
	height: 28px;
	display:block;
	float:right;
	background-image:url("images/find_out.jpg");
	background-repeat:no-repeat;

}

a.video {

	width: 108px;
	height: 28px;
	display:block;
	padding: 0px 10px 0px 0px;
	float:right;
	background-image:url("images/video.jpg");
	background-repeat:no-repeat;

}
#panels_box {

position:absolute;
width:968px;
height: auto;
top:160px;
}

#thumbs_box {
background-image:url("images/featurebar.png") !important;
/*background-image:url("images/featurebar.jpg");*/
background-image:url("images/featurebar.gif");
background-repeat:no-repeat;
z-index:5;
width:968px;
height:380px;

position:relative;
}


div.navi {
	background-image:url("images/hori_large.png");
	
	width:23px;
	height:58px;
	float:left;
	
	cursor:pointer; 
}


div.nextPage {
 background-position: -23px -58px; 
 clear:right; 
 margin:290px 0 0 0px;
 float:right;
 }


div.nextPage:hover 	{ background-position: -46px -58px;  }
div.nextPage:active 	{  background-position: 0px -58px;  } 

div.prevPage{

 margin: 290px 0 0 3px;
 background-position: -23px 0px; 
}

div.prevPage:hover 	{ background-position: -46px 0px; }

div.prevPage:active	{ background-position: 0px 0px; }
div.navi.disabled {
	visibility:hidden;		
}



div.items {
	width:900;
	position:absolute;
	clear:both;
}


#thumbnails {
width:908px;
height:130px;
overflow:hidden;	
z-index:6;
position:absolute;
bottom: 10px;
left: 25px;
}

#thumbnails .items div {
float:left;
width:222px;
height:129px;
margin: 0 2px 0 2px;
}

#thumbnails .items div a {
display:block;
width:222px;
height:129px;


}

#thumbnails .items div a#family_fun {

background-image:url("images/family_fun.png") !important;
background-image:url("images/family_fun.gif");
background-position: 0 0;

}

#thumbnails .items div a#family_fun:hover {

background-position: 0 -129px;
}



#thumbnails .items div a#adventure {

background-image:url("images/adventure.png") !important;
background-image:url("images/adventure.gif");
background-position: 0 0;

}

#thumbnails .items div a#adventure:hover {

background-position: 0 -129px;
}



#thumbnails .items div a#romance {

background-image:url("images/romance.png") !important;
background-image:url("images/romance.gif");
background-position: 0 0;

}

#thumbnails .items div a#romance:hover {

background-position: 0 -129px;
}



#thumbnails .items div a#relaxation {

background-image:url("images/relaxation.png") !important;
background-image:url("images/relaxation.gif");
background-position: 0 0;

}

#thumbnails .items div a#relaxation:hover {

background-position: 0 -129px;
}


#thumbnails .items div a#damn_good {

background-image:url("images/damn_good.png") !important;
background-image:url("images/relaxation.gif");
background-position: 0 0;

}

#thumbnails .items div a#damn_good:hover {

background-position: 0 -129px;
}


#thumbnails .items div a#mimes{

background-image:url("images/mime_festival.png") !important;
background-image:url("images/relaxation.gif");
background-position: 0 0;

}

#thumbnails .items div a#mimes:hover {

background-position: 0 -129px;
}


#thumbnails .items div a#monkeys{

background-image:url("images/evil_monkeys.png") !important;
background-image:url("images/relaxation.gif");
background-position: 0 0;

}

#thumbnails .items div a#monkeys:hover {

background-position: 0 -129px;
}



#flicker_box {
float:left;
width:295px;
height:231px;
margin: 5px 0px 0px 0px;
background-image:url("images/flicker_bg.png");
background-repeat:no-repeat;
}

#map_box {
float:right;
height:231px;
width:668px;

}


#footer{
width:968px;
padding: 0px 0 0 30px;
/*background-color:#4f3526;*/

}

#footer_inner {
z-index:999;
position:relative;
width:968px;
float: left;
}

 #footer p{
 padding:5px 0 0 0;
 
color:#a47448;
font-size:10px;
 
 }

#footer_table {

width:960px;
}

#small_mail {
width:40px;
height:38px;
background-image:url("images/small_mail.png") !important;
background-image:url("images/small_mail.gif");
background-repeat:no-repeat;
}

input#email {

	background-color:#d7d3d1;
	border:1px solid #bdb9b6;
	color:#9f7448;
	font-size:9px;
	font-style:italic;
	width: 164px;
	height:13px;
	padding: 2px;
	
}

input#submit_email {

    cursor:pointer;
	/*width:22px;
	height: 21px;
	background-image:url("images/submit_email.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
*/
}
/*
input#submit_email:hover {

	
	background-position: 0 -21px;


}
*/


.footer_box {

	width:150px;
	height:184px;
	float:left;
	margin: 30px 0 0 0;
	

}


.footer_box ul, .footer_box ul li {

	margin:0;
	padding:0;
	width:150px;


}

.footer_box ul li {

	height:20px;
	background-image:url("images/faded_line.png");
	background-repeat:no-repeat;
	background-position: center bottom;
	padding:4px 0 0 0;

}


 #footer li a {
font-size:11px;
height:20px;
display:block;
color:#c2ad8d;
text-decoration:none;
padding: 0px 0 0 18px;
background-image:url("images/bullet.png");
background-repeat:no-repeat;
background-position: 0px 2px;

}

#footer li a:hover {

	text-decoration:underline;

}


#ft_learn {

padding:33px 0 0 0;
background-image:url("images/footer_learn.png") !important;
background-image:url("images/footer_learn.gif");
background-position: 0 0px;
background-repeat:no-repeat;

}


#ft_stay {

padding:33px 0 0 0;
background-image:url("images/footer_stay.png") !important;
background-image:url("images/footer_stay.gif");
background-position: 0 0px;
background-repeat:no-repeat;

}

#ft_play {

padding:33px 0 0 0;
background-image:url("images/footer_play.png") !important;
background-image:url("images/footer_play.gif");
background-position: 0 0px;
background-repeat:no-repeat;

}


#ft_visit {

padding:33px 0 0 0;
background-image:url("images/footer_visit.png") !important;
background-image:url("images/footer_visit.gif");
background-position: 0 0px;
background-repeat:no-repeat;

}

#ft_about {

padding:33px 0 0 0;
background-image:url("images/footer_about.png") !important;
background-image:url("images/footer_about.gif");
background-position: 0 0px;
background-repeat:no-repeat;

}


#ft_logo {

padding:47px 0 0 10px;
background-image:url("images/logo.png") !important;
background-image:url("images/logo.gif");
background-position: 5px 0px;
background-repeat:no-repeat;

}

.foot {
color:#9f7448;
font-size:10px;
font-style:italic;
}

.foot a{
color:#9f7448;
font-size:10px;
font-style:italic;
text-decoration: none;
}

.foot a:hover {
text-decoration: underline;
}

#social-top{
	background: url('img/social/visitsocialnetworks.png') no-repeat;
	height: 39px;
	padding-left: 187px;
	padding-top: 5px;
	position: absolute;
	right: 20px;
	top: 2px;
	width: 125px;
}

.social-top-link{
	float: left;
	height: 29px;
	width: 28px;
}

#social-top-facebook{background: url('img/social/facebookicon_top.png') no-repeat;}
#social-top-facebook:hover{background: url('img/social/facebookicon_top_hover.png') no-repeat;}
#social-top-twitter{background: url('img/social/twittericon_top.png') no-repeat;}
#social-top-twitter:hover{background: url('img/social/twittericon_top_hover.png') no-repeat;}
#social-top-flickr{background: url('img/social/flickricon_top.png') no-repeat;}
#social-top-flickr:hover{background: url('img/social/flickricon_top_hover.png') no-repeat;}
#social-top-youtube{background: url('img/social/youtubeicon_top.png') no-repeat;}
#social-top-youtube:hover{background: url('img/social/youtubeicon_top_hover.png') no-repeat;}

#social-bottom{margin-left: -6px;}
