@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:320px;}




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


ul.wiiware {position:absolute; top:405px; right: 17px; }
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; }
img.scooter {position:absolute; right:-40px; top:149px; }



/* Testimonials */
div.testimonialblock { width:960px; padding:20px 0 0 0;}
div.testimonialblock img.cover { float:left; margin: 0 15px 0 0;}
div.companytest {float:left; width:560px; padding:15px 0 0 0; }
div#slider2 { width:380px; }
div#slider2 ul li {height:160px; width: 380px; margin: 0 0 15px 0;}
h5 { font-size:21px; line-height:23px; font-weight:bold; color:#3D3D3D; float:right; width: 375px; padding:10px 0 7px 0; display:block;}
p.quotename a{ font-size:12px; font-weight:bold; text-transform:uppercase; color:#df7707; width:375px; float:right;}

div.personaltest {float:right; width:315px; border-left: solid #377590 1px; padding:0 0 0 40px;}
div#slider {overflow:hidden; height:85px; width:325px;}
div#slider ul li {width: 325px;}
h4 { font-size:16px; font-weight:bold; color:#377590; margin:20px 0 10px 0; }
p.personalquote { font-size:15px; line-height:20px; }
p.quotename2 { font-size:12px; font-weight:bold; text-transform:uppercase; color:#377590; }
div.testnav { margin:20px 0 0 0; padding:5px 0 0 0; border-top: solid 1px #C1C1C1;}
div.testnavbuttons {float:left; }
span#prevButton, span#nextButton {float:left; position:relative; top:26px;}
span#prevButton {padding:0 5px 0 0; border-right:solid 1px #C1C1C1;}
span#nextButton {padding:0 0 0 8px;}
span#prevButton a{ background:url(../images/button-previous.jpg) no-repeat 0 0; height: 21px; width: 25px; text-transform:uppercase; font-size:10px; display:block;}
span#nextButton a{ background:url(../images/button-next.jpg) no-repeat 0 0; height: 21px; width: 25px; text-transform:uppercase; font-size:10px; display:block;}

p.link2{ font-size:12px; color:#2d9dc3; text-align:right; display:block; float:right; }

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

/* Media Downloads */
div.mediaDownload1 {background-image:url(../images/download-frame.png); background-repeat:no-repeat; float:left; width:472px; height:242px; position:relative; left:3px;}
div.mediaDownload1 img.soundtrack {float:left; position:relative; top:21px; left: 25px; padding:0 22px 0 0;}
div.soundtrackContent { float:left;width: 185px; position:relative; top:21px; left:25px;}
div.soundtrackContent h2 {color:#424242;}
div.soundtrackContent p span { font-weight:bold;}
div.soundtrackContent p.dtext { padding: 0 0 13px 0;}
div.soundtrackContent img.cd { float:left;}
div.soundtrackContent div.downloadlinks {float:left; padding:0 0 0 10px;}
p.kbsize {color:#9c9c9c;}

div.mediaDownload2 {background-image:url(../images/download-frame.png); background-repeat:no-repeat; float:right; width:472px; height:242px; position:relative; right:3px;}
div.mediaDownload2 h2 {color:#424242; position:relative; top: 21px; left: 25px;}
div.mediaDownload2 .wallpaper1 { text-align:center; float:left; padding: 10px 0 0 30px;  width: 175px;}
div.mediaDownload2 .wallpaper2 { text-align:center; float:right; padding: 10px 30px 0 0; width: 175px;}
div.mediaDownload2 .wallpaper1 p { position:relative; top:-15px; z-index:1000;}
div.mediaDownload2 .wallpaper2 p { position:relative; top:-15px; z-index:1000;}


/* FOOTER */
div.flogoarea {float:left; width:385px; padding: 0 30px 0 0; margin: 40px 0 0 0; border-right: solid 1px #404040; height: 168px;}
div.flogoarea img.jetpack {position:absolute; top:-38px; left:2px; }
div.flogoarea img.flogo {float:right; position:relative; left:0px;}
div.flogoarea ul.fsocial { position:absolute; top:173px; left: 219px; }
div.flogoarea ul.fsocial li {float:left; margin: 0 15px 0 0; }

div.fnavarea {float:right; padding: 30px 0 0 0;  width: 505px;}
div.fnavarea ul.fnav li {float:left; padding:0 30px 0 0; }

div.fnavarea ul.fwiiware {float:left; position:relative; top:35px;}
div.fnavarea ul.fwiiware li {float:left; padding: 0 14px 0 0; }
div.fnavarea p.legal {float:left; position:relative; top:40px; color:#666; font-size:12px; line-height:15px; }