@import url("reset.css");

body {background: #25619f url(../img/bg.jpg) no-repeat 50% 0; text-align: center; font-size: 82.5%; font-family: Arial, sans-serif;}
#wrap {width: 960px; margin: 26px auto; position: relative;}
#header {position: relative; height: 100px; overflow: hidden;}
#header h1, #header h2 {display: none;}
#header a {display: block; width: 270px; height: 59px; position: absolute; top: 30px; left: 20px; background: url(../img/transparent.gif) no-repeat top left;}
#page {width: 960px; background: #5c82b0 url(../img/bg_page.png) repeat-y top left; padding: 0 0 15px 0; border-bottom: 1px solid #3f70a9;}

#menu {width: 920px; margin: 0 20px; height: 40px; background: url(../img/menu/menu.jpg) no-repeat top left;}
#menu ul {height: 40px; overflow: hidden;}
#menu ul li {display: block; float: left; height: 40px;}
#menu ul li a {display: block; height: 40px; text-indent: -9999px;}
#menu ul li#find, #menu ul li#find a {width: 191px;}
#menu ul li#find a:hover, #page_find ul li#find a {background: url(../img/menu/find_on.gif) no-repeat top left;}
#menu ul li#advertise, #menu ul li#advertise a {width: 254px;}
#menu ul li#advertise a:hover, #page_advertise ul li#advertise a {background: url(../img/menu/advertise_on.gif) no-repeat top left;}
#menu ul li#about, #menu ul li#about a {width: 128px;}
#menu ul li#about a:hover, #page_about ul li#about a {background: url(../img/menu/about_on.gif) no-repeat top left;}
#menu ul li#search {width: 347px;}

#search .form_object {margin: 9px 0;}
#search .textbox {width: 207px;}
#search .button {margin-left: 10px;}

#content {width: 920px; background: #fff url(../img/bg_content.gif) repeat-x top left; margin: 0 20px; text-align: left; overflow: hidden; position: relative;}
#content h3 {font-size: 1.6em; font-weight: bold; margin: 15px 30px 0 30px; color: #1a378a;}
#content .gutter {margin: 15px 30px;}
#foods {height: 395px; background: url(../img/grid.gif) no-repeat top left; padding: 15px 0 0 30px;}

#foods li.food_type {display: block; width: 200px; height: 80px; float: left; margin: 0 20px 15px 0;}
#foods li.food_type a.food_type_image {height: 80px; width: 80px; display: block; float: left; margin: 0 10px 0 0;}
#foods li.food_type h4 {font-size: 1.2em; margin: 0 0 3px 0; overflow: hidden;}
#foods li.food_type h4 a {font-weight: bold;}
#foods .restaurant_list {overflow: hidden;}
#foods .restaurant_list li {padding: 0 0 3px 0; font-size: .85em; overflow: hidden; width: 107px;}
#foods .restaurant_list li a {display: block; white-space: nowrap; width: 107px;}

#footer {background: #fff; margin: 15px 20px 0 20px; padding: 10px 30px; text-align: left; position: relative;}
#footer p {line-height: 150%;}
#footer p span {color: #aaa;}
#aig_ad {position: absolute; top: 8px; right: 20px;}
#boardwalk_ad {position: absolute; top: 8px; right: 170px;}
#collier_ad {position: absolute; top: 8px; right: 275px;}
#crossing_ad {position: absolute; top: 8px; right: 375px;}
#paradigm_ad {position: absolute; top: 5px; right: 520px;}

#restaurant_listings {margin: 15px 0 0 0; clear: both;}
#restaurant_listings li {margin: 0 0 10px 0; border-bottom: 1px solid #ddd;}
#restaurant_listings li h4 {font-size: 1.2em; margin: 0 0 5px 0;}
#restaurant_listings li h4 a {font-weight: bold;}
#restaurant_listings li p {line-height: 125%; margin: 0 0 10px 0;}

#page_title {background: #eee; overflow: hidden; width: 920px; height: 100px;}
#page_title  .page_image {float: left; width: 80px; height: 80px; margin: 10px 15px 0 30px; background: white;}
#page_title  h3 {width: 765px; float: left; margin: 28px 0 10px 0; padding: 0;}
#page_title  #breadcrumb a.selected {font-weight: bold;}

#banner {width: 468px; height: 60px; position: absolute; top: 28px; right: 20px; }