@charset "UTF-8";
/* CSS Document */
/* RESET */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a { 
text-decoration: underline;
color: #c20a0e;
}

a:hover {
color: #ee2f33;
text-decoration: underline;
}


/* END OF RESET */

/* MAIN STYLES */

html {}
body {
background: #f8f3e1;
font: 14px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
line-height:20px;
color: #694920;
}

.clear{clear:both;}

#theborder {
width: 1000px;
margin: 1.5em auto;
border: solid 10px #9d7c34;

}

#container {
width: 970px;
margin: 10px;
border: solid 5px #734430;
background: #ffffff;
}

#header {
overflow: hidden;
height: 100%; /* needed for IE 6 */
background: url(/images/top-bg.jpg) no-repeat;
height: 188px;
z-index:1;
position: relative;
}

#thearea{
height:31px;
}

#header2{
text-indent: -9999px;
}

#logo {
float: left;
width: 122px;
border-bottom:10px solid #726228;
top: 56px;
padding-bottom: 3px;
position:relative;
}

#logo img {
margin-left: 128px;
}

#bread {
top: 55px;
left: 190px;
position: relative;
}

#toll {
top: 110px;
left: 768px;
position:absolute;
z-index: 1100;
font-size:16px;
color:#571f0c;
}

#header ul#nav {
	float: right;
	position: relative;
        top:64px;
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			height: 29px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.home a {
			width: 122px;
			background: url(/images/home-nav.png) bottom center no-repeat;
		}
		ul#nav li.bakery a {
			width: 142px;
			background: url(/images/bakery-nav.png) bottom center no-repeat;
		}
		ul#nav li.products a {
			width: 160px;
			background: url(/images/products-nav.png) bottom center no-repeat;
		}
                ul#nav li.order-form a {
			width: 148px;
			background: url(/images/order-nav.png) bottom center no-repeat;
		}
                ul#nav li.favorites a {
			width: 128px;
			background: url(/images/favorites-nav.png) bottom center no-repeat;
		}
                ul#nav li.whats-new a {
			width: 148px;
			background: url(/images/new-nav.png) bottom center no-repeat;
		}

		ul#nav li a:hover {
			background-position: top center;
		}


#main {
padding-left:10px;
background: url(/images/bg-container.png) repeat-x #fdfcf8;
height: 100%;
overflow: hidden;
min-height:400px;
}


ul#themenu #themenu2 #themenu3 #themenu4 #themenu5 #themenu6{
	float: left;
	position: relative;
	}
ul#themenu li, #themenu2 li, #themenu3 li, #themenu4 li, #themenu5 li, #themenu6 li {
		display: inline;
		}
		ul#themenu li a, #themenu2 li a, #themenu3 li a, #themenu4 li a, #themenu5 li a, #themenu6 li a {
			display: block;
			height: 34px;
			text-indent: -9999px;
			float: left;
		}
		ul#themenu li.millet a {
			width: 201px;
                        margin-top:100px;
                        margin-left:-70px;
			background: url(/images/millet-and-flax-nav.png) bottom center no-repeat;
		}
		ul#themenu2 li.low-carb a {
			width: 201px;
                        margin-top:100px;
                        margin-left:-70px;
			background: url(/images/low-carb-nav.png) bottom center no-repeat;
		}
		ul#themenu3 li.breads a {
			width: 201px;
                        margin-top:100px;
                        margin-left:-70px;
			background: url(/images/breads-nav.png) bottom center no-repeat;
		}
		ul#themenu4 li.snacks a {
			width: 201px;
                        margin-top:100px;
                        margin-left:-70px;
			background: url(/images/snacks-nav.png) bottom center no-repeat;
		}
		ul#themenu5 li.desserts a {
			width: 201px;
                        margin-top:100px;
                        margin-left:-70px;
			background: url(/images/desserts-nav.png) bottom center no-repeat;
		}
		ul#themenu6 li.other a {
			width: 201px;
                        margin-top:100px;
                        margin-left:-70px;
			background: url(/images/other-products-nav.png) bottom center no-repeat;
		}
ul#themenu li a:hover {
			background-position: top center;
		}
		
ul#themenu2 li a:hover {
			background-position: top center;
		}
ul#themenu3 li a:hover {
			background-position: top center;
		}
ul#themenu4 li a:hover {
			background-position: top center;
		}
ul#themenu5 li a:hover {
			background-position: top center;
		}
ul#themenu6 li a:hover {
			background-position: top center;
		}

#millet {
background: url(/images/millet-and-flax.jpg) no-repeat;
width: 290px;
height:300px;
float:left;
margin-left:90px;
}

#low-carb {
background: url(/images/low-carb.jpg) no-repeat;
width: 290px;
height:300px;
float:left;
}

#breads {
background: url(/images/breads.jpg) no-repeat;
width: 290px;
height:300px;
float:left;
}

#snacks {
background: url(/images/snacks.jpg) no-repeat;
width: 290px;
height:241px;
float:left;
margin-left:90px;
}

#desserts {
background: url(/images/desserts.jpg) no-repeat;
width: 290px;
height:241px;
float:left;
}

#other-products {
background: url(/images/other-products.jpg) no-repeat;
width: 290px;
height:241px;
float:left;
}

#main img {
padding-right: 12px;
}

#main p {
padding-bottom: 20px;
line-height: 22px;
}

#main h2 {
font-size:1.2em;
padding-bottom:3px;
}

#featured1 img {
padding: 0px;
}

#featured1 div {
float:left;
padding-right: 10px;
padding-bottom: 30px;
}

#featured1 {
padding-top:5px;

}

#featured img {
padding: 0px;
}

#featured div {
float:left;
padding-right: 25px;
padding-bottom: 10px;
}

#col1 {
margin-left: 10px;
width:284px;
height:170px;
background: url(/images/samis-bakery-bread-new.jpg) #fff no-repeat;
border: 2px solid #b88356;
text-align:left;
}

#col1 #thetext {
width: 115px;
margin-left:190px;
font-size: .9em;
padding-top: 5px;
}

#col2 {
margin-left: 10px;
width:314px;
height:170px;
background: url(/images/samis-bakery-lavash.jpg) #fff no-repeat;
border: 2px solid #b88356;
background-position:right bottom;
color: #694920;
font-size: 1em;
text-align: center;
}

#col2 #thetext2 {
width: 127px;
margin-left:10px;
font-size: .8em;
padding-top: 5px;
text-align:left;
}

#col2 h1 a
{text-decoration:none;
color:#00575f;
}

#col2 h1
{text-decoration:none;
color:#00575f;
padding-bottom:8px;padding-left:12px;}

#col3 {
margin-left: 10px;
width: 227px;
height: 170px;
background: url(/images/samis-bakery-cookies.jpg) #fff no-repeat;
border: 2px solid #b88356;
background-position:right top;
}

#col3 #thetext3 {
width: 90px;
margin-left:5px;
font-size: .85em;
padding-top: 5px;
text-align:left;
color:#00575f;
}

#col3a {
width:292px;
height:202px;
background: white;
border: 2px solid #b88356;
text-align:center;
line-height: 28px;
padding: 5px;
font-size:.9em;
}

#col3a h2 {
color:#00575f;
font-size:1em;
}

#col3a h3{
color:#ee2f33;
font-size:.95em;
}

#products div {
float: left;
padding-left:10px;
padding-top:10px;
background: white;
border: 2px solid #b88356;
margin: 30px;
width: 220px;
height: 280px;
text-align:center;
}


#products {
padding-left:20px;
}


#products-detail {
margin-left: 15px;
margin-right:auto;
background: white;
border: 2px solid #b88356;
width: 450px;
text-align:center;
padding: 10px 10PX 10PX 10PX;
float:left;
}

#ingredients{
margin-left:10px;
font-size:12px;
}

#footer {
clear:both;
margin: 8px 0px 8px 0px;
background:#ffffff;
height:85px;
}

#dot {
background: url(/images/dot.png) repeat-x;
height: 14px;
}

#footer ul {
margin: 15px 0px 5px 5px;
color: #644219;
}

#footer ul li {
		display: inline;
		}

#footer ul li a{
		color: #644219;
                font: .9em myriad pro, arial, sans-serif;
		}

.copy {
font-weight: bold;
color: #644219;
font: .9em myriad pro, arial, sans-serif;
padding-left:50px;
}