@import url('reset.css');
@import url('clearfix.css');
@import url('jquery.lightbox-0.5.css');

body { background-image:url(../images/paper-bg.jpg); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; color:#4f4f4f; font-size: 12px; line-height:19px; }
body a {text-decoration:none; color:#2d9dc3; }
body a:hover { text-decoration:underline; color:#67cbee; }




div.container { width: 960px; margin: 0 auto; text-align:left; position:relative;}
div.wrapper { width:100%; background-image:url(../images/bar-bg.png); background-repeat:repeat-x; height: 451px; position:relative; top:-6px; }


div.fwrapper { width:100%; background-image:url(../images/footer-bg.jpg); background-repeat:repeat-x; height: 249px; margin-top:50px;}




/*header*/
ul.headersocial { position:absolute; top: 50px; right: 50px; }
ul.headersocial li { float:left; padding: 0 0 0 12px;}


ul.wiiware {position:absolute; top:405px; right: 40px; }
ul.wiiware li { float:left; padding: 0 0 0 12px; }


/*middle bar area */
div.video {background-image:url(../images/videobg.png); width:475px; height:390px; background-repeat:no-repeat; position:relative; top: 35px; left:13px; float:left; }
div.video object {position:relative; top:8px; left: 8px; }

p.link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2d9dc3; text-align:right; display:block; position:relative; top: 65px; width:475px; }


div.videotext {float:right; width:440px; position:relative; top:45px; }
h2 { font-size:22px; color:#377590; font-weight: bold; line-height: 24px; letter-spacing:-1px; margin: 0 0 15px 0;}

ul.highlights { list-style-image:url(../images/bullet-star.gif); margin: 15px 0 0 20px; width:275px; }
ul.highlights li{ text-transform:uppercase; font-size:10px; line-height:19px; color:#377590; font-weight:bold; }






/* SCREENSHOTS */
div.screens {margin:auto; padding:0 0 0 10px; width:960px;}
ul.thumbs {margin: 0 0 0 0px;}
ul.thumbs li {margin: 0 20px 10px 0; float:left; }




/* FOOTER */
div.flogoarea {float:left; width:385px; padding: 0 10px 0 0; margin: 10px 0 0 0; border-right: solid 1px #404040; height: 168px;}
div.flogoarea img.flogo {float:right; position:relative; left:0px;}
div.flogoarea ul.fsocial { position:absolute; top:120px; left: 160px; }
div.flogoarea ul.fsocial li {float:left; margin: 0 15px 0 0; }

div.fnavarea {float:right; padding: 50px 0 0 0;  width: 505px;}
div.fnavarea ul.fnav li {float:left; padding:0 30px 0 0; }
div.fnavarea ul.fwiiware li {float:left; padding: 0 50px 0 0; }
div.fnavarea p.legal {float:left; position:relative; top:10px; color:#666; font-size:12px; line-height:15px; }