/*page*/
body {width:100%; text-align:center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f1592a; background:#ffffff url(../img/beachhousemdBkg.jpg) repeat-x;}
img {border:0;}
#wrapper	{width:906px; margin:0 auto; text-align:left;}
#masthead {width:906px; height:207px; margin:0; padding:0;}
#left {width:251px; height:207px; background-color:#fbdc9a; margin:0; float:left; text-align:left;}
#mid {width:655px; margin:0; float:left; text-align:left;}
#topBanner {width:645px; height:137px; margin:0; padding:0 5px; text-align:left;}

a {color:#2e3192; text-decoration:underline;}
a:hover {text-decoration:none;}
a.more {text-decoration:underline; font-size:10px;}
a.more:hover {text-decoration:none; font-size:10px;}
#viewAll	{ text-align:right; padding:14px 5px 0 0; font-size:10px;}
.more {font-size:10px;}

p {padding-left:5px; color:#fbdc9a;}
.insideTitles	{color:#fbdc9a;; font-size:16px; font-weight:bold;}
.coupon {width:300px; border: dashed #fbdc9a 3px; margin:0 auto;}
#coupon {text-align:center; width:550px; margin:0 auto;}
ol li {padding-bottom:5px;}

/*Nav Menu*/
#nav{ width:614px; margin:0; padding:0; height:31px; float:left;}
#navMenu{ width:614px; margin:0; padding:0; height:30px;}
#navMenu ul {background-color:#fbf8e9; height:30px; width:614px;  text-align:left; display:block; padding:0; margin:0; list-style: none;}
#navMenu ul li {display:inline;}
#navMenu ul a {display:block; height:30px; float:left; background:no-repeat;}
#navMenu ul a.about{width:61px; background-image: url(../img/navAbout.gif);}
#navMenu ul a.about:hover {background-image: url(../img/navAboutOver.gif);}
#navMenu ul a.menu {width:58px; background-image: url(../img/navMenu.gif);}
#navMenu ul a.menu:hover {background-image: url(../img/navMenuOver.gif);}
#navMenu ul a.events {width:73px; background-image: url(../img/navEvents.gif);}
#navMenu ul a.events:hover {background-image: url(../img/navEventsOver.gif);}
#navMenu ul a.photos {width:68px; background-image: url(../img/navPhotos.gif);}
#navMenu ul a.photos:hover {background-image: url(../img/navPhotosOver.gif);}
#navMenu ul a.board {width:128px; background-image: url(../img/navBeachBoard.gif);}
#navMenu ul a.board:hover {background-image: url(../img/navBeachBoardOver.gif);}
#navMenu ul a.directions {width:106px; background-image: url(../img/navDirections.gif);}
#navMenu ul a.directions:hover {background-image: url(../img/navDirectionsOver.gif);}
#navMenu ul a.contact {width:81px; background-image: url(../img/navContact.gif);}
#navMenu ul a.contact:hover {background-image: url(../img/navContactOver.gif);}
#navMenu ul a.sep {width:5px; background-image: url(../img/navSeparator.gif);}

#navCorner{width:41px; height:31px; background: url(../img/navCorner.jpg) no-repeat; margin:0; padding:0; float:left;}
#slogan{width:632px; height:39px; background: url(../img/beachHouseSlogan.jpg) no-repeat; margin:0; padding:0; float:left;}
#topRightCorner{width:23px; height:39px; background: url(../img/topRightCorner.jpg) no-repeat; margin:0; padding:0; float:left;}
#content { background-color:#fbdc9a; width:906px; padding: 0; margin:0;}

#sidebar { width:244px; padding-left:9px;}
#sidebarContent { background: url(../img/sidebarBkg.jpg) repeat-y; width:224px; padding:0 5px; text-align:left;}
#sidebarTop		{ margin:0; padding:0; background:#ffffff url(../img/sidebarTop.jpg) no-repeat; width:234px; height:11px;}
#sidebarBottom	{ margin:0; padding:0; background:#FFFFFF url(../img/sibebarBottom.jpg) no-repeat; width:234px; height:12px;}
#sidebarInfo	{margin:0; padding:5px 0 0 0; border-top:#f1592a dashed 1px;}
#sidebarLiveMusic	{margin:0; padding:5px 0 5px 0; border-top:#f1592a dashed 1px;}
#sidebarHaveAnEvent	{margin:0; padding:5px 0 5px 0; border-top:#f1592a dashed 1px;}
#sidebarSpecialEvents	{margin:0; padding:0 0 5px 0;}
#specEventsDesc	{margin:0; padding-left:10px;}

#main 			{padding-left:3px; width:627px;}
#mainBoxTop		{margin:0; padding:0; background: url(../img/contentTop.gif) no-repeat; width:627px; height:19px; }
#mainBox		{background: url(../img/contentBkg.gif) repeat-y; width:613px; height:275px; padding:0 7px; text-align:left; color:#fbdc9a;}
#mainContent	{margin:0; background-color:#f1592a; color:#fbdc9a; width:613px; padding:0 7px; text-align:left;}
#mainBoxBottom	{margin:0; padding:0; background: url(../img/contentBottom.gif) no-repeat; width:627px; height:20px; clear:right;}
#beachBoardPost	{width:613px; margin:0; padding:10px 0; border-bottom:#f1592a dotted 1px;}
#t4t			{ width:275px; height:286px; background:#d04a51 url(../img/t4tBkg.jpg) no-repeat; color:#FFFFFF; padding:15px 170px 100px 155px; overflow:auto;}

#flash			{float:left; padding-left:5px; width:326px;}
#welcome 		{float:left; padding-left:5px; width:275px; text-align:left;}
#todaysSpecial	{float:left; padding:0; width:243px; height:40px; text-align:left;}
#todaySpecialContent	{float:left; padding:7px 0 0 3px; width:381px; text-align:left; font-weight:bold;}
#midBanner		{width:627px; padding-bottom:10px; clear:both;}
#bottomBanner	{width:627px; padding-top:5px; clear:both;}
#buckets		{width:627px; pading:0; clear:both;}
#bucketMenu		{float:left; padding:0;}
#bucket			{float:left; padding-left:19px;}
#right			{width:23px; background: url(../img/beachHouseBkgRight.jpg) repeat-y; margin:0;}
#bottom 		{width:906px; height:29px; margin:0; background: url(../img/beachHouseBottom.jpg) no-repeat; padding:0;}

/*global headers*/
h1 {font-size:28px; color:#fbdc9a; padding:15px 0;}
h1.t4tTitle	{color:#ffffff; font-size:16px;}
h2 {font-size:14px; margin: 0; font-weight:bold;}
h3 {font-size:14px; margin: 0;}

/*footer*/
#footer a{ font-weight:bold; text-transform:capitalize; text-align:center;}
#footer {font-size:10px; color:#666666; text-align:center;}

/*contact form*/
#contact_form {width:500px; text-align:left; margin:0 auto; padding-top:5px;}
#contact_form input {display:block; position:relative; clear:both;}
#contact_form input.button {left:70px;}
#contact_form textarea {display:block; position:relative; clear:both;}
#contact_form select {  position:relative; clear:both; }
#contact_form label {left:70px; clear:both; position:relative; }
#contact_form fieldset {border: #fbdc9a 2px solid; margin:0 0 15px 0;}
#contact_form legend {font-size:18px; color:#fbdc9a; margin:0;}