/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* gsstyle */
body.center{margin-left: auto; margin-right:auto; width:800px; text-align:center;}

html{ height: 100%; background-color: #000000; }
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
}


#navwrap {position:absolute; width: 250px; height: 140%;background: url(../images/common/black80.png);}
#nav{width:250px; font-size: 80%; }

#shopnow{position: relative; margin-bottom: 20px; }

/* content area style*/

#content{display:none; margin-left:250px; width: 50%; overflow:auto; height: 100%;
	padding:40px;  background: url(../images/common/black50.png);}
#content.gallery{width: 70%; }
#content.menu{background: url(../images/common/white90.png);}	
#content.menu a{color: #ff0000}
#content.vegan{background: url(../images/common/les-plantes-Folon-100075.jpg); background-size: 100%; background-repeat: none;}
#content.staff{ background: url(../images/common/white90.png);}
#content.vegan a{color: #ff0000}
#content-1{width: 45%; float:left;overflow:hidden; }
#content-2{width: 45%; float:right; overflow:hidden;}
#content-3{max-width: 70%; overflow:auto;}

img{max-width: 100%}	
	

/* text style*/	
	
.menu p{text-align: center}
.vegan p{text-align: center}
p.micro{ font-family: helvetica, sans-serif; font-size:60%; margin-bottom: 0px; color: #978666;}
p.dark{text-align: left; color: #000000;}
p.micro a{color: #978666;}
.center{text-align:center}
p{ font-size: 90%; text-align: left; font-family: 'Antic Didone', serif; 
line-height: 1.4em; color: #f2f4f1; margin-bottom:20px}


a{color: #f2f4f1;}
ul.dark{text-align: left}
a:hover{color: #ffffff;}
#nav p{font-family: 'Raleway', cursive; margin-bottom:0px}
a.download-button p{text-align: center; width: 90%; border: 1px dotted; padding:10px; border-color: #978666;}
span.price{color: #666666}
h2,h3,h4,h5,ul,li, img{ text-align: center; font-family: 'Antic Didone', serif; line-height: 1.4em; color: #f2f4f1;}
h2.gold {color: #978666}
h1.maintitle{color: #ff0000; font-family: 'Raleway', cursive; text-align: left; width: 100%; border-bottom: 
1px dotted #ffffff; font-size: 200%; padding-bottom:20px; margin-bottom:20px;}

h1.fronttitle{color: #FFFFFF; font-family: 'Raleway', cursive; text-align: center; width: 100%; font-size: 200%; padding-bottom:20px; margin-bottom:20px;}
p.pfronttitle{ color: #978666; font-size: 100%; text-align: center; font-family: 'Antic Didone', serif; 
line-height: 1.4em; margin-bottom:20px}

h1.subtitle{color: #ff0000; font-family: 'Raleway', cursive; text-align: left; width: 100%; border-top: 
1px dotted #666666; font-size: 150%; padding-top:20px; margin-bottom:20px;}


h1.intro-logo{ margin-left:auto; margin-right:auto; margin-top: 100px; margin-bottom: 100px; }
h1.branding{text-indent:-3000px; height: 130px; width:250px; background: url(../images/common/GS-logo-sm.png); 
	background-position: center; background-repeat: no-repeat; }
	
	#home-notice{ background: #666666; padding: 40px; }
	p.home-n{color: #ffffff; font-weight: 500; font-family: 'Raleway', cursive;}
	h3.h3home-n{color: #FFFFFF; font-family: 'Raleway', cursive; text-align: center; width: 100%; font-size: 200%; padding-bottom:20px; margin-bottom:20px;}
	#borderbox{ border: 1px dotted #ffffff; padding: 40px; }
	
.summary{ margin-left: auto;  
	margin-right: auto; 
	text-align: center; 
	
	font-family: 'Raleway', cursive;  
	font-size: 130%; 
	color: #FFF; 
	margin-bottom: 40px;}

	.summary-black{ margin-left: auto;  
		margin-right: auto; 
		text-align: center; 
		width: 70%; 
		font-family: 'Raleway', cursive;  
		font-size: 130%; 
		color: #000; 
		margin-bottom: 40px;}
span.first
{
 float: left;
 font-family: 'Antic Didone', serif;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
}

/* quote style*/

.quote{position:absolute;}
.quote p{background: url(../images/common/black50.png);padding:30px; font-size: 200%;}
.author{font-size: 50% ; font-style: italic;}
.q0{top: 10px; margin-left:300px; max-width: 70%;}
.q1{top: 500px; margin-left:700px; max-width: 40%;}
.q2{top: 50px; margin-left:1000px; max-width: 30%;}

.q3{top: 50px; margin-left:350px; max-width: 40%;}
.q4{top: 50px; margin-left:200px; max-width: 40%;}
.q5{top: 50px; margin-left:600px; max-width: 40%;}
.q6{top: 100px; margin-left:300px; max-width: 40%;}
.q7{top: 300px; margin-left:500px; max-width: 40%;}
.q8{top: 50px; margin-left:300px; max-width: 40%;}
.q9{top: 50px; margin-left:750px; max-width: 50%;}
.q10{top: 400px; margin-left:400px; max-width: 60%;}
.q11{top: 500px; margin-left:300px; max-width: 40%;}
.q12{top: 50px; margin-left:300px; max-width: 40%;}
.q13{top: 50px; margin-left:900px; max-width: 40%;}
.q14{top: 500px; margin-left:300px; max-width: 40%;}
.q15{top: 500px; margin-left:300px; max-width: 40%;}




/* menu style*/
#season{margin-right: auto; margin-left: auto; height:64px; width:223px; }
#season.winter{background: url(../images/common/seasons-winter-black.png);}
#season.spring{background: url(../images/common/seasons-spring-black.png);}
#season.summer{background: url(../images/common/seasons-summer-black.png);}
#season.autumn{background: url(../images/common/seasons-autumn-black.png);}		
h2.plat{color: #666666; margin-right: auto; margin-left: auto; margin-bottom:20px; width: 50%; 
	border-bottom: 1px dotted #666666; font-style:italic; padding:10px;}
h5.date{ padding:10px; font-size: 120%; color:#666666;}
h3.dishtitle{font-size: 120%; color: #000000;}

p.details, detail{color: #000000; margin-bottom: 0px; font-size: 90%;}
p.details-footnote{color: #666666; margin-bottom: 0px; font-size: 70%;}
p.details2{color: #cccccc; margin-bottom: 0px; font-size: 75%;}
p.cals{font-size: 65%; color: #666666;}

ul.menu p{color:#666666;}
.red {color:#FF0000;}
.clear{clear:both;}


	/* slideshow */
			#slideshow, img.bgM {

					width: 100% !important;
			        height: auto !important;
			        position: absolute;
			        top: 0;
					left: 0; right:0;
			        z-index:-9999;
			
			}
			
		.bgM {

					width: 100% !important;
			        height: auto !important;
			        position: absolute;
			        top: 0;
					left: 0; right:0;
			        z-index:-9999;
			
			}		


			#front-cont{width: 100%;  position: relative;}
	
				#video2 { margin: auto; display: block; width:100%; height:auto }

	/* accordian */

	#wrapper {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
		}

	.accordionButton {	
		width: 200px;
		float: left;
		background: none;
		border-bottom: 1px dotted #97866b;
		cursor: pointer;
		}

	.accordionContent {	
		width: 200px;
		float: left;
		background: none;
		display: none;
		}
	
	
	.grey{background-color: #333333; font-size: 80%;}	

	.accordionButton p{ color:#97866b; font-weight: thin; font-size:130%; padding:7px; text-decoration: none;}	
	.accordionButton a{ color:#97866b; font-weight: thin; font-size:100%; padding:0px; text-decoration: none;}
	
	
#footer{ 	padding-left: 30px; height: 50px; /* Define height of the footer */
	    position: absolute;
	    bottom: 0; /* Sit it on the bottom */
	z-index:0;
	    left: 0;
	    width: 180px; /* As wide as it's allowed */
}	

/*first page*/
.reviews{padding-top:30px;}


/* gallery */

#gallery li{float:left; list-style: none;
height:200px; }

.preview { width:200px;
	height:200px;
}

/*producer page*/
h2.product{ color: #97866b; font-size:120%; height: 20px; width:100%}
ul.producers li{ margin-top: 10px; padding: 10px; text-align:left; background: url(../images/common/black30.png);}
ul.producer li{padding: 0px; background: none;}
li.address{font-size: 80%}
li.website{font-size:80%; color: #97866b}

/* staff page*/

.staffbox { background: url(../images/common/black80.png);float: left; width:420px; 
	margin-left:0px; margin-right: 20px; margin-top:20px; min-height:210px;  padding-left: 20px; padding-top: 20px; padding-bottom: 20px;}
.staffimg{ padding-left:20px; float:right;}
.staffbox p{ font-size: 80%; padding-right:20px; }
.staffname { display: block; font-weight: bold; font-size: 120%; color: #ffffff; }
.jobtitle { font-style: italic; display:block; color: #97866b;} 
.staffemail {display:block;}

/* career page*/

.careerbox { background: url(../images/common/black80.png);float: left; width:420px; 
	margin-left:20px; margin-top:20px; height:380px;  padding-left: 20px; padding-top: 20px; padding-bottom: 20px;}
.careerbox p{ padding-right:20px; }
.careername { display: block; font-weight: bold; font-size: 110%; color: #000000; }
.careeremail {display:block;}

/* product*/
.product{
	height: 400px;
float:left;
display: block;
xtext-indent: -9999px;
margin-left:20px; margin-bottom:20px;
cursor: pointer;
outline: transparent solid 0px;
position: relative;
z-index:10;
}

/* voucher rollover*/
.rollover {
	
	float:left;
   display: block;
   text-indent: -9999px;
   margin-left:20px; margin-bottom:20px;
   cursor: pointer;
   outline: transparent solid 0px;
}
#voucher1 a{
   height: 300px; /*This height is the visible portion of the button only*/
   width: 300px; /*Put your image width here*/
   background: url(../images/common/voucher1.jpg) no-repeat left top;
}
#voucher1 a:hover{
   background-position: left -300px; /*This negative value should match the height above*/
}


#voucher2 a{
   height: 300px; 
   width: 300px; 
   background: url(../images/common/voucher2.jpg) no-repeat left top;
}
#voucher2 a:hover{
   background-position: left -300px; 
}

#voucher3 a{
   height: 300px; 
   width: 300px; 
   background: url(../images/common/voucher3.jpg) no-repeat left top;
}
#voucher3 a:hover{
   background-position: left -300px; 
}

#voucher4 a{
   height: 300px; 
   width: 300px; 
   background: url(../images/common/voucher4.jpg) no-repeat left top;
}
#voucher4 a:hover{
   background-position: left -300px; 
}

a.imagecenter {display: block; text-align:center;}
img.imagecenter {display: block; margin-left: auto; margin-right: auto;}


#zagat2014{position:absolute; top:0px; left:60%;}


/* signup pop-up style*/

H1.popup-logo{width: 250px; height: 130px; margin-left:0px; background: url(../images/branding-gold-black-sml.png)no-repeat; background-position: 10px 10px  }
			#mc_embed_signup{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8);display:none;z-index:10000; }
			#mc_embed_signup form{background: url(../images/signup-bg2.jpg); background-color: #ffffff; background-position: -70px 0px; position:fixed; top:10%; left:50%; width:50%; 
				margin-left:-25%; font:normal 100% Helvetica,Arial,sans-serif; font-size:14px; border-radius:4px; border:none; padding:10px 20px; 
				padding-right:340px; color:#000; text-align:left;width:250px; min-height:400px;overflow-y:auto;overflow-x:auto;}
	
	#mc_embed_signup form p,h2{text-align: center; color:#666}
	h2.poptitle{color: #ff0000; font-family: 'Raleway', cursive; text-align: center; width: 100%; border-bottom:1px dotted; 
	border-color: #ff0000; font-size: 130%; padding-bottom:0px; margin-bottom:20px;}
			#mc_embed_signup a.mc_embed_close{background:transparent url(http://downloads.mailchimp.com/img/closebox.png) no-repeat; 
				display:block; height:30px; width:30px; text-indent:-999em; position:absolute; top:10px; right:10px; display:none; }



				/* signup contact page style*/
				#mc_embed_signup_scroll {text-align: left}
				h2.contactpageform{color: #ff0000; font-family: 'Raleway', cursive; text-align: left; width: 100%; border-bottom:1px dotted; 
				border-color: #ff0000; font-size: 130%; padding-bottom:0px; margin-bottom:20px;}
			p.indicates-req{color:#ffffff; margin-bottom:4px;}
			#label.contlbl{color:#ffffff}


#popshoplink {width: 400px; height:300px; position:absolute; float: right;  }


/* press link style*/

.pressitem { }
.pressdate { }
.presspub { color: #ff0000;}
.presspub {display: block; font-weight: bold; font-size: 110%; color: #666666;}	

/* paypal link style*/

/* button style*/
.pbutton {
  background-color: #97866b; 
min-width: 100px;
margin-top: 5px;
  border: none;
  color: black;
  padding: 5px ;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
border: 1px solid #97866b;
}

.pbutton {
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
}

.pbutton:hover {
  background-color: #ff0000; /* Green */
  color: white;
border: 1px dotted #97866b;
}

/* standard button style*/
.sbutton {
  background-color: none; 
min-width: 300px;
  border: none;
  
  padding: 15px 32px;
  margin: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  
border: 1px dotted #ffffff;
}

.sbutton {
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
}

.sbutton:hover {
  background-color: #97866b; 
  
border: 1px dotted #97866b;;
}
a.sbutton  {font-family: 'Raleway', cursive; font-size: 150%; color: #ffffff;}

/* Xbutton style*/
.xbutton {
   
min-width: 150px;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
border: 1px solid #000000;
margin: 5px;
}

.xbutton {
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
}
.xbuttons {margin-top: 30px; display: inline-block; text-align: center}
.xbutton-a{ float: left}
.xbutton:hover {
  background-color: #000000; /* Green */
  color: white;
border: 1px solid #000000;
}