*
{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Sans Serif, Helvetica, Arial;
	border: none;
}
html
{
}
body
{
	background: #eee url('/mcafe/images/debut_light.png');
	margin: 0;
	-margin-top: -28px;
}
li
{
	list-style: none;
}
.clear
{
	clear: both;
}

.horizontal
{
	display: inline-block;
	margin: 0;
}
.horizontal li
{
	float: left;
}
.left
{
	float: left;
	display: inline-block;
}
.right
{
	float: right;
	display: inline-block;
}
.entry-title
{
    display:none;
}
.padding a,.orange
{
    color: #FF8A00;
    text-decoration: none;
    font-weight:  600;
}
.padding a:hover
{
    color: #E67C00;
}
.error
{
    border-color: #FF8A00!important;
}
/**/
nav
{
	display: inline-block;
}
header#masthead, #main, footer#colophon
{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	
}
footer#colophon a
{
    color: #FF8A00;
    text-decoration: none;
    font-weight:  600;
}
header#masthead
{
	padding-top: 16px;
	text-align: center;
}
header#masthead nav li
{
	margin: 44px 15px 0;
	/*border-bottom: solid 3px #633b1c;
    padding-bottom: 1px;*/
	display: inline-block;
	width: 120px;
	background-image: url('/mcafe/images/underline.png');
	background-position: bottom;
	background-repeat: no-repeat;
	height: 34px;
}
header#masthead nav li.home
{
	border-bottom: none;
	background: none;
	margin-top: 0;
	height: 100px;
}
header#masthead nav li a,
header#masthead nav li a:link,
header#masthead nav li a:visited,
header#masthead nav li a:hover
{
	font-size: 18px;
	color: #633b1c;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	border: none!important;
}
.logo a img
{
    border: none;
}

header#masthead nav li a:hover,
header#masthead nav li a.selected
{
    color: #9BA906;
}
#main
{
	margin: 0 auto;
}
#top-tabs
{
	width: 1024px;
	padding: 0 80px 0 50px;
	display: table-cell;
	vertical-align: bottom;
	margin-top: -1px;
	color: #999;
	font-size: 11px;
	position: relative;
}

#top-tabs .left
{
	margin-top:-4px;
}

#top-tabs ul li
{
	background: gray;
	margin-right: 10px;
	margin-top: 10px;
	
}
#top-tabs ul li a
{
	background: gray;
	color: white;
	text-decoration: none;
	padding: 4px 13px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#top-tabs ul li a.giftcards
{
    background: #9ba906;
}
#top-tabs ul li a.giftcards:hover
{
    background: #849900;
}
#top-tabs ul li a.resetcleanse
{
    background: #FF8A00;
}
#top-tabs ul li a.resetcleanse:hover
{
    background: #E67C00;
}
#top-tabs ul li a.resetcleanse.selected
{
    position: relative;
    z-index: 0;
    background: white;
    color: #FF8A00;
	box-shadow: 0 -2px 5px 2px #e6e6e6;
	font-weight: 600;
}
#top-tabs ul li a.mealprogram
{
    background: #B1D100;
}
#top-tabs ul li a.mealprogram:hover
{
    background: #6E8203;
}
#top-tabs ul li a.mealprogram.selected
{
    position: relative;
    z-index: 0;
    background: white;
    color: #B1D100;
	box-shadow: 0 -2px 5px 2px #e6e6e6;
	font-weight: 600;
}
#top-tabs ul li a.orderonline
{
    background: #D0493E;
}
#top-tabs ul li a.orderonline:hover
{
    background: #AA3C33;
}
#top-tabs ul li a.orderonline.selected
{
    position: relative;
    z-index: 0;
    background: white;
    color: #D0493E;
	box-shadow: 0 -2px 5px 2px #e6e6e6;
	font-weight: 600;
}
#top-tabs .right
{
    margin-right: -20px;
}
.subscribe
{
	display: inline-block;
	background: #758004;
	padding: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
    .subscribe:hover {
        
	background: #5D6603;
    }
.subscribe div input[type=email]
{
	padding: 2px 3px 3px 3px!important;
    border: solid 1px white!important;
    border-top-left-radius: 2px!important;
    border-bottom-left-radius: 2px!important;
    width: 130px!important;
    background: white!important;
    font-weight: normal;
    font-size: inherit;
}
.subscribe div
{
    display: inline-block;
}
.subscribe div label,
#fsRow1490757-2
{
    display: none!important;
}
.subscribe .fsBody .fsRowBody
{
    padding: 0!important;
}
.subscribe a,
.subscribe input[type=submit]
{
    color: White;
    text-decoration: none;
    background: #758004;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px 4px 7px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border: none;
	margin-left: -2px;
}
.subscribe .fsSubmit input.fsSubmitButton
{
    padding: 4px 8px 4px 7px;
	margin-left: -3px;
    clear: none;
}
.subscribe a:hover,
.subscribe input[type=submit]:hover
{
    background: #5D6603;
    cursor: pointer;
}
#box
{
	background: white;
	padding: 8px;
	min-height: 570px;
	width: 1008px;
	float: left;
	border-radius: 3px;
	box-shadow: 0 0 10px 2px #e6e6e6;
}
#right-tabs
{
	float: left;
	width: 32px;
	height: 790px;
}
#right-tabs a
{
    display: block;
    height: 32px;
    width: 32px;
    overflow: hidden;
    text-decoration: none;
    margin-top: 16px;
}
#right-tabs a:hover
{
    background-position: 0 32px;
}
#right-tabs a.facebook
{
    background-image: url('/mcafe/images/icons/spr_fb.png');
}
#right-tabs a.twitter
{
    background-image: url('/mcafe/images/icons/spr_tw.png');
}
#right-tabs a.labite
{
    background-image: url('/mcafe/images/icons/spr_la.png');
}
#right-tabs a.postmates
{
    background-image: url('/mcafe/images/icons/spr_pm.png');
}



#left-tabs
{
	float: left;
	width: 32px;
	height: 800px;

}

/******* HOME **************/
.img
{
	display: inline-block;
	background: #333;
	margin: 8px;
}
/******* End HOME **************/

footer#colophon
{
	margin-top: 20px;
	font-size: 14px;
	line-height: 18px;
}

footer#colophon ul.menu li
{
	border-right: solid 1px gray;
}
footer#colophon ul.menu li.last
{
	border-right: none;
}

footer#colophon ul.menu li a
{
	margin: 0 10px;
	color: #666;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
footer#colophon .site-info
{
    padding-bottom: 60px;
}
/************/
.padding
{
    padding: 16px 24px;
    text-align: left;
    font-size: 14px;
    
}
.padding h2
{
    color: #633b1c;
    font-size: 36px;
    font-family: 'Lobster', cursive;
    font-weight: normal;
    margin: 0;
}
.padding p
{
    font-size: 14px;
    line-height: 1.58;
    margin: 18px 0;
}
.padding img.main
{
    -padding: 20px 32px 0 32px;
}
.submenu
{
	background: #9ba906;
}
.block
{
    width: 600px;
}
.submenu2 li
{
    margin-right: 20px;
}
.submenu2 li a
{
    color: #9ba906;
    font-size: 16px;
    padding-bottom: 5px;
    display: inline-block;
}
.submenu2 li a.selected
{
    color: #758004;
    border-bottom: solid 3px #758004;
}
.submenu2 li a.selected h4
{
    color: #758004;
}

#main .submenu
{
	width: 992px;
	height: 32px;
	margin: 8px;
}
#main .submenu li
{
    margin-top: 4px;
}
#main .submenu li a
{
	color: white;
	padding: 6px 16px 7px;
	font-size: 14px;
	text-decoration: none;
}
#main .submenu li a:hover,
#main .submenu li a.selected
{
	background: #758004;
}

/* ABOUT Restaurants */
.restaurants article 
{   
    padding-bottom: 36px;
}
.restaurants article .container
{
    -width: 690px;
}
.restaurants article h4
{
    padding-top: 16px;
}
.restaurants article img
{
    padding-right: 32px;
}
/******/

/* ABOUT Contact */
.contact .left
{
    width: 300px;
    
}
.contact b
{
    color: #9BA906;
}

/*****************/
/*** NEWS ****/
#main .news li
{
}
#main .news li a
{
    padding-right: 16px;
    padding-bottom: 16px;
    display: block;
}
#main .news li:last-child a
{
    padding-right: 0;
}
/*******************/

.gmap
{
border: solid 8px #666;
}


/*** MENU ************************************/
.menu
{
}

.menu
{
    color: #444;
}
.menu span
{
    font-size: 13px;
}
.menu img.image
{
    margin: 20px 0 10px;
}


i.info
{
    color: #aaa;
    margin-top: 22px;
    padding-left: 10px;
    font-size: 13px;
    
}
h4
{
	color: #9ba906;
    font-size: 16px;
    margin: 0px 0 0;
}
.menu h4
{
    letter-spacing:2px;
    text-transform: uppercase;
}
h5
{
    color: Black;
    font-size: 14px;
    margin: 20px 0 0;
}
.menu h5
{
    color: #9ba906;
    margin-top: 0;
    font-size: 11px;
}
.menu i
{
    color: #aaa;
}
.menu table
{
    width: 100%;
    margin-bottom: 10px;
}
.menu table tr td
{
    vertical-align: top;
    padding: 5px 0;
    font-size: 14px;
}

.menu table tr td:nth-child(2)
{
    vertical-align: top;
    text-align: right;
    font-size: 13px;
    width: 70px;
    white-space:nowrap;
}
.price
{
    font-size: 13px;
    white-space:nowrap;
    display: block;
    margin-bottom: 10px;
}
.menu .item-title
{
    font-size: 14px;
}
.menu p
{
    margin: 0;
    color: #bbb;
    line-height: 1.5;
    font-size: 12px;
}
.menu p1
{
	color: #bbb;
	line-height: 1.5;
	font-size: 12px;
	padding-right: -50px;
}
.menu ul
{
    margin: 15px 0;
}
.menu ul li
{
    font-size: 13px;
    padding: 8px 0;
}
.menu ul li span
{
    color: #FF8A00;
    font-weight: 600;
}
.highlight-box
{
    margin: 0 -8px;
    padding: 8px;
    border: solid 2px #758004;
}

.highlight-box .price {
    float: right;
}
.highlight-box > p {
    padding-right: 70px;
}
sup
{
    font-size: 9px;
    color: #758004;
    font-weight: bold;
}
.button
{
    padding: 5px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 11px;
}
a.orange.button
{
    color: White;
    background: #FF8A00;
    font-weight: normal;
}
a.orange.button:hover
{
    background: #E67C00;
}

/***END MENU *********************************/

/* CATERING */

.catering h4
{
    margin: 20px 0 0;
}
.catering i
{
    font-size: 12px;
    display: block;
}
.catering.right
{
    margin-left: 50px;
}


/**** PHOTOS*****/
.photo-main
{
    background: #eee;
    width: 800px;
    padding: 10px;
    height: 100%;
}

.photo-list
{
    background: #eee;
    height: 100%;
    padding: 10px;
}
.photo-list ul li
{
    margin-bottom: 10px;
    position: relative;
}
.photo-list ul li img
{
    position: relative;
}
/**** END PHOTOS *****/

/* EVENTS */
.events article .right
{
    padding-top: 16px;
}
.events article
{
    margin-bottom: 32px;
}

.events .orange.button
{
    margin-top: 16px;
}
red 
{
	color: #9E0B0F;
	font-size: 14ner px;
	font-weight: bold;
}
sup
{
    font-size: 9px;
    color: #758004;
    font-weight: bold;
}
/* END EVENTS */

/* LOCATIONS */
.locations
{
    line-height: 1.5;
}
article article div.right
{
    width: 500px;
}

img.grayframe
{
    border: solid 16px #f0f0f0;
}
/* RESET */
.imageTable {
        clear: both;
        float: right;
}
.align_left {
    float: left; 
    margin-right: 1em;
    margin-bottom: 1em;
}
 
.align_right {
    float: right; 
    margin-left: 1em;
    margin-bottom: 1em;
}
 
.align_center {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}