/***
 * Developed by Dennison Uy <dennison_uy@yahoo.com>
 */

html, body { width: 100%; height: 100%; margin: 0; padding: 0; font: 100% Arial, Helvetica, sans-serif; color: #949484; }

* html #container { height: 100%; }
#container{ min-height: 100%; background: #e1e0da url(../images/mainBackground.gif) repeat-x; position: relative; }

/* footer */
#container { padding-bottom: 145px; }
#footer { height: 45px; position: relative; margin-top: -45px; }
	#copyright { font-size: 77%; line-height: 45px; color: #bcbbb1; }

/* inner container - fixed width */
#containerHead,
#containerBody { width: 730px; position: relative; margin: 0 auto; }

#containerHead { padding-top: 57px; position: relative; }
	#containerHead h1 a { display: block; width: 133px; height: 73px; position: absolute; right: 0px; top: 57px; background: url(../images/growBrandLogo.gif) no-repeat; }
	.homeBanner { height: 134px; width: 730px; margin-top: 193px; position: relative; }
		#homeBanner1 { background: url(../images/homeSplash1.gif) no-repeat; }
		#homeBanner2 { background: url(../images/homeSplash2.gif) no-repeat; }
		#homeBanner3 { background: url(../images/homeSplash3.gif) no-repeat; }
	#homeNext a { width: 730px; height: 40px; background: url(../images/homeNext.gif) no-repeat; display: block; }
	#homeNext a:hover { background: url(../images/homeNext.gif) bottom no-repeat; }

	#innerBanner { width: 715px; height: 250px; margin: 173px auto 0 auto; }
		#inner1 #innerBanner { background: url(../images/innerBanner1.png) no-repeat; }
		#inner2 #innerBanner { background: url(../images/innerBanner2.png) no-repeat; }
		#inner3 #innerBanner { background: url(../images/innerBanner3.png) no-repeat; }

	.inner #navMain { width: 730px; height: 34px; background: url(../images/nav.gif) 0px -136px no-repeat; }
	.home #navMain { width: 730px; height: 34px; background: url(../images/nav.gif) 0px -34px no-repeat; }
		#navMain li { display: inline; float: left; }
		#navMain a { display: block; height: 34px; }
		.home #navMain a:hover { background: none; }
		.inner #navMain a:hover { background: none; }

		.inner #navMain1 a { margin-left: 8px; width: 78px; background: url(../images/nav.gif) -8px -68px no-repeat; }
		.home #navMain1 a { margin-left: 8px; width: 78px; background: url(../images/nav.gif) -8px 0px no-repeat; }
		#inner1 #navMain1 a { margin-left: 8px; width: 78px; background: url(../images/nav.gif) -8px -102px no-repeat; }

		.inner #navMain2 a { width: 93px; background: url(../images/nav.gif) -86px -68px no-repeat; }
		.home #navMain2 a { width: 93px; background: url(../images/nav.gif) -86px 0px no-repeat; }
		#inner2 #navMain2 a { width: 93px; background: url(../images/nav.gif) -86px -102px no-repeat; }

		.inner #navMain3 a { width: 91px; background: url(../images/nav.gif) -180px -68px no-repeat; }
		.home #navMain3 a { width: 91px; background: url(../images/nav.gif) -180px 0px no-repeat; }
		#inner3 #navMain3 a { width: 91px; background: url(../images/nav.gif) -180px -102px no-repeat; }

		.inner #navMain4 a { width: 460px; background: url(../images/nav.gif) -270px -68px no-repeat; }
		.home #navMain4 a { width: 460px; background: url(../images/nav.gif) -270px 0px no-repeat; }
		#inner4 #navMain4 a { width: 460px; background: url(../images/nav.gif) -270px -102px no-repeat; }

#containerBody { margin-top: 20px; position: relative; }
	#containerBody h3 { font-size: 138.5%; margin-bottom: 1em; }
	#containerBody p { margin-bottom: 1em; }
	
	.innerBody { padding-left: 10px; width: 555px; text-align: left; float: left; }
	.innerBody p { padding-left: 80px; }
	
	#inner1 .innerBody p { padding-left: 0px; }
	#inner1 .innerBody { padding-left: 30px; width: 455px; }

/*	old
	#inner2 #containerBody { background:  url(../images/innerBackground2.gif) bottom right no-repeat;  min-height: 170px; }
	#inner3 #containerBody { background:  url(../images/innerBackground3.gif) bottom right no-repeat;  min-height: 70px; }
*/

/* page-specific styling */
#inner1 .linkButtons { float: right; margin-right: 10px; margin-top: 135px; }

/* styling classes */
.signature { background: url(../images/signatureRayPodder.gif) no-repeat; width: 246px; position: relative; padding-top: 56px; margin: 2em auto 0 auto; }
	.signature strong { font-weight: bold; }
	.signature small { font-size: 77%; border-left: 1px solid #949484; padding-left: .5em; margin-left: .5em; }

.linkButtons a img { border: 2px solid #dfded8; }
.linkButtons li { display: block; margin: 10px 0px; }

/* hacks */
.clear { clear: both; }


/* hidden */
.home #containerBody,
.home #innerBanner,
.inner .homeBanner,
.inner #homeNext,
.homeBanner *,
#innerBanner *,
a span,
.hidden { display: none; }