html, body { background: #fff url(background.jpg); }
a { text-decoration: none; color: #336699; }
a:hover { color: #003366; }

.clear { clear: both; }
.hidden { display: none; }
#scientist, #speechbubble, #speechtext { position: absolute; z-index: 1000; cursor: pointer; }
#speechtext { font: bold 13px "Myriad Pro", Helvetica; color: #336699; width: 145px; }

#viewport { overflow: hidden; }
#mover { }

#intro { width: 940px; margin: 0 auto; padding: 30px 0; }
#intro #video { border: 10px solid #fff; width: 640px; height: 424px; }

#spacer { height:60px; }
/******** MENU ********/
.menu { background: #2da3f3; height: 140px; }
.menu .container { width: 960px; margin: 0 auto; padding: 0 10px; }

.menu .item { float: left; text-align:center; padding: 12px 10px; width: 220px; border-top: 10px solid #2da3f3; cursor: pointer; height: 106px; }
.menu .selected { border-top: 10px solid #2d40f3; border-top: 10px solid #2d40f3; }
.menu .left { margin-left: 0; }
.menu .right { margin-right: 0; }

.menu .item img { float: left; margin-right: 10px; }
.menu .item .wrapper { padding-top:17px; }
.menu .item .wrapper .title { font: 26px "Myriad Pro", Helvetica; color: #fff; }
.menu .item .wrapper .caption { font: 14px "Myriad Pro", Helvetica; color: #fff; }

.fell_logo { width: 100%; padding:50px 0px 50px 0px; background: url(Fuzz-Up.png) bottom left repeat-x;}
.fell_logo .logo_container .logo { text-align: center; display:block; margin: 0 auto; }
.fell_logo .logo_container .slogan { float: right; font: normal 60px "Myriad Pro", Helvetica; color: #333; width: 580px; text-align: right; }
.fell_logo .logo_container {  }

.home_page .logo_container .slogan { font-size: 26px; }


.content { background: #ffffff; }
.content .container { width: 960px; margin: 0 auto; padding: 0 10px; }


.fell_footer { width: 100%; padding:50px 0px 350px 0px;background: #f3e02d url(Fuzz-Down.png) top left repeat-x;}
.fell_footer .container { width: 960px; margin: 0 auto; }
.fell_footer .about-us { width:330px; margin-left:50px; float:left; background:url(about-us.png) top left no-repeat; padding-top:25px; padding-right:25px; font-weight: bold; font-size:14px; font-family: "Myriad Pro", Helvetica; color:#747474; }
.fell_footer .our-services { width:250px; margin-left:20px; float:left; background:url(our-services.png) top left no-repeat; padding-top:25px; padding-right:25px; font-weight: bold; font-size:14px; font-family: "Myriad Pro", Helvetica; color:#747474;  }
.fell_footer .our-services a:link, .fell_footer .our-services a:visited { color:#747474; } 
.fell_footer .our-services a:hover { text-decoration:underline; } 
.fell_footer .contact-us { width:160px; float:left; background:url(contact-us.png) top left no-repeat; padding-top:25px; padding-right:25px; font-weight: bold; font-size:14px; font-family: "Myriad Pro", Helvetica; color:#747474;  }

/****** PAGES ********/



/******** SLIDERS ********/
.kkslider { position: absolute; top: 90px; left: 480px; }
.kkslider .wrapper { overflow: hidden; }
.kkslider .wrapper .fx { margin-top: -20px; }

.kkslider .box { background: #fff; padding: 10px; border: 5px solid #2d40f3; float: left; border-top: 0; padding-top: 30px; }
.kkslider .right_shadow { width: 5px; overflow: hidden; background: #000; float: left; }
.kkslider .bottom_shadow { margin-left: 5px; height: 5px; overflow: hidden; background: #000; }
.kkslider .right_shadow, .kkslider .bottom_shadow { opacity: 0.13; filter:alpha(opacity=13); -moz-opacity:0.13; }

/* download menu */
.kkslider .download .osx     { background: url('/htdocs/images/logged_out/oslogo-osx.png') no-repeat; }
.kkslider .download .appletv { background: url('/htdocs/images/logged_out/oslogo-appletv.png') no-repeat; }
.kkslider .download .linux, .kkslider .download .linux64   { background: url('/htdocs/images/logged_out/oslogo-linux.png') no-repeat; }
.kkslider .download .windows { background: url('/htdocs/images/logged_out/oslogo-windows.png') no-repeat; }

.kkslider .download .os { border-bottom: 1px solid #d6d6d6; padding-bottom: 8px; margin-bottom: 8px; padding-left: 35px; }
.kkslider .download .os a { color: #336699; text-decoration: none; font: bold 14px "Myriad Pro", Helvetica; }
.kkslider .download .os a:hover { color: #003366; }
.kkslider .download .os .info { font: normal 12px "Myriad Pro", Helvetica; color: #333; }
.kkslider .download .selected { border-bottom: 3px solid #d6d6d6; }
.kkslider .download .selected a { font-size: 18px; }
.kkslider .download .last { margin: 0; border: 0; padding-bottom: 0; }

.kkslider .field, .kkslider .field_error { border: 1px solid #c3c3c3; background: #f1f1f1; width: 198px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: normal 18px "Myriad Pro", Helvetica; color: #333; padding: 2px; }
.kkslider .field_error { border: 1px solid #b61a1a; }

/* Login */
.kkslider .login .remember, .kkslider .login .forgot { font: normal 12px "Myriad Pro", Helvetica; margin-top: 10px; }
.kkslider .login .remember { float: left; }
.kkslider .login .forgot { float: right; }

/* Connect */
.kkslider .connect ol { margin: 10px 0 10px 20px; }
.kkslider .connect li { list-style-type: decimal; font: normal 13px "Myriad Pro", Helvetica; margin-bottom: 5px; }
.kkslider .connect li a { font-weight: bold; display: block; }
.kkslider .connect .coming_soon { font: bold 12px "Myriad Pro", Helvetica; border-top: 1px solid #e6e6e6; padding-top: 10px; color: #333;}

.response_fail, .response_success {  font: normal 12px "Myriad Pro", Helvetica; }
.response_fail { color: #b61a1a; }
.response_success { color: #387811; }

/* signup */
.kkslider h2 { font: bold 15px "Myriad Pro", Helvetica; color: #333; padding-bottom:10px; }
.kkslider .wrap { margin-top: 10px; }
.kkslider .wrap span { display: block; font: bold 12px "Myriad Pro", Helvetica; color: #333; }
.kkslider .info { display: block; font: 14px "Myriad Pro", Helvetica; color: #333; }
.kkslider .tos { border-top: 1px solid #eaeaea; margin-top: 10px; padding-top: 10px; font: normal 12px "Myriad Pro", Helvetica; color: #333; }


.kkslider .double .wrap { float: left; }
.kkslider .double .first { margin-right: 10px; }
.kkslider .double .wrap input { width: 88px; }
.kkslider .button { margin-top: 10px; font: normal 18px "Myriad Pro", Helvetica; color: #333; padding: 3px; }

/******* whats up! *******/
.whats_up { background: url('/htdocs/images/logged_out/footer_divider_top.png') no-repeat; padding: 30px 0 20px; }
.whats_up .cogs, .whats_up .beta, .whats_up .box 
 { float: left; height: 46px; }

.whats_up .desc { font: normal 13px "Myriad Pro", Helvetica; color: #333; margin-top: 7px; }
.whats_up .desc a { display: block; font-weight: bold; color: #336699; }
.whats_up .desc a:hover { color: #003366; }

.whats_up .cogs { background: url('/htdocs/images/logged_out/cogs.png') no-repeat; padding-left: 60px; margin-right: 25px; m/argin-right: 10px; }
.whats_up .cogs .title { float: left; font: normal 18px "Myriad Pro", Helvetica; color: #333; margin-right: 20px; }
.whats_up .cogs .title span { font-weight: bold; display: block; }
.whats_up .cogs .desc { float: left; width: 120px; }

.whats_up .beta { background: url('/htdocs/images/logged_out/beta.png') no-repeat; padding-left: 100px; margin-right: 25px; m/argin-right: 10px; } 

.whats_up .box { background: url('/htdocs/images/logged_out/box.png') no-repeat; padding-left: 100px; }

/******** Tooltips *********/
.tooltip { background: #ef5322; padding: 5px; width: 150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.tooltip h1 { font: bold 14px "Myriad Pro", Helvetica; }
.tooltip .wrap { background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; }
.tooltip .wrap .content { font: normal 12px "Myriad Pro", Helvetica; color: #333; padding: 3px; }
.tooltip a { color: #336699; font-weight: bold; display: block; margin-top: 5px; }
.tooltip a:hover { color: #003366; }
.tooltip .dot { overflow: hidden; height: 14px; width: 10px; }

/** preorder **/
.boxpreorder { font: normal 14px 'Myriad Pro', Helvetica; color: #333; padding: 20px 0px 40px 0px; }
.boxpreorder .columnright { width: 620px; float: right; }
.boxpreorder .columnleft { width: 300px; float: left; padding-top: 10px; }
.boxpreorder img { width: 610px; margin-left: 50px; }

.boxpreorder .field, 
.boxpreorder .field_error { border: 1px solid #c3c3c3; background: #f1f1f1; width: 250px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: normal 18px "Myriad Pro", Helvetica; color: #333; padding: 2px; }
.boxpreorder .field_error { border: 1px solid #b61a1a; }
.boxpreorder form { background: #fff; padding: 20px; border: solid 5px #2d40f3; }
.boxpreorder form h2 { font: bold 14px "Myriad Pro", Helvetica; margin-bottom: 15px; }
.boxpreorder .wrap { margin-bottom: 20px; }
.boxpreorder .wrap span { font: bold 12px "Myriad Pro", Helvetica; color: #333; }

.boxpreorder .intro { font: normal 18px "Myriad Pro", Helvetica; color: #333; margin-bottom: 10px; }
.boxpreorder .button { font-size: 16px; }

div.error404 { background: #ff3333; border: 5px solid #aa0000; padding: 5px; font: normal 14px "Myriad Pro", Helvetica; color: #000; margin-bottom: 20px; }