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



/*------------------------- header info start -------------------------------*/

body
{background-image: url(images/stripes_stars_background.png);
 margin: 0 0 20px 0; 
 padding: 0; 
 padding-top: 10px;
 text-align: center; 
} 

h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; line-height: 28px;  color: #FFC; padding: 40px 0 0 60px; }


a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 12px; text-decoration:none;  color: #600;}
a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 12px; text-decoration:underline;  color: #600;}

DIV.centered
{ 
 width: 980px; /* set to desired width in px or percent */
 height: 1100px;
 text-align: left; /* optionally you could use "justified" */
 border: 0px; /* Changing this value will add lines around the centered area */
 padding: 0px;  
 margin-left: auto; 
 margin-right: auto;
} 

DIV.logo
{ position: relative; left: -70px; top: -30px; margin: 0 0 0 0; border: none;}
#charlie { position: absolute; top: -10px; left: 80px;  }
#charlie_notanimated { position: absolute; left: 70px; top: 60px; }

.link2 a:link { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none; color:#FFC;}
.link2 a:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none; color:#FFC;}
.link2 a:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#39F; text-decoration:none; }
.link2 a:active {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none; color:#FFC;}


 

DIV.nav {  position:relative; left:340px; top:40px; width:700px; height:100px;}

.Menu { position:absolute; top: 40px; margin:0; padding:0; float:left; width:700px; height:100px;}
.Menu ul{ padding:0 0 0 0; margin:10px 0 10px 0; list-style:none; }
.Menu ul li{float:left; padding:0; margin:0 0 0 0;}
.Menu ul li a{float:left; font-size:0; text-decoration:none; cursor:pointer;}

/*--Navigation Rollovers start--*/
.Menu ul li a.Homenav { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; color:#600;  text-decoration:none; padding: 0 40px 0 20px;}
.Menu ul li a.Homenav:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:300px; color:#F09;  text-decoration:none; padding: 0 40px 0 20px;}
/**/
.Menu ul li a.Menunav { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; color:#600;  text-decoration:none; padding: 0 35px 0 0;}
.Menu ul li a.Menunav:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:300px; color:#F09;  text-decoration:none; padding: 0 35px 0 0;}
/**/
.Menu ul li a.SpecialEvents { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:200px; color:#600;  text-decoration:none; padding:0 35px 0 0;}
.Menu ul li a.SpecialEvents:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:200px; color:#F09; text-decoration:none; padding:0 35px 0 0;}
/**/
.Menu ul li a.Press { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:200px; color:#600; text-decoration:none; padding: 0 35px 0 0;}
.Menu ul li a.Press:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:200px; color:#F09;  text-decoration:none; padding: 0 35px 0 0;}
/**/
.Menu ul li a.Gallery { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:200px; color:#600; text-decoration:none; padding: 0 35px 0 0;}
.Menu ul li a.Gallery:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:200px; color:#F09;  text-decoration:none; padding: 0 35px 0 0;}
/**/
.Menu ul li a.Guestbook { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:200px; color:#600; text-decoration:none}
.Menu ul li a.Guestbook:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:200px; color:#F09;  text-decoration:none}
/*--Navigation Rollovers End--*/


.stars1 {position: absolute; left: 2px; width: 576px; height: 38px;}
.stars2 {position: absolute; left: 2px; top: 80px; width: 576px; height: 38px;}

.nav1 {position: absolute; left: 0px; top: 40px; background-image:url(images/1bubble.png) no-repeat; border:none; width: 100px; height: 100px; }
.nav2 {position: absolute; left: 68px; top: 40px; background-image:url(images/1star.png)no-repeat; border:none;width: 100px;height: 100px;}
.nav3 {position: absolute; left: 145px; top: 80px; background-image:url(images/2bubble.png)no-repeat; border:none;width: 100px;height: 100px;}
.nav4 {position: absolute; left: 175px; top: 15px; background-image:url(images/2star.png)no-repeat; border:none;width: 100px;height: 100px;}
.nav5 {position: absolute; left: 227px; top: 33px; background-image:url(images/3bubble.png)no-repeat; border:none;width: 100px;height: 100px;}
.nav6 {position: absolute; left: 295px; top: 58px; background-image:url(images/3star.png)no-repeat;border:none;width: 100px; height: 100px;}
.nav7 {position: absolute; left: 370px; top: 40px; background-image:url(images/4bubble.png)no-repeat;border:none;width: 100px;height: 100px;}
.nav8 {position: absolute; left: 493px; top: 32px; background-image: url(images/4star.png)no-repeat;border:none; width: 100px;height: 100px;}
.nav9 {position: absolute; left: 580px; top: 32px; background-image:url(images/5star.png)no-repeat;border:none;width: 100px;height: 100px;}
.nav10 {position: absolute; left: 340px; top: 15px; background-image:url(images/6star.png)no-repeat;border:none;width: 100px;height: 100px;}
.nav11 {position: absolute; left: 510px; top: 80px; background-image:url(images/5bubble.png)no-repeat;border:none;width: 100px;height: 100px;}

/*------------------------- header info end -------------------------------*/ 


.content {position:relative; top: 160px;  }


/*---------------------------------- home + season page photos and little brown info box start ------------------------------*/
DIV.two_photos
{position:absolute; left: 355px; top: 3px; width: 623px;}

DIV.three_photos
{position: relative; top: -50px; left: 35px; height: 205px; width: 950px; }

DIV.info
{position: relative; left:35px; height: 200px; width: 300px; background:url(images/info_box.gif) no-repeat;}


/*--------------------- home info box text box ---------------------*/
.inside {position:absolute; padding: 12px 40px 40px 40px; height: 150px; width: 225px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; font-weight:200px; color: #66CCFF; text-decoration:none;}

.alert_div {position:relative; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14.5px; left:45px; top:110px; padding:0px; height: 10px; width: 960px; text-align:left;}

.inside h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; font-weight:100px; color: #66CCFF; text-align:center;}

.inside a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:100px; color: #66CCFF; text-decoration:none;}
.inside a:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:100px; color: #F09; text-decoration:underline;}

.bubbles1
{position: absolute; left: 10px; top: 35px; width: 15px;}


.bubbles2
{position: absolute; left: 275px; top:35px; width: 15px;}


/*---------------------------------- home welcome box - long brown box on bottom ------------------------------*/
DIV.home_welcome
{position: relative; top: 20px;	left: 35px; height: 200px; width: 940px; background:url(images/bg_home_welcome.gif) no-repeat;}

.home_welcome_text {position: absolute; left: 350px; top:30px; border: 0; height: 115px; width: 520px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height: 18px;  color: #FFC;}

.bubbles3
{position: absolute; left: 10px; top: 30px; width: 25px; height: 105px; }

.bubbles4
{position: absolute; left: 889px; top: 30px; width: 25px; height: 105px;}

.cuppie {position: absolute; left: 80px; top: 40px;}



/*------------------- season menu little box text ---------------------------*/
.season_menu { position: absolute; height: 200px; width: 242px; margin: 20px 0 0 30px;}
.season_menu h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; font-size: 14px; color: #66CCFF; padding:0;}
.season_menu p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; font-size: 12px; line-height: 15px; color: #66CCFF;}



/*-------------------------------- menu page --------------------------------*/

DIV.menu_info
{
	position: relative; top: 0px;	left: 35px; height: 420px; width: 940px; background:url(images/BG.gif) no-repeat; }

DIV.photo_spot
{
	position: absolute; top: 30px; left: 500px; width: 350px;}
	
DIV.gallery_spot
{
	position: absolute; top: 60px; left: 500px; width: 350px;}
	
.text {border:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height: 18px; color: #FFC; padding: 30px 60px 0 60px; height: 350px; width: 380px; }

.text a { font-size:14px; line-height:22px; color:#09F; text-decoration: none; }
.text a:hover { font-size:14px; line-height:22px; color:#09F; text-decoration: underline; }

.text h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin: 15px 0 10px 0px; font-size: 15px; line-height: 16px; color: #FFC;}
.text p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin: 13px 0px 10px 0px; font-size: 12px; line-height: 15px; color: #FFC;}

.flavor_day {position:absolute; top: 300px; left: 60px; border:0; width:350px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height: 18px; color: #FFC; }

.bubbles5
{position: absolute; left: 15px; top: 60px; width: 15px; }

.bubbles6
{position: absolute; left: 450px; top: 60px; width: 15px;}

.bubbles7
{position: absolute; left: 880px; top: 60px; width: 15px;}


/*---------------------------------- Press page Start ----------------------------------*/

.press_title {border:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height: 18px; color: #FFC; padding: 30px 60px 0 60px; height: 40px; width: 830px; }

.press_table {position: absolute; top: 80px; left: 60px; height: 300px; width: 800px;}

.bubbles8
{position: absolute; left: 400px; top: 30px; width: 15px;}

/*-------------------------------Special Events Page-------------------------*/

DIV.movie_spot
{position: absolute; top: 60px; left: 490px; width: 375px; height: 250px;}

DIV.spe_spot
{
	position: absolute; top: 30px; left: 500px; width: 350px; height: 500px; }


.notopgap {
margin-top: 0;
margin-left: 200px;
}
.nobottomgap {
margin-bottom: 0;
margin-left: 100;
}

.numbers ul {position: absolute; left: 450px; top: 370px; list-style: none;  } 
.numbers ul li { float:left; padding: 0 10px 0 0;  }

.numbers ul li a { text-decoration:none; color:#FFC;  cursor:pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt;  }

.numbers ul li a:hover { text-decoration:none; color:#F09; }

/*---------------------------------- contact info --------------------------------------*/

.contact /*--------- for index and season page ------------*/
{ position: relative; top: 200px; left: 35px; width:940px; height:150px;}

.contact2 /*------- for menu, press and special events pages -------*/
{ position: relative; top: 150px; left: 35px; width:940px; height:150px;}

.locations
{ position: absolute; top: 0px; left: 50px; line-height: 16px; font-size: 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.hours
{ position: absolute; top: 0px; left: 320px; font-size: 14px; line-height:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.phone
{ position: absolute; top: 0px; left: 720px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; }

.phone a:link {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color:#F09;}
.phone a:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none color:#F09;;}
.phone a:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; color:#F09;}
.phone a:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color:#F09;}

.phone2
{ position: absolute; top: 80px; left: 720px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:16px;}

.phone2 a:link {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color: #0678C6;}
.phone2 a:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color: #0678C6;}
.phone2 a:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; color: #0678C6;}
.phone2 a:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color: #0678C6;}

#brown {
	color: #600;
}
#pink {
	color: #F09;
}
#lightpink {
	color: #F9C;
}
#blue {
	color: #0678C6;
}

.trademark { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 9px; position: absolute; top:150px; left: 50px;  text-align:left; color: #600;}
.trademark a.design { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 9px; text-decoration:none;  color: #600;}
.trademark a.design:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 9px; text-decoration:underline;  color: #600;}

.follow { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 12px; position: absolute; top:130px; left: 720px;  text-align:left; color: #600;}
.follow a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 12px; text-decoration:none;  color: #600;}
.follow a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 12px; text-decoration:none;  color: #600;}