html, body {margin: 0; padding: 0; border: 0;}

body{
margin:0;
padding : 0;
text-align: center;
background: url(../images/bg1.jpg) repeat-x;
}

.left p{
margin: 10px 10px;
padding: 0 0 10px 0;
font: 12px Arial, Verdana, sans-serif;
text-align:justify;
color: #000;
word-spacing:3px;
}

.left p a{
margin: -5px -41px 0 10px;
font: bold 12px Arial, Verdana, sans-serif;
text-align:right;
color: #53442D;
text-decoration:none;
float:right;
background: url(../images/read-more-arrow.jpg) 0 0 no-repeat;  
}

div#wrapper, div#header, div#banner{
width: 752px;
margin:0 auto;
padding:0;
text-align: left;
}

div#wrapper, div#header{
width: 774px;
margin: 0 auto;
padding:0;
text-align: left;
}

/* header style starts */

div#header{ width: 774px; height: 118px; background: none; }

div#header  a{ outline: none; }

div#header img{ float: left; }

div#header h2{ 
text-align: right;
padding:50px 0 0 0;
margin: 0 25px 0 0; 
color: #FEAC0A;
font: italic 22px "Trebuchet MS", "Times New Roman", Times, serif; 
}

/* header style ends */

.outerwrapper{ 
	width: 774px; 
	float: left;  
	background: url(../images/center-content-bg.gif) repeat-y; 
}

div#headerwrapper h1{ display: none; }

#headerwrapper{ background: url(../images/top-logo-band-bg.jpg) repeat-x; }

.banner{ 
width: 774px;
height: 166px; 
background:  url(../images/main-banner-img-bg-new.jpg) 0 0 no-repeat;  
}

.hide{ display: none; }

div#innerwrapper, div#outerwrapper{
width: 732px;
float: left;
display: inline;
margin: 0 0 0 10px;
padding: 0; 
background: url(../images/inner-wrapper.jpg) 0px 0px repeat-y;
}

div#outerwrapper{ 
width: 752px; 
margin: 0; 
background: #BB6822 url(../images/outer-wrapper-bg.jpg) repeat-x;
}

#content{
width: 717px;
float: left;
display: inline;
margin:115px 4px 0 29px!important;
margin:0 4px 0 29px;
background: #FFEFD5 url(../images/top-heading-bg.jpg) repeat-x;
font: 12px Arial, Verdana, sans-serif;
}

#othercontent{ 
width: 718px; 
float: left;
display: inline;
padding: 0;
background: url(../images/content-top-bg.jpg) repeat-x;
}

#foodshot{
width: 732px;
margin: 0 0 0 22px;
}

#foodshot h3{ display: none; }

.welcometext{
width: 403px;
margin: -25px 0 0 10px;
background: url(../images/home-welcome-contentbg.jpg) bottom left no-repeat;
padding:0;
}

.welcometext img{
margin:42px 0 0 0;
}

.left{
width: 410px;
float: left;
}

.right{
width: 292px;
float: right;
}

.right img{
margin: 20px 0px 0 -6px;
}

.center{
border: 1px solid #000;
}

h3{
font: bold 16px Arial, Verdana, sans-serif;
color: #8B0907; 
margin: 20px 0 0 10px;
}

h3 a:link{ text-decoration: none; color: #800000; }

.welcometext h3{ 
font: bold italic 13px Arial, Verdana, sans-serif;
color: #8B0907; 
height: 51px;
padding: 15px 20px 0 80px;
background: url(../images/welcome-header-bg.jpg) no-repeat;
}

.buynowtext{
width: 240px;
height: 49px;
margin: 0px 0 10px 0px;
padding: 10px 0 0 20px;
}

.buynowtext img{
margin:10px 0 0 0;
}

.buynowtext a{ 

text-decoration: none; 
border:none;
}

.buynowtext h3{ 
font: bold italic 13px Arial, Verdana, sans-serif;
color: #8B0907; 
padding: 2px 20px 0 72px;
margin: 4px 0 0 10px;
}

.producttext{
clear: both;
width: 705px;
height: 97px;
background: #ddd url(../images/product-bg.jpg) top left no-repeat;
}

/* first menu starts */

.firstmenu{
float: left;
display: inline;
width: 732px;
margin: 0 0 0 10px;
padding: 0;
background: url(../images/bg-firstmenu.jpg) no-repeat;
border: 1px solid #000;
font: bold 12px Arial, Verdana, sans-serif;
}

.firstmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.firstmenu ul li{
float: left;
margin: 0;
background: url(../images/navtab.jpg) no-repeat right top;
}

.firstmenu ul li a{
display: block;
padding: 8px 36px 8px 10px;
text-decoration: none;
color: #fff;
}

.firstmenu ul li a:hover{ text-decoration: underline; }

.firstmenu ul li.first a{
padding: 8px 48px 8px 39px;
background: url(../images/navtab_first.jpg) no-repeat;
}

.firstmenu ul li.last{ background: url(../images/navtab_last.jpg) no-repeat right top; }

.firstmenu ul li.last a{ padding: 8px 39px 8px 10px; }

.firstmenu ul li#firstcurrent{ background: #F4BE42 url(../images/navtab_current.jpg) no-repeat right top; } 

.firstmenu ul li#firstcurrent a{
background: url(../images/navtab_current_first.jpg) no-repeat;
color: #000;
}

.firstmenu ul li#current{
margin-left: -30px;
height: 30px;
background: #F4BE42 url(../images/navtab_current.jpg) no-repeat right top;
}

.firstmenu ul li#current a{
padding: 5px 35px 0px 35px;
background: url(../images/navtab_current_left.jpg) no-repeat;
color: #7D0B26;
}

.firstmenu ul li#lastcurrent{
margin-left: -38px;
background: #F4BE42 url(../images/navtab_current_left.jpg) no-repeat right top;
}

.firstmenu ul li#lastcurrent a{
height: 30px;
padding: 5px 35px 0px 35px;
background: url(../images/navtab_current_left.jpg) no-repeat;
color: #000;
}

/* first menu ends */

/* prdrange starts */

.prdrange{
width: 348px;
float: left;
display: inline;
margin: 10px 0px 0 0px;
padding:5px 0 0 0 ;
border-right:1px dashed #C58523;
}

.prdrange div{
float: left;
border-right:1px dashed #C58523;
}

.prdrange h3{ 
font-family: bold italic Arial, Verdana, sans-serif;
color: #952511;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 100px; 
width:219px;
background:transparent;
}

.prdrange h4{
font: italic 14px Arial, Verdana, sans-serif;
color: #C58523;
font-size: 12px;
margin: 0 0 5px 100px; 
width:219px;
}

.prdrange h6 a{ 
font: bold italic 12px Arial, Verdana, sans-serif;
color: #952511;
text-align:center;
width:156px;
height:24px;
padding:4px 0 0 0;
margin:10px 63px 0 0px;
text-decoration:none;
float:right;
background: url(../images/home-botm-btn.jpg) no-repeat;	
}

.prdrange div p{ font-family: Arial, Verdana, sans-serif;
color: #C58523;
font-size: 12px;
font-weight: bold;
}

/* prdrange ends */

/* recipe starts */

.recipe{
width: 348px;
float: right;
display: inline;
margin:0;
padding:15px 0 0 0;
}

.recipe h3{ 
font-family: bold italic Arial, Verdana, sans-serif;
color: #952511;
font-size: 12px;
font-weight: bold;
margin: -7px 0 10px 41px; 
padding:0;
width:219px;
}

.recipe h4{ font: italic 14px Arial, Verdana, sans-serif;
color: #C58523;
font-size: 12px;
margin: 0 0 10px 41px; 
width:219px;
}

.recipe h6 a{ 
font: bold italic 12px Arial, Verdana, sans-serif;
color: #952511;
text-align:center;
width:156px;
height:24px;
padding:4px 0 0 0;
margin:8px 10px 0 30px;
text-decoration:none;
float:left;
background: url(../images/home-botm-btn.jpg) no-repeat;
}

.recipe div{
float: left;
border-right:1px dashed #C58523;
}

.recipe img{
float:left;
margin:0px 10px 0 0;
}

.recipe p{ font-family: Arial, Verdana, sans-serif;
color: #C58523;
font-size: 12px;
font-weight: bold;
margin: 0 15px 0 0px; 
}

.recipe p a{
font-family: Arial, Verdana, sans-serif;
color: #C58523;
font-size: 12px;
font-weight: bold;
margin: 0 0px 5px 0px; 
text-align:left;
}

/* recipe ends */

.clear { clear: both; }

/* top link in footer */

#uparrow { 
position: relative;
text-align: right;
left: 23px;
top:-25px;
} 

/* top link in footer */

/* footer starts */

div#footer{ 
clear: both;
width: 732px;
height: 121px;
margin:0 auto;
padding:0;
background: url(../images/index-footer-bg.jpg) no-repeat;	
}

#footer p{
margin:90px 0 0 40px;
font: 12px Arial, Verdana, sans-serif;
display:inline;
float:left;
color:#C48623;
}

#footer p a{
color:#C48623;
text-decoration:none;
font: 12px Arial, Verdana, sans-serif;
margin:0 0 0 330px;
}

#footer div{ 
padding:0;
font: 11px Arial, Verdana, sans-serif;
color: #C48623;
}

#footer div{ float: right; }

/*div#footer p, div#footer div{ 
float: left; 
margin: 90px 0 0 0; 
font: 11px Arial, Verdana, sans-serif;
color:#C48623;
}

#footer p a{
color:#C48623;
text-decoration:none;
margin:0 0 0 330px;
}

div#footer div{ float: right; }*/

/* footer ends */

/* navigation starts */
#nav{ 
width: 732px;
float: left;
display: inline;
margin: 1px 0 0 20px;
}
	
#nav ul{
padding: 0;
margin: 10px 0 0 0px;
float: left;
list-style: none;
}

#nav li{
text-indent: -9999px;
display: inline;
margin: 0;
padding: 0;
}

#nav li a{
color: #afad92;
text-decoration: none;
float: left;
outline: none;
background: url(../images/mainnavmenu.jpg) no-repeat;
}	

li#home a{
width:119px;
height:27px;
}
	 
li#about a{
width:101px;
height:27px;
}
	 
li#products a{
width:102px;
height:27px;
}
	 
li#buy a{
width:103px;
height:27px;
}
	 
li#recipes a{
width:103px;
height:27px;
}

li#packaging a{
width:102px;
height:27px;
}

li#contact a{
width:102px;
height:27px;
}

li#home a:link, li#home a:visited{	
background-position: 0px 0px;
}
	
li#home a:hover, li#home a:focus{	
background-position: 0px -27px;
width: 119px;
}

li#about a:link, li#about a:visited{	
background-position: -119px 0px;
}
	
li#about a:hover, li#about a:focus{	
background-position: -103px -81px;
width: 117px;
margin-left: -16px;
}	
	
li#products a:link, li#products a:visited{	
background-position: -220px 0px;
}


li#products a:hover, li#products a:focus{	
background-position: -203px -162px;
width: 119px;
margin-left: -17px;
}	
	
li#buy a:link, li#buy a:visited{	
background-position: -322px 0px;
}
	
li#buy a:hover, li#buy a:focus{	
background-position: -305px -243px;
width: 120px;
margin-left: -17px;
}

li#recipes a:link, li#recipes a:visited{	
background-position: -425px 0px;
}

li#recipes a:hover, li#recipes a:focus{	
background-position: -409px -324px;
width: 119px;
margin-left: -16px;
}

li#packaging a:link, li#packaging a:visited{	
background-position: -528px 0px;
}

li#packaging a:hover, li#packaging a:focus{	
background-position: -510px -405px;
width: 120px;
margin-left: -18px;
}

li#contact a:link, li#contact a:visited{	
background-position: -630px 0px;
}
	
li#contact a:hover, li#contact a:focus{	
background-position: -610px -486px;
width: 120px;
margin-left: -20px;  
}

body#home-page li#home a:link, body#home-page li#home a:visited{	
background-position: 0px -27px;
}

body#home-page li#about a:hover, body#home-page li#about a:focus{	
background-position: -101px -54px;
width: 119px;
margin-left: -18px;
position: relative;
}

/* navigation ends */

.bottomcontent{
width:700px;
background: url(../images/home-botm-content-bg.jpg) no-repeat;
float: left;
margin: -20px 0 0 7px;
padding:0;
}

.right{
height:320px;
}

.right h3{
font:italic 18px Arial, Verdana, sans-serif;
margin:-145px 0 0 130px;
color: #8B0907; 
}

.right p{
font:normal 13px Arial, Verdana, sans-serif;
margin:130px 12px 0 12px;
color: #C58523; 
}

.right p b{
font:bold 13px Arial, Verdana, sans-serif;
color: #C58523; 
}

.right a img{
border:none;
}

.left p a{
margin: -38px 5px 0 0px;
font: bold 12px Arial, Verdana, sans-serif;
text-align:right;
color: #53442D;
text-decoration:none;
float:right;
}

a .masala-desc span{
width:219px;
color:#C58523;
}

a .masala-image{
float:left;
width:71px;
height:139px;
margin:-45px 0 0 10px;
}

a .masala-desc{
width:227px;
color:#C58523;
float:left;
text-align:left;
height:75px;
margin:0 0 0 18px;
padding:0;
text-decoration:none;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
}

a .recipe-desc span{
width:159px;
color:#C58523;
}

a .recipe-image{
float:left;
width:116px;
height:128px;
margin:-10px 0 0 0;
}

a .recipe-desc{
width:159px;
color:#C58523;
float:left;
text-align:left;
height:91px;
margin:0 0 0 10px;
text-decoration:none;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
}
