@import url('/css/lightbox.css');

/*

	WAKEFIELD GENERAL STORE -
	VERSION 1.0
	
	-----------------------------------------
	
	developer: Michel Joanisse
	email: michel.joanisse@mountainmamma.com
	website: http://www.mountainmamma.com
	last updated: June 3rd, 2009
	
	-----------------------------------------
	
	CONTENTS ------------
	
	   1.DEFAULT STYLING
	   2.HEADER
	   3.ROW1
	   4.ROW2
	   5.FOOTER
	   
    --------------------
	
*/


/* 1.DEFAULT STYLING
---------------------------------------------------------------------- */
* {
	margin:0;padding:0;
	font-size:12px;
	color:#413b25;
	font-family:Arial, Tahoma, Georgia, Helvetica, sans-serif;
}

html {background:#587517;}
body {behavior: url("/js/csshover.htc");}
* em.alt {text-decoration:underline;}
* .clear {clear:both;}
* .right {float:right;}

img {behavior:url(/images/iepngfix.htc);}

/* 2.HEADER
---------------------------------------------------------------------- */

div#header {
	_background:url(../images/header-btm.gif) bottom left repeat-x;
	position:relative;z-index:40;
	width:100%;margin-top:15px;
}

div#header .wrapr {
	margin:0 auto;
	background:url(../images/header-bg.png) bottom center no-repeat;
	min-width:986px;
	min-height:290px;_height:290px;
	max-width:1552px;
}

div#header .inner {
	position:relative;
	clear:both;
	margin:0 auto;
	width:986px;
}

div#header h1.branding a {
	float:left;
	background:url(../images/branding-logo.jpg) top left no-repeat;
	display:block;width:336px;height:158px;outline:0;
	text-indent:-1000em;float:left;margin-top:27px;
}/*-->*/div#header h1.branding {position:relative;z-index:200;}

div#header h1.branding img {
	position:absolute;
	left:350px;top:68px;
	_left:0;
	z-index:120;
}

div#header img.alt {
	z-index:100;
	position:absolute;
	left:10px;top:193px;
}

/* SUB ELEMENTS
---------------------------------------------------------------------- */
ul#subelements {
	float:right;
	margin-top:20px;
	margin-left:200px;
	width:40%;
	list-style:none;
}

ul#subelements li {padding-bottom:0;}

ul#subelements li, 
ul#subelements li a,
ul#subelements li em {font-family:Georgia, "Times New Roman", Times, serif;color:#fff;}

ul#subelements li#address {
	margin-right:20px;
	font-size:22px;font-style:italic;
	line-height:22px;color:#fff;
	text-align:right;margin-bottom:10px;
}

ul#subelements li em {display:block;}

ul#subelements li em a {
	padding-right:20px;
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
	font-size:26px;
	float:left;
	display:block;
	_display:inline;
}/*Hover State-->*/ul#subelements li em a:hover {text-decoration:underline;}

ul#subelements li.local em {
	background:url(../images/subelement01-bg.jpg) top left no-repeat;
	height:53px;
}

ul#subelements li.local em a {
	background-image:url(../images/subelements-arrow01.gif);
	margin-left:150px;margin-top:2.7%;
}

ul#subelements li.recipes em {
	background:url(../images/subelement02-bg.jpg) top left no-repeat;
	margin-left:58px;height:46px;*margin-top:-4px;
}

ul#subelements li.recipes em a {
	background-image:url(../images/subelements-arrow02.gif);
	color:#ddd8a1;margin-left:70px;margin-top:1.9%;
}


/* PRIMARY NAVIGATION
---------------------------------------------------------------------- */
div#navigation {
	width:996px;
	margin:0 auto;
}

div#navigation ul#primarynav {
	list-style:none;
	position:relative;z-index:300;
	background:transparent url(../images/primarynavigation-border.gif) bottom left repeat-x;
	margin:0 auto;padding-bottom:20px;
	float:left;width:996px;							
}/*Float Nav-->*/ul#primarynav div {float:right;*width:690px;padding:0;margin:0;}

ul#primarynav li {float:left;position:relative;margin-right:65px;}

ul#primarynav li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;font-size:14px;
	color:#fff;font-style:italic;
	float:left;display:block;
	outline:0;margin-top:10px;
}/*Hover State-->*/ul#primarynav li a:hover {text-decoration:underline;}
/*Last Item-->*/ul#primarynav li.lastitem {margin-right:30px;}


ul#primarynav li#home {position:static;margin-right:0;}
ul#primarynav li#home a {	
	position:absolute;left:30px;bottom:1em;
	text-indent:-1000em;width:57px;height:37px;outline:0;
	background:url(../images/homepage-icon.gif) top left no-repeat;
}/*Hover State-->*/ul#primarynav li#home a:hover {background-position:top right;}


/*ul#primarynav :hover > a.dropdown,*/
/*New method affecting higher specificity, compatible to
ALL browsers[specificity of 126]*/
ul#primarynav li:hover a.dropdown {color:#1e2b03;text-decoration:underline;background-image:url(../images/icon-dropdown-hvr.gif);}


ul#primarynav li a.dropdown {
	padding-right:20px;position:relative;z-index:400;
	background:url(../images/icon-dropdown.gif) right center no-repeat;
}


/* SECONDARY NAVIGATION
---------------------------------------------------------------------- */
div#navigation ul.secondarynav {display:none;}
ul.secondarynav li {margin-right:0;clear:both;}


ul#primarynav li:hover ul.secondarynav {
	-moz-transition: opacity 1.0s linear;
	list-style:none;z-index:300;width:271px;
	padding:60px 0 15px 0;display:block;
	position:absolute;top:-15px;left:-70px;
	background:/*#faf776*/transparent url(../images/dropdown-bg.png) top left no-repeat;
	_background-image:url(../images/dropdown-bg.gif);
}


div#navigation ul.secondarynav li a {
	outline:0;display:block;float:left;
	text-decoration:none;text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;line-height:22px;
	color:#1e2b03;font-size:20px;	
}


/*TABS CUSTOMIZATION*/
div#navigation ul.secondarynav li {background-position:bottom left;background-repeat:no-repeat;_display:inline;}
div#navigation ul.secondarynav li:hover {cursor:pointer;background-position:bottom right;color:#fff;}
div#navigation ul.secondarynav li:hover a {color:#fff;cursor:pointer;}

div#navigation ul.secondarynav li.one {
	min-height:56px;_height:56px;
	width:207px;margin-left:48px;
	background-image:url(../images/secondarynav_litem01.jpg);
}

div#navigation ul.secondarynav li.two {
	min-height:56px;_height:56px;
	width:209px;margin-left:44px;
	background-image:url(../images/secondarynav_litem02.jpg);
}

div#navigation ul.secondarynav li.three {
	min-height:35px;_height:35px;
	width:204px;margin:2px 0 3px 46px;
	background-image:url(../images/secondarynav_litem03.jpg);
}

div#navigation ul.secondarynav li.four {
	min-height:68px;_height:68px;
	width:208px;margin:3px 0 0 38px;
	background-image:url(../images/secondarynav_litem04.jpg);
}

div#navigation ul.secondarynav li.one a {width:207px;margin-top:2px;}
div#navigation ul.secondarynav li.two a {width:209px;padding-top:5px;} 
div#navigation ul.secondarynav li.three a {width:204px;margin-top:4px;}
div#navigation ul.secondarynav li.four a {width:208px;}

div#navigation ul.secondarynav li.one.hours {margin-left:45px;}
div#navigation ul.secondarynav li.one.hours a {padding-top:12px;}

div#navigation ul.secondarynav li.two.gallery {margin-left:38px;}

div#navigation ul.secondarynav li.three.gallery {margin-left:38px;}
div#navigation ul.secondarynav li.three.menus {margin-left:52px;}
div#navigation ul.secondarynav li.three.services {margin-left:52px;}

div#navigation ul.secondarynav li.four.boutique {margin-left:35px;}
div#navigation ul.secondarynav li.four.boutique a {padding-top:10px;}


/*COMMON ROW RECURRENCES
---------------------------------------------------------------------- */

div#row1 p, div#row1 ul, div#row1 ol
div#row1 h2, div#row2 p, div#row2 ul, 
div#row2 ol, div#row2 h2 {
	margin:20px 0;line-height:20px;
}

div#row1 .inner,
div#row2 .inner {
	padding-top:44px;
	clear:both;
	margin:0 auto;
	width:486px;
	padding-left:500px;
}

div#row1 h1,
div#row2 h1 {
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-1000em;
}

/* 3.ROW1
---------------------------------------------------------------------- */

div#row1 {
	/*position:relative;z-index:1;*/
	margin-top:-25px;_margin-top:0;
	background:#fff;
	width:100%;clear:both;
}

div#row1 .wrapr {
	margin:0 auto;
	background:url(../images/content-bg.jpg) top left repeat-y;
	min-width:986px;max-width:1552px;/*_width:1552px;*/
	_width:expression(document.body.clientWidth < 988? "986px" : document.body.clientWidth > 1554? "1552px" : "auto");
}

div#row1 .inner {
	z-index:1;
	position:relative;
}

div#row1 .outer {
	background:transparent url(../images/row1-btm.png) bottom center no-repeat;
	padding-bottom:290px;position:relative;z-index:1;min-height:330px;
}

div#row1 h1.localfood {background-image:url(../images/h1-localfood.png);width:317px;height:74px;}
div#row1 h1.localorganic {background-image:url(../images/h1-localfood_alt.png);width:301px;height:101px;}
div#row1 h1.employment {background-image:url(../images/h1-employment.png);width:252px;height:100px;}
div#row1 h1.location {background-image:url(../images/h1-location.png);width:156px;height:85px;}
div#row1 h1.lookout {background-image:url(../images/h1-lookout.png);width:236px;height:89px;}
div#row1 h1.contactus {background-image:url(../images/h1-contactus.png);width:189px;height:37px;}
div#row1 h1.aboutus {background-image:url(../images/h1-aboutus.png);width:163px;height:41px;}
div#row1 h1.recipes {background-image:url(../images/h1-recipes.png);width:275px;height:85px;}
div#row1 h1.boutique {background-image:url(../images/h1-boutique.png);width:235px;height:52px;}
div#row1 h1.wgs {background-image:url(../images/h1-wgs.png);width:240px;height:89px;}
div#row1 h1.services {background-image:url(../images/h1-services.png);width:145px;height:37px;}
div#row1 h1.menus {background-image:url(../images/h1-menus.png);width:124px;height:37px;}
div#row1 h1.gallery_wgstore {background-image:url(../images/h1-wgstore_gallery.png);width:245px;height:101px;}
div#row1 h1.gallery_lookout {background-image:url(../images/h1-lookout_gallery.png);width:428px;height:101px;}
div#row1 h1.loyality {background-image:url(../images/h1-loyality.png);width:150px;height:55px;}


div#row1 p.attention,
div#row1 blockquote p,
div#row1 p.attention *,
div#row1 blockquote p span,
div#row1 blockquote p span em,
div#row1 dl.attention * {
	font-size:16px;font-style:italic;
	line-height:26px;
}/*-->*/div#row1 blockquote p span {position:relative;background:red;margin-left:20px;}

div#row1 blockquote p span em {
	font-family:Georgia, "Times New Roman", Times, serif;font-size:48px;
	margin-top:10px;line-height:48px;
	position:absolute;top:-20px;
}

div#row1 blockquote p span.open {left:-22px;}
div#row1 blockquote p span.close {right:20px;}


div#row1 dl {margin:20px 0;}

div#row1 img.right {float:right;margin-left:20px;margin-top:10px;}
div#row1 img.left {float:left;margin-right:20px;}

div#row1 h2,
div#row1 h2.alt {
	margin:30px 0;
	line-height:20px;*line-height:28px;
	font-family:'Trebuchet MS', Georgia, "Times New Roman", Times, serif;
	color:#4E4425;font-weight:normal;letter-spacing:-1.5px;
	font-size:28px;font-style:italic;
}/*-->*/div#row1 h2.alt {color:#667613;}

div#row1 h3 {
	/*text-decoration:underline;*/
	font-weight:normal;margin:15px 0;
	font-size:22px;font-style:italic;
}

div#row1 h4 {text-decoration:underline;margin:7px 0;}

div#row1 ul,
div#row1 ol {margin:20px 15px;}

div#row1 ol li {margin-bottom:10px;}

div#row1 dl dt {font-weight:bold;}

body.subpages.local div#row1 dl {margin:10px 0;}
body.subpages.local div#row1 dl dt {font-style:italic;font-size:18px;}
body.subpages.local div#row1 dl dd {line-height:20px;margin-bottom:15px;}

div#row1 * strong {font-size:16px;}

div#row1 * a {
	color:#4E4425;padding:4px;
}/*Hover State-->*/div#row1 * a:hover {background:#fff;color:#4E4425;}


/* 4.ROW2
---------------------------------------------------------------------- */
div#row2 {background:#fff;padding-bottom:30px;}
div#row2 .inner {position:relative;z-index:200;}

div#row2 h1 {
	background-image:url(../images/h1-bistroboutique.jpg);
	width:286px;height:101px;
}

div#row2 img.alt {
	left:0;top:-200px;
	position:absolute;
	z-index:200;
}

div#row2 img.thumb {float:right;margin:-10px 10px 0 0;}


/* 5.FOOTER
---------------------------------------------------------------------- */
div#footer {
	width:100%;
	border-top:1px solid #ccc;
	background:#fff;
	clear:both;
	float:left;
}/*-->*/div#footer * {color:#5f5f5f;font-size:11px;}

div#footer .wrapr {
	position:relative;
	padding:20px 10px;
	margin:0 auto;
	width:954px;
}

div#footer p {float:left;}
div#footer a.branding span {display:block;text-indent:-1000em;text-align:justify;}

div#footer a.branding {
	color:#a5a5a5;text-align:right;
	*max-width:50px;margin-bottom:20px;
	text-decoration:none;outline:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/branding-mmlogo.jpg) top right no-repeat;
	float:right;padding-right:58px;height:54px;_height:54px;
}/*Hover State-->*/div#footer a.branding:hover {text-decoration:underline;background-position:bottom right;}

div#footer a.branding em {
	display:block;margin-top:7px;
	color:#a5a5a5;font-style:normal;
}


/* 6.SUB PAGE SPECIFICS
---------------------------------------------------------------------- */
body.subpages div#footer {background:#fff;border-top:0;}

body.subpages div#footer p {
	position:absolute;
	top:-100px;
	z-index:100;
	width:200px;
}

body.subpages div#footer a.branding {
	position:absolute;
	z-index:200;
	top:-107px;
	left:240px;
	
}

body.subpages div#row1 .outer {overflow:hidden;}
body.subpages div#row1 .inner {width:986px;padding-left:0;}


/* 7.RECIPES SIDEBAR
---------------------------------------------------------------------- */
body.recipes div#content {padding-left:355px;}
div#sidebar {float:left;width:326px;}
div#sidebar * a {outline:0!important;}

/*ACTIVE RECIPE*/
div#sidebar div.active {
	margin-top:10px;
	float:left;padding-bottom:40px;
	background:#e2ddac url(../images/recipes-btm.jpg) bottom left no-repeat;
}

div#sidebar div.active h5 {
	float:left;padding-top:5px;margin-top:-10px;_margin-top:0;
	background:transparent url(../images/recipes-topbox.png) top left no-repeat;
	color:#0c3e46;float:left;margin-bottom:10px;*margin-bottom:0;
	width:326px;font-weight:normal;
}

div#sidebar div.active h5 span {
	padding-top:5px;display:block;width:100%;float:left;
	background:#ffff87;
}

div#sidebar div.active h5 em {
	float:left;margin-left:15px;
	background:url(../images/recipes-highlight.jpg) bottom right no-repeat;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;color:#0c3e46;display:block;
	min-width:180px;min-height:34px;
	_width:180px;_height:34px;
}

div#sidebar div.active ol {clear:both;}

div#sidebar div.active ol * {font-family:"Times New Roman", Times, serif;color:#4e4c39;font-size:14px;}
div#sidebar div.active ol li {font-style:italic;list-style:none;display:inline;}
div#sidebar div.active ol li.alt a {border-bottom:1px solid #dca35d;border-top:1px solid #dca35d;}
div#sidebar div.active ol li.lastitem a {border-bottom:0;}

div#sidebar div.active ol li a {
	cursor:pointer;
	padding:0;margin:0;
	display:block;float:left;
	text-decoration:none;
	font-style:italic;
}

div#sidebar div.active ol li a span {border-top:3px solid #e2ddac;border-bottom:3px solid #e2ddac;}
div#sidebar div.active ol li a span {
	float:left;width:272px;
	display:block;padding:8px 12px 8px 12px;
}

div#sidebar div.active ol li a em {
	text-decoration:underline;
	font-style:normal;
	margin-left:10px;
}

div#sidebar div.active ol li a:hover span {background:#f78201;}
div#sidebar div.active ol li a.active {cursor:default;}
div#sidebar div.active ol li a.active span {background:#e2cf52;color:#4d361b;} 
div#sidebar div.active ol li a.active em {background:url(../images/icon-arrowleft.gif) left center no-repeat;padding-left:20px;margin-left:3px;}

/*INACTIVE RECIPES*/

div#recipes_inactive {
	float:left;width:100%;
	background:#2e4204;
}/*-->*/div#recipes_inactive * {}

div#recipes_inactive ul {list-style:none;margin:0;padding:15px 0;}
div#recipes_inactive ul li a {padding:0px 20px;display:block;_width:285px;}

div#recipes_inactive ul li a,
div#recipes_inactive ul li a span {color:#9cb072;text-decoration:none;}
div#recipes_inactive ul li a:hover {background:#1e2b03 url(../images/icon-arrow.gif) 93% center no-repeat;}

div#recipes_inactive ul li a:hover span,
div#recipes_inactive ul li:hover a span {
	background:#1e2b03 url(../images/recipes-icon-hvr.gif) left center no-repeat;
	padding:10px 20px 10px 30px;text-decoration:underline;
	color:#fff;cursor:pointer;	
}

div#recipes_inactive ul li a span {
	padding:2px 0 2px 30px;
	background:url(../images/recipes-icon.gif) left center no-repeat;
	display:block;width:70%;
}

/*INACTIVE RECIPES [HOVER]*/
div#recipes_inactive ul li ul.dropdown {display:none;padding-top:0;_padding-left:10px;}
div#recipes_inactive ul li:hover ul.dropdown {display:block;background:#1e2b03;}
div#recipes_inactive ul li:hover a {background:#1e2b03 url(../images/icon-arrow.gif) 93% center no-repeat;}

div#row1 div#recipes_inactive ul li:hover ul li a,
div#row1 div#recipes_inactive ul ul li:hover a {background:0;}

div#recipes_inactive ul.dropdown li {
	list-style:square;
	margin-left:30px;
	color:#d9ce90;
	font-size:10px;
	margin-bottom:4px;
	_margin-bottom:0;
}

div#recipes_inactive ul.dropdown li a,
div#recipes_inactive ul.dropdown li a em {
	_width:185px;
	font-family:"Times New Roman", Times, serif;font-size:12px;
	color:#d9ce90;text-decoration:underline;font-style:normal;
}/*-->*/div#recipes_inactive ul.dropdown li a em {}

div#recipes_inactive ul.dropdown li:hover {color:#f78201;}
div#recipes_inactive ul.dropdown li a:hover em {color:#f78201;border-bottom:1px dotted #f78201;padding-bottom:1px;}


/* 8.PHOTO GALLERY
---------------------------------------------------------------------- */
div#gallery {margin-top:20px;float:left;padding:40px 15px 35px 55px;width:914px;}
div#gallery a {
	margin-bottom:10px;
	background:url(../images/bg-thumbnail01.jpg) left center no-repeat;
	width:142px;height:102px;
	display:block;outline:0;
	float:left;padding:0!important;
}/*-->*/div#gallery a:hover {background:url(../images/bg-thumbnail01.jpg) left center no-repeat;}
/*---->*/div#gallery a.alt {background:url(../images/bg-thumbnail02.jpg) left center no-repeat;margin-right:10px;}
/*----->*/div#gallery a.alt:hover {background:url(../images/bg-thumbnail02.jpg) left center no-repeat;margin-right:10px;}

div#gallery a img {border:0;margin:12px 0 0 10px;}
div#gallery a.alt img {margin:10px 0 0 13px;}


/* 9.TRIP ADVISOR
---------------------------------------------------------------------- */
body.trip_advisor div#row1 .inner {min-height:600px;_height:600px;}
body.trip_advisor #content {
	padding-right:280px;
}

div.trip_advisor {
	position:absolute;
	right:0;top:4px;
	margin-left:20px;
}