/* 
===================
TOC 
===================
1. YUI Global Reset
2. Main Container and Global Styles
3. Header
4. Content
5. Footer
*/

/* ===================
1. YUI Global Reset
=================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {width:100%;height:100%;background:#FFF url(/Images/bg.gif) repeat-x top left;}

/* ===================
2. Main Container and Global Styles
=================== */

#container {width:850px;margin:40px auto;position:relative;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
strong {font-weight:bold;}

#tooltip {padding: 5px 10px;width:250px !important;background: #7A47A6;border: 1px solid #FFF;color:#FFF;font:11px Arial, Verdana, sans-serif;opacity: 0.90;z-index:9999 !important;}



/* ===================
3. Header
=================== */

#header {width:850px;height:50px;position:relative;}

#header .logo {width:237px;height:50px;position:absolute;left:0px;bottom:0px;}
#header .logo a {outline:none;-moz-outline:none;text-decoration:none;border:none;}
#header .nav {height:15px;position:absolute;right:5px;bottom:0px;}
#header .nav ul {list-style-type:none;}
#header .nav ul li {display:block;float:left;margin:0 15px 0 0;}
#header .nav ul li.last {margin:0;}
#header .nav ul li a {outline:none;-moz-outline:none;text-decoration:none;border:none;}


/* ===================
4. Content
=================== */

#content {width:850px;height:498px;margin:10px auto 0 auto;position:relative;background:transparent url(/Images/content_bg.png) no-repeat top center;}
#content #flashContent {width:514px;height:464px;position:absolute;z-index:300;top:15px;left:0px;background:transparent;}
#content #gameContent {width:790px;height:440px;line-height:440px;margin:0 auto;position:absolute;left:30px;z-index:800;top:20px;}
/*#content object {width:790px !important;margin:0 auto !important;}*/
#content #gameContent p {display:block;height:100%;line-height:465px;font:16px Arial, Verdana, sans-serif;font-weight:bold;text-align:center;}
#content .rightColumn {position:absolute;top:0px;right:0px;height:498px;}
#content .external {width:90px;height:90px;}
#content #buynow {position:absolute;width:90px;height:90px;top:0px;right:5px;}
#content object#buynow  {outline:none;-moz-outline:none;border:none;}
#content .game {position:absolute;width:304px;height:363px;bottom:0px;right:20px;background:transparent url(/Images/game_callout.png) no-repeat top right;}
#content .game .chomper {position:absolute;width:266px;height:98px;top:60px;left:15px;background:transparent url(/Images/chomper_bg.png) no-repeat top left;}
#content .game .chomper .btn {position:absolute;top:30px;right:10px;width:73px;height:16px;}
#content .game .iphone {position:absolute;width:287px;height:154px;z-index:100;top:138px;left:15px;background:transparent url(/Images/iphoneapp_bg.png) no-repeat top left;}
#content .game .iphone p {font:11px Arial, Verdana, sans-serif;display:block;width:165px;position:absolute;top:55px;left:10px;color:#595959;}
/*#content .game .iphone .btn {position:absolute;bottom:35px;right:30px;width:73px;height:16px;}*/
#content .game .iphone .btn {position:absolute;bottom:35px;right:30px;width:126px;height:38px;}
#content .game .facebook {position:absolute;width:266px;height:90px;z-index:200;top:275px;left:15px;background:transparent url(/Images/facebook_bg.png) no-repeat top left;}
#content .game .facebook a {display:block;width:100%;height:100%;}

/* ===================
5. Footer
=================== */

#footer {width:850px;height:49px;position:relative;margin:0 auto;background:transparent url(/Images/footer_bg.gif) no-repeat top center;}
#footer .offer {width:289px;height:181px;position:absolute;bottom:-10px;left:-55px;z-index:500;background:transparent url(/Images/offer.png) no-repeat top left;}
#footer .offer a {width:150px;height:23px;position:absolute;bottom:60px;left:135px;border:none;text-decoration:none;display:block;outline:none;-moz-outline:none;text-decoration:none;}
#footer .info {position:absolute;bottom:8px;left:122px;z-index:600;}
#footer .info p {color:#FFF; font:11px Arial, Verdana, sans-serif;}
#footer .info a {color:#c193e6; font:13px Arial, Verdana, sans-serif;font-weight:bold;text-decoration:none;}
#footer .scores {width:294px;height:34px;position:absolute;right:30px;bottom:5px;background:#7a47a6 url(/Images/scores_bg.gif) no-repeat top left;}
#footer .scores p {color:#FFF; font:12px Arial, Verdana, sans-serif;font-style:italic;font-weight:bold;margin:10px 0 0 100px;}

#footerNav {width:790px;position:relative;margin:20px auto;}
#footerNav p {font:10px Arial, Verdana, sans-serif;color:#999;margin:0 0 10px 0;}
#footerNav a {font:10px Arial, Verdana, sans-serif;color:#7a47a6;text-decoration:none;display:inline;}
#footerNav a {margin:0 5px 0 0;}
#footerNav ul {list-style: none;margin:0 0 10px 0;}
#footerNav ul li {padding:0;margin:0 5px 0 0; position:relative;float:left;display:block;font:10px Arial, Verdana, sans-serif;color:#999;margin:0 0 10px 0;}
#footerNav ul li a {font:10px Arial, Verdana, sans-serif;color:#7a47a6;text-decoration:none;display:inline;margin:0 10px 0;}
#footerNav ul li a.first {margin-left:0px;}

#shareContainer {width:191px;height:48px;background:transparent url(/Images/share_bg.png) no-repeat top left;position:absolute;top:-45px;left:0px;z-index:9999;display:none;}
ul#shareContainer li a {display:block;height:35px;float:left;margin:3px 2px 0 0;}
ul#shareContainer li a.stumble {width:34px;}
ul#shareContainer li a.facebook {width:33px;}
ul#shareContainer li a.digg {width:30px;}
ul#shareContainer li a.delicious {width:34px;}
ul#shareContainer li a.twitter {width:33px;}

#privacy {font:11px Arial, Verdana, sans-serif;width:816px;height:507px;background:transparent url(/Images/privacy_bg.png) no-repeat top left;padding:15px;position:absolute;top:100px;left:20px;z-index:9999;}
#privacy .scroll {width:750px;height:440px;margin:20px auto 0;overflow:hidden;overflow-y:scroll;}
#privacy h1 {font:16px Arial, Verdana, sans-serif;font-weight:bold;color:#666;margin:0 0 15px 0;}
#privacy h3 {font-weight:bold;color:#666;}
#privacy p {color:#666;margin:0 0 10px 0;}
#privacy ol {color:#666;margin:0 0 0 25px;list-style-type:decimal;}
#privacy ol li {color:#666;margin:0 0 10px 0;}

#privacy .close, #legal .close {position:absolute; top:3px;right:50px;width:55px;height:20px;cursor:pointer;}

#legal {font:11px Arial, Verdana, sans-serif;width:816px;height:507px;background:transparent url(/Images/privacy_bg.png) no-repeat top left;padding:15px;position:absolute;top:100px;left:20px;z-index:9999;}
#legal .scroll {width:720px;height:440px;margin:20px auto 0;overflow:hidden;}
#legal h1 {font:16px Arial, Verdana, sans-serif;font-weight:bold;color:#666;margin:0 0 15px 0;}
#legal h3 {font-weight:bold;color:#666;}
#legal p {color:#666;margin:0 0 10px 0;}