/*GENERAL*/
html{background:url(../images/html-bg.jpg);}
body{
	margin:0;
	color:#707070;
	font:14px arial,sans-serif;
	min-width:819px;
	background:url(../images/body-bg.jpg) repeat-x;
}
img{border-style:none;}
a{color:#707070;}
a:hover{text-decoration:none;}
/*PAGE HOLDER*/
.page-holder{
	background:url(../images/index-bg.jpg) no-repeat 50% 0;
	min-width:819px;
	height:1%;
	min-height:1159px;
}
.main{
	margin:0 auto;
	width:819px;
	position:relative;
	min-height:300px;
}
/*HEADER*/
#header{
	width:100%;
	overflow:hidden;
}
/*LOGO*/
.logo{
	position:absolute;
	top:0;
	left:-12px;
	width:272px;
	height:201px;
	text-indent:-9999px;
	z-index:2;
}
.logo h1{
	background:url(../images/logo-holder.png) no-repeat;
	margin:0;
	width:227px;
	height:197px;
	padding:4px 0 0 45px;
}
.logo a{
	background:url(../images/logo.gif) no-repeat;
	display:block;
	overflow:hidden;
	width:160px;
	height:128px;
	position:relative;
}
/*NAVIGATION*/
.nav{
	margin:14px 31px 0 0;
	padding:16px 35px 0 160px;
	list-style:none;
	float:right;
	width:531px;
	height:77px;
	display:inline;
	background:url(../images/nav-bg.png) no-repeat;
}
.nav li{
	float:left;
	margin-right:-3px;
}
.nav a{
	display:block;
	position:relative;
	z-index:1;
	padding:7px 13px 4px 11px;
}
.nav a span{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.nav a:hover, .nav a.active{background:#db2930;}
.home{margin:32px 0 0 26px;}
.home span{
	background:url(../images/home-nav.png) no-repeat;
	height:15px;
	width:41px;
}
.about{margin:25px -1px 0 0;}
.about span{
	background:url(../images/about-nav.png) no-repeat;
	height:19px;
	width:42px;
}
.menus{margin:24px 0 0;}
.menus span{
	background:url(../images/menus-nav.png) no-repeat;
	height:15px;
	width:50px;
}
.shop{margin:18px 0 0 -1px;}
.shop span{
	background:url(../images/shop-nav.png) no-repeat;
	height:18px;
	width:36px;
}
.news{margin:16px 0 0;}
.news span{
	background:url(../images/news-nav.png) no-repeat;
	height:14px;
	width:39px;
}
.media{margin:9px 0 0 -1px;}
.media span{
	background:url(../images/media-nav.png) no-repeat;
	height:17px;
	width:45px;
}
.jobs{margin:6px 0 0 -1px;}
.jobs span{
	background:url(../images/jobs-nav.png) no-repeat;
	height:20px;
	width:32px;
}
.contact{margin-left:-1px;}
.contact span{
	background:url(../images/contact-nav.png) no-repeat;
	height:18px;
	width:54px;
}
/*MIDDLE PART*/
#middle{
	display:table;
	width:100%;
}
/*MAIN-COLUMN*/
.main-column{
	float:left;
	width:610px;
	margin-right:-40px;
}
/*MAIN BOX*/
.main-box{
	width:577px;
	position:relative;
	margin:-3px 0 0 9px;
}
/*MAIN BOX BG*/
.main-box .top{
	background:url(../images/main-top.png) no-repeat;
	height:328px;
}
.main-box .bottom{
	background: url(../images/main-bottom.png) no-repeat;
	height:292px;
	clear:both;
}
.main-box .bg{
	background:url(../images/main-bg.png) repeat-y;
	width:100%;
	float:left;
}
.main-box .content{
	margin:-328px 0 -292px;
	position:relative;
	padding:43px 0 0 39px;
}
/*GALLERY BOX*/
.gallery{
	background:url(../images/gallery-bg.gif) no-repeat;
	height:270px;
	width:498px;
	padding:5px 0 0 5px;
}
/*BANNER - VISUAL PART*/
.banner{
	margin-bottom:8px;
	position:relative;
	height:197px;
	width:492px;
}
.banner a {
	border:1px solid #626262;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.banner a.active {
	display:block;
	z-index:1;
}
.banner img{
	display:block;
}
/*ICONS*/
.icons{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.icons li{
	float:left;
	padding-left:24px;
}
.icons a{
	float:left;
	height:55px;
	overflow:hidden;
	border:1px solid #252525;
}
.icons img{display:block;}
.icons a:hover{background-position:0 0;}
.icons a:hover img,.icons a.active img{margin-top:-55px;}
.icons a.active img {margin-top:0px;}
.icons .active a img{margin-top:-55px;}
.holder{
	width:100%;
	display:table;
}
/*BANNER LIST*/
.banner-list{
	margin:14px 1px 0 -2px;
	padding:0;
	list-style:none;
	float:left;
	width:174px;
}
.banner-list li{margin-bottom:2px;}
.banner-list a{position:relative;}
/*NEWS BOX*/
.news-box{
	margin:5px 10px 0 0;
	width:184px;
	float:left;
	background:url(../images/news-bg.gif) repeat-y;
}
.news-top{background:url(../images/news-top.gif) no-repeat;}
.news-bottom{
	background:url(../images/news-bottom.gif) no-repeat 0 100%;
	padding:33px 9px 0;
	min-height:239px;
}
.news-box ul{
	margin:0 11px;
	padding:0;
	list-style:none;
	color:#363636;
	font-size:12px;
	line-height:14px;
}
.news-box li{
	margin-bottom:14px;
	vertical-align:top;
	height:1%;
}
.news-box li em{
	display:block;
	font-weight:bold;
}
.news-h{
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/news-h.gif) no-repeat;
	height:25px;
	margin:0 0 10px;
}
/*TUBE BOX*/
.tube-box{
	float:left;
	width:155px;
	margin:14px 0 0;
}
.tube-box .tube-link{margin:0 0 10px 5px;}
.tube-box img{
	display:block;
	margin:0 auto;
	margin-bottom:12px;
}
/*LOCATION BOX*/
.location-box{
	background:url(../images/location-list.png) no-repeat;
	height:347px;
	width:453px;
	overflow:hidden;
	color:#9a4321;
	padding:29px 75px 0 82px;
	margin:4px 0 0 -15px;
	font-size:12px;
	line-height:14px;
}
.location-box a{position:relative;}
.location-box h3{
	margin:0 0 14px 1px;
	letter-spacing:-1px;
	font-size:14px;
}
.location-box ul{
	margin:0;
	padding:0;
	list-style:none;
}
/*LOCATION LIST*/
.location-list{
	float:left;
	width:312px;
}
.location-list li{
	overflow:hidden;
	height:1%;
	vertical-align:top;
	margin-bottom:24px;
}
/*MAP*/
.location-list img{float:right;}
/*ADDRESS*/
.location-list address{
	float:left;
	width:160px;
	font-style:normal;
}
.location-list address span{display:block;}
/*LOCATION NAVIGATION*/
.location-nav{
	width:87px;
	float:right;
	margin:-6px 0 0;
	text-align:right;
	line-height:18px;
}
.location-nav a{
	color:#9a4321;
	text-decoration:none;
}
.location-nav a:hover{text-decoration:underline;}
.location-box .banner-list2{margin:20px 0 0 18px;}
/*SIDEBAR*/
.sidebar{
	float:right;
	width:206px;
	position:relative;
	z-index:1;
	padding:37px 30px 0 0;
}
.sidebar img{
	display:block;
	margin-bottom:27px;
}
/*BANNER LIST*/
.side-banner{
	background:url(../images/banner10.png) no-repeat;
	height:190px;
	width:174px;
	margin:-5px 0 0 0;
	padding:12px 0 0;
	list-style:none;
	text-align:center;
}
.side-banner li{margin:0 0 6px -4px;}
.side-banner li.first{margin-bottom:-3px;}
.side-banner a{position:relative;}
.side-banner img{
	display:inline;
	margin:0;
}
.order-here{
	position:absolute;
	top:-8px;
	right:13px;
	width:156px;
	height:156px;
}
/*ORDER LINK*/
.order-here a{
	background:url(../images/order-link.png) no-repeat;
	display:block;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
/*FLOUR IMAGE*/
.flour{
	position:absolute;
	bottom:-56px;
	right:15px;
	overflow:hidden;
	background:url(../images/img2.png) no-repeat;
	height:237px;
	width:251px;
}
/*SUBPAGE*/
.subpage .page-holder{background:url(../images/subpage-bg.jpg) no-repeat 50% 0;}
.subpage .banner-list{margin:48px 0 0 -2px;}
.subpage .banner-list li{margin-top:11px;}
.subpage .banner-list .alternative{margin-top:0;}
.subpage .main-box .content{padding-bottom:15px;}
/*MACARONIS IMAGE*/
.macaronis{
	position:absolute;
	right:1px;
	bottom:-1px;
	overflow:hidden;
	background:url(../images/img3.png) no-repeat;
	height:264px;
	width:269px;
}
/*ABOUT BOX*/
.about-box{
	background:url(../images/about-bg.gif) repeat-y;
	position:relative;
	float:right;
	width:363px;
	display:inline;
	margin:0 10px 0 -10px;
}
/*ABOUT BOX BG*/
.about-top{
	background:url(../images/about-top.png) no-repeat;
	height:523px;
}
.about-bottom{
	background:url(../images/about-bottom.png) no-repeat;
	height:364px;
	clear:both;
}
.about-bg{
	background:url(../images/about-bg.png) repeat-y;
	width:100%;
	float:left;
}
.about-content{
	margin:-523px 0 -364px;
	position:relative;
	padding:56px 37px;
}
.about-h{
	margin:0 0 9px -17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/about-h.gif) no-repeat;
	height:25px;
}

.about-i{
	margin:0 0 9px -17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/menu-h.gif) no-repeat;
	height:25px;
}

.about-m{
	margin:0 0 9px -17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/media-h.gif) no-repeat;
	height:25px;
}


.about-n{
	margin:0 0 9px -17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/news-h.gif) no-repeat;
	height:25px;
}

.about-j{
	margin:0 0 9px -17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/jobs.gif) no-repeat;
	height:25px;
}

.about-s{
	margin:0 0 9px -17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/shopping-h.gif) no-repeat;
	height:25px;
}


.about-c{
	margin:0 0 9px -17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/contact-h.gif) no-repeat;
	height:25px;
}

.about-box p{
	line-height:18px;
	margin:0 0 14px;
}
.about-box h3{
	margin:0;
	font-size:18px;
	color:#e7484e;
}
.about-box ul{
	margin:0 0 15px 37px;
	padding:0;
	line-height:18px;
	list-style:none;
}
.about-box li{
	background:url(../images/bullet1.gif) no-repeat 0 8px;
	padding-left:8px;
}
.about-box .menu-item{margin:-10px 0 0 14px;}
.about-box .menu-item li{
	width:273px;
	overflow:hidden;
	background:none;
	padding:0;
}
/*MENU-LIST*/
.menu-item div{
	padding:10px 19px;
}
.menu-item em{
	display:block;
}
.about-box .menu-item .active{
	background:#81090c url(../images/menu-top.gif) no-repeat;
	color:#fff;
}
.menu-item .active div{background:url(../images/menu-bottom.gif) no-repeat 0 100%;}
