@import url('./css/jquery-ui.css');
@import "jquery.jscrollpane.css";

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	line-height: 1;
	 font-family: "jubilat",sans-serif;
	letter-spacing: 1px;
	padding: 0;
	background: url('../images/bgn1.jpg') no-repeat;
	background-size:100% 100%;
	margin:0px auto;
	background-attachment:fixed;
}

ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
#rotate_pic3
{
	width:100%;
	height:40px;
	position:absolute;
	background:url("../images/ajax-loader.gif") no-repeat;
}

/* =Structure
----------------------------------------------- */

#page {
	margin: 0px auto;
	overflow-x: hidden;
}
#branding hgroup {
	margin: 0;
}
#access div {
	margin: 0;
}
#primary {
	float: left;
	/*margin: 0 -26.4% 0 0;*/
	width: 100%;
	height:auto;
}
#content {
	margin: 0 34% 0 7.6%;
	width: 58.4%;
}
#secondary {
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
 font-family: "jubilat",sans-serif;
}
#page {
	background: transparent;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1.625em;
}

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}



/* =Header
----------------------------------------------- */

#branding {
	padding-bottom: 10px;
	position: absolute;
	z-index: 100;
	width: 100%;
}
#site-title {
	padding: 0px 0px 0px 70px;
	width: 151px;
	position: absolute;
	top: 18px;
}
#site-title a {
	text-indent: -9999px;
	background: url('../images/logo.png') no-repeat;
	display: block;
	width: 200px;
	height: 144px;
	z-index:10000;
	cursor:pointer;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}


/* =Menu
-------------------------------------------------------------- */

.center-head {
	background: url('../images/nav-back.png') no-repeat 50% 0px;
	margin: 0px auto;
}
#access {
	clear: both;
	display: block;
	margin: 0 auto;
	display: table;
	text-align: center;
	height: 110px;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#access li {
	float: left;
	position: relative;
	font-size: 18px;

}

#access li.first-menu-item {
	visibility: hidden;
	width: 1px;
}
#access a {
	color: #eee;
	display: block;
	line-height: 12px;
	padding: 14px 19px 0px 19px;
	font-weight:bold;
	text-decoration: none;
	letter-spacing: normal;
	/*font-size: 11px;*/
	color: #FF9900;
	text-transform: uppercase;
	font-family: "proxima-nova",sans-serif;
	text-shadow: 2px 2px #660033;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	
}
#access li:hover > a,
#access a:focus {
	color: #373737;
	text-shadow:none;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

#access li.active a {
	color: #464646;
	font-weight: bold;
}
/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}


/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 0;
	height:auto;
	width:100%;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Password Protected Posts */
/* Comments link */
.entry-header .comments-link a {
	background: #eee url(../images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}



/* =Navigation
-------------------------------------------------------------- */
.mobile-menu, .mobile-social-links {
	display: none;
}
#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}
#nav-single .nav-previous {
	padding-right: .5em;
}



.menu-main-menu-container {
	float: left;
	padding-right: 15px;
}

.certificate_div
{
	width:100%;
	height:auto;
	text-align:center;
	padding-bottom:10px;
	height: 120px;
	margin: 0 auto;
}
#CDSWIDCOE 
{
	margin:0 auto !important;
}

.social-links {
	float: left;
	padding-top: 9px;
}
.facebook_div
{
	cursor:pointer;
	width:34px;
	height:34px;
	padding-top: 11px;
	position:absolute;
	top: 0;
	right: -15px;
}
#CDSWIDCOE.widCOE .widCOETitle 
{
	font: bold 10px Arial,Georgia,"Bitstream Vera Sans",Helvetica,sans-serif !important;
}

#home, #story, #products, #recipes, #where, #contact {
	position: relative;
}

/* Home Page */

#primary h2 {
	display: block;
	text-indent: -9999px;
}

#home h2 {
	margin: 48px 0px 0px 235px;
	width: 520px;
	height: 125px;
	background-repeat: no-repeat !important;
}

.sub-title, .home-photos-hidden {
	display: none;
}

#home .text-1, #home .text-2  {
	font-size: 18px;
	font-style: italic;
	line-height: 20px;
	font-weight: 200;
	color: #fff;
	width: 210px;
	position: absolute;
	top: 20px;
	left: 20px;
}


#home .home-photos-contain {
	position: relative;
	left: 200px;
}
#home .home-photos {
	position: absolute;
	height: 400px;
	width: 622px;
}

#home .hover-image-2 {
	position: absolute;
	top: 90px;
	left: 107px;
	z-index: 50;
	opacity: 1;
}

#home .text-2 {
	opacity: 1;
	width: 245px;
}


#home .text-1 {
	top: auto;
	top: 680px;
	left: 840px;
}

#home .hover-image-1 img {
	position: absolute;
	top: 480px;
	left: 730px;
	z-index: 50;
	overflow: hidden;
	opacity: 0;
}

#home .hover-image-1 img:hover {
	cursor: pointer;
}

#home .hover-image-2 img:hover {
	cursor: pointer;
	
}


.loading {
	background: url('../images/preloader.gif') no-repeat center 20%;
}

.box
{
	width:83%;
	height:589px;
	margin:0px auto;
	background:url('../images/box3.png') repeat scroll 0% 0% transparent;
	position:relative;
	background-size:100% 100%;
	 display:block;
	 z-index: 1000;
}
/*.box_mbl
{
	width:83%;
	height:auto;
	z-index: 1000;
	background:#db9c4f url("../images/box6.jpg") no-repeat;
	background-size:100% 100%;
	margin:0px auto;
}*/
.box1
{
width:80%;
height:530px;
margin:0px auto;
background:url("../images/box1.png") repeat scroll 0% 0% transparent;
position:relative;
background-size:100% 100%;
display:none;
}


.left_box 
{
    width: 64%;
    height: auto;
    float: left;
    position: absolute;
    margin-left:106px;
    margin-top: 45px;
}
.text
{
width:100%;
text-align:center;
color:#78431b;
text-shadow:1px 2px #c38252;
font-weight:bold;
font-style:italic;
font-size:26px;
padding-bottom:10px;
}

.text2
{
width:100%;
text-align:left;
color:#78431b;
font-style:italic;
font-size:25px;
padding-top:40px;
line-height:24px;

}
.text3{
    color:#960005;
   /*text-shadow: 1px 1px 0px #F00;*/    
	font-size: 30px;
    text-transform: uppercase;
    line-height: 41px;
    font-family: "Bree Serif",serif;
    margin-bottom: 10px;
    padding-top: 5px;
	font-weight:bold;
	width:99%;
}
#about
{
	height:auto;
	width:auto;
}

.about_img
{
padding:23px;
border-radius:40px;
}
.ul1 {
    margin-bottom: 0px;
}
.ul1 > li {
    line-height: 35px;
    font-weight: bold;
    font-size: 22px;
}
.ul1 > li a {
    display: block;
    height: 100%;
    text-decoration: none;
    color:blue ;
    padding-left: 50px;
    background: url('../images/hand_point.png') no-repeat scroll 0px 9px transparent;
    transition: allall 0.3s ease-out 0s;
	cursor:pointer;
	font-weight:bold;
	}
.service {
    width: 41%;
    padding-bottom: 5px;
    margin: 0px 0px 0px 10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;

}
.ul1 > li a:hover {
    text-decoration: none;
    color: #780201;
    background-position: 10px 9px;
}
.clear{clear:both;}
.common
{
	width:100%;
	height:355px;
	overflow:auto;
	margin-top:0px;
}
.common_mbl
{
	width:100%;
	height:auto;
	margin-top:0px;
}

.menu_list {
    font-size: 20px;
    margin-bottom: 10px;
    color: #FFF;
}
.spright 
{
    float: right;
    width: 82%;
    cursor: pointer;
	padding-top: 5px;
	color:#7d4a1e;
	font-style:italic;
	font-weight:bold;
	font-size:18px;

}

.left_con3 
{
    width: 95%;
    float: left;
    border-radius: 5px;
    height: auto;
    overflow: auto;
    background: none repeat scroll 0% 0% #e9d3aa;
    margin-top: 15px;
}

.menu_list1 {
    font-size: 20px;
    margin-bottom: 4px;
    color: #FFF;
    padding: 5px 0px 0px;
}
.sub_menu1 {
    width: 99%;
    float: right;
}
.sub_menu {
    width: 99%;
    float: right;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    color: blue;
}
.sub_menu1_1 {
    font-size: 18px;
    color: black;
    line-height: 30px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	width: 88%;
	float: left;
	font-style:italic;
}

.sub_menu1_3 {
    font-size: 20px;
    color: #78431B;
    line-height: 30px;
    font-weight: bold;
    padding-right: 5px;
    float: right;
}
.img_desc_div
{
	width:35px;
	height:20px;
	float:left;
}
.sub_menu1_2 {
    font-size: 18px;
    color: #78431B;
    line-height: 20px;
    padding-left: 5px;
    font-style: italic;
}
.right_menu
{
	width:55%;
	float:right;
	/*background: none repeat scroll 0% 0% #ECC58A;*/
	font-family:Arial, Helvetica, sans-serif;
}
.gallery
{
width:578px;
height:auto;
border:0px solid red;
margin:0px auto;
}
.img_gallery
{
width:171px;
height:114px;
border:3px solid #7a451b;
float:left;
margin:6px;
border-radius:10px;
}
.map {
    width: 98%;
    height: 145px;
    border: 1px solid #808080;
}
.con_text {
    width: 99%;
    float: right;
}
.con_text1 {
    font-size: 16px;
    color: #79441a;
    line-height: 20px;
}
.con_text2 {
    font-size: 16px;
    color: #79441a;
    line-height: 20px;
}
.name_field {
    width: 95%;
    color: #000;
    text-align: left;
    font-size: 18px;
    margin: 7px 0px;
}
.contact_form {
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.name_field3 {
    width: 85px;
    float: left;
    color: #780201;
	font-style:italic;

}
.form_span {
    color: #7d4a1e;
}
.name_field01 {
    width: 52%;
    color: #000;
    text-align: left;
    font-size: 18px;
    margin: 3px 0px;
    float: right;
}
.submit {
    float: left;
    color: #F3E4A8;
    padding: 0px 4px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #F3E4A8;
    background: none repeat scroll 0% 0% #7d4a1e;
    cursor: pointer;
    border-radius: 3px;
}
.reset {
    float: left;
    color: #F3E4A8;
    padding: 0px 4px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #F3E4A8;
    background: none repeat scroll 0% 0% #7d4a1e;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 10px;
}

input[type="text"]
	{
	width:65%;
	height:28px;
	box-sizing: border-box;	
	padding: 0px 2px;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    float: right;
    resize: none;
    overflow: auto;
    border-radius: 8px;
	}
	textarea
	{
	width:65%;
	height:57px;
	box-sizing: border-box;	
	padding: 0px 2px;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    float: right;
    resize: none;
    overflow: auto;
    border-radius: 8px;


	}


.img_slider
{
width:362px;
height:354px;
}
.cont
{
width:55%;
float:right;
}
.top {
    display: block;
}
/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 960px) {
	a.next, a.prev { position: absolute; }
	#story-notebook { left: 220px; }
	#story h2 {top: 255px; }
	.products-contain { position: absolute; top: 190px; left: 160px; }
	#recipes .recipe-book { margin-top: 70px; margin-left: 0px; }
	#page, #branding { width: 100%; }
	.products-contain { top: 220px; left: 80px; }
	#home h2, #story h2, #recipes h2, #contact h2 { margin: 0; height: 0; background-image: none !important; }


}
@media (max-width: 905px) {
	#site-title { padding-top: 15px; }


}

@media (max-width: 750px) {
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
 	#site-title a { background-size: 70% 70%;} 
	.center-head { margin: 0px; width: 100%;  }
	#site-title { padding-top: 35px; }
	a.next, a.prev { position: fixed; }
	#home h2 { margin: 128px 0px 0px 175px; }
	#story-notebook { top: 140px; left: 10px;}
	#story h2 { left:420px; top: 480px; }
	.products-contain { top: 200px; left: 40px; }
	#recipes .recipe-book { margin-top: 70px; margin-left: 0px; }
	#where .where-back  { margin-left: 0px; }
}

@media (max-width: 725px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1.625em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 1.625em 0 0;
	}
	.singular.page .hentry {
		padding: 1.625em 0 0;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}
	
	#page, #branding { width: 100%; }
	
	.scrollable .items { position: static; }
	.scrollable .item { position: static; height: auto; }

	#main { padding: 0px 0px; }
	#main, .scrollable, #home { height: auto; }
	#story, .scrollable { height: auto; }
	#products, .scrollable { height: auto; }
	.menu-main-menu-container { float: none; display: none; background-color: #fff;  position: absolute; width: 287px; z-index: 100; padding: 0px; }
	#access ul { border-top: 1px solid #000; padding-top: 5px;}
	#access li.first-menu-item, a.next, a.prev { display: none; }
	#branding { width: 100%; position: static; }
	.mobile-menu { display: block; font-weight: bold; cursor: pointer; width: 185px; height: 50px; }
	.show_menu{display:block;}
	.center-head { margin: 0px auto; width: 100%}
	#site-title { margin-top: 10px; padding: 0px; width: 100%; position: static;}
	#site-title a {  margin: 0 auto; background-size: 92% 92%; }
	#access { height: auto;}
	#access ul { text-align: left; }
	#access li { float: none; height: 30px;  padding-left: 15px;}
	#access li:hover { background-color: #efb31b; }
	#access a { padding: 0px; color: #54301B; line-height: 30px; }
	.social-links {display: none; }
	.scrollable .items, .scrollable .item   { width: 100%;}
	.scrollable { width: 100%; min-width: 100% }
	.scrollable .item {background-image: none !important;}
	.center-head { background-image: none; }
	
	.sub-title { display: block; width: 100%; text-align: center;} 
	.sub-title img { height: auto; width: 287px; padding-bottom: 10px;}
	.home-photos { display: none; }
	.home-photos-hidden  { display: block } 
	.home-photos-hidden img { width: 359px; height: 304px; margin: 0px; }
	.full-bread { background: url('../images/mobile/mobile-bread.png') no-repeat 0 0; height: 105px; width: 559px; }
	#home .sub-title { margin-top: 15px; }
	#home .home-photos-contain { opacity: 1; position: static;}
	#home .home-photos { opacity: 1; position: static; width: 100%; height: auto;}
	#home .home-photos img { width: 100%; height: auto;}
	#home .text-2 { opacity: 1; position: static; margin: 0px 22px; width: auto; }
	#home .hover-image-2  { opacity: 1; position: static;}
	#home .hover-image-2 img { display: none;}
	#home .hover-image-1 img { display: none;}
	#home .text-1 { position: static; margin: 0px 22px; width: auto; text-align: left; }
	
	
	
	#story .sub-title { margin: 15px auto; width: 248px;}
	#story .sub-title img { margin: 0px; padding: 0px; }
	#story .story-right {float: none; height: auto; }
	#story-notebook .story-left { display: none; }
	#story-notebook .story-right { margin: 0px; padding-left: 0; width: 100%;}
	#story-notebook { position: static; padding: 0px; background-image: none !important; width: 100%; height: auto;}
	#story-notebook .scroll-image { background: url('../images/mobile/mobile-story-image.png') no-repeat !important; width: 312px; height: 397px; left: 0px; top: auto; position: static; }
	.story-mobile { padding-top: 0px; position: relative; height: auto; }
	.story-mobile p, #story-notebook h3, #story-notebook h4 { margin: 0px 20px;}
	.story-mobile-inner { background: url('../images/mobile/mobile-story-top.png') no-repeat; height: auto; padding-bottom: 1px; }
	#story h4 { padding-top: 40px; }
	.story-mobile-repeat { background-color: #e0e1df; }
	.story-right .custom-scroll { height: auto; width: auto; overflow: auto;}
	#story .mobile-bottom { background: url('../images/mobile/mobile-story-bottom.png') no-repeat; height: 231px;}
	
	#products .product-header, .products-contain, .injera, .hambasha, #products .product-hover-text { position: static; }
	#products .product-hide { display: none; }
	#products .product-inner { width: 285px; margin: 0px auto;}
	#products .product-text  {width: 285px; padding: 0px;}
	.product-hover-text { background: url('../images/mobile/product-seeds-mobile.png') no-repeat; height: 394px; width: 110px; padding: 155px 100px; }
	#products .product-header img { margin: 0 auto; text-align: center; width: 272px;}
	.injera { display: block; }
	.hambasha { padding-top: 10px; background: url('../images/mobile/mobile-products-hambasha.png') no-repeat 50% 0 !important; height: 543px; width: 100%; }
	.injera { padding-top: 10px; background: url('../images/mobile/mobile-products-injera.png') no-repeat 50% 0 !important; height: 559px; width:100%; }
	#products h2 { padding-left: 0px;}
	#products h2.first { display: none; }
	#products .hover-image-2 { background: url('../images/mobile/mobile-products-seeds.png') no-repeat 50px 0; width: 100%; height: 307px; position: static; display: block; opacity: 1; }
	#products .hover-image-2 img { display: none; }
	#products .product-hover-text { display: none; }
	
	#recipes { background: url('../images/mobile/recipes-mobile-bottom.png') no-repeat 100% 100% !important; padding-bottom: 269px;}
	#recipes a.submit-button { position: static; background: url('../images/mobile/mobile-submit.png') no-repeat; width: 272px; height: 20px; margin: 0px auto; }
	#recipes .sub-title { margin-top: 15px;}
	#recipes .recipe-book { background-image: none !important; height: auto; width: auto; margin: 0px;}
	#recipes .single-recipe { padding: 0 0 0 0; background-color: #fefef1 !important; width: 100%; height: auto; }
	#recipes .ajax-recipe { height: auto; width: 100%; padding-top: 20px; margin: 0px auto; width: 272px; height: 100% }
	#recipes .recipe-left, #recipes .recipe-right { float: none; width: 272px; }
	#recipes .grid-item { float: none; padding: 10px 0px; margin: 0px; }
	#recipes .grid-item img { width: 100%; height: auto; }
	#recipes .navigation { position: static; height: 26px; padding-bottom: 20px; width: 280px;}
	#recipes .recipe-image img { width: 100%; height: auto; }
	#recipes a.recipes-print { display: none; }
	#recipes .recipe-contain { height: auto; }
	#recipes .steps-area { height: 100%; width: 272px; }
	#recipes .image-recipe-holder { background-image: none; }
	#recipes .description { padding: 10px 0px; }
	#recipes ul.steps { margin-right: 0px; }
	#recipes .image-recipe-holder { display: none; }
	#recipes  .ingredients { padding-top: 0px; }
	.slider_recipe_container { height: auto; width: auto; float: none; }
	.scroll-recipe-content { padding: 0px; }
	.single-eab_recipe #branding { padding-bottom: 30px; }
	#where { background: url('../images/mobile-where-back.png') no-repeat 0px 100% !important; padding-bottom: 273px;}
	#where h2 { width: 272px; margin: 10px auto 10px; padding: 0px; background-image: none;}
	#where #eab-filter-outer { left: 0px; top: 0px; margin-top: 0px; width: 100%; padding-bottom: 30px; 	background: url('../images/where-line.png') no-repeat bottom; margin-bottom: 20px;}
	#where #eab-filters, #where #eab-filters ul, #where #eab-filters ul li { width: 272px; }
	#where #eab-filters, #where #eab-filters a { height: 30px; line-height: 30px; }
	#where #eab-filters ul a, #where #eab-filters a { width: 262px;}
	#where .filter-title {text-align: right; width: 100%; display: block;}
	#where h3 { width: 190px; padding-top: 1px !important; font-weight: bold; }
	#where .grid { width: 272px; margin: 0px auto; overflow: visible; height: auto; }
	#where .where-back { padding: 20px 0px; margin: 0px; width: 100%; height: auto; background-image: none;}
	#where .grid-item { float: none; width: 272px; position: relative; }
	#where .odd, #where .even { padding: 20px 0px 0px 0px; margin: 0px auto; border: none; }
	#where .location-address { }
	#where .where-map { display: none; }
	#where a.mobile-link { background-color: #956b52; padding: 5px; float: right; color: #fff; position: absolute; top: 20px; right: 20px; z-index: 99;}
	#where .where-top { background: url('../images/mobile-where-top.png') no-repeat; height: 37px; padding-top: 20px;} 
	#where .where-middle { background: url('../images/mobile-where-middle.png') repeat-y; } 
	#where .where-bottom{ background: url('../images/mobile-where-bottom.png') no-repeat; width: 100%; height: 39px;}
	#where .map-iframe { padding-top: 10px;} 

	#contact .sub-title { text-align: left; margin: 20px auto; width: 285px;}
	#contact .sub-title img { height: auto; width: 143px; }
	#contact .contact-text { height: auto; padding: 0px; margin: 0px; width: 100%; background: url('images/mobile/mobile-contact-repeater.jpg') repeat-x; }
	#contact .contact-inner { padding: 35px 0px; width: 285px; margin: 0px auto; }
	#contact .contact-mobile-photo { margin: 0px auto; width: 299px; height: 237px; background: url('images/mobile/mobile-contact-photo.png') no-repeat; }
	#contact { background: url('../images/mobile-contact-bottom.png') no-repeat 100% 100% !important; padding-bottom: 150px;}
	#contact .mobile-social-links { display: block; float: right; padding-top: 85px;}
}

@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}

}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}

/* =IE8 
----------------------------------------------- */ 
 
#ie8 section.feature-image.large img { 
	width: 100%; 
}
/*=============================================*/
.new_slide{
	width:90%;
	margin:0 auto;
	height:700px;
	border:0px solid red;
}
.exf1{
	height:30px;
	width:100%;
	border:0px solid red;
	text-align:center;
	font-size:18px;
	color:white;
	font-weight:bold;
	font-style:italic;
	font-family:Lucida Calligraphy;
	padding:4px 0 4px 0;
}
#dvLoading
{
   background:#130100 url(../images/ajax-loader.gif) no-repeat center center;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 10002;
   /*left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;*/
}
.leaf_image_div
{
	width:55%;
	height:400px;
	position:absolute;
	left:6%;
	top:260px;
}
.leaf_image_img
{
	width:100%;
}
.menu_cont
{
	width:auto;
	height:auto;
	padding-bottom:30px;
}