/* @override http://www.michiganapples.com/cartoon/css/landing-page.css */

/*
Michigan Apple video landing page
Author:		BCP
Version:	1
Date:		10/2009
*/

/* @group Style Resets - Eric Meyer */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
	:focus {outline:0}
	body {line-height:1;background-repeat:no-repeat;background-position:left top}
	ol, ul {list-style:none}
/* @end */



/* @group Site Framework */
	 body {font:62.5%/1.3 "Lucida Grande", Lucida, Verdana, sans-serif}
	.group:after {content:".";display:block;height:0;clear:both;visibility:hidden}
	.row .row {margin:0 -10px 0 -10px;width:auto;display:inline-block}
	.right {float:right}
	.left {float:left}
	.hidden {text-indent: -1000em;}
	.clear {clear: both;}
/* @end */

/* @group Typography */
	#SiteWrapper {font-size: 15px;margin-top: 25px;}
	.center {width: 683px; margin: 0 auto;}
/* @end */

/* @group Layout Skin */
	body {background: #458412 url(http://michiganapples.com/assets/templates/mac/_layoutImgs/appleBg.jpg) repeat-x center 3px;}
	#Header {margin-top: 10px;background: url(../images/headerTopBg.gif) no-repeat center 33px;padding-bottom: 11px;padding-left: 27px;}
	#Header h1#siteLogo {background: url(../images/applesLogo.png) no-repeat;width: 122px;height: 81px;margin-top: -10px;}
	#VideoContainer { padding: 20px 0 20px 24px;background: url(../images/videoBg.jpg) center top;}
	#MediaHolder {height: 378px;}
	#MediaHolder {color: #fff; font-weight: bold;}
	#TitleBar {background-image: url(../images/titleBar.jpg);padding: 20px;}
	#TitleBar h2 {color: #4b8a18;font-size: 27px;letter-spacing: -1px;}

	#InfoContainer {padding: 0 0 20px 0;background: #ece8cf url(../images/bottomBg.jpg) no-repeat;}
	#BtnBar {background: url(../images/btnBg.png) no-repeat left center;width: 400px; margin: 20px 0 0 0;}
	#BtnBar ul {padding: 14px 0 10px 30px; float: left; width: 200px;}
	#BtnBar ul li {float: left;}
	#BtnBar ul li a {display: block; padding: 7px 10px 10px;}
	#BtnBar p {float: right;width: 160px; font-size: 10px;color: #458412;margin-top: 21px;}
/* @end */

#CommentBox {background: url(../images/speechBubble.png) no-repeat;width: 325px;padding: 40px 71px 40px 40px;height: 151px;}
#AppleCharacter {width: 286px;height: 385px;background: url(../images/appleChar.png) no-repeat;}


/* @group Negative Margins */
	#AppleCharacter {margin-left: -100px;margin-top: -55px;}
/* @end */

#BtnBar ul li a {color: #fff; text-decoration: none;}
a#EnterBtn {width: 71px;background: url(../images/enterBtn.gif) no-repeat;height: 21px;text-align: center;}
a#EnterBtn:hover {background-position: left -91px;}
a#EnterBtn:active {background-position: left -182px;}

a#RulesBtn {width: 71px;background: url(../images/woodBtn.gif) no-repeat;height: 21px;text-align: center; margin: 0 5px 0 0;}
a#RulesBtn:hover {background-position: left -91px;}
a#RulesBtn:active {background-position: left -182px;}

#InfoContainer,#Footer 	{display: none;}
#Header					{margin-top: 70px;}