/**
 * style.css
 *
 * dev@zoombali.com
**/

/* GENERAL */
a {color:#8DB8E4;text-decoration:none}
a:hover {color:#CFF}
body {background:#222 url('../images/bg_body.gif');color:#AAA;font-family:'Lucida Grande',Verdana,Helvetica,sans-serif;font-size:12px}
blockquote {background:url('../images/bg_overlite.png');display:block;font-family:Georgia;font-size:13px;line-height:170% !important;padding:16px}
h2 {font-size:26px;letter-spacing:-1px;margin:0 0 16px 0}
h3 {color:#FFF;font-size:12px;margin:0 0 12px 0;text-transform:uppercase}
h4 {font-size:12px;margin:0 0 8px 0}
h5 {margin:0 0 8px 0;text-transform:uppercase}
input, select, textarea {font-family:'Lucida Grande',Verdana,Helvetica,sans-serif;font-size:12px}
legend {color:#FFF;font-weight:bold;padding:8px 0}
p {margin:0 0 12px 0}
small {color:#888;font-size:10px}


.alignleft {float:left;margin:0 10px 10px 0}
.alignright {float:right;margin:0 0 10px 10px}
.align_right {text-align:right}


/* HEADER */
#header {padding:8px 0}
#header h1 {display:block;padding:12px 24px}
#header h1 a {display:block}
#header h1 a span {visibility:hidden}

/* HEADER SPECIFIC */
#header_container.qanix {background:#011B40 url('../images/bg_qanix.jpg') top center no-repeat}
#header_container.qanix #logo h1 a {background:url('../images/logo_qanix.png') top left no-repeat;width:170px;height:220px}

#header_container.qfeeder {background:#7D5300 url('../images/bg_qfeeder.jpg') top center no-repeat}
#header_container.qfeeder ul#menu li a {color:#FFF}
#header_container.qfeeder #logo h1 a {background:url('../images/logo_qfeeder.png') top left no-repeat;width:250px;height:220px}

#header_container.qnotifier {background:#804302 url('../images/bg_qnotifier.jpg') top center no-repeat}
#header_container.qnotifier ul#menu li a {color:#FFF}
#header_container.qnotifier #logo h1 a {background:url('../images/logo_qnotifier.png') top left no-repeat;width:250px;height:220px}

#header img.queued {background:url('../images/throbber.gif') no-repeat;background-position:360px 85px}


/* MENU */
ul#menu {display:block;float:right;margin-bottom:18px}
ul#menu li {display:block;float:left;font-size:11px;font-weight:bold;line-height:normal;text-transform:uppercase}
ul#menu li a {color:#709CC8;display:block;float:left;margin:0 16px;padding:6px 16px 8px 16px}
ul#menu li a:hover {color:#9DE}
ul#menu li.selected a {background:url('../images/bg_overlay.png');color:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}


/* NAV */
#nav_container {background:#CDCDCD url('../images/bg_nav.gif') top left repeat-x}
#nav {height:66px;padding:5px 0 0 0}
#nav ul li a {display:block;float:left;height:38px;margin:0 8px 0 0;padding:8px 8px 0 8px;width:200px}
#nav ul li a h5 {color:#0152A5;margin:0 0 2px 0}
#nav ul li a p {color:#666;font-size:11px;text-shadow:#DDD 0 1px}
#nav ul li a:hover {background:#EEE url('../images/bg_nav.gif') top left repeat-x;background-position:0 -117px;
-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}
#nav ul li a.activeSlide {background:#C3C3C3 url('../images/bg_nav.gif') top left repeat-x;background-position:0 -71px;
-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}
#nav ul li a.activeSlide p {color:#FFF;text-shadow:#888 0 -1px}


/* CONTENT */
#content {line-height:150%;padding:12px 0 24px 0}

#content #intro {}
#content #intro strong {color:#DDD}

#content #intro #desc {font-size:14px;line-height:170%}
#content #intro #desc h2 {color:#FFF;font-size:42px;line-height:100%;margin:0 0 12px 0;text-transform:uppercase}
#content #intro #desc p {margin:0 0 24px 0}
#content #intro #desc #info {background:url('../images/bg_overlite.png');color:#DDD;font-size:12px;font-weight:bold;padding:4px 12px;
-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}
#content #intro #desc #info p {background:url('../images/icons.png') no-repeat;background-position:0 4px;margin:0;padding:0 0 0 24px}

#content #intro ul#product li {display:block;line-height:160%;padding:0 32px 0 0;width:620px}
#content #intro ul#product li .spec {height:200px}

#content .page a {text-decoration:underline}
#content .page ul, #content .page ol {margin:12px 0}
#content .page ul li {list-style:square;margin:4px 0 4px 16px}
#content .page ol li {list-style:circle;margin:4px 0 4px 16px}

#content ul.screenshot {margin:0 0 12px 0}
#content ul.screenshot li {display:block;float:left;line-height:0;margin:0 0 4px 0}
#content ul.screenshot li a img {background:#FFF url('../images/bg_screenshot.png') no-repeat;background-position:0 0;padding:4px 4px 20px 4px}
#content ul.screenshot li a:hover img {background-position:0 -105px}

#content ul.tick {margin:0 0 12px 0}
#content ul.tick li {background:url('../images/icons.png') no-repeat;background-position:0 -16px;font-size:11px;line-height:150%;padding:2px 0 2px 20px}


/* SUB */
#sub_container {background:url('../images/bg_sub.gif');border-top:1px solid #2D2D2D;padding:12px 0 24px 0}
#sub {font-size:11px;line-height:160%}
#sub .date {color:#777;font-size:10px;margin:0 0 4px 0}

#sub ul#twitter {margin:0 0 12px 0}
#sub ul#twitter li {margin:4px 0;padding:4px 0}


/* FOOTER */
#footer_container {background:url('../images/bg_footer.gif') top left;border-top:1px solid #242424;padding:12px 0 32px 0}
#footer {color:#777;font-size:10px;line-height:160%}

#footer a {color:#69C}
#footer a:hover {color:#9DE}

#footer input#email {background:#333;border:1px solid #333;color:#CCC;padding:4px 4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}
#footer input#email:focus {background:#181818;border:1px solid #383838}
#footer p {margin:0 0 4px 0}

#footer ul.social {display:block;float:right}
#footer ul.social li {display:block;float:left}
#footer ul.social li a {background:url('../images/icon_social.png') top left no-repeat;display:block;float:left;margin:0 0 0 4px;height:32px;width:32px}
#footer ul.social li a span {visibility:hidden}
#footer ul.social li a.fb {background-position:0 0}
#footer ul.social li a.fb:hover {background-position:0 -96px}
#footer ul.social li a.tw {background-position:0 -32px}
#footer ul.social li a.tw:hover {background-position:0 -128px}
#footer ul.social li a.li {background-position:0 -64px}
#footer ul.social li a.li:hover {background-position:0 -160px}


/* CLASSES */
img.queued {background:url('../images/loader.gif') center no-repeat}

a.more {background:url('../images/bg_more.png') top left no-repeat;color:#FFF;display:block;font-size:11px;font-weight:bold;line-height:280%;text-align:center;
text-transform:uppercase;width:120px;height:32px}
a.more:hover {background-position:0 -32px}

a.download {background:url('../images/bg_download.png') no-repeat;background-position:15px 0;color:#F90;display:block;font-size:11px;line-height:160%;
padding:12px 0 24px 72px}
a.download span {font-size:13px;font-weight:bold;text-transform:uppercase}
a.download:hover {background-position:15px -73px}


/* FORM */
form#contact ol li {list-style:none !important;margin:0 !important;padding:4px 0 !important}
form#contact ol li input[type=text], form#contact ol li textarea {border:1px solid #333}
form#contact ol li input[type=text]:focus, form#contact ol li textarea:focus {background:#DDD;border:1px solid #DDD}
form#contact ol li label {display:block;float:left;line-height:180%;padding:2px 8px;text-align:right;width:100px}