/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1;}
ol, ul { list-style: none;}


/* BASIC STYLES */
/* --------------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em;font-weight:bold;}
h3 { font-size: 1.7em;font-weight:bold;}
h4 { font-size: 1.6em;font-weight:bold;}
h5 { font-size: 1.4em;font-weight:bold;}
p, li, td {
	font-size: 1.6em;
	line-height: 1.5em;
}
a:link, a:visited {color:#A4AC62;text-decoration:none;}
a:hover {color:#A4AC60;text-decoration:underline;}
a:active {color:#A4AC60;}

/* WRAPPERS */
#wrapper {
	margin:0;
	width:100%;
}
#header-wrapper {
	margin:0;
	width:100%;
}
#content-wrapper {
	margin:0;
	width:100%;
	border-top:10px solid #CDD296;
	background-color:#A4AC60;}
	body#soyfresh #content-wrapper {border-top:10px solid #B2CB92; background-color:#8CC944;}
	body#soycomplete #content-wrapper {border-top:10px solid #FFC46E; background-color:#F68D0F;}
	body#soyshine #content-wrapper {border-top:10px solid #83BAC6; background-color:#4E98A5;}
	body#soygolf #content-wrapper {border-top:10px solid #B4CDAF; background-color:#95B391;
}
#footer-wrapper {
	margin:0;
	width:100%;
}


/* HEADER */
/* --------------------------------------------------------------- */
#header {
	width:980px;
	height:90px;
	margin:50px auto 0;
}

#header h1#logo {
	text-indent:-5000px;
	display:block;
	float:left;
	width:150px;
	height:90px;
}
#header h1#logo a {
	display:block;
	width:150px;
	height:90px;
	background:url(../images/logo_magic.png) no-repeat;
}
#header h2#tagline {
	text-indent:-5000px;
	display:block;
	float:left;
	width:0px;
	height:0px;
}


/* TOP NAV */
/* --------------------------------------------------------------- */

#top-nav, #top-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#top-nav li {
	float: right;
	height:90px;
	text-indent:-5000px;
}
#top-nav a {
	display:block;
	height:90px;
	background-position:top;
	background-repeat:no-repeat;
}
	ul#top-nav li#magic a:link,
	ul#top-nav li#magic a:visited { background-image:url(../images/topnav_magic.png); width:105px;}
	ul#top-nav li#fresh a:link,
	ul#top-nav li#fresh a:visited { background-image:url(../images/topnav_fresh.png); width:100px;}
	ul#top-nav li#complete a:link,
	ul#top-nav li#complete a:visited { background-image:url(../images/topnav_complete.png); width:125px;}
	ul#top-nav li#shine a:link,
	ul#top-nav li#shine a:visited { background-image:url(../images/topnav_shine.png); width:105px;}
	ul#top-nav li#golf a:link,
	ul#top-nav li#golf a:visited { background-image:url(../images/topnav_golf.png); width:85px; margin-right:10px;}

ul#top-nav li a:hover {background-position:bottom;}


/* CONTENT */
/* --------------------------------------------------------------- */
#content {
	width:980px;
	min-height:500px;
	margin:0 auto;
}
#content a { color:#FFF; text-decoration:none;}

div#sub50l {
	float:left;
	width:450px;
	padding:20px;
}
	div#sub50l.green {
		background:url(../images/home_bg_green.jpg) no-repeat bottom center #426A46;
		color:#FFF;
		min-height:450px;
	}
	div#sub50l p {
		font-size:1.2em;
		margin-bottom:1em;
	}
	h3#about-bean {
		display:block;
		text-indent:-5000px;
		width:331px;
		height:30px;
		background:url(../images/h3_about_bean.png) no-repeat top left;
	}


div#sub50r {
	float:right;
	width:450px;
	padding:0 20px;
}
div#sub290l {
	float:left;
	width:290px;
}
div#sub690r {
	float:right;
	width:630px;
	padding:30px;
}
div#sub690r h3,
div#sub100 h3 {
	font-size:2.8em;
	line-height:1.2em;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	margin-bottom:0.5em;
	color:#FFF;
}
div#sub690r h4,
div#sub100 h4 {
	font-size:2.1em;
	line-height:1.2em;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	margin-bottom:0.5em;
	color:#FFF;
}
div#sub690r p,
div#sub100 p {
	font-size:1.4em;
	line-height:1.4em;
	margin-bottom:0.8em;
	color:#FFF;
}
div#sub690r td p,
div#sub100 td p {
	font-size:1em;
}
div#sub690r a:link, div#sub690r a:visited,
div#sub100 a:link, div#sub100 a:visited {text-decoration:underline;}
div#sub690r a:hover,
div#sub100 a:hover { color:#CDD296}

div#sub100 {
	position:relative;
	width:100%;
	padding:30px;
}

div.inset {
	width: 200px;
	float:left;
	margin:0 30px 20px 0;
}

p.buynow {
	text-indent:-5000px;
	display:block;
	width:110px;
	height:52px;
	float:right;
	margin:0 0 10px 10px;
	}
	p.buynow a,
	p.buynow a:link {
		display:block;
		width:110px;
		height:52px;
		background-repeat:no-repeat;
		background-position:top;
		}
		body#soymagic p.buynow a {background-image:url(../images/buynow_magic.png);}
		body#soyfresh p.buynow a {background-image:url(../images/buynow_fresh.png);}
		body#soycomplete p.buynow a {background-image:url(../images/buynow_complete.png);}
		body#soyshine p.buynow a {background-image:url(../images/buynow_shine.png);}
		body#soygolf p.buynow a {background-image:url(../images/buynow_golf.png);}
		p.buynow a:hover {background-position:bottom;}

p.price {
	font-weight:bold;
	text-align:right;
}


div#home-mag,
div#home-fresh,
div#home-complete,
div#home-shine,
div#home-golf {
	padding-top:10px;
	padding-right:95px;
	min-height:90px;
	}
	div#home-mag {background:url(../images/home_bg_magic.jpg) no-repeat top right;}
	div#home-fresh {background:url(../images/home_bg_fresh.jpg) no-repeat top right;}
	div#home-complete {background:url(../images/home_bg_complete.jpg) no-repeat top right;}
	div#home-shine {background:url(../images/home_bg_shine.jpg) no-repeat top right;}
	div#home-golf {background:url(../images/home_bg_golf.jpg) no-repeat top right;
}
p.promo {
	font-size:1.1em;
	line-height:1.2em;
	color:#FFF;
	}
p.promo a {
	display:block;
	border:1px solid #A4AC60;
	padding:5px;
	}
	p.promo a:hover {border:1px solid #CBD28C;
}


p.clearall {
	display:block;
	height:0;
	clear:both;
	margin:-0.5em 0;
}

table#diff {
	background-color:#FFF;
	border:1px solid #FFF;
	width:90%;
	margin:0 auto;
}
table#diff th,
table#diff td {
	font-size:1.2em;
	line-height:1.2em;
	color:#FFF;
	padding:4px;
	border:1px solid #FFF;
}
table#diff .col1,
table#diff .col3 { background-color:#690}
table#diff .col2 { background-color:#069}
table#diff .col4 { background-color:#F93}

table#tbl-contact th {
	font-size:1.6em;
	line-height:1.2em;
	color:#FFF;
	padding:20px 4px 4px;
	border-bottom:solid 2px #FFF;
}
table#tbl-contact td {
	font-size:1.2em;
	line-height:1.2em;
	color:#FFF;
	padding:4px;
}

table#tbl-contact td { padding:4px;}
table#tbl-contact td label {
	font-size:1.2em;
	line-height:1.2em;
}
table#tbl-contact tbody tr td input {
	width:300px;
	height:1.2em;
	background-color:#E6E8C4;
}
table#tbl-contact td textarea {
	width:305px;
	background-color:#E6E8C4
}
table#tbl-contact td input#Signature{
	width:100px;
	height:1.2em;
	background-color:#E6E8C4
}
table#tbl-contact td.divider {
	padding-left:10px;
	border-left:solid 1px #FFF;
}


/* FOOTER */
/* --------------------------------------------------------------- */
#footer {
	width:980px;
	margin:20px auto;
	clear:both;
	text-align:center;
	overflow:hidden;
}
div.center-nav {
	float:left;
	position:relative;
	left:50%;
	text-align:left;
}
div.center-nav ul {
	list-style: none;
	position:relative;
	left:-50%;
	margin-bottom:4em;
}

#footer-nav li {
	float: left;
	border-right:solid 1px #999;
	padding:0 1.5em;
	font-size:1.2em;
	letter-spacing:0.1em;
	}
	#footer-nav li.last {border-right:none;
}

#policy-nav li {
	float: left;
	border-right:solid 1px #333;
	padding:0 0.7em;
	font-size:1.1em;
	margin-top:1em;
	text-transform:uppercase;
	}
	#policy-nav li.last {border-right:none;
}
#footer-nav a:link, #footer-nav a:visited {color:#999;}
#footer-nav a:hover, #footer-nav a:active {color:#000; text-decoration:none;}
#footer p {
	clear:both;
	float:none;
	font-size:1.3em;
	margin:1em auto;
}
#footer p.copyright {
	font-size:1.0em;
	color:#999;
}