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

div, body { margin:0;padding:0; }
body { background:url(../images/shades/bg_slice.jpg) top repeat-x; }

#wrapper { width:842px; margin: 0 auto; position:relative; background:url(../images/shades/shade_repeat.jpg) repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif;}

#wrapper #topbg {
	background:url(../images/shades/top_bg_shade.jpg) top left no-repeat;
	display:block;
	width:810px;
	height:337px;
	padding:0 16px;
	position:relative;
}
#wrapper #topbg #topheader {
	position:relative;
	display:block;
	width:810px;
	height:102px;
	background:url(../images/top-nav/top_header.png) top left no-repeat;
}
#wrapper #topbg #go {
	position:absolute;
	top:12px;
	right:35px;
	width:113px;
	height:14px;
	border:none;
	background:#FFF;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#wrapper #topbg #submit {
	position:absolute;
	top:10px;
	right:7px;
}

#wrapper #topbg #topnav{display:block; height:19px; color:#6486CD; font-size:10px; background:#254281; width:810px; margin:0; text-align:center; padding-top:6px; font-weight:bold;}
#wrapper #topbg #topnav a {color:#FFDF96; text-decoration:none; padding:0px 9px;}
#wrapper #topbg #topnav a:hover {color:#FFF;}
#wrapper #topbg #topnav a.over {color:#FFF; text-decoration:underline;}
#wrapper #topbg #topnav a.over:hover {color:#6486CD; text-decoration:none;}

#wrapper #topbg #subnav {display:block; height:17px; color:#254281; font-size:10px; background:#FFDF96; width:810px; margin:0; text-align:center; padding-top:4px; font-weight:bold; border-bottom:1px solid #254281}
#wrapper #topbg #subnav a {color:#C4491A; text-decoration:none; padding:0px 9px;}
#wrapper #topbg #subnav a:hover {color:#254281; text-decoration:none;}

#wrapper #topbg #subnav .ulnav {position:relative; margin:0; padding:0;}
/**********DROPDOWN NAV STYLES**************/
#wrapper #topbg #subnav .ulnav ul { color:#FFF; position:absolute; display:none; left:0px; top:11px; padding:0;margin:0; list-style:none; border:1px solid #254281; border-top:none;}

/* Fix IE. Hide from IE Mac \*/
* html #wrapper #topbg #subnav ul li{ float: left; height: 1%; z-index:10; }
* html #wrapper #topbg #subnav ul li a { height: 1%; }
/* End */
#wrapper #topbg #subnav ul li{ clear:both; }
/*#wrapper #topbg #dropdowns ul li a { display:block; font-size:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }*/

#wrapper #topbg #subnav ul li a:hover { display:block; text-decoration:none; background-color:#FFDF96; } /*Hover Styles*/
	
#wrapper #topbg #subnav ul li a { border:none; border-bottom:none; background-color:#FFDF96; padding: 4px 2px; display:block; margin:0; width:120px; } /* Sub Menu Styles */
#wrapper #topbg #subnav ul li a.dropdownheader { background-color:#FFDF96; color:#254281; border-bottom:1px solid #254281;border-top:1px solid #254281; padding:3px 2px; }
#wrapper #topbg #subnav ul li a.dropdownheader:hover { background-color:#254281; color:#FFDF96;  }
		
#wrapper #topbg #subnav span:hover ul, #wrapper #topbg #subnav span.over ul { display:block; } /* Shows pop-out menu */
/**************************************/

#wrapper #topbg #reservationbox {
	position:absolute;
	top:311px;
	right:22px;
	display:block;
	width:206px;
	height:257px;
	background:url(../images/reservation_box.jpg) right bottom no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#4A3207;
	line-height:15px;
}
#wrapper #topbg #reservationbox #restop {
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:180px;
	height:21px;
	background:url(../images/reservation_box_top.jpg) right top no-repeat;
}
#wrapper #topbg #reservationbox .title {
	position:absolute;
	left:31px;
	top:3px;
	color:#FFF;
}
#wrapper #topbg #reservationbox .para1 {
	position:absolute;
	left:32px;
	top:34px;
	width:165px;
}
#wrapper #topbg #reservationbox .avail {
	position:absolute;
	left:90px;
	top:73px;
}
#wrapper #topbg #reservationbox .para2 {
	position:absolute;
	left:31px;
	top:102px;
	width:165px;
}
#wrapper #topbg #reservationbox .phone {
	position:absolute;
	left:92px;
	top:205px;
	text-align:right;
	color:#C4491A;
}
#wrapper #topbg #reservationbox a {color:#254281;}
#wrapper #topbg #reservationbox a:hover {text-decoration:none;}


#wrapper #bottomcontent { background:url(../images/shades/shade_repeat.jpg) top left repeat-x; padding:0 15px ; margin:0; color:#4A3207;min-height: 500px;  height:auto !important;
  height:500px;
}

#wrapper #bottomcontent #specialsbox {
	position:absolute;
	top:584px;
	right:22px;
	background:url(../images/specials.jpg) no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#4A3207;
	line-height:15px;
	display:block;
	width:184px;
	height:251px;
}
#wrapper #bottomcontent #specialsbox .stitle {
	position:absolute;
	left:8px;
	top:14px;
	color:#FFF
}
#wrapper #bottomcontent #specialsbox .spara1 {
	position:absolute;
	left:9px;
	top:159px;
	width:165px;
}
#wrapper #bottomcontent #specialsbox .slink {
	position:absolute;
	left:15px;
	top:232px;
}
#wrapper #bottomcontent #specialsbox a {color:#254281;}
#wrapper #bottomcontent #specialsbox a:hover {text-decoration:none;}

#wrapper #bottomcontent #content {
	width:560px; 
	padding:0px 0 25px 20px;
	line-height:15px;
	margin:0;
	}

#wrapper #bottomcontent #content h5 {color:#FFFFFF; font-size:20px; margin:0; padding:0;line-height:2em;}
#wrapper #bottomcontent #content h1.homepageh1 {color:#1E3566; font-size:14px; padding:0; margin:0;line-height:2em;}
#wrapper #bottomcontent #content h1 {color:#1E3566; font-size:14px; line-height:2em;}
#wrapper #bottomcontent #content h2 {font-size:12px; color:#1E3566;line-height:2em;}
#wrapper #bottomcontent #content h3 {font-size:12px; margin:0; padding:4px 0 4px 0;}
#wrapper #bottomcontent #content h4 {font-size:11px;}
#wrapper #bottomcontent #content p {font-size:10px; padding:4px 0; margin:0;}
#wrapper #bottomcontent #content td, #wrapper #bottomcontent #content blockquote {font-size:10px;}
#wrapper #bottomcontent #content #rssfeed ul {margin:0; padding:0;}
#wrapper #bottomcontent #content #rssfeed li {font-size:10px; list-style:none; padding:0 2px;}
/*Creates the arrow lists in the middle content*/
#wrapper #bottomcontent #content ul.arrowlist { width:300px; list-style:none; margin:0; margin-top:10px; margin-left:45px; padding:0; }
#wrapper #bottomcontent #content ul.arrowlist li { background:url(/images/arrow_list.gif) top left no-repeat; padding:0 0 16px 10px; }

#wrapper #bottomcontent #content a {color:#1E3566}
#wrapper #bottomcontent #content a:hover {color:#6486CD;}

#wrapper #bottomcontent .highlightbox {
	width:229px;
	height:224px;
	display:block;
	background:url(../images/highlightbox.jpg);
	font-size:11px; font-weight:bold;
	margin: 0 auto;
}
#wrapper #bottomcontent .highlightbox h5 { 
	color:#FFFFFF;
	font-size:11px;
	margin:0; padding: 5px 10px;}
	
#wrapper #bottomcontent .highlightbox img { 
	padding-left:4px;}
#wrapper #bottomcontent .highlightbox p { 
	color:#4A3207;
	padding-left:10px;
	padding-top:10px;
	width:200px;
	margin:0; }
#wrapper #bottomcontent .highlightbox a {
	color:#1E3566;
	padding-left:10px;
	padding-top:10px;}
#wrapper #bottomcontent .highlightbox a:hover {
	color:#6486CD;}

#footer {width:842px; margin-right:auto; margin-left:auto; font-size:10px; color:#FFF; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px; padding-bottom:10px;}
#footer a {color:#FFF; font-weight:bold;}
#footer a:hover {text-decoration:none; color:#FFDF96;}
#footer a.blog:link {color:#FFDF96;}
#footer a.fs:link {
	color:#FFF;
	font-weight:normal;
	text-decoration: none;
}
ul {
	display:block; 
}
li {
	padding:0 4px;
	margin:0; padding:0;
	font-size:10px;
}
.pics {
padding: 5px;
}

.galleryimg_l {
	background: #a38336;
	padding: 3px;
	width: 436px;
	margin: 0 auto 10px auto;
}

.galleryimg_l img{
	border: 2px solid #e1ceb0;
}

.galleryimg_s {
	background: #a38336;
	padding: 2px;
	width: 196px;
}

.galleryimg_s img{
	border: 1px solid #e1ceb0;
}