﻿* { margin: 0; padding: 0; _display: inline;}

img {border: 0px;}

body { font-size: 62.5%; } /* Resets 1em to 10px */ 

select { min-width: 1.5em; }

table { border-collapse: collapse; }

a{
  text-decoration:    none;
}

a:hover{
  text-decoration:    underline;
}

body{
	font-family: 		verdana, helvetica, arial, sans-serif;
	text-align:			center;
  background-color:		#000000; 
}

#PositioningDiv{
  margin-left:        auto;
  margin-right:       auto;
  width:              800px;
}

#PageOuterContainer{
  float:              left;
  width:              800px;
  margin-bottom:      10px;
  background-color:	  #000000;  
}

#PageHeader, #PageNavigation, #PageContent, #PageFooter{
  float:              left;
  width:              800px;
  margin-left:        auto;
  margin-right:       auto;  
}

#PageHeader{
  padding-top:	      10px;
  padding-bottom:     10px;
  background-image:	  url('../../image/circles.gif');
  background-position:right;  
  background-repeat:  no-repeat;
}

.DividerStrip{
  float:			  left;
  width:			  800px;
  height:			  6px;
}

#MainImageContainer{
  float:              left;
  width:              520px;
  height:			  260px;	
}

div.FraicheLogo{
  float:              left;	
}

div.FraicheLogo a img{
  border:			  0;
}

#FraicheTaglineContainer{
	float:				left;
	color:				#FFFFFF;
	width:				390px;
	height:				83px;
	font-size:			1em;
	position:			relative;
	vertical-align:		bottom;
	text-align:			left;
}

#FraicheTagline{
	width:				100%;
	bottom:				0;
	position:			absolute;
}
#FraicheTagline div{
	float:				right;
	text-align:			right;
}


.LargeText{
	font-size:			1.5em;
}

#MainNavigationContainer{
  float:              left;
  width:			  280px;
}

#MainNavigationContainer ul{
  float:              left;
  width:			  280px;
}

#MainNavigationContainer ul li{
  float:              left;
  display:			  inline;
  width:			  40px;
  height:			  260px;
  font-size:		  0;
}

.HomeMenu, div.HomeStrip{
  background-color:	  #333333;
}

.AboutMenu, div.RestaurantStrip{
  background-color:	  #494023;
}

.MarcMenu, div.MarcStrip{
  background-color:	  #665931;
}

.TheMenu, div.MenuStrip{
  background-color:	  #726336;
}

.ContactMenu, div.ContactStrip{
  background-color:	  #B39D5E;
}

.ReservationMenu, div.ReservationsStrip{
  /*background-color:	  #2C2716;*/
  background-color:	  #BDAB75;
}

.BlackMenu, div.BlackMenuStrip{
  background-color:	  #CCBF97;  
}

#PageContent{
  padding-top:		  10px;
  background-image:	  url('../../image/circles.gif');
  background-position: 67% 50%;
  background-repeat:  no-repeat;
}

#MainContentArea{
  float:			  left;
  width:			  500px;
  padding:			  0px 10px 0px 10px;
}

#MainContentAreaBooking{
  float:			  left;
  width:			  500px;
  padding:			  0px 10px 0px 10px;
}

#MainContentAreaHome{
  float:			  left;
  width:			  760px;
  padding:			  0px 20px 0px 20px;
  text-align:		  left;
}


#MainContentArea p, #RightContentArea p, #MainContentAreaBooking p{
  float:			  left;
  width:			  100%;
  font-size:		  1.3em;
  color:			  #FFFFFF;
  font-weight:		  bold;
  text-align:		  justify;
  padding:			  1em 0 1em 0;
  line-height:		  1.6em;
}

#MainContentArea h2{
	float:			  left;
	text-align:		  left;
	width:			  100%;
	color:			  #FFFFFF;
	padding:		  1em 0em 1em 0em;
	font-size:		  1.6em;
}

#MainContentArea h3{
	float:			  left;
	text-align:		  left;
	width:			  100%;
	color:			  #FFFFFF;
	padding:		  1em 0em 1em 0em;
	font-size:		  1.4em;
}

#MainContentArea h4{
	float:			  left;
	text-align:		  left;	
	width:			  100%;
	color:			  #FFFFFF;
	padding:		  1em 0em 1em 0em;
	font-size:		  1.2em;
}

hr{
	float:				left;
	width:				100%;
	margin-top:			2em;
	color:				#FFFFFF;
}


#RightContentArea{
  float:			  right;
  width:			  220px;
  margin-right:		  20px;
}

.PageTitleImage{
  float:			  left;
  text-align:		  left;
}

.TitleImage{
  margin-left:			auto;
  margin-right:			auto;
}

.ThumbnailImage{
  margin-left:			auto;
  margin-right:			auto;
  padding:				1em 0em 2em 0em;
}

#AddressInformation{
  float:			  right;
  font-size:		  1.1em;
  color:			  #FFFFFF;
  padding:			  1em 0em 0.5em 0em;
}

ul.BioMenu{
	float:				left;
	padding:			5em 0em 4em 0em;	
	list-style-type:	none;
	width:				100%;
}

ul.BioMenu li{
	text-align:			left;
	line-height:		2em;
	width:				100%;
}

ul.BioMenu li a{
	font-size:			1.4em;
	color:				#FFFFFF;
}

div.DownloadDiv{
	float:				left;
	width:				100%;
	text-align:			left;
	margin:				2em 0em 1.5em 0em;
}

div.DownloadDiv a{
	font-size:			1.4em;
	color:				#FFFFFF;
}

p.HomePageText{
	float:				left;
	padding:			0em 1em 2em 1em;
	color:				#FFFFFF;
	font-size:			2.5em;
	text-align:			center;
	line-height:		3em;
}

.DiningMenu{
	float:				left;
	padding:			3em 0em 2em 0em;
}

.DiningMenu li{
	padding:			0;
	margin:				0;
	font-size:			0;
	line-height:		0;
}

#MenuDescription{
	float:				left;
	width:				100%;
	text-align:			left;
}

#MenuDescription p{
	text-align:			left;
	font-size:			1.5em;
	line-height:		1.6em;
}

#MenuDescription h3{
	font-size:			1.7em;
	text-align:			left;
}

#MenuDescription h4
{
	font-size:			1.6em;
	text-align:			left;	
}

#MenuDescription span.Emphasis{
	color:				#999999;
}

#MenuDescription div.MenuDisclaimer{
	padding-top:		2em;
}

#MainContentArea table{
	float:				left;
	text-align:			left;
}

#MainContentArea table tr th, #MainContentArea table tr td{
	font-size:			1.3em;
	color:				#FFFFFF;
	padding-right:		1em;
	padding-top:		1em;
}

div.InputDiv{
	float:				left;
	width:				100%;
	margin:				2em 0em 2em 0em;
}

div.InputDiv label{
	float:				left;
	text-align:			right;
	width:				100px;
	color:				#FFFFFF;
	font-size:			1.4em;
}

div.InputDiv input{
	float:				left;
	margin-left:		20px;
	font-size:			1.4em;
}

#WineTablesContainer{
	float:				left;
	width:				100%;
	padding-bottom:		2em;
}

#WineTablesContainer table{
	float:				left;
	width:				100%;
}

#WineTablesContainer table thead th, #WineTablesContainer table thead td{
	text-align:			left;
	font-weight:		bold;
}

#WineTablesContainer table tbody th, #WineTablesContainer table tbody td{
	text-align:			left;
	font-weight:		normal;
	vertical-align:		top;
}

ul.WineNavigation{
	float:				left;
	width:				100%;
	margin:				2em 0em 1em 0em;
}

ul.WineNavigation li {
	float:				left;
	display:			inline;
	font-size:			0;
}

#MenuBlackItems {
	text-align:			center;
	height:				400px;
}
#MenuBlackItems img{
	padding-bottom:		3em;
}


#MenuBlackItems div.InputDiv{
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
}

#MenuBlackItems div.InputDiv *{
	float:				none;
}


#BookingFormContainer{
	float:				left;
	width:				540px;
	text-align:			center;
}

.SagePayButton{
	float:				left;
	padding:			1em 0 1em 0;
}

.TermsUL{
	color:				#FFFFFF;
	list-style-type:    square;
	font-size:			1.3em;
	text-align:			left;
	font-weight:		bold;
}

.TermsUL li{
	padding:			0.4em 0em 0.4em 0em;
	line-height:		1.5em;
}

.TermsULIndent{
	color:				#FFFFFF;
	list-style-type:    square;
	font-size:			1.3em;
	text-align:			left;
	font-weight:		bold;
	padding-left:		30px;
}

.TermsULIndent li{
	padding:			0.4em 0em 0.4em 0em;
}

