﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0px;
}
a:active {
	outline: none;
}
html, body {
	margin: 0px;
	padding: 0px;
}
.container {
	position: relative;
	margin: 0px auto;
}
body {
	background: #E9AF43 url('../images/mainBacker.jpg') no-repeat top center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
.container a {
	color: #5a96e8;
	text-decoration: none;
}
.container a:hover {
	color: #5a96e8;
	text-decoration: underline;
}
.mainHeader {
	margin-bottom: 15px;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
#wrapperDiv {
	min-height: 365px;
	padding-top: 260px;
	margin-left: 71px;
}
#logoBig h1 a {
	display: block;
	position: absolute;
	margin: 12px 0 0 75px;
	height: 226px;
	width: 294px;
	text-indent: -99999px;
	background: transparent url('../images/logoBig2.png') no-repeat top left;
	z-index: 1400;
	cursor: pointer;
}
#teleVideo {
	display: block;
	position: absolute;
	margin: 240px 0 50px 65px;
	height: 350px;
	width: 500px;
	background: transparent url('../images/teleVideo.png') no-repeat top left;
	z-index: 10;
}
#clickPause {
	display: block;
	position: absolute;
	margin: 360px 0 0 270px;
	height: 20px;
	width: 200px;
	z-index: 1000;
	font-size: 11px;
}
#mrRoboto a{
	position: absolute;
	display: block;
	text-indent: -99999px;
	width: 120px;
	height: 106px;
	margin: 490px 0 0 530px;
	z-index: 1500;
	background: transparent url('../images/mrRoboto.png') no-repeat top left;
}
#schoolFuel a{
	position: absolute;
	display: block;
	text-indent: -99999px;
	width: 113px;
	height: 89px;
	margin: 180px 0 0 520px;
	z-index: 1500;
	background: transparent url('../images/afterSchoolFuel.png') no-repeat top left;
}
#quePasa a{
	position: absolute;
	display: block;
	text-indent: -99999px;
	width: 104px;
	height: 95px;
	margin: 40px 0 0 860px;
	z-index: 1500;
	background: transparent url('../images/quePasa.png') no-repeat top left;
}

#gearsOfFood{
	display: block;
	position: absolute;
	margin: 223px 0 50px 555px;
	height: 351px;
	width: 430px;
	background: transparent url('../images/gearsOfFood.png') no-repeat top left;
	z-index: 1300;
}
#specimen {
	position: absolute;
	margin: 0 30px 30px 0;
	height: 342px;
	width: 244px;
	background: transparent url('../images/specimen.png') no-repeat top left;
	z-index: 10;
}
#specimenIcon {
	margin: 142px 0 0 40px;
	width: 140px;
	height: 140px;
}
.foodPic{
	margin: 3px 0 15px 15px; float: right; border: 2px solid #000000
}
#pipe1 {
	position: absolute;
	width: 77px;
	height: 356px;
	margin-left: 10px;
	background: transparent url('../images/pipe1.png') no-repeat bottom left;
	z-index: 5;
}
#pipe2 {
	position: absolute;
	width: 44px;
	height: 339px;
	margin-left: 260px;
	margin-top: -69px; /*background: transparent url('../images/pipe2.png') repeat-y top left;*/;
	z-index: 100;
}
#pipe3 {
	position: absolute;
	width: 505px;
	height: 125px;
	margin-left: 170px;
	margin-top: -67px;
	background: transparent url('../images/pipe3.png') no-repeat top left;
	z-index: 100;
}
#pipe4 {
	position: absolute;
	width: 460px;
	height: 240px;
	margin-left: 150px;
	margin-top: 30px;
	background: transparent url('../images/pipe4.png') no-repeat top left;
	z-index: 100;
}
#promotes{
	width: 240px;
	float :left;
	margin-top: 370px;
}
#promoteWrapper h4{
	width: 100%;
	height: 33px;
	text-indent: -99999px;
	background: transparent url('../images/hdrPromotes.png') no-repeat top center;
	margin-bottom: 15px;
}
#promoteWrapper div{
	width:1%;
	margin: 15px 4px 0 0;
	display:inline;
}
#prevNext{
	margin-top: 7px;
	margin-bottom: 30px;
}
#prevNext div{
	width: 50%;
	display:inline;
}
#top20backer {
	position: absolute;
	width: 592px;
	height: 237px;
	margin: 5px 0 0 10px;
	background: transparent url('../images/top20backer.png') no-repeat top left;
	z-index: 1000;
}
#top20text {
	float: left;
	width: 350px;
	margin: 20px 0 40px 30px;
}
#top20body {
	width: 370px;
	background: transparent url('../images/whiteBlock.png') repeat-y top left;
	line-height: 145%;
	padding: 5px 15px 40px 15px;
	margin: 4px 0 0 0;
	font-size: 14px;
	/*min-height: 550px;*/
}
#top20body img {
	border: 2px solid #000000;
	margin: 20px 0 15px 15px;
	.margin: 6px 0 15px 15px;
	float: right;
}
#top20body h2 {
	font-size: 24px;
	color: #00b2d9;
	margin-bottom: 0;
	font-weight: bold;
	text-transform: uppercase;
}
#top20top {
	height: 10px;
	width: 400px;
	padding: 0;
	margin: 0;
	line-height: 100%;
}
#top20bottom {
	height: 10px;
	width: 400px;
	line-height: 100%;
	padding: 0;
	margin: -4px 0 0 0;
}
#blogBlast h4 a{
	position: absolute;
	display: block;
	text-indent: -99999px;
	width: 129px;
	height: 156px;
	margin: 43px 0 0 607px;
	background: transparent url('../images/hdrReadBlog.png') no-repeat top left;
	cursor: default;
}

#factoidHeader h4 {
	position: absolute;
	display: block;
	text-indent: -99999px;
	width: 206px;
	height: 82px;
	margin: -10px 0 0 -18px;
	background: transparent url('../images/hdrFactoids.png') no-repeat top left;
	z-index: 10;
}
#factoidText {
	float: left;
	width: 195px;
	margin: 20px 0 40px 80px;
}
#factoidBody {
	width: 165px;
	background: transparent url('../images/yellowBlock.png') repeat-y top left;
	line-height: 135%;
	padding: 5px 15px;
	margin: 4px 0 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #AF5620;
}
#factoidBody ul {
	margin-top: 65px;
	margin-bottom: 10px;
}
#factoidBody li {
	margin-top: 18px;
}
#factoidTop {
	height: 10px;
	width: 400px;
	padding: 0;
	margin: 0;
	line-height: 100%;
}
#factoidBottom {
	height: 10px;
	width: 400px;
	line-height: 100%;
	padding: 0;
	margin: -4px 0 0 0;
}
#recipeWrapper{
	margin-top: 50px;
	text-align:center;
}
#recipeWrapper h4{
	width: 100%;
	height: 85px;
	text-indent: -99999px;
	background: transparent url('../images/hdrAwesomeRecipies.png') no-repeat top center;
	margin-bottom: 5px;
}
#fnAbout a {
	display: block;
	float: left;
	text-indent: -99999px;
	width: 126px;
	height: 31px;
	background: transparent url('/public/images/btnAbout.png') no-repeat top left;
}
#fnAffiliate a {
	display: block;
	float: left;
	text-indent: -99999px;
	width: 128px;
	height: 31px;
	background: transparent url('/public/images/btnAffiliate.png') no-repeat top left;
}
#fnNews a {
	display: block;
	float: left;
	text-indent: -99999px;
	width: 102px;
	height: 31px;
	background: transparent url('/public/images/hdrCoolFuel.png') no-repeat top left;
}
#fnTips a {
	display: block;
	float: left;
	text-indent: -99999px;
	width: 86px;
	height: 31px;
	background: transparent url('/public/images/hdrHealthy.png') no-repeat top left;
}
#fnAfter a {
	display: block;
	float: left;
	text-indent: -99999px;
	width: 122px;
	height: 31px;
	background: transparent url('/public/images/hdrAfterSchool.png') no-repeat top left;
}
#fnQuePasa a {
	display: block;
	float: left;
	text-indent: -99999px;
	width: 108px;
	height: 31px;
	background: transparent url('/public/images/hdrQuePasa.png') no-repeat top left;
}

#downloads {
	position: absolute;
	margin: 145px 0 0 610px;
}
#downloads a {
	display: block;
	text-indent: -99999px;
	width: 144px;
	height: 48px;
	background: transparent url('/public/images/btnDownloads.png') no-repeat top left;
}
#chewyLogo {
	position: absolute;
	margin: 40px 0 0 770px;
}
#chewyLogo a {
	display: block;
	text-indent: -99999px;
	width: 211px;
	height: 176px;
	background: transparent url('/public/images/logoCC.png') no-repeat top left;
}
#footerWrapper {
	width: 100%;
	border-top: #2e7ac5 9px solid;
	background: #174aa6;
	min-height: 275px;
	padding: 0 0 15px 0;
	position: relative;
	margin: 0px auto;
	text-align: center;
}
#footerWrapperIn {
	width: 100%;
	border-top: #2e7ac5 9px solid;
	background: #174aa6;
	min-height: 275px;
	padding: 0 0 15px 0;
	position: relative;
	margin: 0px auto;
	text-align: center;
}

#footer {
	width: 985px;
	position: relative;
	margin: 20px auto 0px auto;
	text-align: left;
}

#footerNav {
	margin: -20px 0 0 -60px;
	line-height: 100%;
	font-size: 11px;
	float: right;
}
#footerNav ul {
	display: block;
	float: left;
	background: #2e7ac5;
	padding: 0px 0 5px 15px;
}
#footerNav li {
	display: inline;
}
#footerNav li a {
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;
}

/**************************** BRAIN PAGE **************************************/

#brainNav{
	width: 253px;
	height: 793px;
	margin-left: 5px;
	position:absolute;
	background: transparent url('../images/brainGears.png') no-repeat top left;
	z-index: 0;
}
#pipe2brain {
	position: absolute;
	width: 44px;
	height: 337px;
	margin-left: 910px;
	margin-top: -12px;
	z-index: 100;
}
#brainWrapperDiv {
	min-height: 600px;
	padding-top: 260px;
	margin-left: 71px;
}
#brainCallout{
	position: absolute;
	z-index: 200;
	margin-left: 692px;
}
#brainTop {
	margin-bottom: -5px;
}
#brainCalloutText{
	background: transparent url('../images/brainCenter.png') repeat-y top left;
	line-height: 135%;
	padding: 5px 15px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	width: 215px;
}
#brainBottom {
	width: 215px;
}
#brainText {
	float: left;
	width: 620px;
	margin: 10px 0 40px 200px;
}
#brainTextBody {
	width: 455px;
	background: transparent url('../images/whiteBlock.png') repeat-y top left;
	line-height: 145%;
	padding: 5px 150px 40px 15px;
	margin: 4px 0 0 0;
	font-size: 14px;
	min-height: 550px;
}
#brainTextBody h2 {
	font-size: 24px;
	color: #00b2d9;
	margin-bottom: 0;
	font-weight: bold;
	text-transform: uppercase;
}
#brainTextTop {
	height: 10px;
	width: 620px;
	padding: 0;
	margin: 0;
	line-height: 100%;
}
#brainTextBottom {
	height: 10px;
	width: 620px;
	line-height: 100%;
	padding: 0;
	margin: -4px 0 0 0;
}
#brainRelFoods{
	margin-bottom: 20px;
}
#brainRelRecipies{
	margin-bottom: 20px;
}

#robotArm{
	position:absolute;
	margin: 0 0 0 420px;
	left: 0px;
	width: 409px; 
	height: 140px;
	background: transparent url('../images/robotArm.png') no-repeat top left;
	z-index: 2000;
}
#robotArmTop{
	height: 46px;
	margin-top: 25px;
}
#robotArmTop ul{
	padding-left: 125px;
}
#robotArmTop li{
	display:inline;
}
#robotArmTop li a{
	display:block;
	float: left;
	text-indent: -99999px;
	margin-right: 25px;
}
#robotArmBottom h6{
	display: block;
	float: left;
	text-indent: -99999px;
	width: 86px;
	height: 28px;
	background: transparent url('../images/hdrFreeEnews.png') no-repeat bottom left;
	margin-right: 7px;
	vertical-align:middle;
}
#robotArmBottom{
	margin-top: 21px;
	height: 48px;
	padding-left: 128px;	
}

#robotFormTxt{
	height: 27px;
	width: 110px;
	border: none;
	background: transparent url('../images/formBackerLeft.png') no-repeat top left;
	vertical-align:middle;
	padding-top: 7px;
	padding-left: 5px;
	color: #174AA6;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
}
#parents a{
	width: 93px;
	height: 33px;
	background: transparent url('../images/hdrParentInfo.png') no-repeat top left;
}
#educators a{
	width: 111px;
	height: 33px;
	background: transparent url('../images/hdrEducatorInfo.png') no-repeat top left;
}

.enews_success {
	margin-bottom:1em;
	padding:0.8em;
	background:transparent none repeat scroll 0 0;
	border: 2px solid #FF0000;
	color:#FF0000;
	font-weight: bold;
}
#recipeWrapper{
	float: left;
	text-align: left;
	list-style: circle inside;
	font-size: 18px;
	font-weight:bold;
	margin-top: 0px;
}

#recipeWrapper li{
	margin-bottom: 10px;
}

















