/******* Reset Styles ******/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

body{line-height:1;}

/***** HTML5 Init ******/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/******* Global ******/
body { background: #000; font-family: "Lucida Grande", Arial; font-size: 12px; min-width: 800px; }
#wrap { /*background: transparent url(images/background.png) no-repeat 0 0;*/ height: 768px; margin: 0 auto; width: 1028px; }
#bk_container img { position: fixed; z-index: -100; top: 0; bottom: 0; left: 0; right: 0; display: none; }
.clear-fix { clear:both; height: 1px; }
#ravcode-badge { visibility: hidden; }

/******* Header > Logo and Navigation ******/
header {background:none repeat scroll 0 0 #000000; margin:10px auto 2px; padding:10px 10px 0; width:780px; }
#logo { background: transparent url(images/logo.png) no-repeat 0 0; display: inline-block; zoom: 1; *display: inline; height: 40px; width: 270px; }
#logo > a { color: transparent; }
#logo > a div { height: 40px; width: 220px; }

nav { float: right; margin-top: 15px; margin-right: 10px; }
nav > ul { list-style: none; }
nav > ul > li { background-image: url(images/sprite_header.png); background-repeat: no-repeat; display: inline-block; zoom: 1; *display: inline; height: 21px; width: 100px; }
nav > ul > li > a { display:block; height: 16px; width: 73px; }
nav > ul > li#games { background-position: -24px 0; width: 110px;}
nav > ul > li#company { background-position: -137px 0; width: 123px;}
nav > ul > li#news { background-position: -272px 0; width: 95px;}
nav > ul > li#contact { background-position: -384px -0px; width: 72px; }
nav > ul > li#games:hover, nav > ul > li#games.selected { background-position: -24px -21px; }
nav > ul > li#company:hover, nav > ul > li#company.selected { background-position: -137px -21px; }
nav > ul > li#news:hover, nav > ul > li#news.selected { background-position: -272px -21px; }
nav > ul > li#contact:hover, nav > ul > li#contact.selected { background-position: -384px -21px; }

header > nav {  display: inline-block; text-align: right; width: 490px; }
/******* Product Banner ********/
#main_banner { height:500px !important; margin:2px auto 0 auto; width:800px !important; }

/******* Product Nav ********/
#product_nav { height:0; position: relative; text-align: right; top: -30px; right: -93px; width:800px; display: none;}
#product_nav > ul { list-style: none; }
#product_nav > ul > li { border: 2px solid #000; background: #FFF; cursor: pointer; display:inline-block; height: 12px; margin:0 3px; width: 12px; }
#product_nav > ul > li.selected > div { background: #A3251E; height: 12px; width: 12px; }

/******* Info Panel ********/
#info_panel { background:url("images/panel_background.png") no-repeat scroll 0 0 transparent; height:60px; margin: 2px auto 2px auto; text-align: right; width:800px; }
#product_title { display:inline-block; float: left; height:60px; margin: 0; width:800px; }

.more_options { position: relative; top: -25px; right: -22px; }
.more_options > ul { list-style: none; margin-right: 20px; }
.more_options > ul > li { background-image: url(images/sprite_infobar.png); background-repeat: no-repeat; display: inline-block; zoom: 1; *display: inline; height: 18px; width: 100px; }
.more_options > ul > li:hover { cursor: pointer; }
.more_options > ul > li.more_info { background-position: -1px 0; }
.more_options > ul > li.buy_now { background-position: -143px 0; border-left: 1px solid #E2E2E2; width: 75px; }
.more_options > ul > li.more_info:hover { background-position: -1px -21px; }
.more_options > ul > li.buy_now:hover { background-position: -143px -21px; }
.more_options > ul > li a { color: transparent; display:block; height:20px; margin-left: 15px; width:80px; }
.more_options > ul > li a:visited { color: transparent; }
	
/******* News Panel ********/
#news_panel { background:url("images/panel_background.png") no-repeat scroll 0 0 transparent; height: 25px; margin:2px auto; padding:0 10px; width: 780px; }
#news_panel_title { background:url("images/sprite_header.png") no-repeat scroll -282px -22px transparent; border-right:1px solid #D6D6D6; display:inline-block; height:13px; margin-top:4px; padding-right:6px; width:40px; }
#news_panel_news { color:#979797; display:inline-block; font-family:"Lucida Grande",Arial; font-size:12px; height:13px; overflow:hidden; padding-left:8px; padding-right:15px; white-space:nowrap;}
#news_panel_news:hover { cursor: pointer; text-decoration: underline; }
#news_panel_news li > a, #news_panel_news li > a:visited { color: #979797; text-decoration: none; }

/******* Social Panel ********/
#social_panel { float: right; margin-right: -22px; }
#social_panel_title { display: none; border-right: 1px solid #D6D6D6; color: #D6D6D6; font-size: 14px; font-weight: bold; margin-top: 6px; padding-right: 15px; text-transform: uppercase; vertical-align: top;}

#connect_options { display: inline-block; zoom: 1; *display: inline; }
#connect_options > ul { list-style: none; margin-left: 15px;}
#connect_options > ul > li { display: inline-block; zoom: 1; *display: inline; }
#connect_options > ul > li a { background-image: url(images/sprite_connect.png); background-repeat: no-repeat; display: inline-block; zoom: 1; *display: inline; height: 26px; width: 80px;}
#connect_options > ul > a:hover { cursor: pointer; }
#connect_options > ul > li#opt1 > a { background-position: -5px 0; }
#connect_options > ul > li#opt2 > a { background-position: -83px 1px; }
#connect_options > ul > li#opt3 > a { background-position: -166px 0; }
#connect_options > ul > li#opt1:hover > a { background-position: -5px -25px; }
#connect_options > ul > li#opt2:hover > a { background-position: -83px -24px; }
#connect_options > ul > li#opt3:hover > a { background-position: -166px -25px; }

/******* Footer ******/
footer { background:url("images/panel_background.png") no-repeat scroll 0 0 transparent; clear: both; color: #F2F2F2; font-size: 11px; height: 30px; margin:0 auto 15px auto; padding: 10px; width: 780px; }
footer > ul { list-style: none; margin-bottom: 7px; }
footer > ul > li { border-right:1px solid #F2F2F2; display:inline-block; padding-left:4px; padding-right:8px; }
footer > ul > li > a { color: #F2F2F2; text-decoration: none; cursor: pointer;}
footer > ul > li > a:hover { text-decoration: underline; }
footer > ul > li > a:visited { color: #F2F2F2; }
footer .first_nav { padding-left: 0; }
footer .last_nav { border-right: 0; }