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

/* Main stylesheet for The Crazy Catering Company Website */

* {margin: 0; padding: 0;}

html {width:100%;}

body {background: #F0CB00; width:100%; border:0; font-family:Arial, Helvetica, sans-serif; font-size:76%; text-align:center;}

img {border: 0;	color: #bf311a;}

p {color: #231F20;}

/* Utility */

.holder {overflow: hidden; width: 100%;}


/* Headings */

h1	{font-size: 1.8em; color: #231F20; padding: 0 20px 10px 20px;} 

h2	{font-size: 1.2em; color: #BF311A; padding: 0 20px 20px 20px;}

h3	{font-size: 1.0em; color: #F0CB00; padding: 0 20px 20px 20px;}

h4	{font-size: 1.1em; color: #fff2d4;}

h5	{font-size: 1.2em; color: #BF311A; margin: 0 20px 0 0;}

/* background */

.wrapper {margin: 0 auto; width: 950px; background: url(../images/background/angleBack.jpg) top left no-repeat; text-align:left; position: relative; padding-bottom: 40px;}

/* nav Area */

#navArea {float: left; width: 170px; margin: 50px 0 0 0;}

ul.mainNav {margin: 2px 20px 0 0;}

ul.mainNav li {margin: 0 0 5px 0; padding: 0; background: #BF311A url(../images/background/nav-top.gif) top left no-repeat;}

ul.mainNav li.current {background: #fffcf3 url(../images/background/nav-top-current.gif) top left no-repeat;}

ul.mainNav li div {background: url(../images/background/nav-bot.gif) bottom left no-repeat;  padding: 2px 4px 2px 12px;}

ul.mainNav li.current div {background: url(../images/background/nav-bot-current.gif) bottom left no-repeat;}

ul.mainNav li a {color: #ffffff; text-decoration: none; font-size: 1.4em; font-weight: bold; margin: 0;}

ul.mainNav li.current a {color: #ffffff; text-decoration: none; font-size: 1.4em; font-weight: bold; display: block;}

ul.mainNav li.current a {color: #BF311A;}

ul.mainNav li a:hover {text-decoration: underline;}

.newsletter {background: #fef2dc url(../images/background/news-back.gif) top left repeat-y; margin: 20px 20px 20px 0; padding: 0;}

.newsletter h3 {padding: 0;}

.newsletter div form {padding: 15px 0 0 10px; margin: 0; background: url(../images/background/news-bot.gif) bottom left no-repeat;}

.newsletter div form input.field {width: 126px;}

.newsletter div form input {margin: 0 0 15px 0;}

/* main Area */

#mainArea {float: right; width: 780px; background: #fffcf3; margin: 5px 0 0 0;}

/* Content */

.content {float: left; width: 580px; margin: 10px 0 0 0;}

.subNav {background: #BF311A url(../images/background/nav-sub-top.gif) top left no-repeat; margin: 0 20px 20px 20px;text-align:center; }

.subNav ul {background: url(../images/background/nav-sub-bot.gif) bottom left no-repeat; padding: 0 0 0 0;}

.subNav ul li {display: block; float: left; width: 20%; margin: 0 0 0 0; padding: 6px 0 6px 0; background: url(../images/background/nav-sub-div.gif) top right repeat-y;}

.subNav ul li.last {margin: 0;}

.subNav ul li a {color: #FFE1BB; text-decoration: none; font-weight:bold;}

.subNav ul li a:hover {text-decoration: underline;}

.content p {color: #231F20; padding: 0 20px 20px 20px;}

.content a {color: #F0CB00;}

.content a:hover {text-decoration: none;}

.imageLeft {float: left; padding: 10px;}

.imageRight {float: right; padding: 10px;}


/* Extra */

.extra {float: right; width: 170px;}

.recipeBox h4 {background: #b25a54 url(../images/background/recipe-top.gif) top left no-repeat; padding: 10px;}

.recipeBox {background: #f4b037 url(../images/background/recipe-bot.gif) bottom left no-repeat; margin: 20px 20px 20px 0;}

.recipeBox p {padding: 10px;}

.testimonials { padding: 0 0 20px 0;}

.testimonials blockquote p { font-style:italic; font-weight:bold; margin: 10px 20px 10px 0; color: #bf2e1a;}

.testimonials span { display: block; margin: 0 20px 0 0;}

/* Footer */

#footer {background: #ffe1ba; border-top: 1px solid #F0CB00; text-align:center; padding: 10px 0 10px 0;}

#footer p	{color: #F0CB00;}