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

/* Global Styles
===================================================================================================================*/

body {margin:0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; background:url(img/main/bg_main.jpg) top center no-repeat #d8c19c; color: #5d471e; line-height:1.3em;}

a, a:active, a:visited {color:#961500; text-decoration:none;}
a:hover {color:#817965; text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {}
h1 {color: #bf5100; font-size: 16px; margin: 0; padding: 0;}
h2 {font-size:16px; line-height:20px; font-weight:bold; margin:0 0 3px; padding:20px 0 0; }
h1.title_head {color: #bf5100; font-size: 16px; margin: 0; padding: 0;}

p {font-size:13px; margin:10px 0 15px; padding:0;}

img, a {border:0;}
.clear {clear:both;}

.alignleft {float:left; padding:0 10px 10px 0;}
.alignright {float:right; padding:0 0 10px 10px;}

td {vertical-align: top; padding: 5px;}

#container {width: 946px; height: auto; padding: 0; margin: 0 auto; }

/* HEADER
===================================================================================================================*/

#header {width: 946px; height: 290px; padding: 0; margin: 0; float:left; }
h1#logo {margin: 0; padding: 0; width: 100%; float: left; height: 240px;}

h1#logo a {width: 400px; float: left; height: 240px; font-size:0; text-indent: -9999px;}


/* NAV
===================================================================================================================*/

ul#nav {width: 946px; float: left; list-style:none; margin: 0; padding: 0;}
ul#nav li {float: left; list-style:none;}
ul#nav li a {height: 29px; padding: 0; margin: 0; display: block; text-indent:-9999px; font-size:0; overflow:hidden;}
ul#nav li.home a{width: 95px; height: 29px; background:url(img/nav/nav-home.jpg) 0 0 no-repeat;}
ul#nav li.home a:hover {background-position: -95px 0;}

ul#nav li.menu a{width: 149px; height: 29px; background:url(img/nav/nav-menu.jpg) 0 0 no-repeat;}
ul#nav li.menu a:hover {background-position: -149px 0;}

ul#nav li.catering a{width: 123px; height: 29px; background:url(img/nav/nav-catering.jpg) 0 0 no-repeat;}
ul#nav li.catering a:hover {background-position: -123px 0;}

ul#nav li.location a{width: 128px; height: 29px; background:url(img/nav/nav-locations.jpg) 0 0 no-repeat;}
ul#nav li.location a:hover {background-position: -128px 0;}

ul#nav li.nightlife a{width: 100px; height: 29px; background:url(img/nav/nav-nightlife.jpg) 0 0 no-repeat;}
ul#nav li.nightlife a:hover {background-position: -100px 0;}

ul#nav li.press a{width: 88px; height: 29px; background:url(img/nav/nav-press.jpg) 0 0 no-repeat;}
ul#nav li.press a:hover {background-position: -88px 0;}

ul#nav li.community a{width: 149px; height: 29px; background:url(img/nav/nav-community.jpg) 0 0 no-repeat;}
ul#nav li.community a:hover {background-position: -149px 0;}

ul#nav li.contact a{width: 114px; height: 29px; background:url(img/nav/nav-contact.jpg) 0 0 no-repeat;}
ul#nav li.contact a:hover {background-position: -114px 0;}

/* CONTENT
===================================================================================================================*/

#content { width: 881px; padding: 0 32px; margin: 0; float:right; background:url(img/main/content_bg.jpg) 0 0 no-repeat #efe9cb;}

#content #all_about { margin: 0; padding: 20px 0;}
#content #page_all_about { padding: 0 0 20px; margin: 0; }
#content #home_main_banner {height: 255px; padding: 11px 0 0 30px; margin: 0; background:url(img/main/home_main_banner.jpg) 0 0 no-repeat;}
.post {margin: 0 0 15px;}
.post table {margin: 10px 0 0; padding: 0;}
.post table h2{margin: 0; padding: 0;}
.post_category {margin: 0 0 20px; padding: 0;}

.post h1.title_head {font-size:23px; margin: 5px 0 0; padding: 0 0 20px; border-bottom: 1px dashed #000;}
.post_event h1.title_head {font-size:20px; padding: 0 0 15px; margin: 0; border-bottom: 1px dashed #000;}
.post_event h2 { height: 32px;  margin: 0; padding: 0;}
.post_event {width: 400px; float: left; padding: 0 0 20px 20px; margin: 0;}
.post_event .post_event_image {margin: 0; padding: 5px 0 0; width: 150px; height: 230px;float: left;}
.post_event .post_event_content {width: 235px; padding: 0 0 0 10px; float: left; margin: 0;}
.post_event .post_event_readmore {float: left; width: 400px; padding: 0; margin: 0;}
.event_print {float: left; padding: 0; margin: 0 0 15px;}

.divider {display:block; margin:0 0 20px; border-bottom: 1px dashed #000;}

#content .about_intro{display: block; width: 441px; height: 289px; float: left; background:url(img/main/page_about_reef.jpg) 0 0 no-repeat;}
#content .about_intro img {margin: 0; padding: 46px 0 0 141px;}
#content .main_about_intro{display: block; width: 448px; height: 289px; float: left; background:url(img/main/main_about_reef.jpg) 0 0 no-repeat;}

#content #left_food_banner {width: 239px; height: 265px; float:left; background:url(img/main/left_food_menu.gif) 0 10px no-repeat; font-size:0; text-indent: -9999px;}
#content #left_food_banner a {float: left; display: block; width: 239px; height: 265px;}
#content #catering_intro {width: 290px; float: left; padding: 10px 25px 0;}
#content #catering_intro h1 {width: 290px; float: left; height: 37px; background: url(img/main/catering_title.gif) 0 0 no-repeat; text-indent: -9999px; font-size:0; margin: 0 0 10px;}
#content #catering_intro h1 a{display:block; width: 112px; float: left; height: 37px;}
#content #catering_intro div.read_more a  {float:right; margin:0; padding: 0 10px 0 0;}
#content #catering_intro .sociable {visibility:hidden; height:1px; width:1px; overflow:hidden;}

#content #press_intro {width: 215px; height: 315px; margin: 0; padding: 0 40px; _padding: 30px 40px; background:url(img/main/press_bg.gif) 0 0 no-repeat; float: left;}
#content #press_intro p {color: #fff; font-size:12px; margin: 0; padding: 0;}
#content #press_intro h2 {margin: 0; padding: 0;}
#content #press_intro span.press_title {width: 100px; height: 20px; text-indent: -9999px; font-size:0;margin: 0; padding: 0 5px;}
#content #press_intro span.press_title a{width: 100px; height: 20px; display: block; margin: 0; padding: 0;}
#content #press_intro div.read_more a  {color: #ffff00; float:right; margin:0; padding: 0;}
#content #press_intro .sociable {visibility:hidden; height:1px; width:1px; overflow:hidden;}

.post .read_more {float: right; margin: 0 0 15px;; padding: 0;}
.print_page {float: right; margin: 0; padding: 0 0 0 5px;}
/*SOCIAL MEDIA*/
#content #social_media {width: 860px; height: 37px; background:url(img/main/social_icons.jpg) 0 0 no-repeat; margin: 0; padding: 3px 0 0 10px; }
#content #social_media ul {list-style: none;margin: 0; padding: 0;}
#content #social_media li {width: 34px; height: 34px; float:left; margin: 0; padding: 0;list-style: none; text-indent:-9999px;}
#content #social_media li a {width: 34px; height: 34px; display:block; overflow: hidden; font-size:0;  float:left;}
#content #social_media li.youtube {background:url(img/main/youtube.jpg) 0 0 no-repeat; margin: 0 2px 0 0;}

/*FOOTER NAV*/
#content ul#footer_nav {width: 880px; height: 21px; background:url(img/main/footer_nav_bg.jpg) 0 0 no-repeat; float: left; margin: 0; padding: 24px 0 0 140px; _width: 720px; list-style:none; font-size:11px; font-weight:bold;}
#content ul#footer_nav li {float: left; padding: 0 5px 0; border-right: 1px solid #961500;}
#content ul#footer_nav li.none_border {border:none;}
#content ul#footer_nav li a {color: #961500; text-decoration:none;}
#content ul#footer_nav li a:hover {color: #5d471e;}


#content_footer {width: 945px; margin: 0 0 20px; padding: 0; float: right; background:url(img/main/footer_bg.jpg) 0 0 no-repeat; height: 13px;}

#page_all_about h1.category_title {font-size: 23px; padding: 0 0 15px; margin: 0; border-bottom: 1px dashed #000; text-align: center;}

.event_post h2 {padding: 0; margin: 0;}
.event_post p {margin: 0; padding: 0; }
.event_location {float: left; margin: 0 0 20px; padding: 0 0 0 10px; border-bottom: 1px solid #999; }
.event_location img {float: left; margin: 0; padding: 0;}
.event_lists {float: left; margin: 0 0 0 20px; padding: 0 0 0 15px; width: 590px;}

/* FOOTER
===================================================================================================================*/

#footer {background: url(img/main/footer_bg.gif) 0 0 no-repeat; width: 945px; height: 155px; float:left; margin: 0; padding: 0; font-size:11px; color: #961500;}

#footer ul {margin: 0; padding: 0; list-style:none; width: 100%;}
#footer li{margin: 0; padding: 0; width: 225px; height: 125px; float:left;}
#footer li a{ display: block; width: 225px; height: 125px; margin: 0; padding: 0; font-size:0; text-indent: -9999px; }

#footer #copyright {float: left; width: 400px; margin: 0; padding: 10px 0;}
#footer #credit {float: right; width: 350px; margin: 0; padding: 10px 0; text-align:right;}