html, body {background: url("../images/bg.gif") top left repeat-x #161a1c;margin:0; padding:0; font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #A0A0A0;height: 100% }

hr {background: url("../images/divider.png") center center no-repeat;height: 12px;border: 0px;margin-top: 4em;margin-bottom: 4em;clear: both;}
.copyright {text-align: center;padding-bottom: 40px;width: 100%;}

.support {background: url("../images/support.png") left top no-repeat;padding-left: 154px;border: 0px;display: block;height: 44px;line-height: 4em;font-size: 1.1em;color: #8ea7b3;width: 220px;margin-left: 126px;}
.support:hover {background-position: left bottom;border: 0px;text-decoration: underline;}


.iphone {background: url("../images/iphone.png") top left no-repeat;width: 389px;height: 830px;position: relative;float: left;padding-right: 52px;margin-bottom: 60px;}
.iphone.alt {padding-right: 0px;}
.iphone img {position: absolute;top: 120px;left: 36px;}


#outer{min-height: 100%; margin-bottom: -38px;}
* html #outer { height: 100%; } /* ie 3 pixel jog*/ 


#topbar { width: 100%; height:72px; border-bottom: solid 2px #fff;}
#logobar { width: 996px; height: 72px; margin: 0 auto; }
#logo {position: relative; float: left;cursor: pointer;}
#logo a {background: url(../images/logo.png) no-repeat; width: 180px; height: 50px; margin-top: 18px;display:block;padding-top: 10px;font-size: 18px;text-indent:-9999px; text-decoration: none; color: #808080;}
#navlinks { position: relative; float: right; margin-top: 30px; color: #A0A0A0; font-size: 14px; }
#navlinks div { float: left;  padding: 6px 20px 6px 20px; }
.navlinkselected { border-bottom: solid 1px #fff; }
#navlinks a { color: #A0A0A0; text-decoration: none; }
#navlinks div:hover a { color: white; }

#highlightbar { width:100%; height:100%; margin:0 auto; color: #E0E0E0; border-top: solid 1px #202020; }
#highlightcell {position: relative; width:996px; height:648px; margin:0 auto; padding: 20px 10px 10px 10px; }
#bighighlightbar { position: relative; background: url(../images/bigbackground.jpg) top repeat-x; background-color: #000; width:100%; height:auto margin:0 auto; color: #E0E0E0; border-top: solid 1px #202020; }
#bighighlightcell { position: relative; width:996px; margin:0 auto; padding: 20px 10px 10px 10px; }
.leftcolumn { float: left; width: 540px; height: 648px; }
.leftcolumn4x3 { float: left; width: 450px; height: 648px; }

#appicon { position: absolute; left: 10px; top: 26px;}
#appstoreprice { position: absolute; left: 500px; top: 26px;}
#windowsphoneprice { position: absolute; left: 470px; top: 26px;}
#appstorebadge { position: absolute; left: 720px; top: 555px; width: 200px; height: 80px; cursor: pointer;}
#windowsphonebadge { position: absolute; position: absolute; left: 695px; top: 565px; cursor: pointer;}
#apptitle { padding-left: 104px;}
#appsubtitle { padding-left: 104px; font-size: 18px; font-weight: bold;}
.screen3x4 { position: absolute; top:0px; right:34px; width:360px; height:480px; }
.screen4x3 { position: absolute; top: 65px; right:50px; width:400px; height:300px; }
#screenshots img { display: none; position: absolute; bottom:0; right:0; }
#screencast embed { position:absolute; bottom:0; right:0; }
/* #thumbs { display: none; } */
#thumbs img { opacity: 0.5; MozOpacity:0.5; filter: alpha(opacity=50); }
.screenshotthumbs { position: absolute; float: left; top: 440px; width: 540px; color: #8080A0; }
.screenshotthumbs4x3 { position: absolute; float: right; top: 440px; right: 0px; width: 490px; color: #8080A0; }
.clipout { position:relative; width:80px; height:80px; top:0px; left:0px; }
.clipin { position:absolute; clip:rect(0px 84px 84px 0px); top:0px; left:0px; }
.thumbshadow { float: left; width: 80px; height: 80px; background: url(../images/thumbreflect.png) top left no-repeat; padding: 5px 5px 25px 5px; margin-right: 5px; }
.thumbshadow:hover { background: url(../images/thumbreflect_hover.png) top left no-repeat; }
.thumbnoborder {float: left; width: 80px; height: 80px; padding: 5px 5px 5px 5px; margin-right: 10px; }
#captions { float: left; clear: left; }
#captions div { display: none; }

#underbar { width:996px; margin:0 auto; padding: 5px 10px 25px 10px; }
#moreinfo { float: left; width: 590px; margin: 0 auto; padding-bottom: 25px; }
#moreinfo li{line-height: 25px;padding: 2px 0;}
#specification { float: left; width: 380px; margin: 0 auto; padding-left: 26px; padding-bottom: 25px; }

.reviewquote { margin-top: 30px; margin-bottom: 0px; padding-bottom: 0px; color: White; font-family: Georgia, Serif; font-size: 16px; font-style: italic;}
.reviewauthor { margin-top: 5px; padding-top: 0px; font-family: Georgia, Serif; text-align: right; }
.reviewauthor a { color: #D0D0D0; }

#download { color: #404040; }
#download a { color: #0000FF; text-decoration: underline; font-weight: bold; }

a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }

img { border: none;}
h1 { font-size: 40px; text-align: left; margin: 5px 0px 5px 0px; text-shadow: #000 0px 2px 2px; line-height: 45px; font-family: Arial, Verdana, Helvetica, sans-serif; }
h2 { font-size: 30px; text-align: left; margin: 5px 0px 5px 0px; line-height: 40px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#helpdesknav { position: relative; float: left; width: 170px; height: 250px; background-color: #E0E0E0; padding: 10px 5px 10px 0px; margin-top: 20px;}
#helpdeskcontent { position: relative; float: right; width: 800px; padding: 10px 5px 10px 5px; }


a.button_link {padding:5px 9px 5px 32px;margin:0 0 10px 0;width:200px;font-size:12px;text-align:left;}
.email_button {background:url(../images/icon_mail_small.png) no-repeat left;}
.twitter_link {background:url(../images/icon_twitter_small.png) no-repeat left;}
.phone_button {background:url(../images/icon_phone.png) no-repeat left;}
.blog_link {background:url(../images/icon_poly_blog_small.png) no-repeat left;}