@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

/* @group Reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; text-align: left; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
dfn { display: none; }


html {
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	height: 100%;
	overflow-y: scroll;
}

body {
	text-rendering: optimizeLegibility;
	line-height: normal;
	height: 100%;
	font-size: 12px;
	color: #353535;	
}

strong{ font-weight: bold;}

#BodyContainer {
	max-width: 100%;
	position: relative;
}

p
{
	margin-bottom: 1em;
}

/* @end */

/* @group Page Elements */

#Header{	
	margin: 0 auto;
	width: 1004px;
	clear: both;
	overflow: hidden;
	height: 114px;
}

#Header #Logo
{
	float: left;

}

#Header #Address
{
	color: #252525;
	float: right;
	/* should be display: inline-block
	but bug (race-condition?) in webkit
	forces this workaround */
	display: inline-table;
	font-size: 13px;
	margin: 30px 0 0;
}


.address_links li { 
	display: inline;
	padding-right: 18px;
}

.address_links li.phone{ 
	background: url("images/phone.png") no-repeat left center; 
	padding-left: 18px;
}

.address_links li.fax{ 
	background: url("images/fax.png") no-repeat left center; 
	padding-left: 21px;
}

.address_links li.email{ 
	background: url("images/email.png") no-repeat left center; 
	padding-left: 22px;
	padding-right: 0;
}

#Header #Address a, .contact_address a:hover
{
	color: #ff9900;
}

#Header #Address a:hover{
	color: #252525;
}
#Header #Address .address {
  	float: right;
  	background: url("images/address.png") no-repeat left top; 
	padding-left: 18px;
	min-height: 25px;
	margin-top: 25px;
}

#TopMenu {
	width: 100%;
}

#MenuBarTop
{
	max-width: 1004px;
	height: 30px;
	position: relative;
	display: block;
	z-index: 100;
	clear: both;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	background: #2d2c2b;
}

#ContentContainer
{
	height: auto;
	width: auto;
	margin: 0 auto;
	width: 1004px;
}

#ContentContainer h1 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 1em;
}

#ContentLeft
{
	width: 67%;
}

#ContentBottom
{
	position: relative;
}

#MenuBarBottom
{
	clear: both;
	color: #6d6d6d;
	position: relative;
	margin: 0 auto;
	width: 1004px;
	font-size: 12px;
	border-top: 1px solid #bbbbbb;
	padding: 15px 0;
	overflow: hidden;

}

#ContentText
{
	padding: 25px 0 50px 0;
	overflow: hidden;
	border-bottom: 2px solid #838383;
	margin-bottom: 2px;


}


#ContentText * {}

#ContainerLeftBottom{
	float: left;
	margin-right: 44px;
	width: 510px;
}

.ul_list{ margin:0 0 20px 20px;}

.ul_list li{  background: url(images/arrow-left-8.png) left 5px no-repeat; margin: 0 0 10px 0; padding-left: 15px; }

#ContainerRightBottom
{
	position: relative;
	float: right;
	width: 450px;

}

.rightSiderbarBox {
  background: #F1F1F2;
  display: block;
  padding: 34px 34px 25px 20px;
}

.rightSiderbarBox h3{ font-size: 28px; line-height: 36px; }

.rightSiderbarBox h5{ font-size: 15px; text-align: right; margin-top: 40px;}

.rightListBullet li{ margin-bottom: 10px;}

.rightListBullet li a{ font-size: 16px; background: url(images/arrow-left-16.png) left center no-repeat; padding-left: 20px; line-height: 24px; }

.rightListBullet li a:hover, .rightListBullet li.active a{ color: #FF9900}

.sides_ul {
  margin-bottom: 10px;
}
.sides_ul li{background: url(images/arrow-left-16.png) left center no-repeat; padding: 5px 0 5px 18px;}

.we_support {
  font-weight: bold;
  margin-top: 10px;
}

#ContainerRightBottom #SocialMediaButtons{
	display: block;
	border:2px solid #d8d8d8;
	margin-top: 20px;
	overflow: hidden;
	padding: 15px 64px 15px 32px;

}

#SocialMediaButtons h3{ float: left; font-size: 22px;}
#SocialMediaButtons .social_icon{ float: left; margin-left: 22px;}
.social_icon li{ float: left;}
.social_icon li a{ float: left; text-indent: -9999px; background-image: url(images/social_sprite.jpg); background-repeat: no-repeat; width: 35px; height: 34px; margin-right: 12px;}
.social_icon li a:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.social_icon li a.facebook{ background-image: url(images/fb_full.jpg); background-position: 0 0; width: 128px;}
.social_icon li a.twitter{ background-position: -35px 0;}
.social_icon li a.google{ margin-right: 0; background-position: -70px 0;}

#ContainerRightBottom #RightPicture
{
	padding: 0;
	width: 100%;
	float: left;
}

 #ContainerRightBottom table
{

}

/*
#ContainerRightBottom table img
{
	width: 23%;
	height: auto;
}
*/

#ContainerRightBottom ul li {}

#RightPicture + p
{
	color: white;
	font-style: italic;
	position: absolute;
	margin-top: 20%;
	margin-left: 5%;
	margin-right: 3%;
	line-height: normal;
}

#ContainerRightBottom #SlideshowArraysContainer
{
	position: absolute;
	margin-top: 3%;
	margin-left: 5%;
}

#SlideshowArraysContainer #LeftArrow + #RightArrow
{
	margin-left: 12px;
}

#SlideshowArraysContainer #LeftArrow, #SlideshowArraysContainer #RightArrow
{
	cursor: pointer;
}

#ContentText span.MenuDescription {
	color: grey;
	font-size: .75em;
}


#ContentText h1.MenuHeader {
	font-size: 36px;
	margin-bottom: 20px;
	word-spacing: -2px;
	font-weight: bold;
}

.MenuGroup h2 .MenuDescription:before
{
	content: " - ";
}

table tbody tr td.intend
{
	padding-right:1em;
}

#IncludedServices
{
	margin-top: 2em;
	margin-bottom: 3em;
}


#ContactAdressDetails
{

}

.PhoneNumberColored
{
	color: #171717;
	font-weight: bold;
}

#ReservationDescription
{
	float: left;
	margin: 40px 0;
	
}

#ReservationDescription h4
{
	color: black;
	font-weight: bold;
}

#ReservationDescription tr td:first-child
{
	font-weight: bold;
}

/* @end */

/* @group Headings */

.MenuGroup h1,.MenuGroup h2
{
	padding: 0;
	margin: 0 0 3pt 0;
}

h1, h2, h3, h4, h5, h6
{
	color: #171717;
}


h1#ContactRequest
{
	font-size: 15pt;
	word-spacing: 0.25em;
}

h1#ContactAdress
{
	color: black;
	font-size: 15pt;
}

h2 {}

h3 {}

.LunchContainer h3
{
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: center;
	width: 50%;
}

h4 {}

h5 {}

h6 {}

p {
	
}

/* @end */

/* @group Links */

a
{
	color: inherit;
}

/* @end */


/* @group MENU */

#TopMenuBackgroundContainer
{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	position: relative;
}
#TopMenuBackgroundPicture
{
	width: 100%;
	vertical-align: middle;
	position: relative;
}

#MenuBarTop .MenuTop
{
	width: 100%;
}

#MenuBarTop .MenuTop img
{
	vertical-align: middle;
}

#MenuBarTop .MenuTop li
{
	position:relative;
	text-align: center;
	background-color: #2d2c2b;
	cursor:pointer;
	word-spacing: normal;
	white-space: nowrap;
	float: left;
	width: 124px; 
	height: 30px;
	border-right: 1px solid #e7e7e7;
}

#MenuBarTop .MenuTop li:hover, #MenuBarTop .MenuTop li.active{ background-color: #16100d}

#MenuBarTop .MenuTop > li:first-child{ width: 129px;}

#MenuBarTop .MenuTop > li:last-child{ border-right: none;}

#MenuBarTop .MenuTop li.last{ border-right: none;}

#MenuBarTop .MenuTop li a{ color: #edf1f4; font-size: 13px; line-height: 30px; display: block;}

#MenuBarTop .MenuTop li ul 
{
	position:absolute;
	color: #3f7343;
	display: none;
	z-index: 105;
	text-align: left;
	margin-right: 0;
	margin-bottom: 0;
	width: 100%;
}

#MenuBarTop .MenuTop li ul li
{
	position:relative;
	text-align: left;
	left:0px;
	display: list-item;
	cursor: pointer;
	width: 100%;
	text-align: center;
	border-right: none;
	padding: 0;
	margin:0;
}


#MenuBarTop .MenuTop li ul li a
{
	display:block;
}

#MenuBarTop .MenuTop li:hover > ul
{
	display:block;
}

#MenuBarBottom .BottomCopyRight {
  float: left;
}

#MenuBarBottom .BottomCopyRight p{ margin: 0}

#MenuBarBottom .BottomMenu {
	float: right;
}

#MenuBarBottom .BottomMenu a
{
	color: #6d6d6d;
}

#MenuBarBottom .BottomMenu a
{
	color: #6d6d6d;
}

#MenuBarBottom .BottomMenu  li a:hover{ color: #353535; }

#MenuBarBottom .BottomMenu  li
{
	position:relative;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
	word-spacing: normal;
	white-space: nowrap;
	float: left;
	padding: 0 14px;
	background: url(images/bottom_menu_sep.jpg) right center no-repeat;
}

#MenuBarBottom .BottomMenu  li:last-child { padding-right: 0; background: none}

#MenuBarBottom .BottomMenu  li ul
{
	position:absolute;
	color: #3f7343;
	display: none;
	bottom: 100%;
	z-index: 105;
	text-align: left;
	margin-right: 0;
	margin-bottom: 0;
	width: 100%;
}

#MenuBarBottom .BottomMenu  li ul li:last-child {}


#MenuBarBottom .BottomMenu li ul li
{
	vertical-align: middle;
	background: url('../img/menu_buttons/menu_bottom_strip.jpg') no-repeat;
	background-size: auto 28px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	position:relative;
	text-align: left;
	padding-left: 9px;
	padding-right: 9px;
	display: list-item;
	cursor: pointer;
	width: 81%;
	padding-top: 0.5em;
	font-size: 15px;
}

#MenuBarBottom .BottomMenu li ul li + li {}

#MenuBarBottom .BottomMenu li ul li + li + li {}

#MenuBarBottom .BottomMenu li ul li a {}

#MenuBarBottom .BottomMenu li:hover > ul
{
	display:block;
}

/* @end */


/* @group List's */

.LunchContainer
{
	font-size: 10pt;
	width: 90%;
}

.LunchContainer h1
{
	margin-bottom: 0;
}

.MenusGroup
{
	color: grey;
	display: inline-block;
	max-width: 150em;
	min-width: 25em;
	margin-bottom: 1em;
}

.MenusGroup li
{
	clear: both;
	line-height: normal;
}

.MenusGroup .nameANDdescription
{
	display: inline-block;
}

.MenusGroup .nameANDdescriptionWithPrices
{
	display: inline-block;
	width: 80%
}

.MenusGroup .name, .MenuBottomText
{
	color: #ff9900;
	font-weight: bold;
}

.MenusGroup .description
{
	color: grey;
	max-width: 2em;
}

.MenusGroup .price
{
	color: grey;
	float: right;
	width: 45pt;
}

table.MenusGroup
{
	width: 50%;
}

.MenusGroup tr {}

.MenusGroup td {}

.MenusGroup td:nth-child(1)
{
	width: 95%;
}


.MenusGroup td:nth-child(3)
{
	width: 36pt;
	min-width: 36pt;
	padding-left: 14pt;
}

.MenusGroup td:nth-child(4)
{
	width: 37pt;
	min-width: 37pt;
}

#OpeningHours
{
	display: block;
	height: auto;
	line-height: 22px;
}

#OpeningHours td:nth-child(2)
{
	width: 14em;
}

#OpeningHours td:nth-child(2):after
{
	/*content: ":";*/
}

#OpeningHours td:nth-child(3)
{
	width: 8em;
}
/*following section is for the new years addition to webpage 
which will be commented out after new years*/
.New_Years_Eve > h2
{
	padding-bottom: 1em;

}
.New_Years_Eve > ul
{
	padding-top: .5em;
	padding-bottom: .5em;

}
#bold
{
	font-style: bold;
}
.New_Years_Eve > ul > li
{
	display: inline-block;
}
.New_Years_Eve > ul + ul + ul + ul
{
	padding-bottom: 1.5em;

}
.New_Years_Eve > ul > li > ul > li
{
	display: inline-block;

}
.New_Years_Eve > ul > li > ul
{
	margin-left: 80px;
}
.New_Years_Eve > ul > li:nth-child(1)
{
	margin-top: 1em;
}


/* @end */