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

/* ------------------------------------------------------ BODY STYLES----------------------------- */

	body {
	font-family:Arial, Helvetica, sans-serif;
	color: #bababa; /*OUR BACKGROUND IMAGE*/
	background-repeat: repeat-x; /*REPEATS BACKGROUND HORIZONTALLY*/
	background-color: #DFE7D6; /*SETS THE COLOR OF OUR BACKGROUND WHEN THE BACKGROUND IMAGE COMES TO AN END*/
	}
	

	a:link {
	text-decoration: none;
	color: #658a41;
	}
	a:visited {
		text-decoration: none;
		color: #999;
	}
	a:hover {
		text-decoration: underline;
		color: #390;
	}
	a:active {
		text-decoration: none;
		color: #658a41;
	}

	h1 {
		font-size: 18px;
		color: 658a41;
		line-height: 100%;
		font-weight: normal;
		font-style: normal;
		text-decoration: underline;
		margin-bottom: -15px;
		margin-top: 0px;
	}
	
	h2 {
		font-size: 16px;
		color: 658a41;
	}
	
	h3 {
		font-size: 14px;
		color: 658a41;
		font-weight: normal;
		margin-bottom: -10px;
	}
	
	h4 {
		font-size: 12px;
		color: 658a41;
		line-height: 1em;
		font-weight: normal;
	}
	
	h5 {
		font-size: 10px;
		color: 658a41;
		font-style: italic;
		line-height: 100%;
		font-weight: normal;
		margin-bottom: -10px;
	}
/* ------------------------------------------------------CONTAINER STYLES------------------------------------------------- */

	#container {
		width: 959px; /*MAXIMUM WIDTH OF OUR LAYOUT*/
		margin-top: 8px; /*ADDS A TOP MARGIN TO THE TOP OF OUR CONTAINER*/
		margin-right: auto; /*AUTO MARGIN*/
		margin-left: auto; /*AUTO MARGIN*/
		color: #FFF;
	}

 

/* -----------------------------------------------------HEADER STYLES----------------------------------------------------- */


#header {
	display:inline;
	float: left; /*FLOATS HEADER LEFT*/
	height: 132px; /*ADDS A FIXED HEIGHT*/
	width: 959px; /*ADDS A FIXED WIDTH, SHOULD BE SAME AS CONTAINER*/
	background-image: url(images/Header_bg.png); /*OUR HEADER BACKGROUND IMAGE*/
	background-repeat: no-repeat; /*STOPS HEADER BACKGROUND REPEATING */
	}


/* ------------------------------------------------NAVIGATION STYLES---------------------------------------------------- */

 
#navigation {
	float: right;
	margin-right:23px;
	height: 50px; /*ADDS FIXED HEIGHT*/
	width: 669px; /*ADDS FIXED WIDTH SAME AS OUR CONTAINER*/
	background-image: url(images/Navigation_wide_bgt.png); /*OUR NAV BACKGROUND IMAGE*/
	background-repeat: repeat-x; /*REPEATS NAVIGATION BACKGROUND HORIZONTALLY*/
	clear: right;
	margin-top: 82px;
	}
	

/*-------------------------------------------------------------MAIN AREA STYLES-------------------------------------------------------------*/

#main-area {
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	background-repeat: repeat-y;
	background-image: url(images/mainContent_bg.png); /*ADDS OUR CONTENT BACKGROUND IMAGE*/
	float: left; /*ADDS A FIXED HEIGHT*/
	width: 959px; /*ADDS A FIXED WIDTH*/
	margin-top: 0px; /*ADDS BOTTOM MARGIN*/
	}
	
	
#titlehead {
	display: inline;
	background-image:url(images/recipe_bg.png);
	width: 959px;
	height: 100px;
	float:left;	
}

#recipelinks {
	display: inline;
	float:right;
	width:716px;
	margin-top: 0px;
	margin-right: 23px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#swfrecipes {
	display: inline;
	width:851px;
	float:left;
	margin-left:60px;
}
	
#swfproducts {
	display: inline;
	float:left;
	width:899px;
	height: 496px;
	margin-left:37px;
}


	
#swf {
	display: inline;
	float:left;
	margin-left:58px;
	margin-top: 4px;
	width:601px;
	}
	
#featuredRecipes {
	display: inline;
	float:right;
	margin-right:54px;
	margin-top:40px;
	text-decoration: none; /*REMOVES UNDERSCORE FROM LINK ITEMS*/
	color: #658a41; /*COLOR OF OUR NAVIGATION LINKS*/
	font-size: 17px; /*ADDS FONT SIZE*/
	height: 21px; /*ADDS A FIXED HEIGHT TO NAV LINKS*/
	width: 206px; /*ADDS A FIXED WIDTH TO NAV LINKS*/
	line-height:25px;
	}
	
#whatisnew {
	display: inline;
	float:right;
	margin-right:54px;
	margin-top:65px;
	text-decoration: none; /*REMOVES UNDERSCORE FROM LINK ITEMS*/
	color: #658a41; /*COLOR OF OUR NAVIGATION LINKS*/
	font-size: 17px; /*ADDS FONT SIZE*/
	height: 21px; /*ADDS A FIXED HEIGHT TO NAV LINKS*/
	width: 206px; /*ADDS A FIXED WIDTH TO NAV LINKS*/
	line-height:0px;
	}
	
	
#mainWelcomeMsg {
	display: block;
	float:left;
	margin-top:15px;
	margin-left:58px;
	width:601px;
	margin-bottom: 10px;
	}
	

#recipePics {
	display: inline;	
	float:right;
	margin-right:60px;
	margin-top:16px;
	width:200px;
	}


#whatsNewPics {
	display: inline;
	float:right;
	margin-top:20px;
	margin-right:53px;
	width:206px;
}

#sustainBanner {
	display: block;
	float:left;
	margin-top:0px;
	margin-left:58px;
	width:601px;
	height: 85px;
	padding: 0px;
	clear: none;
	}
#productNav {
	display: inline;
	float:left;
	width:899px;
	height:54px;
	margin-left:37px;
	text-align: left;
	top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-image: url(images/productLinkImgs/DarkFlashNav_06.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/*------------------------------------------------------CONTACT US STYLES-----------------------------------------------------------*/

#contactTitle {
	display: inline;
	margin-left:37px;
	margin-top:15px;
	width:235px;
	float: left;
	height: 25px;
}

#H3c {
	display: inline;
	font-size:16px;
	font-weight:600;
	color: #658a41;
	width:355px;
	margin-top: 20px;
	text-align: left;
	margin-left: 80px;
	text-decoration: underline;
	float:left;
	}
	
#H4c {
	display: inline;
	font-size:10px;
	font-weight:400;
	color: #658a41;
	width:345px;
	margin-top: 2px;
	text-align: left;
	margin-left: 90px;
	font-style: italic;
	float:left;
	}

#H5c {
	display: inline;
	font-size:12px;
	font-weight:400;
	color: #658a41;
	width:350px;
	margin-top: 8px;
	text-align: left;
	margin-left: 85px;
	float:left;
	}
	
#contactMap {
	display: inline;
	margin-right:28px;
	width:490px;
	height:315px;
	color:#0CF;
	float: right;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size:11px;
	border: 1px solid #09F;
	}
	
#ContactBox {
	display:block;
	text-align:center;
	color: #658a41;
	height: 80px;
	width: 240px;
	list-style-type: none;
	font-size: 11px;
	letter-spacing: 0em;
	clear: none;
	float: left;
	padding: 2px;
	line-height: 8px;
	}
	
	
	
#ContactBoxRow {
	display:block;
	width:740px;
	height:90px;
	position:static;
	float: left;
	margin-top: 50px;
	margin-left: 110px;
	overflow: hidden;
}

#ContactBoxRow2 {
	width:500px;
	height:90px;
	position:static;
	float: left;
	margin-top: 30px;
	margin-left: 230px;
}

	
#contactPic {
	height:115px;
	width:318px;
	position:static;
	float: left;
	margin-left: 320px;
	margin-top: 70px;
	margin-bottom: 50px;
	}
	
/*------------------------------------------SPONGEBOB STYLES------------------------------------------*/


#spongeTitle {
	float:left;
	width:390px;
	height:24px;
	margin-left:37px;
	margin-top:30px;
}

#spongeLogo {
	height:85px;
	width:130px;
	margin-right:70px;
	margin-top:30px;
	float: right;
}

#spongePic {
	margin-left:110px;
	width:729px;
	height:265px;
	margin-top: 100px;
	float: left;
}

#spongeCopy {
	color: #305013;
	height: 100px;
	width: 600px;
	list-style-type: none;
	font-size: 14px;
	letter-spacing: 0em;
	float: left;
	margin-left: 75px;
	margin-top: 20px;
	text-align: left;
}

#spongeCopy2 {
	color: #305013;
	height: 110px;
	width: 830px;
	list-style-type: none;
	font-size: 14px;
	letter-spacing: 0em;
	float: left;
	margin-left: 75px;
	text-align: left;
}
/*------------------------------------------GREEN TOMATO STYLE-----------------------------------------*/

#greenTomatoTitle {
	width:323px;
	height:25px;
	margin-left:37px;
	margin-top:30px;
	float:left;
	overflow: hidden;
}

#greenTomatoPic {
	width:325px;
	height:285px;
	margin-right:35px;
	margin-top:40px;
	float:right;
}

#greenTomatoCopy {
	color: #305013;
	height: 450px;
	width: 475px;
	list-style-type: none;
	font-size: 14px;
	margin-left: 75px;
	margin-top: 20px;
	float: left;
	text-align: left;
}
#greenTomatoRecipePic {
	width:475px;
	height:450px;
	float: left;
	padding-left: 60px;
}

/*---------------------------------------------FOOTER STYLE--------------------------------------------*/

	
	#footer {
	display: inline;
	background-image:url(images/footer_bg.png);
	float:left;
	width: 959px;
	height: 69px;	
	}
 
table {
	text-align: center;
}