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

* { margin: 0; padding: 0; }

html, body, #wrapper { height: 100%; }

body > #wrapper { height: auto; min-height: 100%; }

body { background-color: #ffffff; background: url(../Images/bgrnd_body_01.jpg) repeat top center; font: 14px Arial, Helvetica, Sans-serif; color: #000000; margin: 0; }

html { height: 100%; }

a:link, a:visited { color: #0074cd; text-decoration: none; }
a:hover, a:active { color: #0074cd; text-decoration: underline; font: Arial, Helvetica, Sans-serif; }

form { display: inline; }

h1 { font: 28px Arial, Helvetica, Sans-serif; font-weight: bold; color: #c52929; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; }
h2 { font: 22px Arial, Helvetica, Sans-serif; font-weight: bold; color: #c52929; margin-top: 0px; margin-bottom: 10px; }
h3 { font: 20px Arial, Helvetica, Sans-serif; font-weight: bold; color: #c52929; margin-top: 0px; margin-bottom: 10px; }
h4 { font: 18px Arial, Helvetica, Sans-serif; font-weight: bold; color: #c52929; margin-top: 0px; margin-bottom: 10px; }
h5 { font: 16px Arial, Helvetica, Sans-serif; font-weight: bold; color: #c52929; margin-top: 0px; margin-bottom: 10px; }
h6 { font: 14px Arial, Helvetica, Sans-serif; font-weight: bold; color: #c52929; margin-top: 0px; margin-bottom: 10px; }

hr { border: none 0; border-top: 1px solid #000000; height: 1px; }

img { border: 0px; }

p { font: 14px Arial, Helvetica, Sans-serif; color: #000000; margin: 0 0 16px 0; }

p.large { font: 16px Arial, Helvetica, Sans-serif; margin: 0 0 20px 0; line-height: 20px; }

table { border-spacing: 0; border: 0; border-collapse: collapse; }
td { font: 14px Arial, Helvetica, Sans-serif; color: #000000; }

ul, ol { font: 14px Arial, Helvetica, Sans-serif; color: #000000; margin: 0 0 20px 20px; }
li { font: 14px Arial, Helvetica, sans-serif; line-height: 20px; margin: 0 0 5px 20px; }

input, select, textarea { padding: 1px 3px 1px 3px; font: 14px Arial, Helvetica, Sans-serif; color: #000000; }

/* =========================================
	Id CSS Styles
   =========================================
*/

#wrapper {  }
#main { padding-bottom: 280px; }

#header_wrapper { width: 100%; height: 122px; text-align: center; background: url(../Images/bgrnd_header_01.png) top center repeat-x; }
#header { width: 955px; height: 122px; margin-left: auto; margin-right: auto; }
#header_logo { width: 204px; height: 252px; position: absolute; top: 0; padding-left: 10px; float: left; }
#header_tag { width: 727px; height: 26px; padding-top: 15px; float: right; font: 20px "Myriad Pro", Tahoma, Arial, Helvetica, Sans-serif; font-weight: normal; color: #ffffff; text-align: center; letter-spacing: 0px; }
#header_tag .shadow { text-shadow: 2px 2px 2px #000000; filter: Shadow(Color=#000000, Direction=135, Strength=5); }

#header_navbar { width: 721px; height: 58px; float: right; padding-top: 15px; }

#header_navbar .menu { width: 93px; height: 58px; display: block; float: left; background: url(../Images/navbar_01.png) no-repeat 0 0; }
#header_navbar .menu:hover { background: url(../Images/navbar_on_01.png) no-repeat 0 0; }
#header_navbar .catering { width: 117px; height: 58px; display: block; float: left; background: url(../Images/navbar_02.png) no-repeat 0 0; }
#header_navbar .catering:hover { background: url(../Images/navbar_on_02.png) no-repeat 0 0; }
#header_navbar .about { width: 120px; height: 58px; display: block; float: left; background: url(../Images/navbar_03.png) no-repeat 0 0; }
#header_navbar .about:hover { background: url(../Images/navbar_on_03.png) no-repeat 0 0; }
#header_navbar .pictures { width: 109px; height: 58px; display: block; float: left; background: url(../Images/navbar_04.png) no-repeat 0 0; }
#header_navbar .pictures:hover { background: url(../Images/navbar_on_04.png) no-repeat 0 0; }
#header_navbar .locations { width: 138px; height: 58px; display: block; float: left; background: url(../Images/navbar_05.png) no-repeat 0 0; }
#header_navbar .locations:hover { background: url(../Images/navbar_on_05.png) no-repeat 0 0; }
#header_navbar .contact { width: 144px; height: 58px; display: block; float: left; background: url(../Images/navbar_06.png) no-repeat 0 0; }
#header_navbar .contact:hover { background: url(../Images/navbar_on_06.png) no-repeat 0 0; }

#body { width: 955px; margin-left: auto; margin-right: auto; padding-top: 20px; }
#body_left { float: left; width: 212px; padding: 0; position: relative; top: -142px; left: 0; }
#body_left .usegg_logo { width: 212px; height: 252px; text-align: center; padding: 0; margin: 0 0 -20px 0; }
#body_right { float: right; width: 710px; min-height: 500px; }

#body_content {  }
#body_content p { text-align: justify; line-height: 18px; }
#body_content .col1 { float: left; width: 300px; padding-top: 20px; }
#body_content .col2 { float: right; width: 383px; padding-left: 20px; }

#footer_wrapper { margin-top: -280px; width: 100%; height: 215px; clear: both; text-align: center; background: url(../Images/bgrnd_footer_02.png) top center repeat-x; padding: 65px 0 0 0; }
#footer { width: 100%; height: 215px; background: url(../Images/bgrnd_footer_01.jpg) top center repeat-x; }

#footer .row1 { width: 955px; height: 180px; margin-left: auto; margin-right: auto; padding: 0; }
#footer .row1 .col1 { width: 330px; height: 180px; float: left; margin: 0; position: relative; top: -60px; }
#footer .row1 .col2 { width: 325px; height: 145px; float: left; margin: 0; padding: 25px 0 0 20px; text-align: left; }
#footer .row1 .col2 h1 { font: 18px Arial, Helvetica, Sans-serif; color: #fdffce; font-weight: normal; margin: 0 0 10px 0; padding: 0; text-shadow: 2px 2px 2px #000000; filter: Shadow(Color=#000000, Direction=135, Strength=5); }
#footer .row1 .col2 table { width: 325px; padding: 0; margin: 0; border-spacing: 0; border: 0; border-collapse: collapse; }
#footer .row1 .col2 table td { width: 150px; padding-right: 5px; padding-bottom: 5px; vertical-align: top; }
#footer .row1 .col2 input { width: 138px; font: 14px Arial, Helvetica, Sans-serif; color: #000000; }
#footer .row1 .col2 label { font: 13px Arial, Helvetica, Sans-serif; color: #fdffce; font-weight: normal; text-align: left; clear: left; display: block; }
#footer .row1 .col2 .submit { width: 150px; height: 27px; font: 16px Arial, Helvetica, Sans-serif; color: #fdffce; background-color: #cc0000; border: 2px inset #cc0000; margin: 0; padding: 0; cursor: hand; cursor: pointer; text-shadow: 2px 2px 2px #000000; filter: Shadow(Color=#000000, Direction=135, Strength=5); }
#footer .row1 .col3 { width: 254px; height: 145px; float: left; margin: 0; padding: 25px 0 0 20px; }

#footer .row2 { width: 955px; text-align: center; margin-left: auto; margin-right: auto; }
#footer .row2 .copyright { width: 605px; padding: 0 0 0 50px; text-align: left; float: left; font: 12px Arial, Helvetica, Sans-serif; color: #000000; }
#footer .row2 .copyright a { color: #000000; text-decoration: none; }
#footer .row2 .copyright a:hover { text-decoration: underline; }
#footer .row2 .privacy { width: 240px; text-align: right; float: right; font: 12px Arial, Helvetica, Sans-serif; color: #fdffce; }
#footer .row2 .privacy a { color: #fdffce; text-decoration: none; }
#footer .row2 .privacy a:hover { text-decoration: underline; }

#footer_sm { width: 330px; height: 180px; }
#footer_sm .badges { width: 330px; height: 86px; }
#footer_sm .feed_wrapper { width: 310px; height: 124px; background: url(../Images/bgrnd_twitter_01.png) top left no-repeat; padding: 10px; text-align: left; }
#footer_sm .feed_wrapper .feed { width: 310px; height: 80px; text-align: left; overflow: auto; }
#footer_sm .follow { width: 106px; height: 38px; position: relative; top: -50px; }

#news_widget { width: 167px; height: 290px; background: url(../Images/bgrnd_news_01.png) top left no-repeat; padding: 20px 25px 20px 25px; }
#news_widget h1 { font: 25px "Arial Black", Arial, Helvetica, Sans-serif; font-weight: bold; color: #bf1e2e; margin: 0 0 10px 30px; text-transform: uppercase; }

#search { width: 240px; height: 41px; text-align: left; background: url(../Images/bgrnd_search_01.png) top left no-repeat; padding: 14px 0 0 14px; }
#search .keywords { width: 142px; height: 20px; border: none; background-color: transparent; background: none; font: 12px Arial, Helvetica, Sans-serif; color: #000000; margin: 4px 0 0 10px; padding: 0; }
#search .submit { width: 60px; height: 25px; font: 14px Arial, Helvetica, Sans-serif; color: #fdffce; background-color: #cc0000; border: 2px inset #cc0000; margin: 1px 0 0 10px; padding: 0; cursor: hand; cursor: pointer; text-shadow: 2px 2px 2px #000000; filter: Shadow(Color=#000000, Direction=135, Strength=5); }

#slideshow { width: 715px; height: 325px; padding: 0 0 20px 0; }

/* =========================================
	Class CSS Styles
   =========================================
*/

/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.copyright { color: #666666; font: 12px Arial, Helvetica, Sans-serif; }


/* Tweet Css */
.tweet, .query { margin: 0; padding: 0; font: 12px Arial, Helvetica, Sans-serif; color: #000000; }
.tweet .tweet_list, .query .tweet_list { list-style-type: none; margin: 0 !important; padding: 0; }
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; }
.tweet .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 5px; margin: 0 0 0 0; font: 12px Arial, Helvetica, Sans-serif; color: #000000; }
.tweet .tweet_list li a, .query .tweet_list li a { color: #ffffff; }
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {  }
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: 5px; float: left; }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: top; }


/* Food Menu Css */
#menu_slider1, #menu_slider2, #menu_slider3, menu_slider4 { width: 710px; }

ul.menu_categories { margin: 8px 0; }
ul.menu_categories li { float: left; text-align: center; margin: 7px; }
ul.menu_categories a:hover { color: #005991; }
ul.menu_categories a:hover img { border-color: #999999; background-color: #f9fac4; }
ul.menu_categories a img { display: block; padding: 8px; border: 1px solid #999999; background-color: #c52929; }

.menu_content { display: none; float: left; color: #000000; font: 14px Arial, Helvetica, Sans-serif; margin: 20px; }

.menu_tabs { float: left; }
.menu_tabs ul { list-style: none; padding: 0; margin: 0; text-align: center; /*margin-left:50px;*/ }
.menu_tabs li { display: inline; margin-left: 5px; margin-right: 5px; float: left; }
.menu_tabs a { margin-bottom: 0; color: #c52929; text-decoration: none; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-variant: small-caps; }
.menu_tabs a:hover { color: #005991; }
.menu_tabs a.omelettes_on,
.menu_tabs a.trad_breakfasts_on,
.menu_tabs a.pancakes_on,
.menu_tabs a.protein_pancakes_on,
.menu_tabs a.specialty_dishes_on,
.menu_tabs a.lighter_side_on,
.menu_tabs a.american_sandwiches_on,
.menu_tabs a.burgers_on,
.menu_tabs a.salads_on,
.menu_tabs a.low_carb_on,
.menu_tabs a.half_orders_on,
.menu_tabs a.kids_menu_on,
.menu_tabs a.the_etc_on,
.menu_tabs a.ala_carte_on,
.menu_tabs a.beverages_on,
.menu_tabs a.juices_on,
.menu_tabs a.gift_certs_on { color: #005991 !important; }

.menu_tabs a.omelettes_on img,
.menu_tabs a.trad_breakfasts_on img,
.menu_tabs a.pancakes_on img,
.menu_tabs a.protein_pancakes_on img,
.menu_tabs a.specialty_dishes_on img,
.menu_tabs a.lighter_side_on img,
.menu_tabs a.american_sandwiches_on img,
.menu_tabs a.burgers_on img,
.menu_tabs a.salads_on img,
.menu_tabs a.low_carb_on img,
.menu_tabs a.half_orders_on img,
.menu_tabs a.kids_menu_on img,
.menu_tabs a.the_etc_on img,
.menu_tabs a.ala_carte_on img,
.menu_tabs a.beverages_on img,
.menu_tabs a.juices_on img,
.menu_tabs a.gift_certs_on img { border: 1px solid #c52929 !important; background-color: #f9fac4 !important; }

.menu_items { padding: 10px;}
.menu_items h3 {  }
.menu_items h4 { margin: 0 0 0 0; padding: 0; font: 16px Arial, Helvetica, Sans-serif; font-weight: normal; }
.menu_items p { margin: 0 0 20px 0; padding: 0; }