/* CSS Document */
/*Website Designed and Developed by Flavia Oleniewski*/

/*Globals*/
* {margin:0; padding:0;}
body {width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#336799; }
#page {width:800px; margin:15px auto; text-align:left; border: 1px solid #993333;}
H1 {color:#FFFFFF; font-size:16px; border-bottom:solid #FFFF99 1px; text-transform:uppercase; padding:5px 0; margin:5px 0;}
p {padding:5px 0; line-height:1.5em;}
a {color:#fff1a4; font-weight:bold;}
a:hover {text-decoration:none;}
/*Header*/
#header {background:url(images/header_bg.gif) repeat-x #fff1a4;  width:328px; float:left;  color:#00306b; padding:10px;}

#logo {text-align:center; margin:0 auto; padding: 14px 0 8px 0;}
.phone {font-size:18px; font-weight:bold; line-height:1.5em;}
#flash {width:451px; height:274px; float:right; border-left:1px solid #993333; background:url(images/header_bg.gif) repeat-x #fff1a4;}
.header_img {width:451px; float:right;  border-left:1px solid #993333;}
/*content*/
#inner_content{background:#00306b; color:#fff;}
#inner_content p {padding:5px 10px;}
#inner_content h2 {text-transform:uppercase; font-weight:bold; font-size:16px; border-bottom:solid #FFFF99 1px; text-transform:uppercase; padding:5px 0; margin:5px 10px;}
#inner_content h3 {font-size:14px; font-weight:bold; color:#fff1a4; text-align:center; padding:10px;}
#inner_content strong {color:#c6daed;}
.top {text-align:right; padding-right:10px; font-size:10px;}
.mag {padding:10px;}
.review {border-bottom:dotted #11498d 1px;}

/*content*/
#content {background:#00306b;}
#left {width:328px;float:left;  padding:10px; color:#ffffff}

#right{width:450px; float:right; border-left:2px solid #993333; }


/*navigation*/
#nav {background:#993333; height:37px;}
#nav ul {list-style:none; padding-left:5px;}
#nav li {float:left; display:block; padding:0 20px 0 26px; background:url(images/bullet.gif) no-repeat 0 15px;}
#nav li a {height:37px; display:block; float:left;}
#nav li a.home {background:url(images/nav_home.gif) 0 0;}
#nav li a.home:hover {background-position:0 37px;}
#nav li a.lunch {background:url(images/nav_lunch.gif) 0 0;}
#nav li a.lunch:hover { background-position:0 37px;}
#nav li a.dinner {background:url(images/nav_dinner.gif)  0 0;;}
#nav li a.dinner:hover {background-position:0 37px;}
#nav li a.history {background:url(images/nav_history.gif)  0 0;;}
#nav li a.history:hover {background-position:0 37px;}
#nav li a.reviews {background:url(images/nav_reviews.gif)  0 0;;}
#nav li a.reviews:hover {background-position:0 37px;}
#nav li a.directions {background:url(images/nav_directions.gif) 0 0;;}
#nav li a.directions:hover {background-position:0 37px;}

/*accolades*/
#accolades, #address {background:#fff1a4; border-top:2px solid #993333; position:relative;}
#address { color:#00306b; padding:10px;}

/*Footer*/
#footer {font-size:11px; color:#fff1a4; text-align:center; margin:0 auto; width:100% }

/*forms*/
#contact_form {width:400px; margin-left:10px; margin-bottom:9px;}
#contact_form label {font-weight:bold; color:#014891; display:block; padding-top:5px;}
#contact_form input {display:block;}
#contact_form .full {width:100%;}
#contact_form .half {width:50%;}
#contact_form .quarter {width:25%;}

#opt h1 {border:0;}