/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{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;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html {background: #bdddf8 url(../images/background.png) repeat-x;}

#container {width: 992px; margin: 0 auto;}
#h {overflow: hidden;}
#h h1 {float: left; margin-top: 17px; background: url(../images/logo.png) no-repeat;}
#h h1 a {width: 270px; height: 52px; text-indent: -9000px; display: block;}
#h ul {float: right; background: url(../images/header-navi-divider.png) no-repeat 100% 0; margin-right: 24px;}
#h ul li {list-style-type: none; float: left; padding: 17px 32px; background: url(../images/header-navi-divider.png) no-repeat;}
#h ul li a {color: #fff; font-weight: bold; display: block; text-decoration: none; font-size: 110%;}
#h ul li a:hover {text-decoration: underline;}

#b {overflow: hidden; width: 972px; margin: 31px auto 19px auto; padding-bottom: 22px; background: url(../images/content-footer.png) 0 100% no-repeat; position: relative;}
.content-h {height: 246px;}
.content-h .col-l {width: 426px; height: 657px; background: url(../images/app.png) 100% 0 no-repeat; position: absolute; left: 0; top: 0;}
.content-h .col-r {float: right; width: 522px; padding-left: 24px;}
.content-h .col-r h2 {width: 514px; height: 29px; margin-top: 21px; text-indent: -9000px; background: url(../images/header-text.png) no-repeat;}
.content-h .col-r p.header-subtext {width: 514px; height: 40px; margin-top: 11px; text-indent: -9000px; background: url(../images/header-text.png) 0 100% no-repeat;}
.content-h .col-r .box {width: 519px; margin-top: 23px; overflow: hidden; background: url(../images/download-box-background.png) repeat-x;}
.content-h .col-r .box li {width: 173px; height: 104px; float: left; text-align: center; list-style-type: none;}
.content-h .col-r .box .first {background: url(../images/download-box-first.png) no-repeat;}
.content-h .col-r .box .odd {width: 171px; border: #dcedfb 1px solid; border-width: 0 1px;}
.content-h .col-r .box .last {background: url(../images/download-box-last.png) 100% 0 no-repeat;}
.content-h .col-r .box h3 {text-indent: -9000px; display: block; margin: 0 auto;}
.content-h .col-r .box a {width: 137px; height: 29px; display: block; text-indent: -9000px; margin: 11px auto 0 auto; background: url(../images/orange-buttons.png) no-repeat;}
.content-h .col-r .box .android h3 {width: 138px; height: 40px; margin-top: 10px; background: url(../images/download-android.png) 0 0 no-repeat;}
.content-h .col-r .box .blackberry h3 {width: 139px; height: 27px; margin-top: 23px; background: url(../images/download-blackberry.png) 0 0 no-repeat;}
.content-h .col-r .box .blackberry a {background-position: 0 -29px;}
.content-h .col-r .box .iphone h3 {width: 110px; height: 42px; margin-top: 8px; background: url(../images/download-iphone.png) 0 0 no-repeat;}
.content-h .col-r .box .iphone a {background-position: 0 -58px;}

.content-b {clear: both; height: 510px; background: url(../images/content-background.png) repeat-y; overflow: hidden;}
.content-b .col-l {float: left; width: 426px; padding-top: 444px; background: url(../images/content-left-top.png) no-repeat;}
.content-b .col-l .box {width: 371px; height: 63px; margin-left: 43px; background: url(../images/findus-box.png) no-repeat; padding: 16px 3px;}
.content-b .col-l .box h3 {float: left; font-weight: bold; font-size: 120%; padding: 6px 9px 0 11px;}
.content-b .col-l .box ul li {float: left; list-style-type: none; margin: 0 3px;}
.content-b .col-l .box ul li a {text-indent: -9000px; display: block; width: 30px; height: 31px; background: url(../images/social-icons.png) no-repeat;}
.content-b .col-l .box ul li .facebook {background-position: -30px 0;}
.content-b .col-l .box ul li .tumblr {background-position: -60px 0;}
.content-b .col-l .box ul li .youtube {background-position: -90px 0;}
.content-b .col-l .box ul li .flickr {background-position: -120px 0;}
.content-b .col-l .box ul li .delicious {background-position: -150px 0;}
.content-b .col-l .box ul li .vimeo {background-position: -180px 0;}

.content-b .col-r {float: right; width: 546px; background: url(../images/content-right-top-background.png) repeat-x;}
.content-b .col-r .beta-box {width: 546px; height: 77px; background: url(../images/content-right-top.png) 100% 0 no-repeat;}
.content-b .col-r .beta-box label {color: #333; width: 171px; float: left; text-align: right; padding: 22px 5px; font-size: 110%;}
.content-b .col-r .beta-box label strong {display: block; font-weight: bold;}
.content-b .col-r .beta-box .input-text {color: #979797; float: left; border: 0; width: 181px; height: 38px; padding: 0 15px; margin: 21px 10px; line-height: 38px; background: url(../images/input-text-background.png) no-repeat;}
.content-b .col-r .beta-box .input-submit {cursor: pointer; text-indent: -9000px; border: 0; float: left; width: 116px; height: 40px; margin: 20px 1px; background: url(../images/input-submit-background.png) no-repeat;}
.content-b .col-r .beta-box-success {color: #333; padding: 13px; width: 521px; height: 54px;}
.content-b .col-r .beta-box-success h3 {font-weight: bold; margin-bottom: 3px;}
.content-b .col-r .beta-box-success p {font-size: 90%;}
.content-b .col-r ul {float: right; margin: 0 40px;}
.content-b .col-r ul li { width: 483px; list-style-type: none; margin: 30px 0;}
.content-b .col-r ul .even {text-align: right;}
.content-b .col-r ul .even img {float: right; margin-left: 13px; margin-right: 10px;}
.content-b .col-r ul li img {float: left; margin-left: 10px; margin-right: 13px;}
.content-b .col-r ul li h3 {font-size: 125%; font-weight: bold; color: #333; line-height: 24px;}
.content-b .col-r ul li p {font-size: 93%; color: #4d4d4d; line-height: 20px;}

#f {color: #aaa; width: 966px; height: 113px; margin: 0 auto 10px auto; background: url(../images/footer-background.png) 0 19px repeat-x; overflow: hidden; position: relative;}
#f .f-top {width: 966px; height: 19px; background: url(../images/footer-top.png) no-repeat;}
#f .f-bottom {width: 966px; height: 19px;background: url(../images/footer-bottom.png) no-repeat;}
#f ul {clear: left; margin-left: 40px; height: 76px;}
#f ul li {float: left; list-style-type: none; margin: 0 18px;}
#f ul li ul {margin: 0; height: 0;}
#f ul li ul li {margin: 0; line-height: 18px; clear: both;}
#f a {color: #aaa; text-decoration: none; font-size: 88%;}
#f a:hover {text-decoration: underline;}
#f h3 {color: #fff; font-weight: bold; font-size: 105%; margin-bottom: 2px;}
#f .copyright {text-align: right; clear: right; float: right; line-height: 14px; margin: 20px 30px; font-size: 81%;}