
/* FORMATTING --------------------------------------------------------------- */

/* html definitions */

body { margin: 0px; padding: 0px; background: #000000; font: 12px/16px Arial, Helvetica, sans-serif; color: #ccc; }
p { margin: 0px; padding: 0px 0px 15px 0px; }
p.heading { margin: 0px; padding: 0px 0px 15px 0px; text-align: center; }
h1 { margin: 0px; padding: 20px 0px 20px 0px; font: bold 21px/27px Arial, Helvetica, sans-serif; color: #fff; text-align: center; }
h2 { margin: 0px; padding: 0px 0px 5px 0px; font: bold 39px/42px Arial, Helvetica, sans-serif; color: #656565; text-transform: uppercase; }

hr { display: none; }
img { border: 0px;  }

a:link, a:visited { color: #ccc; text-decoration: underline; }
a:hover, a:active { color: #fff; }

span.sup_text {font-size: 80%; line-height: 80%; vertical-align:top;}

/* reusable styles */

div.horizontal_rule { border-bottom: solid 1px #202020; }
 
 /* GLOBAL ELEMENTS ---------------------------------------------------------- */

/* non flash wrapper */

div#wheaties_evolution { margin: 0px; padding: 0px; text-align: center; }

/* fundamental structure */
div#page_wrapper { background: url(../img/header_background.jpg) no-repeat center top; }
div#heading { margin: 0px auto; width: 920px; height: 555px; }
div#content { margin: 0px auto; width: 920px; padding: 0px; }

div#get_flash_button { margin: 0px auto; padding: 10px 0px 30px 0px; text-align: center; }

div#nonflash_get_started { margin-bottom: 70px; text-align: left !important; }
a.call_to_action_link:link, a.call_to_action_link:visited { color: #f2490e; font: bold 14px/18px Arial, Helvetica, sans-serif; text-decoration: none; background: url(../img/call_to_action_link.gif) no-repeat right; padding: 0px 20px 2px 0px; }
a.call_to_action_link:hover, a.call_to_action_link:active { color: #FFFFFF; background: url(../img/call_to_action_hover.gif) no-repeat right; }

div#footer_wrapper { background: url(../img/footer_background.jpg) repeat-x; }
div#footer { position: relative; margin: 0px auto; width: 920px; text-align: center; height: 34px; }

/*
div#footer_links { padding: 0px; position: absolute; top: 0px; left: 0px; height: 34px; width: 450px; }

a.footer_link_vimeo:link, a.footer_link_vimeo:visited { margin-right: 5px; float: left; text-decoration: none; display: block; width: 31px; height: 26px; background: url(../img/vimeo_icon.jpg) no-repeat; }
a.footer_link_vimeo:hover, a.footer_link_vimeo:active { background: url(../img/vimeo_icon.jpg) no-repeat -31px 0px; }

a.footer_link_itunes:link, a.footer_link_itunes:visited { margin-right: 5px; float: left; text-decoration: none; display: block; width: 31px; height: 26px; background: url(../img/itunes_icon.jpg) no-repeat; }
a.footer_link_itunes:hover, a.footer_link_itunes:active { background: url(../img/itunes_icon.jpg) no-repeat -31px 0px; }

a.footer_link_myspace:link, a.footer_link_myspace:visited { margin-right: 5px; float: left; text-decoration: none; display: block; width: 31px; height: 26px; background: url(../img/myspace_icon.jpg) no-repeat; }
a.footer_link_myspace:hover, a.footer_link_myspace:active { background: url(../img/myspace_icon.jpg) no-repeat -31px 0px; }

a.footer_link_youtube:link, a.footer_link_youtube:visited { margin-right: 5px; float: left; text-decoration: none; display: block; width: 31px; height: 26px; background: url(../img/youtube_icon.jpg) no-repeat; }
a.footer_link_youtube:hover, a.footer_link_youtube:active { background: url(../img/youtube_icon.jpg) no-repeat -31px 0px; }

a.footer_link_facebook:link, a.footer_link_facebook:visited { margin-right: 5px; float: left; text-decoration: none; display: block; width: 31px; height: 26px; background: url(../img/facebook_icon.jpg) no-repeat; }
a.footer_link_facebook:hover, a.footer_link_facebook:active { background: url(../img/facebook_icon.jpg) no-repeat -31px 0px; }

a.footer_link_twitter:link, a.footer_link_twitter:visited { margin-right: 5px; float: left; text-decoration: none; display: block; width: 31px; height: 26px; background: url(../img/twitter_icon.jpg) no-repeat; }
a.footer_link_twitter:hover, a.footer_link_twitter:active { background: url(../img/twitter_icon.jpg) no-repeat -31px 0px; }

div#footer_links_end { clear: both; font: 1px/1px sans-serif; }

*/

div#footer_copyright { padding: 18px 0px 0px 0px; font: bold 9px/9px Arial, Helvetica, sans-serif; color: #222; }
div#footer_copyright a:link, div#footer_copyright a:visited { color: #222; text-decoration: none; }
div#footer_copyright a:hover, div#footer_copyright a:active { color: #fff; }


/* LAYOUTS ------------------------------------------------------------------ */

/* layout: standard */

div#layout_cols { width: 920px; padding: 40px 0px 40px 0px; text-align: left; }
	
div#layout_col1 { padding: 0px 20px 0px 0px; float: left; width: 293px; }
div#layout_col2 { padding: 0px 20px 0px 0px; float: left; width: 293px; }
div#layout_col3 { padding: 0px; float: left; width: 294px; }
div#layout_cols_end  { clear: both; font: 1px/1px sans-serif; }
