/* RESET
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,images,q,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
table { border-collapse:separate; border-spacing:0; margin-bottom:1.4em;}
caption,th,td { text-align:left; font-weight:400; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
a img { border:none; }

/* PAGE
-------------------------------------------------------------- */
body {font: 13px/21px 'Open Sans',Verdana, Arial, sans-serif; color: #444; background: #f8f7f5 url(../images/bg.png) repeat;}
h1{ color:#ff9128; font-size:28px; margin:6px 0; border-bottom:1px solid #ff9128; padding: 0 0 3px 0; text-align:right;}
h2{ color:#ff9128; font-size:22px; margin:10px 0 4px 0; }
h3{ color:#ff9128; font-size:18px; margin:10px 0 2px 0; }
h6 { font-size:13px; color:#000; }
p { margin-bottom:12px; }
a:link, a:visited {color:#ff9128; text-decoration:none; border:0; font-weight:bold; }
a:hover, a:active {color:#ff9128; text-decoration:underline; border:0; font-weight:bold; }
.fl_l {float:left;}
.fl_r {float:right;}
.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}

/* CONTAINERS
-------------------------------------------------------------- */
#container { width:980px; margin:0px auto; overflow:hidden; } 
#logo { width:380px; height:100px; float:left; }
#top_menu { width:600px; margin-top:42px; height:28px; float:left; overflow:hidden; }
#content { width:980px; margin:10px 0; overflow:hidden; } 
#footer { font-size:11px; width:980px; overflow:hidden; padding-top:2px; margin:2px auto 10px auto; color:#888; border-top:1px solid #ff9128; }
#footer a:link, #footer a:visited { color:#888; text-decoration:none; margin:0 4px; }
#footer a:hover, #footer a:active { color:#444; }
#map { width:976px; height:300px; border:2px solid #bbb; }

/* MAIN NAVIGATION
------------------------------------------------------------------*/
ul#nav { display:inline; margin:0; padding:0; }
ul#nav li { display:block; float:left; text-indent:-9999px; margin:0; padding:0; }
ul#nav li a { display:block; border:0; height:28px; margin-left:15px; text-decoration:none; background: transparent url(../images/nav.png) no-repeat;}
ul#nav li#developers a:link, ul#nav li#developers a:visited { width:103px; background-position: -400px -22px;}
ul#nav li#developers a:hover, ul#nav li#developers a:focus { background-position: -400px -72px;}
ul#nav li#buy a:link, ul#nav li#buy a:visited { width:66px; background-position: -600px -22px;}
ul#nav li#buy a:hover, ul#nav li#buy a:focus { background-position: -600px -72px;}
ul#nav li#login a:link, ul#nav li#login a:visited { width:79px; background-position: -800px -22px;}
ul#nav li#login a:hover, ul#nav li#login a:focus { background-position: -800px -72px;}
ul#nav li#signup a:link, ul#nav li#signup a:visited { width:78px; background-position: -1000px -22px;}
ul#nav li#signup a:hover, ul#nav li#signup a:focus { background-position: -1000px -72px;}
ul#nav li#faq a:link, ul#nav li#faq a:visited { width:48px; background-position: -1200px -22px;}
ul#nav li#faq a:hover, ul#nav li#faq a:focus { background-position: -1200px -72px;}
ul#nav li#contact a:link, ul#nav li#contact a:visited { width:111px; background-position: -1400px -22px;}
ul#nav li#contact a:hover, ul#nav li#contact a:focus { background-position: -1400px -72px;}

/* MAIN NAV_ENIGATION "ACTIVE TABS"
------------------------------------------------------------------*/
body.developers-page ul#nav li#developers a { background-position: -400px -122px;}
body.buy-page ul#nav li#buy a { background-position: -600px -122px;}
body.login-page ul#nav li#login a { background-position: -800px -122px;}
body.signup-page ul#nav li#signup a { background-position: -1000px -122px;}
body.faq-page ul#nav li#faq a { background-position: -1200px -122px;}
body.contact-page ul#nav li#contact a { background-position: -1400px -122px;}

/* CONTACT FORM
------------------------------------------------------------------*/
.contactForm  { width:980px; margin:5px 0; overflow:hidden; list-style:none; }
.contactForm fieldset { }
.contactForm legend { padding:0 10px; margin-left:20px; color:#fff; font-size:1.16em; }
.contactForm ul { margin:0; }
.contactForm ul li { clear:both; background:none; display:block; }
.contactForm ul label { display:block; float:left; width:320px; padding:3px 0; text-align:right; margin-right:5px; }
.contactForm .txtField  {float:left; padding:3px; width:240px; margin:5px 0 7px 0; color:#000; border:1px solid #cdcdcd; outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#999; background:#eee;}
.contactForm .txtArea  {float:left; padding:3px; width:240px; height:80px; margin:5px 0 7px 0; color:#000; border:1px solid #cdcdcd; outline:none;}
.contactForm .txtArea:hover, .txtArea:focus, .txtArea:active { border-color:#999; background:#eee;}
.contactForm .selectf  {float:left; padding:3px; width:240px; margin:5px 0 7px 0; color:#000;border:1px solid #ccc;outline:none;}
.contactForm .send { width:102px; height:32px; background:url(../images/send.png) no-repeat; margin-left:420px; border:0; }
.contactForm .send:hover {cursor:pointer; background:url(../images/send_.png) no-repeat; border:0; }
.error { font-size:11px; color:red; text-align:center; }
em { font-size:11px; color:red; }

/* FAQ
------------------------------------------------------------------*/
#questions{ margin-bottom: 30px; }
#questions li{ list-style-type: disc; list-style-position: inside; }
#questions ul li a{ font-weight: bold; }
#questions ul li a:hover{ color: #ff9128; }
#questions ul li a:active{ color: #ff9128; }
#answers ul li{ list-style:none; margin-bottom: 30px; clear: both; }
.current-faq { background-color: #424242; color: #e9e9e9; padding:20px; }
.current-faq h4{ color: #e9e9e9; font-weight: bold; font-size:22px; text-shadow: #000 1px 1px 0px; }
.top-button { border-top: 1px solid #96d1f8; background: #2289a8; background: -webkit-gradient(linear, left top, left bottom, from(#3299bb), to(#2289a8)); background: -moz-linear-gradient(top, #3299bb, #2289a8); padding: 4px 8px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-box-shadow: rgba(0,0,0,1) -1px -1px 0; -moz-box-shadow: rgba(0,0,0,1) -1px -1px 0; box-shadow: rgba(0,0,0,1) -1px -1px 0; text-shadow: rgba(0,0,0,.4) -1px -1px 0; color: #ffffff; text-decoration: none; vertical-align: middle; font-weight: bold; float: right; right:-20px; bottom:10px; position: relative; }
.top-button:hover { border-top-color: #0b93bd; background: #0b93bd; color: #ffffff; }
.top-button:active { border-top-color: #e78c03; background: #e78c03; }

/* VARIOUS
------------------------------------------------------------------*/
b { color:#808080; }
.bimg { background-color:#ccc; padding:4px; margin:10px 0 4px 4px; border:1px solid #c6c0d6; }
.prc50 { width:150px; padding:2px 10px; }
.sign { font-size:13px; }
.error { border:1px solid red; padding:3px; background:linen; text-align:center; }
.box1 { width:500px; float:left; padding:20px; margin:0 20px 20px 0; background-color: #dedede; overflow:hidden;}
.box2 { width:380px; float:left; overflow:hidden; padding:20px; margin-bottom:20px; background-color: #e9e9e9; overflow:hidden;}
.box3 { width:340px; float:left; overflow:hidden; padding:20px; margin:0 20px 0 0; background-color: #e9e9e9; overflow:hidden;}
.box4 { width:540px; float:left; padding:20px; margin:0 0 20px 0; background-color: #dedede; overflow:hidden;}
.box5 { width:540px; float:left; padding:20px; margin:0 20px 20px 0; background-color: #dedede; overflow:hidden;}
.box6 { width:340px; float:left; overflow:hidden; padding:20px; margin-bottom:20px; background-color: #e9e9e9; overflow:hidden;}
.under { border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; }
.btn_buy { background: url(../images/btn_buy.png); width:100px; height:24px; display:block; background-position:0 -24px; margin-top:10px; float:right; }
.btn_buy a { background: url(../images/btn_buy.png); height:24px; width:100px; display:block; }
.btn_signup { background: url(../images/btn_signup.png); width:100px; height:24px; display:block; background-position:0 -24px; margin-top:10px; float:right; }
.btn_signup a { background: url(../images/btn_signup.png); height:24px; width:100px; display:block; }
ul.sample { list-style-type: none; padding:0; margin: 0; }
.sample li { background: transparent url(../images/arrow.png) no-repeat; background-position: 0px; padding-left:20px; margin-left:10px; font: bold 11px/21px Tahoma, Arial, sans-serif; color: #444; }