/*------------------------------------------------------------------

Project:		Smart Snacks
Version:		1
Last change:	07/22/2008
Author:			Amnesia - Philippines / Carlo

-------------------------------------------------------------------*/

* { margin: 0px; padding: 0px; }

a:link, a:active, a:hover, a:visited {
	color: #df761a;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}

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

#header { height: 212px; width: inherit; }

	#image-replace { display: none; }
	
	#flash-content {
		background-color: #77bc43;
		display: block;
		height: 190px;
		width: 910px;
	}

	#header ul.navigation {
		background-color: #4e9342;
		width: 910px;
		height: 23px;
		padding: 10px 0 0 19px;
	}
	
		#header li {
			list-style: none;
			width: auto;
			float: left;
			margin: 0 19.75px 0 0;
		}
		
		#header a { color: #FFF; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; }
		#header a:hover { color: #e2e1e0; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; }

#main { clear: both; margin: 20px 0 0 0; }

#main div.column_a {
	width: 557px;
	margin: 0 5px 0 0;
	float: left;
}

#main div.column_b {
	float: left;
	width: 367px;
}

#main div.bfeature_a 			{ width: inherit; height: auto; background: url(../images/aaa/bdy_bfeature_01.gif) repeat-y; }
#main div.bfeature_a_title		{ height: 40px; background: url(../images/aaa/hdr_bfeature_01.gif) no-repeat; padding: 5px 0 0 20px; clear: both; }
#main div.bfeature_a_content	{ height: auto; padding: 0 10px; clear: both; }
#main div.bfeature_a_bottom		{ height: 23px; background: url(../images/aaa/bttm_bfeature_01.gif) no-repeat; width: inherit; clear: both; }

#main div.bfeature_b 			{ width: inherit; height: auto; background: url(../images/aaa/bdy_bfeature_02.gif) repeat-y; clear: both; margin: 5px 0 0 0; }
#main div.bfeature_b_title		{ height: 40px; background: url(../images/aaa/hdr_bfeature_02.gif) no-repeat; padding: 5px 0 0 20px; clear: both; }
#main div.bfeature_b_content	{ height: auto; padding: 0 10px; clear: both; }
#main div.bfeature_b_bottom		{ height: 23px; background: url(../images/aaa/bttm_bfeature_02.gif) no-repeat; width: inherit; clear: both; }

#main div.bfeature_c 			{ width: inherit; height: auto; background: url(../images/aaa/bdy_bfeature_03.gif) repeat-y; clear: both; margin: 5px 0 0 0; }
#main div.bfeature_c_title		{ height: 40px; background: url(../images/aaa/hdr_bfeature_03.gif) no-repeat; padding: 5px 0 0 20px; clear: both; }
#main div.bfeature_c_content	{ height: auto; padding: 0 10px; clear: both; }
#main div.bfeature_c_bottom		{ height: 23px; background: url(../images/aaa/bttm_bfeature_03.gif) no-repeat; width: inherit; clear: both; }

#main div.news_updates 			{ width: inherit; height: auto; background: url(../images/aaa/bdy_NewsUpdates.gif) repeat-y; clear: both; margin: 5px 0 0 0; }
#main div.news_updates_title	{ height: 40px; background: url(../images/aaa/hdr_NewsUpdates.gif) no-repeat; padding: 5px 0 0 20px; clear: both; }
#main div.news_updates_content	{ height: auto; padding: 0 10px; clear: both; }
#main div.news_updates_bottom	{ height: 22px; background: url(../images/aaa/bttm_NewsUpdates.gif) no-repeat; width: inherit; clear: both; }

#main h1 { font: bold 18px Arial, Helvetica, sans-serif; color: #437c11; padding: 0 0 15px 0; }
#main h2 { font: bold 16px Arial, Helvetica, sans-serif; color: #df761a; padding: 5px 0 10px 0; }
#main h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #e7a518; padding: 5px 0 10px 0; }
#main h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #85cb4f; padding: 5px 0 10px 0; }

#main p.highlight { color: #437c11; padding: 0 0 10px 0; font-weight: bold; }
#main p.content, p { padding: 0 0 10px 0; }
#main .clear { clear: both; }
 
#main li { list-style: inside; }

#footer {
	background: url(../images/aaa/footer_bg_.jpg) no-repeat;
	width: 929px;
	height: 39px;
	clear: both;
	margin: 20px 0 0 0;
}

#footer ul {
	width: 300px;
	height: 23px;
	padding: 10px 0 0 19px;
	float: left;
}

#footer li {
	list-style: none;
	width: auto;
	float: left;
	margin: 0 30px 0 0;
}

#footer a {
	color: #FFF;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
}

#footer div.credits {
	color: #FFF;
	font: 11px Arial, Helvetica, sans-serif;
	float: right;
	width: 300px;
	padding: 10px 0 0 0;
}