/*	Reset default browser CSS. // Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{ background:#fff;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}

/*	=Global
------------------------------------------------------------ */
body {background:url('img/selected.gif') 731px -100px no-repeat fixed}
body, input, textarea{font:13px Arial,Verdana,sans-serif;line-height:18px}
p, ul, ol, dd, pre{ margin-bottom:22px}
pre, code{font:11px Monaco,monospace;line-height:22px}
blockquote{ color:#666;font-style:italic}
table{ border:1px solid #ccc;border-width:1px 1px 0 1px;font-size:13px;line-height:18px;margin:0 0 22px 0;text-align:left}
caption{ text-align:left}
tr{ border-bottom:1px solid #ccc}
th, td{ padding:.7em 1.25em}
hr{ background-color:#ccc;border:0;color:#ccc;height:1px;margin-bottom:22px}
a {text-decoration:none;}
a:link{color:#FF6600}
a:visited{color:#FF6600}
a:active, a:hover{color:#666}
h1 {font-family:Helvetica,HelveticaNeue,Arial,Verdana,sans-serif;font-weight:800;}
h2,h3,h4,h5,h6 {font-family:Arial,Verdana,sans-serif;}
.caps {text-transform:uppercase;}
.js #flash {display: none;}
.hide {visibility:hidden;}
.highlight {color:#FF6600;}

/*	=Layout
------------------------------------------------------------ */
#wrapper {margin:0;padding:0;height:600px;min-width:1000px;display:block;position:relative;clear:both;float:none;background: transparent url('img/maths.gif') 75px 235px no-repeat;}
#header {padding:55px 0 0 75px;min-width:370px;float:left;position:relative;z-index:1;display:block;}
#container {margin:0;padding:0;display:block;position:fixed;height:100%;}
#content {width:270px;padding:20px 0 5px;float:left;height:100%;}
#sidebar {width:270px;padding:7px 5px 5px;float:left;height:100%;}
#credits {width:270px;display:block;margin:0;position:absolute;left:75px;top:475px;float:left;}

/*	=Header
------------------------------------------------------------ */
#header h1 {font-size:30px;line-height:30px;min-width:250px;position:relative;}
#header h1 a {display:block;width:250px;font-weight:600;}
#title {position:relative;z-index:1;}
#screens {position:relative;z-index:3;}
#access {display:none;}

#call-to-action {font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;font-weight:800;}
#call-to-action a {width:345px;margin:20px 0;line-height:36px;height:36px;display:block;background:transparent url('img/click-here.gif') center left no-repeat;font-size:16px;font-weight:600;color:#000;font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;font-weight:800;}
#call-to-action a span {visibility:hidden;display:inline-block;width:111px;}
 
#empty{height:506px;display:block;;margin-top:-136px;background:#FFF;width:350px;position:absolute;}
.screenshot {margin:-166px 50px 0 -2px;background:transparent;width:605px;overflow:hidden;font-size:12px;position:absolute;}
.screenshot a.close {position:relative;z-index:10;text-align:right;margin-bottom:-10px;float:right;right:0px;top:0px;width:40px;height:40px;display:block;background:transparent url('img/close-x-sprite.gif') 0 0 no-repeat;}
.screenshot a.close:hover {background-position: 0 -40px;}
.screenshot h2 {width:580px;background:#FFF;font-size:14px;text-transform:uppercase;padding:5px 0 6px 2px;display:inline-block;font-family:Helvetica,HelveticaNeue,Arial,Verdana,sans-serif;font-weight:800;}
.screenshot p {width:580px;padding-left:2px;}
.screenshot img{margin-left:0px;}
.screenshot ol {list-style-type:decimal;list-style-position:outside;}
.screenshot ul {list-style-type:square;list-style-position:outside;}
.screenshot li {}
.screenshot a {font-weight:600;}

#documentation {width:600px;padding-bottom:50px;}
#documentation h2 span.desc {font-size:11px;}
#documentation h2 span.desc:before {content:" | ";}
#uploadinstall {}
#usage {}
#otherdetails {border-bottom:none;}
.instruction {width:565px;padding-right:0px;clear:both;display:table;border-bottom:1px dotted #DDD;}
.instruction h2 {width:565px;padding-left:3px;}
.instruction h3 {width:200px;float:left;clear:left;margin:0 -365px 22px 0;padding-left:3px;}
.instruction h3 span.desc {display:block;font-weight:400;padding-left:3px;}
.instruction p, .instruction ol, .instruction ul {width:365px;float:left;clear:right;margin-left:200px;}
.instruction li ol, .instruction li ul {float:none;clear:none;margin:0 0 22px 30px;width:350px}

#credits {font-size:16px;line-height:20px;font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;font-weight:800;}
#credits a {font-weight:600;}

/*	=Content
------------------------------------------------------------ */
#content {background:#000;color:#EEE;}
#content strong {letter-spacing:-1;}
#content #features-list {margin-bottom:15px;}
#content #features-list li {padding:10px 15px;}
#content #features-list li a {display:block;padding:1px 48px 1px 0;background:#000 url('img/feature-view.gif') 194px center no-repeat;}
#content #features-list a:link, #content #features-list a:visited {color:#EEE;}
#content #features-list li.selected {display:block;background:#FF6600;color:#000}
#content #features-list li.selected a {color:#000;background:#FF6600 url('img/feature-close.gif') 194px center no-repeat;padding-right:45px;}

#content .info {border-top:1px solid #333;margin:0 5px}
#content .info h3 {padding:10px;}

#content #purchase {padding:5px;position:relative;text-align:center;background:url('img/border.gif') 85px 41px no-repeat;}
#content #purchase h3.product {font-weight:400;width:140px;padding:5px;clear:none;float:none;display:block;text-align:left;}
#content #purchase a.price {font-weight:600;font-size:30px;padding:0;margin-left:22px;top:-10px;right:10px;text-align:center;background:transparent;color:#000;display:inline-block;position:absolute;}
/*#content #purchase a.price .money {font-size:12px;top:-15px;left:1px;position:relative;}*/
#content #purchase a.buy-now {font-weight:600;font-size:16px;text-transform:uppercase;padding:10px 20px;margin:15px auto 10px;position:relative;text-align:center;background-color:transparent;background-image: url('img/buy-now.gif');background-position: center 0px;background-repeat: no-repeat;color:#EEE;display:inline-block;font-family:Helvetica,HelveticaNeue,Arial,Verdana,sans-serif;}
#content #purchase a.buy-now:hover {background-position: center -38px;}

#content #demo h3 {display:block;background:#000 url('img/doc-view.gif') 210px center no-repeat;margin:0 -5px;padding-left:15px;}
#content #demo a{width:185px;display:inline-block;}
#content #demo h3.selected a {color:#000;}

#content #documents h3 {display:block;background:#000 url('img/doc-view.gif') 210px center no-repeat;margin:0 -5px;padding-left:15px;}
#content #documents h3.selected {display:block;background:#FF6600 url('img/doc-close.gif') 210px center no-repeat;}
#content #documents h3.selected a {color:#000;}
#content #documents a{width:175px;display:inline-block;}

#content #legal {font-size:11px;line-height:13px;padding:10px;}
#content #legal p {margin-bottom:0;}
#content #legal a:link, #content #legal a:visited {color:#EEE;font-weight:600;}

/*	=Sidebar
------------------------------------------------------------ */
#sidebar {background:#FFF url('img/browser.png') right 160px no-repeat;border-right:1px solid #AAA;}
#sidebar #quotable {padding:10px;height:418px;text-align:center;}
#sidebar #quotable blockquote {font-style:normal;font-weight:600;color:#000;text-align:left;padding:0;margin:0;}
#sidebar #quotable blockquote:before {content:"“";display:block;font-size:48px;line-height:24px;padding:0;margin:0 0 -10px;text-align:center;}
#sidebar #quotable blockquote:after {content:"”";display:block;font-size:48px;line-height:24px;padding:0;margin:15px 0 -10px;text-align:center;}
#sidebar #quotable cite {font-style:normal;font-weight:600;color:#000;font-size:11px;display:block;}
#sidebar a, #sidebar a:link, #sidebar a:visited {color:#000;font-weight:600;}
#sidebar a:hover {color:#FF6600;font-weight:600;}
#sidebar #social-networks ul {border-top:1px solid #666;font-size:11px;background:#FFF;}
#sidebar #social-networks ul li {line-height:12px;border-bottom:1px solid #CCC;padding:7px 10px 6px 35px;background:url('img/social-sprite.gif') 10px top no-repeat;}
#sidebar #social-networks ul li.subtraction {}
#sidebar #social-networks ul li.twitter {background-position:10px -62px}
#sidebar #social-networks ul li.delicious {background-position:10px -119px}
#sidebar #social-networks ul li.facebook {background-position:10px -170px}