body{background-image:url(images/main-bg.jpg); background-repeat:repeat-x; background-color:#30082e; text-align:center;}

#container{width:1000px; margin:0 auto;}

#logo{
	background-image:url(images/logo.png);
	width:374px;
	height:85px;
	position:absolute;
	z-index:100;
	left: 144px;
	top: 12px;
}

#header{background-image:url(images/header.jpg); width:1000px; height:309px; margin:-8px auto;}

.menu{background-image:url(images/menu.jpg); width:1000px; height:89px; margin-top:8px; padding:0;}
#menu-wrapper{margin:0; padding:5px 0 0 0;}
.menu ul li{display:inline;}
.menu ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:white; text-shadow:#000000 1px 1px 1px; text-transform:uppercase; font-weight:bold; padding:15px; text-decoration:none;

-webkit-transition-property:color; 
-webkit-transition-duration: 1s, 1s; 
-webkit-transition-timing-function: linear, ease-in;

-moz-transition-property:color; 
-moz-transition-duration: 1s, 1s; 
-moz-transition-timing-function: linear, ease-in;

transition-property:color; 
transition-duration: 1s, 1s; 
transition-timing-function: linear, ease-in;
 }
.menu ul li a:hover{font-size:16px; color:#45360a;}
.menu ul li a.active{font-size:16px; color:#45360a;}


h1{font-family:"Coolvetica Rg",Arial,sans-serif,helvetica; font-size:26px; color:#a60b58; font-weight:bold; text-align:center;}
h2{font-family:"Coolvetica Rg",Arial,sans-serif,helvetica; font-size:23px; color:#eb2e8c; font-weight:bold; text-align:center;}

.style1{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; line-height:25pt; text-align:left;}
.style2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; line-height:15pt; text-align:left;}
.style3{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#822592; font-weight:bold;}

#right{padding:0 60px 8px 8px; margin:0; text-align:left;}


#ingredients-home{background-image:url(images/ingredients.jpg); width:579px; height:244px; float:left;}
.ingredients-home{margin-top:-25px;}

#testi{background-image:url(images/testimonial.png); width:578px; height:213px; margin:0 0 15px 0; padding:0;}
.testitext{color:#852496; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-style:italic; padding:40px 20px 10px 202px; line-height:20pt;}

#ordrbtn a{background-image:url(images/orderbtn.gif); width:394px; height:82px; float:left;}

#ingredients-bg{background-image:url(images/ingredients-bg.gif); width:557px; height:193px; float:left; margin:0; padding:0; background-repeat:no-repeat;}
.img{padding:31px 10px 0 10px; float:left;}
.heading{font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:18px; padding:13px 0 2px 0; color:#971043;}
.text{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b0827;}





/*sidebar*/
#left{padding:0 0 10px 45px; margin:0;}
#contactus{background-image:url(images/contactus.png); width:283px; height:234px; margin:0 10px 15px 10px; padding:0; background-repeat:no-repeat; }
.promocode{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:white; font-weight:bold; text-shadow:black 1px 1px 1px; text-transform:uppercase;
padding:200px 10px 5px 10px;}

/*contact us*/

#inputArea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-image:url(images/contactbg.gif);
	    padding: 10px;
	    width:450px;
		float:left;
		color:white;
			}
	#inputArea input, #inputArea textarea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 425px;
		
	}

        .activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }
        .idle
        {
	    border: solid 1px #85b1de;
	    background-image: url( 'images/blue_bg.png' );
	    background-repeat: repeat-x;
	    background-position: top;
        }


.formbutton {
cursor : pointer;
border : 1px outset #ccc;
background : #999;
color : #666;
font-weight : bold;
padding : 1px 2px;
background : url(images/formbg.gif) repeat-x left top;
margin-left:2px;
}

.button{width:450px; background:#8e0d65;  float:left; padding:10px;}


/*footer*/
.footer{margin:20px 0 0 20px; width:902px;}
.footer a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; text-decoration:none;}
.footer a:hover{color:yellow; text-decoration:underline;}
.footer-text{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F9DCFC;}