/*
STYLESHEET: citybeach.com
Author: Mark Middleton
mark@websightdesign.com
WEBSIGHT DESIGN
JULY 2007
*/



body{
    margin:0;
    padding:0;
    font-size:62.5%;
    font-family:verdana,arial,sans-serif;
    text-align:center;
    background:#000000;
}

img{border:0;}

h1{font-size:2.2em;font-weight:normal;margin:0;font-family:verdana,Comic Sans MS;font-style:italic;}
h2{font-weight:bold;font-size:1.4em;font-family:arial,sans-serif;}
h3{font-weight:bold;font-size:1.2em;}
h4 { font-size: 1.0em; font-weight: normal; font-style: italic; }/* for SEO */

h2 span{
    display:none;
}
h2.meeting{
    width:374px;
    height:21px;
    background:url('../images/subtitle_meeting.gif') top left no-repeat;
}
h2.difference{
    width:374px;
    height:21px;
    background:url('../images/subtitle_difference.gif') top left no-repeat;
}
h2.team{
    width:591px;
    height:20px;
    background:url('../images/subtitle_team.gif') top left no-repeat;
}
h2.sports{
    width:264px;
    height:21px;
    background:url('../images/subtitle_sports.gif') top left no-repeat;
}
h2.newsletter{
    width:116px;
    height:35px;
    background:url('../images/subtitle_newsletter.gif');
}
h2.pineapple{
    width:179px;
    height:110px;
    background:url('../images/subtitle_pineapple.gif') top left no-repeat;
}
h2.birthday{
    width:168px;
    height:35px;
    background:url('../images/subtitle_birthday.gif') top left no-repeat;
}
h2.toys{
    width:168px;
    height:35px;
    background:url('../images/subtitle_toys.gif') top left no-repeat;
}
h2.sports1{
    width:374px;
    height:21px;
    background:url('../images/subtitle_sports1.gif') top left no-repeat;
}
h2.sports3{
    width:591px;
    height:21px;
    background:url('../images/subtitle_sports3.gif') top left no-repeat;
}

a:link,
a:visited,
a:active{color:#8c6002; text-decoration: none;} 
a:hover{color:#8c6002; text-decoration: underline; }/*color:#f00;*/

br.clearer{
    clear:both;
}

div#wrapper{
   width:900px;
   margin:0 auto;
   border:1px solid #453832;
   text-align:left;
   font-size:1.2em;  
}
.italic{
    font-style:italic;
}
span.important{
    font-style:italic;
    color:#f00;
}
span.credit{
    font-size:0.7em;
}
div#header{
    width:900px;
    height:160px;
    overflow:hidden;
    /*background:url('../images/bgh_home.gif') top left repeat-y;*/
    position:relative;
}
div#logo{
    width:251px;
    height:102px;
    overflow:hidden;
    position:absolute;
    top:38px;
    left:326px;
}
div.logo_team{
    width:343px !important;
    left:295px !important;
}
div#nav_head{
    float:right;
    clear:left;
    margin:9px 9px 0px 0px;
    position:relative;
    z-index:3;
    font-size:0.9em;
}
div#nav_head ul{
    list-style-type:none;
    margin:0;
    padding:0;
    
}
div#nav_head li{
    display:inline;
    text-align:center;
    border-left:1px solid #f4e1bd;
    padding:0px 6px 0px 6px;
    float:left;
}
div#nav_head li.first{
    border-right:1px solid #f4e1bd;
    border-left:0;
}

div#nav_head a:link,
div#nav_head a:visited,
div#nav_head a:active{color:#f4e1bd;text-decoration:none;}
div#nav_head a:hover{color:#f4e1bd;text-decoration:none;}

div#nav_head_drop1{
    position:absolute;
    z-index:6;
}
div#nav_head_drop1 ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
div#nav_head_drop1 a:link,
div#nav_head_drop1 a:visited,
div#nav_head_drop1 a:active,
div#nav_head_drop1 a:hover{
    width:160px;
    padding:10px;
    background:#453832;
    border-top:1px solid #5f524a;
    border-bottom:1px solid #1f1a17;
    display:block;
    color:#a38e7b;
    text-decoration:none;
}
div#nav_head_drop1 a:hover{
    background:#392a1e;
    border-top:1px solid #58493e;
    border-bottom:1px solid #1f1a17;
    color:#f4e1bd;
}
div.brown{
    
}
div.brown a:link,
div.brown a:visited,
div.brown a:active,
div.brown a:hover{
   color:#8c6002 !important;
}

div.brown li{
    border-left:1px solid #8c6002 !important;
}
div.brown li.first{
    border-left:0 !important;
    border-right:1px solid #8c6002 !important;
}
li#droplink1_li{
    float:left;
    display:block;
    width:112px;
    height:23px;
    margin:-4px 0px 0px 0px !important;
    padding:0px !important;
    border:0 !important;
}
a#droplink1:link,
a#droplink1:visited,
a#droplink1:active,
a#droplink1:hover{
    display:block;
    width:112px;
    height:19px;
    /*background: url('../images/bg_nav2_on.jpg');*/
    padding:4px 0px 0px 0px;
    margin:0;
}
a#droplink1:hover{
    color:#f4e1bd !important;
}
a.sand:link,
a.sand:visited,
a.sand:active,
a.sand:hover{
    color:#f00 !important;
    border:1px solid #f00;
}


div#search{
    float:right;
    clear:right;
    margin:9px;
}
div#search input{
   margin:0;
   
   float:left;
}

input.form_text{
    background:#efebe5;
    font-size:11px;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #000000;
    border-top:2px solid #000000;
    padding:1px;
}
input.form_textwide{
    background:#efebe5;
    font-size:11px;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #000000;
    border-top:2px solid #000000;
    padding:1px;
    width:150px;
}
textarea.form_textarea{
    background:#efebe5;
    
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #000000;
    border-top:2px solid #000000;
    padding:1px;
    width:150px;
    height:50px;
}
input.form_text_search{
    height:14px;
    width:116px;
}
input.form_text_newsletter{
    height:14px;
    width:155px;
    margin-bottom:4px;
}
select.form_select{
    background:#efebe5;
    font-size:11px;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #000000;
    border-top:2px solid #000000;
    width:150px;
    
}
select.form_select_short{
    background:#efebe5;
    font-size:11px;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #000000;
    border-top:2px solid #000000;
    width:75px;
    margin-right:4px;
}


.form_button_go{
    width:27px;
    height:20px;
    overflow:hidden;
    background:url('../images/button_go.gif') top left no-repeat;
    border:0;
    margin:0;
    padding:0;    
}
.form-error{
    color:#f00;
}
.form_button_signup{
    width:59px;
    height:24px;
    overflow:hidden;
    background:url('../images/button_signup.jpg') top left no-repeat;
    border:0;
    margin:0;
    padding:0;
    cursor:pointer;
}
.form_button_submit{
    width:59px;
    height:24px;
    overflow:hidden;
    background:url('../images/button_submit.jpg') top left no-repeat;
    border:0;
    margin:0;
    padding:0;
    cursor:pointer;
}
table.newsletter{
    border-collapse:collapse;
}
table.newsletter td{
    padding:0;
}
td.buttons{
    text-align:right;
}

div#colorbar1{
    width:900px;
    height:8px;
    background:#8c6002;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    clear:both;
    overflow:hidden;
}
div#nav{
    width:900px;
    height:65px;
    position:relative;
    border-bottom:1px solid #53463e;
    background:#453832;
}
div#nav ul{
   list-style-type:none;
   margin:0;
   padding:0;
}
div#nav li{
    display:inline;
    float:left;
    margin:0;
    padding:0;
}

/*----------------------------------------new nav2*/
div.nav2img{
    float:left;    
    overflow:hidden;
    clear:both;
    text-align:center;
    position:absolute;
    bottom:-3px;
    z-index:4;
    width:900px;
}
div.nav2img li{
    margin-right:3px !important;
}
div.nav2{
    float:left;    
    overflow:hidden;
    clear:both;
    text-align:center;
    position:absolute;
    bottom:-1px;
    z-index:4;
    width:900px;
}
div.nav2 ul{
    list-style-type:none;
    padding:0;
    margin:0 auto;
    float:none;
}
div.nav2 li{
    display:inline;
    float:left;
    margin-right:3px !important;
    
}
div.nav2 a:link,
div.nav2 a:active,
div.nav2 a:visited,
div.nav2 a:hover{
    font-size:0.9em;
    font-family:arial,sans-serif;
    text-transform:uppercase;
    text-decoration: none;
    font-weight:bold;
    display:block;
    padding:4px 10px 4px 10px;
    color:#453832;
    color:#eddfc2;
    color:#ffffff;
    border-left:1px solid #7d695d;
    border-right:1px solid #3c332d;
    border-bottom:0;
    background:#453832 url('../images/bg_nav2_off.gif') top left repeat-x;
    
}	
div.nav2 a:hover,
div.nav2 li.on a:link,
div.nav2 li.on a:visited,
div.nav2 li.on a:active,
div.nav2 li.on a:hover{
    color:#453832;
    border-left:1px solid #a49e94;
    border-right:1px solid #d7cdbe;
    border-bottom:0;
    padding:4px 10px 4px 10px;
    background:#eddfc2 url('../images/bg_nav2_on.gif') top left repeat-x;
}
/*div#nav2_events{
    margin-left:240px;
}
div#nav2_team{
    margin-left:80px;
}*/
div#nav2_sports{
    margin-left:250px;
}
div#nav2_restaurant ul{
   /* margin-left:90px;*/
   float:right;
}

div#nav2_kids ul{
    /*margin-left:240px;*/
    float:right;
}
/*----------------------------------------end new nav2*/


div#citybeach{
    width:900px;
    height:240px;
    border-top:1px solid #000000;
    border-bottom:1px solid #53463e;
    background:#000000 url('../images/bg_slogan.jpg') top left repeat-x;
}
div#slogan{
    float:left;
    width:385px;
    height:240px;
    overflow:hidden;
    
}
div#photo{
    float:left;
    width:449px;
    height:240px;
    overflow:hidden;
    border-right:1px solid #8c6002;
    border-left:1px solid #8c6002;
    position:relative;
}

div#main{
    width:900px;
    clear:both;
    background:#eddfc2 url('../images/watermark.gif') top center no-repeat;
    overflow:hidden;
}
div.main_inner{
    width:860px;
    margin:20px;
    
}
p.intro,
p.highlight{
    
    font-size:1.4em;
    line-height:1.6em;
    font-family:comic sans ms;
    font-family:verdana;
    font-style:italic;
}
p.intro_med{
    
    font-size:1.7em;
    line-height:1.6em;
    margin:0; 
    font-family:verdana;
    font-style:italic;
    padding:0px 10px 0px 20px;
    
}
div#content{
    width:621px;
    margin:0px;
    float:left;
    padding-bottom:60px;
    display:inline;
}
div#content h1, 
div#content p.intro{
    margin-left:20px;
}

div.content_sub{
    margin-left:10px !important;    
}
div.content_sub h1{
    margin:0px 0px 10px 0px !important;
}
div.content_wide{
    width:840px !important;
    
}
div.contentbox{
    border-top:2px groove #eddfc2;
    width:581px;
    padding:15px 0px 15px 20px;
}
div.contentbox img{
    float:left;
    margin:0px 10px 10px 0px;
    border:4px solid #ebe4d8;
}
div.contentbox2{
    border-top:2px groove #eddfc2;
    width:581px;
    padding:10px 0px 10px 0px;
}
div.separator{
    border-top:2px groove #eddfc2;
    clear:both;
    
}

div#content div.first, div#features div.first{
    border-top:0;
}
div#features{
    width:220px;
    float:right;
    margin:35px 0px 0px 0px;
    display:inline;
    border-left:2px groove #eddfc2;
    padding-left:17px;
}
div.featurebox{
    border-top:2px groove #eddfc2;
    width:219px;
    clear:both;
    overflow:hidden;
    padding-top:16px;
    padding-bottom:16px;
}
div.featurebox h2{
    margin-top:0px;
}
div#footer{
    width:900px;
    border-top:2px groove #eddfc2;
    clear:both;
    margin:10px 0px 0px 0px;
    padding:15px 0px 15px 0px;
    text-align:center;
    font-size:0.8em;
    color:#636466;
    overflow:hidden;
}
div#footer a:link,
div#footer a:visited,
div#footer a:active{text-decoration:none;}
div#footer a:hover{text-decoration:underline;}

div#footer ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
div#footer li{
    display:inline;
    border-left:1px solid #636466;
    padding:0px 0px 0px 4px;
    margin:0;
}
div#footer li.first{
    border:0;
}
div#footer li.first2{
    border:0;
    line-height: 20px;
}

/*-------------------------------new subnavigation*/
div#nav_left{
    width:165px;
    float:left;    
    font-weight:bold;
    margin:0px 20px 0px 0px;
}
div#nav3 ul{
    list-style-type:none;
    margin:10px 0px 0px 0px;
    padding:0;
}
div#nav3 li{
    margin-bottom:5px;
    
}

div#nav3 a:link,
div#nav3 a:visited,
div#nav3 a:active,
div#nav3 a:hover{
    display:block;
    font-weight:bold;
    color:#d9cfc1;
    text-decoration:none;
    background:url('../images/bg_nav3.gif') 0px 0px no-repeat;
    width:157px;
    height:17px;
    padding:4px;
}
div#nav3star 
    width:157px;
    height:157px;
  	padding-bottom:10px;

div.becomefan{
    width:250px;
    height:250px;
    font-weight:normal;
    background:url('../images/icon_facebookfan.gif') ;
    border:1px solid #636466;
   
    
}

div.nav3_events a:hover,
div.nav3_events li.on a{
    background:url('../images/bg_nav3_events.gif') 0px 0px no-repeat !important;
    color:#ffffff !important;
}

div.nav3_sports a:hover,
div.nav3_sports li.on a{
    background:url('../images/bg_nav3_sports.gif') 0px 0px no-repeat !important;
    color:#ffffff !important;
}

div.nav3_team a:hover,
div.nav3_team li.on a{
    background:url('../images/bg_nav3_team.gif') 0px 0px no-repeat !important;
    color:#453832 !important;
}


div.nav3_restaurant a:hover,
div.nav3_restaurant li.on a{
    background:url('../images/bg_nav3_restaurant.gif') 0px 0px no-repeat !important;
    color:#453832 !important;
}
div.nav3_kids a:hover,
div.nav3_kids li.on a{
    background:url('../images/bg_nav3_kids.gif') 0px 0px no-repeat !important;
    color:#ffffff !important;
}

/*---------------------------end new subnavigation*/

ul.menu{
    list-style-type:none;
    margin:10px 0px 0px 0px;
    padding:0;
}
ul.menu li{
    margin-bottom:10px;
}
ul.menu strong{
    font-size:1.1em;
}
ul.menulist{
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.menulist li{
    margin-bottom:3px;
}
ul.catering{
    list-style-type:none;
    margin:0px 0px 0px 10px;
    padding:0;
}
ul.catering li{
    margin-bottom:10px;
}
div.line{
    border-top:2px groove #eddfc2;
    width:100%;
    height:0px;
    clear:both;
    margin:20px 0px 20px 0px;
}
ul.plain{
    list-style-type:none;
    margin:0;
    padding:0;
}
table.basic{
    border-collapse:collapse;
}
table.basic td{
    padding:5px;
    border:1px solid #453832;
}
table.basic tr.columntitles td,
table.basic td.label{
    font-weight:bold;
    background:#c0b49d;
}
div.pagecontrol{
    text-align:right;
}
ul.jumpnav{
    list-style-type:none;
    margin:0;
    padding:0px 0px 10px 0px;      
}
ul.jumpnav li{
    float:left;
    display:inline;
    margin-right:10px;
}
p.quote{
    font-style:italic;
}
p.credit{
    text-align:right;
    font-weight:bold;
}
table.companies td{
    width:33%;
    vertical-align:top;
}
table.companies ul.plain{
    margin:3px 3px 15px 5px;
}
ul.spaced li{
    margin-bottom:10px;
}
p.center{
    text-align:center;
}
div.person{
    border-top:2px ridge #eddfc2;
    padding:10px 0px 10px 0px;
}
span.name{
    font-weight:bold;
    font-size:1.3em;
    font-family:arial;
}
span.subname{
    font-weight:bold;
    color:#453832;
}
div.quotebox{
    float:right;
    clear:right;
    margin:0px 0px 5px 5px;
    border:2px ridge #eddfc2;
    background:#fff7e7;
    padding:5px;
    font-weight:bold;
    font-style:italic;
    width:220px;
}
table.checklist{
    float:right;
    margin:0px 0px 5px 10px;
}
table.checklist td{
    text-align:center;
}
table.checklist td.checklabel,
table.checklist tr.columntitles td{
    text-align:left;
}
div#rockclubmap{
    width:561px;
    height:367px;
    overflow:hidden;
    background:url('../images/rockclub/spots/rockclubmap.gif') 0px 0px no-repeat;
    position:relative;
    border:1px solid #f00;
    
}
div.rockspot{
    position:absolute;
    overflow:hidden;
}
div.rock1{width:90px;height:128px;top:9px;left:18px;}
div.rock2{width:170px;height:79px;top:270px;left:18px;}
div.rock3{width:71px;height:133px;top:137px;left:146px;}
div.rock4{width:62px;height:133px;top:137px;left:217px;}
div.rock5{width:112px;height:79px;top:270px;left:187px;}
div.rock6{width:112px;height:120px;top:150px;left:297px;}
div.rock7{width:152px;height:79px;top:270px;left:299px;}
div.rock8{width:52px;height:120px;top:150px;left:408px;}
div.rock9{width:77px;height:134px;top:136px;left:469px;}

table.calendar{
    width:100%;
    border-collapse:collapse;
}
table.calendar td{
    border:1px solid #000000;
    vertical-align:top;
    padding:5px;
}
table.calendar tr.days{
    background:#4d5a11;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
}
table.calendar tr.days td{
    padding:0;
}
table.calendar tr.dates{
    background:#e3d5ba;
    font-weight:bold;
    text-align:right;
}
table.calendar tr.dates td{
    padding:0;
}
img.sectionphoto{
    border:4px #fdf6e6 solid !important;
    float:right !important;
    margin:10px 0px 10px 10px !important;
    clear:right !important;
}
img.sectionphoto2{
    border:4px #fdf6e6 solid;
    float:right;
    margin:10px 0px 10px 10px;
 
}
img.sectionphoto3{
    border:4px #fdf6e6 solid;
    float:right;
    margin:0px 0px 10px 10px;
 
}
img.sectionphoto_left{
    border:4px #fdf6e6 solid;
    float:left;
    margin:10px 10px 10px 0px;
    clear:left;
}
div.centerphoto{
    margin:0 auto;
    text-align:center;
}
table.founders{
    border-collapse:collapse;
}
table.founders td{
    vertical-align:top;
    padding:10px;
    border-top:2px groove #eddfc2; 
}
table.founders tr.first td{
    border:0;
}
table.founders img{
    border:4px solid #ebe4d8;
    border-bottom:15px solid #ebe4d8;
}
table.form{
    font-size:0.9em;
}
table.form td{
    padding:3px 3px 3px 1em;
}
table.form td.money{
    padding-left:3px;
}

table.form td.label{
    text-align:right;

    font-weight:bold;
}
div.twocolumn{
    width:395px;
    padding-right:10px;
    float:left;
    margin-right:10px;
}
div.twocolumn_first{
    border-right:2px groove #eddfc2;
}
div.newsletter{
    width:165px;
    font-weight:normal;
}
div.backtotop{
    text-align:right;
    padding-bottom:10px;
}
div.jumpnav{
    padding-bottom:10px;
    text-align:center;
    font-weight:bold;
    font-size:0.9em;
}
div.jumpnav ul{
    list-style-type:none;    
    margin:0;
    padding:0px 0px 10px 0px;
}
div.jumpnav li{
    display:inline;
    
    padding:3px;
    margin-bottom:10px;   
}
div.jumpnav li.first{
    border:0;
}
div.jumpnav_catering ul{
    list-style-type:none;
    font-weight:bold;
}
div.jumpnav_catering li{
    margin-bottom:5px;
}
table.jobs{
    border-collapse:collapse;
    width:550px;
    margin-left:25px;
    border-top:1px solid #999999;
}
table.jobs td{
    padding:5px;
    
    border-bottom:1px solid #999999;
}
table.jobs td.label{
    width:150px;
}
div#att_text h3{
    clear:left;
    margin-top:10px;
    
}
div.pagesection{
    border-bottom:2px groove #eddfc2;
    clear:both;
    padding:10px;
    width:100%;
}

ul.faq{
    list-style-type:none;
    
}
ul.faq li{
    margin-bottom:10px;
}
ul.faq p{
    margin-top:0px;
}
div.menusection{
        border-top:2px groove #eddfc2;
        padding:10px;
}
div.sportscol{
    float:left;
    width:275px;
    
    margin-right:20px;
}
span.team{
    font-size:1.4em;
}
input.invisible_field{
    display:none;
    
}
div.failmsg{
    color:#f00;
    font-weight:bold;
}
div.pagevideo{
  float:right;
  margin:10px 0px 10px 10px;
  width:320px;
}

/*********************** FACEBOOK ********************************/

.clearer{ clear:both; }

.social_network{}
.social_network a{ background: none;}
a.btn_facebook, a.btn_facebook:hover, a.btn_facebook:active{
	display:block; width:138px; height:51px; background:url('../images/icon_facebookfan.gif') no-repeat top left; 
}