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



body {
	font-family:Arial, Verdana, Georgia, Lucida, Helvetica, Tahoma, sans-serif, "Myriad Pro";
	font-size:12px;
	text-align:center;
	color:#000;
	background:#fff;
}
* {
	margin:0;
	padding:0;
}
:focus {
	outline:none;
}
img, fieldset {
	border:none;
}
ul, ol, li {
	list-style:none;
}
a {
	color:#000;
	text-decoration:none;
}
/*================================================================*/



/*----------Start Wraper-----------*/

.wraperOuterBg {
	width:100%;
	background: url(../images/wraperOuter-bg.png) repeat-y center top;
	overflow:hidden;
}
.wraperOuterTop {
	width:100%;
	background:url(../images/wraperOuterTop-bg.jpg) no-repeat center top;
	overflow:hidden;
}
.wraperOuterBottom {
	width:100%;
	background:url(../images/wraperOuterBottom-bg.jpg) no-repeat center bottom;
	overflow:hidden;
}
.wraper {
	width:910px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:40px;
}
/*----------Start Header-----------*/

.header {
	width:910px;
	float:left;
}
.nav {
	width:910px;
	height:263px;
	margin-top:12px;
	float:left;
}
.nav li {
	height:263px;
	float:left;
}
.nav li a {
	margin-top:52px;
	font: bold 19px Verdana;
	color:#ffffff;
	text-align:center;
	float:left;
}
.nav li .logo {
	margin:0 10px;
}
.nav li a span {
	width:106px;
	height:105px;
	padding:14px;
	display:block;
}
.nav li a:hover span, .nav .active a span {
	background:url(../images/nav-hover-bg.png) no-repeat left top;
}
/*----------Start Content-----------*/

.contentTop {
	width:910px;
	margin-top:9px;
	background:url(../images/contentTop.png) no-repeat left top;
	padding-top:40px;
	float:left;
}
.contentBottom {
	width:910px;
	background: url(../images/content-bottom.png) no-repeat left bottom;
	padding-bottom:9px;
	float:left;
}
.content {
	width:854px;
	min-height:1125px;
	padding:15px 28px;
	background: url(../images/content-bg.png) repeat-y left top;
	float:left;
}
/*----------Start Slide Show-----------*/

.slideShow {
	width:497px;
	height:277px;
	padding:4px 6px;
	margin-top:5px;
	background:#991E1E;
	float:left;
}
/*----------Start Right Top Box-----------*/

.rightTopBox {
	width:341px;
	height:296px;
	background:url(../images/right-top-box.png) no-repeat left top;
	float:right;
}
.rightTopBox h2 {
	width:190px;
	padding:60px 10px 0 0;
	font:bold 19px Verdana;
	color:#64a7e3;
	text-align:center;
	float:right;
}
.rightTopBox h2 b {
	font:bold 12px Verdana;
	color:#222221;
	display:block;
}
.rightTopBox p {
	width:311px;
	margin-top:50px;
	padding:0 10px 0 20px;
	font:bold 12px Verdana;
	color:#222221;
	text-align:left;
	float:right;
}
.rightTopBox p i {
	font:bold 12px Verdana;
	color:#64a7e3;
}
.signUpBtn {
	background:url(../images/btn-sign-up-now.png) no-repeat left top;
	width:278px;
	height:65px;
	margin:10px 0 0 30px;
	float:left;
}
.signUpBtn:hover {
	background:url(../images/btn-sign-up-now.png) no-repeat left bottom;
}
/*----------Start Meal Gallery-----------*/
.contGallery
{
	width:851px;
	height:161px;
	background:url(../images/mealGallery-bg.png) no-repeat left top;
	margin-top:17px;
	padding-left:6px;
	float:left;
}
.slider{
	width:775px;
	height:161px;
	padding:0px 7px;
	float:left;	
}
.mealGallery {
	width:790px;
	height:161px;
}
.mealGallery li {
	float:left;
}
.mealGallery li a
{
	cursor:default;
}
.contGallery .leftArow {
	margin-top:65px;
	margin-right:9px;
	float:left;
}
.contGallery .rightArow {
	margin-top:65px;
	margin-left:9px;
	float:left;
}
.content h1 {
	width:854px;
	font:bold 19px Verdana;
	color:#64a7e3;
	text-align:left;
	border-bottom:#588215 2px dashed;
	padding:17px 0 12px 0;
	float:left;
}
/*----------Start Features-----------*/

.features {
	width:843px;
	height:267px;
	margin-top:14px;
	float:left;
}
.feature1 {
	width:267px;
	height:267px;
	background:url(../images/feature1.png) no-repeat left top;
	float:left;
}
.feature2 {
	width:267px;
	height:267px;
	margin:0 21px;
	background:url(../images/feature2.png) no-repeat left top;
	float:left;
}
.feature3 {
	width:267px;
	height:267px;
	background:url(../images/feature3.png) no-repeat left top;
	float:left;
}
.feature1 p, .feature2 p, .feature3 p {
	margin-top:200px;
	font:bold 12px Verdana;
	color:#7d7d7d;
	text-align:center;
}
/*----------Start Content Left Text-----------*/

.conLeftText {
	width:540px;
	padding-bottom:20px;
	float:left;
}
.conLeftText h3, .registerForm h3 {
	width:540px;
	font:bold 19px Verdana;
	color:#64a7e3;
	text-align:left;
	border-bottom:#588215 2px dashed;
	padding:17px 0 12px 0;
	float:left;
}
.conLeftText p {
	margin-top:15px;
	font:bold 12px Verdana;
	color:#7d7d7d;
	text-align:left;
	float:left;
}
.conLeftText p b {
	color:#64a7e3;
}
/*----------Start Right Bottom Span-----------*/

.rightBottomSpan {
	width:260px;
	margin-top:20px;
	float:right;
}
.rightBottomSpan h2 {
	font:bold 19px Verdana;
	color:#64a7e3;
	text-align:left;
	float:left;
}
.rightBottomSpan span {
	width:260px;
	margin-top:15px;
	font:bold 12px Verdana;
	color:#64a7e3;
	text-align:left;
	float:left;
}
.rightBottomSpan .pdf {
	width:60px;
	height:60px;
	margin-top:30px;
	margin-right:15px;
	float:left;
}
.rightBottomSpan .viewBtn {
	background:url(../images/btn-view-sample-recipe.png) no-repeat left top;
	width:162px;
	height:31px;
	margin-top:50px;
	float:left;
}
.rightBottomSpan .viewBtn:hover {
	background:url(../images/btn-view-sample-recipe.png) no-repeat left bottom;
}
/*----------Start Footer-----------*/

.footer {
	width:379px;
	height:61px;
	margin-left:265px;
	margin-top:18px;
	background:url(../images/footer-bg.png) no-repeat left top;
	float:left;
}
.footer p {
	margin-top:25px;
	font:bold 12px Verdana;
	color:#ffffff;
	text-align:center;
}
/*==========================Start Testimonials Page==============================*/

.janet {
	width:417px;
	margin:25px 0 0 35px;
	float:left;
}
.janet h4, .katie h4 {
	width:417px;
	padding-bottom:13px;
	font:bold 19px Verdana;
	color:#64a7e3;
	text-align:center;
}
.katie {
	width:417px;
	margin:25px 35px 0 0;
	float:right;
}
/*==========================Start Sign Up Page==============================*/

/*----------Start Content Text-----------*/

.contentText {
	width:854px;
	float:left;
}
.contentText p {
	width:854px;
	margin-top:15px;
	font:bold 12px Verdana;
	color:#7d7d7d;
	text-align:left;
	float:left;
}
.contentText p a {
	color:#64a7e3;
	text-decoration:underline;
}
/*----------Start Register Form-----------*/

.registerForm {
	width:715px;
	float:left;
}
.registerForm p {
	width:256px;
	padding:15px 80px 0 20px;
	float:left;
}
.registerForm p label {
	width:256px;
	font:normal 12px Arial;
	color:#000082;
	text-align:left;
	float:left;
}
.registerForm p input {
	width:252px;
	height:20px;
	padding-left:2px;
	margin-top:5px;
	float:left;
}
.registerForm .proceedBtn {
	width:74px;
	height:22px;
	margin:35px 0 0 278px;
	float:left;
}
.registerForm h3
{
	margin-bottom:1em;
}
.error {
	border: 2px solid red;
	width: 400px;
	padding: 0.5em;
	margin-bottom: 1em;
	overflow:hidden;
	text-align:left;
}
.errorLogin {
	border: 2px solid red;
	width: 400px;
	padding: 0.5em;
	margin-top: 1em;
	overflow:hidden;
	text-align:left;
}
.error p, .errorLogin p
{
	padding:8px 0 0;
	margin:0;
}
.error p:first-child, .errorLogin p:first-child
{
	padding:0px;
	margin:0;
}
/*==========================Start Log In Page==============================*/

/*----------Start LogIn Form-----------*/

.loginForm {
	width:142px;
	padding:55px 0 75px 130px;
	float:left;
}
.loginForm label {
	width:142px;
	margin-top:20px;
	font:normal 12px Arial;
	color:#000082;
	text-align:left;
	float:left;
}
.loginForm input {
	width:140px;
	height:20px;
	margin-top:5px;
	float:left;
}
.loginForm .loginBtn {
	width:58px;
	height:22px;
	margin-top:20px;
	float:left;
}
.loginForm .resetBtn {
	height:22px;
	margin-top:20px;
	float:left;
}