/* RESET CODE */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
select, input, textarea {font: 99% arial, helvetica, clean, sans-serif;}
pre, code {font-family: monospace;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
em { font-style: italic; }
strong { font-weight: bold; color: #fff; }
a { color: #fff; }
a:hover { color: #c45310; }
p { margin-bottom: 18px; }
br.clear { clear: both; height: 1px; }
ul { margin-left: 1.4em; margin-bottom: 14px; list-style: square; }
ul.last { margin-bottom: 0px; }
ol { list-style: decimal; margin-left: 1.6em; }
p.last { margin-bottom: 0px; }
div.highlight { background-color: #111; padding: 12px 16px; border: 1px solid #222; margin-bottom: 22px; font-weight: bold; }


/* START CSS */
body { color: #fff; background: #000; text-align: center; font-family: Lucida Grande; font-size: 12px; line-height: 1.4em; width: 100%; -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

#bd { margin: 60px auto; margin-bottom: 36px; text-align: left; width: 886px; background: url(/media/img/bdmid.png) repeat-y top left; position: relative;}
#bd .sect { padding: 24px; }
#bdtop { width: 100%; background: url(/media/img/bdtop.png) no-repeat top left; height: 12px;}
#bdbottom { width: 100%; background: url(/media/img/bdbottom.png) no-repeat bottom left; height: 12px;}

#bd.slim { width: 480px; }
#bd.short { margin-top: 150px; }
#bd.slim .sect { padding: 28px; }

#bd #banner { width: 884px; position: relative; right: 23px; height: 298px; background-color: #0e0e0e; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 8px; }

#bd #banner #agicon { position: absolute; left: 38px; top: 46px; width: 86px; }
#bd #banner h1 { position: absolute; left: 124px; top: 74px; font-size: 210%; text-transform: uppercase; font-weight: bold; }
#bd #banner h2 { position: absolute; left: 131px; top: 94px; font-size: 90%; }

#bd #banner #agdownload { height: 63px; width: 267px; background: #0e0e0e url(/media/img/download_button.png) no-repeat top left; cursor: pointer; position: absolute; top: 146px; left: 44px; }
#bd #banner #agdownload:hover { background: #111 url(/media/img/download_button_hover.png) no-repeat top left; }
#bd #banner #agdownload img { position: absolute; top: 15px; left: 17px; }
#bd #banner #agdownload p { position: absolute; top: 23px; left: 55px; }
#bd #banner a#agdownload_link { text-decoration: none; }
#bd #banner #agbanner_links { position: absolute; top: 210px; left: 69px; }
#bd #banner #agbanner_links a { text-decoration: none; padding: 2px; }
#bd #banner #agbanner_links a:hover { background: transparent; }

#bd #banner #agscreenshot { position: absolute; right: 16px; top: -11px; width: 550px; }

#agstore { }
#agstore strong { font-size: 110%; }
#agstore #agstore-fineprint { position: relative; top: 18px; }
#agstore #agstore-fineprint strong.red { color: red; font-size: 90%; }
#agstore #agstore-submit { position: relative; top: 7px; right: 2px; }
#agstore .bar { border-top: 1px solid #ccc; width: 390px; margin-bottom: 18px; position: relative; top: 8px; }
#agstore form { width: 380px; padding-bottom: 12px; }
#agstore form p { clear: both; }
#agstore form p label { font-weight: normal; float: left; width: 120px; position: relative; top: 6px;}
#agstore form p input.text { float: right; width: 220px; font-size: 110%; padding: 2px 4px; font-weight: bold; }
#agstore form .option { margin-left: 18px; padding-top: 6px; }
#agstore form input.error { border: 2px solid #f66; }

#features .feature { width: 244px; position: relative; top: 32px; }
#features .feature img.feature_icon { float: left; position: relative; top: 8px; }
#features .feature a.magnify { display: none; }
#features .feature a.magnify:hover { background-color: transparent; }
#features .feature a.magnify img { width: 14px; position: relative; left: 1px; top: 2px;}
#features .feature div { float: right; width: 186px; position: relative; right: 4px; }
#features .feature div strong { font-size: 100%; text-transform: uppercase;}
#features .feature.left { float: left; clear: both; margin-left: 14px;}
#features .feature.middle { float:left; margin-left: 47px;  }
#features .feature.right { float: right; margin-right: 8px; }
#features .feature.top { margin-top: 12px; }
#features .feature.bottom { margin-bottom: 28px; margin-top: 12px; }


#bd p.success { background-color: #595; margin-top: 4px; font-weight: bold; color: #030; border: 1px solid #030; text-align: center; padding: 8px 12px; }
#bd p.error { background-color: #955; padding: 8px 12px; margin-top: 4px; font-weight: bold; color: #300; border: 1px solid #300; text-align: center; }
#bd p.success.code { padding: 8px 14px; position: relative; bottom: 2px; margin-top: 12px; margin-bottom: 12px; text-align: left; font-family: monospace; }
#bd #autoactivate { text-align: center; font-size: 100%; font-weight: bold; margin-bottom: 0px; position: relative; bottom: 6px;}

#bd #hd { margin-bottom: 12px; }
#bd #hd h1 { font-size: 180%; font-variant: small-caps; font-family: Verdana; font-weight: bold; margin-bottom: 2px; }

#bd label { display: block; font-weight: bold; padding-bottom: 1px; }
#bd textarea { width: 450px; height: 60px; }
#bd input.text { width: 200px; padding: 2px 4px; font-weight: bold; font-size: 110%; }

#ft { clear: both; margin-bottom: 36px; text-align: center; font-size: 11px; }
#ft a { padding: 2px; }
#ft p { margin-bottom: 2px; }

/* FACEBOX CSS */
#facebox { }
#facebox .b { background:url(/media/img/facebox/b.png); }
#facebox .tl { background:url(/media/img/facebox/tl.png); }
#facebox .tr { background:url(/media/img/facebox/tr.png); }
#facebox .bl { background:url(/media/img/facebox/bl.png); }
#facebox .br { background:url(/media/img/facebox/br.png); }
#facebox { position: absolute; top: 0; left: 0px; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { background: #fff; width: 480px; }
#facebox_close_image { position: absolute; top: -8px; left: -8px; }
.facediv { padding: 22px 28px; color: #000; font-size: 90%; }
.facediv strong { color: #000; }
.facediv a { color: #c45310; }
.facediv a:hover { color: #000; }
.facediv.scroll { height: 354px; overflow-y: scroll; border-bottom: 1px solid #ccc; margin-bottom: 28px; }
.facediv.scroll .last { padding-bottom: 28px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */
  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
  
/* FANCYBOX CSS */
div#fancy_overlay { position:absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #333; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(/media/img/fancybox/fancy_progress.png) no-repeat; }
div#fancy_close { position: absolute; top: -12px; left: -12px; height: 30px; width: 30px; background: transparent url(/media/img/fancybox/fancy_closebox.png) ; cursor: pointer; z-index: 100; display: none; }
div#fancy_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0;  margin: 0; z-index: 96; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
img#fancy_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;  padding: 0;  margin: 0; z-index: 92; }
div#fancy_title { position: absolute; bottom: -35px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 2px; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(/media/img/fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(/media/img/fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(/media/img/fancybox/fancy_title_right.png) repeat-x; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 0px solid #444; background: #FFF; }
a#fancy_left, a#fancy_right { position: absolute;  bottom: 10px;  height: 100%;  width: 35%;  cursor: pointer; /*background-image: url(/media/img/fancybox/data:image/gif;base64,AAAA);*/ z-index: 100;  }
a#fancy_left { left: 0px;  }
a#fancy_right { right: 0px;  }
a#fancy_left:hover { background: transparent url(/media/img/fancybox/fancy_left.gif) no-repeat 0% 100%; } 
a#fancy_right:hover { background: transparent url(/media/img/fancybox/fancy_right.gif) no-repeat 100% 100%; }
#fancy_bigIframe, #fancy_freeIframe { position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
div#fancy_bg { display: none; }
div.fancy_bg { position: absolute; display: block; z-index: 70; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url(/media/img/fancybox/fancy_shadow_n.png) repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(/media/img/fancybox/fancy_shadow_ne.png) no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url(/media/img/fancybox/fancy_shadow_e.png) repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(/media/img/fancybox/fancy_shadow_se.png) no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url(/media/img/fancybox/fancy_shadow_s.png) repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(/media/img/fancybox/fancy_shadow_sw.png) no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url(/media/img/fancybox/fancy_shadow_w.png) repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(/media/img/fancybox/fancy_shadow_nw.png) no-repeat; }