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

/*========================================================*/
/* COLOR GUIDE                                            */
/*========================================================*/
/*



========================================================= */


/*========================================================*/
/*    Cascading Style Sheet for SQUARE ONE DINING         */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. UNIVERSAL ELEMENTS                                 */
/*  2. NON-UNIVERSAL ELEMENTS                             */
/*  3. UNIVERSAL LAYOUT                                   */
/*  4. POSITIONIG CLASSES                                 */
/*  5. STYLING CLASSES                                    */

/*========================================================*/


/* ============================================================================================================================= */
/* 1. UNIVERSAL ELEMENTS                                                                                                         */
/* ============================================================================================================================= */

* {margin:0; padding:0;border:none;}
body {background-color: #fff;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:underline;}
a:visited {text-decoration:none;}
p {font:12px/16px Arial,"Helvetica",sans-serif;}
p a {font:12px/16px Arial,"Helvetica",sans-serif; }
p a:hover {text-decoration:underline;}

/* ============================================================================================================================= */
/* 2. NON-UNIVERSAL ELEMENTS                                                                                                     */
/* ============================================================================================================================= */

/* ----------------------------------------------------------------------------------------------------- about page ------------ */
.content_about_title {width:870px; position:relative; top:15px; left:15px; padding:0 0 8px 0; border-bottom:1px solid #91A13C; float:left}
.content_about_body {width:350px; position:relative; padding:0 30px 0 20px; float:left;}
.content_about_photos {width:470px; position:relative; float:left; }
.fullwidth {width:870px; position:relative; height:auto; top:15px; left:15px; float:left; padding:20px 0; }
.content_about_photos div {float:left; width:140px; height:96px; margin:0 0 10px 10px; border:1px solid #91A13C;}
.content_about_photos a:hover img {background:#91A13C;}
.content_about_photos a img {padding:5px 5px; width:130px; height:86px; display: block; background: #fff;}

/* ----------------------------------------------------------------------------------------------------- visit page ------------ */

.content_in_visit {position:relative;height:460px; width:900px;margin:0 auto;}
.content_visit_title {width:870px; position:relative; top:25px; left:15px; padding:0 0 5px 0; border-bottom:1px solid #91A13C; float:left}
.content_visit_body {width:350px; position:relative; padding:0 20px; float:left;}
.content_visit_map {width:460px; position:relative; float:left; }
.fullwidth {width:870px; position:relative; height:auto; top:25px; left:15px; float:left; padding:20px 0; }

/* ----------------------------------------------------------------------------------------------------- press page ------------ */
.content_in_press {position:relative;height:auto; width:900px;margin:0 auto;}
.content_press_title {width:850px; position:relative; top:25px; left:15px; padding:0 0 5px 0; border-bottom:1px solid #91A13C;}
.content_press_body {width:690px; height:auto; float:left; position:relative; padding-bottom:30px; margin-top:45px; margin-left:35px;}
.content_press_body p {font:12px/12px Arial,"Helvetica",sans-serif; padding-bottom:15px; }
.content_press_body h1 a {font:12px/14px Arial,"Helvetica",sans-serif; font-weight:bold; color:#6A7C15; text-decoration:underline;}
.content_press_body h1 a:hover {text-decoration:none;}
.content_press_body h1 {font:12px/14px Arial,"Helvetica",sans-serif; font-weight:bold; color:#6A7C15;}

/* ----------------------------------------------------------------------------------------------------- menu pages ------------ */
.content_in_menu {position:relative; height:auto; width:900px; margin:0 auto;}
.content_menu_title {width:860px; position:relative; margin-top:25px; margin-left:15px; padding:0 0 2px; border-bottom:1px solid #91A13C;}
.content_menu_breakfast {width:830px; height:auto; float:left; position:relative; padding-bottom:30px; margin-top:35px; margin-left:35px;}
.content_menu_lunch {width:830px; height:auto; position:relative; margin-bottom:30px; padding-top:35px; margin-left:35px;}
.menu_section {position:relative;float:left; width:380px; padding: 0 25px 40px 0; height:auto;}
.menu_section_title {position:relative; float:left;width:380px; padding:0 0 2px 0; border-bottom:1px solid #91A13C;}
.menu_section_list {position:relative;float:left; width:380px; padding:10px 0 0 0;}
.items {position:relative; float:left; width:100%; height:auto; text-align:left;}
.items li {vertical-align:text-top; line-height:14px;}
.items li.subitem {list-style-type:none; list-style-position:outside; margin-left:20px; font:12px/14px Arial,"Helvetica",sans-serif;}
.items li.item {list-style-type:circle; list-style-position:outside; margin-left:15px; width:305px; font:12px/14px Arial,"Helvetica",sans-serif;}
.items li.price {list-style-type:none; display:block; font:12px/14px Arial,"Helvetica",sans-serif; width:380px; margin-top:-14px; text-align:right;}
.col_left {position:relative; float:left; width:405px; height:auto;}
.col_right {position:relative; float:right; width:405px; height:auto;}
.section_subtitle {position:relative;float:left; font:12px/13px Arial,'Helvetica',sans-serif; margin-top:10px; font-weight:bold; font-style:italic;}
span.ital {font:12px/12px Arial,"Helvetica",sans-serif; font-weight:bold; font-style:italic;}
.section_details {position:relative; float:left; font:11px/12px Arial,'Helvetica',sans-serif; float:left; clear:both; top:15px; margin-bottom:10px; width:360px;}

/* ============================================================================================================================= */
/* 3. UNIVERSAL LAYOUT                                                                                                           */
/* ============================================================================================================================= */

#wrapper {width:100%;height:auto;position:relative; margin:0 auto; z-index:10;}

.splash_logo {position:relative; top:175px; width:428px; margin:0 auto;}
.splash_content {position:relative;height:520px; width:900px; margin:0 auto;}
.foot {float:left; position:relative;height:auto; width:100%;}
.footer {position:relative; height:100px; width:900px; margin:0 auto;}

/* ----------------------------------------------------------------------------------------------------- navigation ----------- */

.navigation {padding:10px 0 0 35px; color:#6A7C15; font:14px/14px Arial,"Helvetica",sans-serif; width:250px;}
.nav_col_1 {position:absolute;left:0px; width:60px;}
.nav_col_2 {position:absolute;left:60px;width:70px;}
.nav_col_3 {position:absolute;left:130px;width:60px;}
.nav_col_4 {position:absolute;left:190px;width:60px;}
.nav_text a {color:#6A7C15; font:14px/14px Arial,"Helvetica",sans-serif; font-weight:bold;}
.nav_text a:hover {color:#6A7C15; text-decoration:underline;}
.drop a:hover {color:#6A7C15;text-decoration:none;}
.nav_border {border-left:1px solid #6A7C15;padding-left:15px; }
.nav a {font-size:11px;}
.nav a:hover {font-size:11px;text-decoration:underline;}
ul.nav {display:none; list-style-type:none; padding:12px 0 0 0; float:left; position:relative; width:170px;}

/* ------------------------------------------------------------------------------------------------- end navigation ----------- */


.header {position:relative;height:115px; width:900px;margin:0 auto;}
.header_logo {position:relative;top:18px;left:12px; width:183px; height:90px; float:left;}
.header_nav {position:relative;top:48px; float:right; right:15px;}
.content {float:left; position:relative;height:auto; width:100%;border-top:1px solid #91A13C;border-bottom:1px solid #91A13C;}
.content_in {position:relative;height:430px; width:900px;margin:0 auto;}



/* ============================================================================================================================= */
/* 4. POSITIONIG CLASSES                                                                                                         */
/* ============================================================================================================================= */

.fl {float:left;}
.fr {float:right;}
.toppush {padding-top:30px;}
.btmpush {margin-bottom:15px;}
.lftpush {margin-left:15px;}
.rhtpush {margin-right:15px;}
.clear {clear:both;}


/* ============================================================================================================================= */
/* 5. STYLING CLASSES                                                                                                            */
/* ============================================================================================================================= */

.textgreen {color:#6A7C15;}
.textwhite {color:#FFFFFF;}
.side_bord {border-left:1px solid #91A13C;border-right:1px solid #91A13C;}
.subtitle {position:relative; font:13px/13px Arial,'Helvetica',sans-serif; padding:0 0 0 5px; font-style:italic; font-weight:bold; top:-1px;}
.text_foot {font:11px/11px Arial, 'Helvetica', sans-serif; display: block; margin:15px 35px 0 15px; color:#6A7C15; }