/*
Sitos Foods
Global Styles
Gary Cekus Design
*/

/* General Styles */
body { color: #5f451c; font-size: 13px; font-family: "Lucida Grande", Arial, sans-serif, Helvetica; margin: 0 auto; padding: 0; background: #f8eedb; line-height: 24px;  }

img {border: 0; behavior: iepngfix.htc;}

div {behavior: iepngfix.htc;}

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 180%; margin: 0; padding-bottom: 8px;}

h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; margin: 0; padding-bottom: 8px; color: #006c8c; }

h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 130%; margin: 0; padding-bottom: 8px; color: #006c8c; }

hr {border: none 0; border-top: 1px solid #5f451c; height: 1px; line-height:normal;}

td {vertical-align: top;}

/* Page Layout */
#head { background: url(../img/head-bg.gif) no-repeat; margin:  0 auto; padding: 0; height: 110px; width: 960px; }

#content { margin:  0 auto; padding: 0px; width: 960px; }

#nav { margin: 0 auto; padding: 0; width: 960px; border-bottom: 1px solid #EED8B0;}

#navBtm { margin: 0 auto; padding: 0; background: url(../img/nav-btm.gif) no-repeat top center; height: 40px; width: 960px;}

#foot { margin: 0 auto; padding: 8px; text-align: center; font-size: 10px; }

.colone { float:left; width:405px; margin-right:30px; } 

.coltwo { float:left; width:302px; }

.fancyimg { margin: 5px; padding: 4px; border: 1px solid #EED8B0; background: #fff; -moz-box-shadow: 0 0 10px #866228; -webkit-box-shadow: 0 0 10px #866228; box-shadow: 0 0 10px #866228; }
.fancyimg:hover { border-color: #006c8c; -moz-box-shadow: 0 0 10px #5f451c; -webkit-box-shadow: 0 0 10px #5f451c; box-shadow: 0 0 10px #5f451c; }


/* Links */

a:link {
	color: #006c8c;
	text-decoration: none;
	}

a:visited {
	color: #006c8c;
	text-decoration: none;
	}
	
a:active {
	color: #006c8c;
	text-decoration: none;
	}
	
a:hover {
	color: #006c8c;
	text-decoration: underline;
	}

/* Main Nav Styles */
.menu {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
	outline: none;
	vertical-align: bottom;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 50px;
	float: left;
	display: inline;
	list-style: none;
	overflow: hidden;
	outline: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	outline: none;
	height: 50px;
	background-repeat: no-repeat;
}

.home { width: 67px;}
.home a {background: url(../img/home.gif) center top;}

.about { width: 73px;}
.about a {background: url(../img/about.gif) center top;}

.products { width: 98px;}
.products a { background: url(../img/products.gif) center top; }

.contact { width: 110px;}
.contact a {background: url(../img/contact.gif) center top;}

.shop {width: 63px;}
.shop a {background: url(../img/shop.gif) center top;}

.health { width: 120px;}
.health a {background: url(../img/health.gif) center top;}

.life { width: 122px;}
.life a {background: url(../img/life.gif) center top;}

.recipes { width: 81px;}
.recipes a {background: url(../img/recipes.gif) center top;}

.history { width: 83px;}
.history a {background: url(../img/history.gif) center top;}

.links { width: 64px;}
.links a {background: url(../img/links.gif) center top;}

ul.menu li a:hover { background-position: center bottom; }

.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/************************************************************************
 Twitter Div
************************************************************************/
#twitter_div {
	}

#twitter_div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}	

/************************************************************************
 Accordian
************************************************************************/
.accordion {margin: 0 auto;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; background: url(../img/recipe-btm.gif) no-repeat bottom center; text-transform: capitalize; font-style: italic; text-align: center; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; background: #fff;}
.ui-accordion .ui-accordion-content-active { display: block; }