@charset "utf-8";
/* CSS Document */

body {
	background:url(images/BodyBg.gif) repeat-x;
  background-color: #FFFFFF;
  margin:0px;
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a {
	color: #000000;
}
a:hover {
	text-decoration: none;
}

h1{ margin:0px; font-size:24px;}
p { margin:0px;}
img{ border:none;}

#wrapper{ margin:0px auto; width:980px;}
#logo{ float:left; background: url(images/logo.jpg) no-repeat; width:269px; height:198px;}
#messege{ margin-left:230px; float:left; background:url(images/message.jpg) no-repeat; width:544px; height:95px;}
#leftside{ width:180px; float:left;}
#topleft{ background:url(images/topleft.gif) no-repeat; width:180px; height:23px; float:left;}
#main{ width:813px; float:left; margin-left:80px; margin-top:20px;}
#leftbg{ background:url(images/leftbg.jpg) repeat-y; width:180px; float:left; height:353px;}

/*nav*/
#home { background:url(images/home.jpg) no-repeat; width:180px; height:49px; float:left;}
#about { background:url(images/website_06.jpg) no-repeat; width:180px; height:49px; float:left;}
#recipes { background:url(images/website_07.jpg) no-repeat; width:180px; height:49px; float:left;}
#shop { background:url(images/website_08.jpg) no-repeat; width:180px; height:49px; float:left;}
#links { background:url(images/website_09.jpg) no-repeat; width:180px; height:49px; float:left;}
#findus { background:url(images/website_10.jpg) no-repeat; width:180px; height:49px; float:left;}
#contact { background:url(images/website_11.jpg) no-repeat; width:180px; height:49px; float:left;}
#newsletters {color:#FFFFFF; position:absolute; font-size:1.8em; margin:350px 0 0 20px; font-style:italic;}

#home:hover { background:url(images/home2.jpg) no-repeat; width:180px; height:49px; float:left;}
#about:hover { background:url(images/website_062.jpg) no-repeat; width:180px; height:49px; float:left;}
#recipes:hover { background:url(images/website_072.jpg) no-repeat; width:180px; height:49px; float:left;}
#shop:hover { background:url(images/website_082.jpg) no-repeat; width:180px; height:49px; float:left;}
#links:hover { background:url(images/website_092.jpg) no-repeat; width:180px; height:49px; float:left;}
#findus:hover { background:url(images/website_102.jpg) no-repeat; width:180px; height:49px; float:left;}
#contact:hover { background:url(images/website_112.jpg) no-repeat; width:180px; height:49px; float:left;}
/**/

#flash{ background:url(images/flashbox.jpg) no-repeat; width:633px; height:375px; float:left;}
#panel{ height:100px; width:1px; float:left;}
#textbg{ background:url(images/textbg.jpg) repeat-y; width:813px; float:left;}
#content{ float:left; padding-left:190px; padding-top:10px; padding-right:20px; padding-bottom:10px;}
#footer{ background:url(images/footerbox.jpg) no-repeat; width:813px; height:30px; float:left;}
#footertext{ float:left; text-align:center; line-height:30px; font-size:1em; width:813px; margin-left:80px;}
#left{ width:280px; background-color:#ffffff; border: 1px solid #999999; float:left; padding:5px;}
#right{ margin-left:15px; width:280px; background-color:#ffffff; border: 1px solid #999999; float:left; padding:5px;}

#green{ color:#006600;}

#banner{ background:url(images/banner2.jpg) no-repeat; width:980px; height:130px; margin-top:30px; margin-bottom:35px;}