@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 {
	width: 970px;
	background: url(../images/background/angleBack.jpg) top left no-repeat;
	text-align:left;
	position: relative;
	padding-bottom: 40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* nav Area */

#navArea {
	float: left;
	width: 170px;
	text-align: center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

ul.mainNav {
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
	padding-top: 15px;
	text-align: left;
}

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

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;}


ul.mainsubNav {
	list-style: none;
	margin: 0;
	padding: 2px 9px 0 0;
}

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

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

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

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



.newsletter {
	margin-top: 20px;
	margin-right: 14px;
	margin-bottom: 20px;
	margin-left: 10;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	position: relative;
	left: 5px;
	padding-left: 0px;
	background-color: #fef2dc;
	background-image: url(../images/background/news-back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.newsletter h3 {
	padding: 0;
	background-color: #F0CB00;
	height: 27px;
	background-image: none;
	background-repeat: no-repeat;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

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


.newsletter div {


}



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

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

/* main Area */

#mainArea {
	float: right;
	width: 790px;
	background: #fffcf3;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* Content */

.content {
	float: left;
	width: 600px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 8px;
}

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

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

.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;
	list-style-type: none;
}

.subNav ul li.last {
	margin: 0;
	list-style-type: none;
}

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

.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-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 18px;
}

.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;}
#header {
	background-image: url(../images/header.jpg);
	height: 180px;
	width: 790px;
	background-position: center center;
}

.addthis_toolbox {
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 30px;
	
	}