/************ Global *************/

body { font-family: "Lucida Sans", Arial, Verdana, sans-serif; color: #535353; background: #1f1f1f;}
.blue { color: #258ec1 }
.blue a { color: #258ec1; text-decoration: none }
.blue a:hover { text-decoration: underline }
.green { color: #a8d628 }
.orange { color: #ff7200 }
.smallbottom { margin-bottom: 10px }
.hidden { display: none }

/************* Grid **************/

.span-50 { width: 50%; float: left }
#appoxybar { background: url('../images/global/topbar_bkgnd.gif'); width: 100%; height: 52px; padding-top: 8px }
.logo { width: 151px }
.logo a { background: url('../images/global/appoxy.gif') no-repeat; display: block; text-indent: -9999px; height: 44px; width: 151px }
#appoxymenu { font-family: "Trebuchet MS", Arial, Verdana, sans-serif; list-style: none; margin: 8px 0 0 0;
    padding: 0; float: right; }
#appoxymenu li { float: left; margin-right: 20px; font-size: 150%  }
#appoxymenu a { color: #fff; text-decoration: none }
#appoxymenu a:hover { text-decoration: underline }
#content { background: url('../images/global/content-bkgnd_v2.png') repeat-x #fff; padding-top: 30px; }
#footer { background: url('../images/global/footer-bkgnd.png') top repeat-x; padding-top: 20px }
#backtotop { padding-top: 50px; height: 35px; background: #fff }

/************ Widget *************/

#homepage-feature {  width: 100%; position: relative; height: 300px; }
    #homepage-feature ul { list-style: none; margin: 0; padding: 0 }
    #homepage-feature li { height: 300px; position: absolute; width: 100%; left: 0 }
    #homepage-feature li a { height: 300px; width: 100%; display: block }
    #homepage-feature-deployr { background: url('../images/homepage/feature_deployr.jpg') center no-repeat #1e3c7a; }
    #homepage-feature-backr { background: url('../images/homepage/feature_backr.jpg') center no-repeat #396a10; }
    #homepage-feature-workr { background: url('../images/homepage/feature_workr.jpg') center no-repeat #e22a07; }
#homepage-appbar { background: url('../images/homepage/appbar.png'); height: 145px;}
#homepage-promo { background: url('../images/homepage/promo_bkgnd.jpg') center no-repeat #000; width: 100%; height: 354px; padding: 60px 0 0 0 ; text-align: center }
#promo-screenshot { margin: 37px 0 0 0  }
#homepage-clients-wrapper { border-width: 1px 0 1px 0; border-style: solid; border-color: #b0b0b0 }
#homepage-clients-wrapper legend { margin: 0 auto; padding: 5px 15px 0 15px }

/* Appbar */
#appbar-apps { list-style: none; margin: 0 auto; padding: 0; 
    background: url('../images/homepage/appbar_vrule.png') left no-repeat; width: 660px; padding-left: 2px; height: 145px }
    #appbar-apps li { background: url('../images/homepage/appbar_vrule.png') right no-repeat; width: 200px; float: left;
        text-align: center; color: #6e6e6e; padding: 85px 10px 0 10px; height: 60px; cursor: pointer; position: relative; line-height: 14px }
    #appbar-apps li:hover { background: url('../images/homepage/appbar_hover.png') repeat-x }

#icon-simpledeployr { background: url('../images/products/icon_simpledeployr.png'); width: 119px; height: 112px; z-index: 200; top: -34px; left: 45px; position: absolute }
#icon-simplebackr { background: url('../images/products/icon_simplebackr.png'); width: 119px; height: 112px; z-index: 200; top: -34px; left: 45px; position: absolute }
#icon-simpleworkr { background: url('../images/products/icon_simpleworkr.png'); width: 119px; height: 112px; z-index: 200; top: -34px; left: 45px; position: absolute }

/* Client Listing */
#homepage-clients { list-style: none; margin: 0; padding: 0; overflow: hidden }
    #homepage-clients li { float: left; width: 235px; text-indent: -9999px; height: 60px; margin-bottom: 20px }
    #homepage-clients li#client-plaster { background: url('../images/clients/plaster.png') center center no-repeat }
    #homepage-clients li#client-ecomm { background: url('../images/clients/ecomm.png') center center no-repeat }
    #homepage-clients li#client-quetzall { background: url('../images/clients/quetzall.png') center center no-repeat }
    #homepage-clients li#client-accurate { background: url('../images/clients/accurate.png') center center no-repeat }
    
/* Other Apps */
#otherapps { border: 1px solid #d2d2d2; -moz-border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden }
#apps-droid { background: url('../images/homepage/apps_droid.png') top center no-repeat; padding-top: 130px }
#apps-opensource { background: url('../images/homepage/apps_opensource.png') top center no-repeat; padding-top: 130px  }
.apps-other { background: url('../images/homepage/apps_other_icon.png') left center no-repeat; padding: 15px 0 0 60px; min-height: 45px; margin: 0 0 0 10px  }

/* Contact */
#contactus { list-style: none; margin: 0; padding: 0 }

/* App Listing on Creation Page */
.applisting { list-style: none; margin: 0; padding: 0; background: url(../images/global/dot_horz.png) top repeat-x; margin: 0 0 30px 0 }
.applisting li { padding: 10px 0; background: url(../images/global/dot_horz.png) bottom repeat-x; }

/* Misc */
.address { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 10px 0; text-align: center; margin: 0 0 30px 0 }

/************* Text **************/

.font-small { font-family: Verdana, sans-serif; color: #ff0000; font-size: 11px }
#contactus label { color: #ff7200; font-size: 120%; font-weight: normal }
#footer { color: #fff; font-size: 120%; }
.large { font-size: 140%; line-height: 140% }
#footer a.title { color: #fff; text-decoration: none }
#footer a.title:hover { text-decoration: underline }
#footer .date { color: #535354; font-style: italic; font-size: 90% }
.copyright { font-size: 80%; color: #535354; text-align: center }

/* Other Apps */
#apps-droid ul, #apps-opensource ul { list-style: none; margin: 0; padding: 0 }

/* Text images */
h1#txt_buildingapps { background: url('../images/homepage/txt_buildappsforcloud.png') no-repeat; width: 556px; height: 31px;
    margin: 0 auto; text-indent: -9999px; margin-bottom: 30px }
h1#txt_otherapps { background: url('../images/homepage/txt_otherstuff.png') no-repeat; width: 480px; height: 32px;
    margin: 30px auto 20px auto; text-indent: -9999px; }
h1#txt-our_creations { background: url(../images/text/our_creations.png) no-repeat; width: 217px; height: 28px; margin: 0 auto; text-indent: -9999px }
h2#txt-stuff_we_create { background: url(../images/text/stuff_we_create.png) no-repeat; width: 400px; height: 19px; margin: 10px auto 0 auto; text-indent: -9999px }
h3#txt-online_applications { background: url(../images/text/online_applications.png) no-repeat; width: 215px; height: 24px; text-indent: -9999px }
h3#txt-android_applications { background: url(../images/text/android_applications.png) no-repeat; width: 215px; height: 24px; text-indent: -9999px }
h3#txt-open_source { background: url(../images/text/open_source.png) no-repeat; width: 131px; height: 24px; text-indent: -9999px }
h1#txt-get_in_touch { background: url(../images/text/get_in_touch.png) no-repeat; width: 187px; height: 28px;
    margin: 0 auto; text-indent: -9999px; }
h2#txt-interested_in_program { background: url(../images/text/interested_in_programming.png) no-repeat; width: 721px; height: 21px; text-indent: -9999px; margin: 10px auto 0 auto;  }
h1#txt-who_we_are { background: url(../images/text/who_we_are.png) no-repeat; width: 189px; height: 28px;
    margin: 0 auto; text-indent: -9999px; }
h2#txt-tickled_pink { background: url(../images/text/tickled_pink.png) no-repeat; width: 441px; height: 21px; text-indent: -9999px; margin: 10px auto 0 auto;  }

/************* Form **************/

#contactus label { display: block; float: left; width: 80px; text-align: right; margin: 7px 5px 0 0 }
#contactus li { float: left; width: 470px }
#contactus input, #contactus textarea { background: #3a3a3a; color: #fff; border: 0px; padding: 5px; font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 375px; outline: none }
#contactus .form_small { width: 235px }
#contactus .form_small input { width: 140px }
#otherapps h3 { font-size: 180% }

#contactform { list-style: none; margin: 0; padding: 0 }
#contactform textarea { height: 155px; width: 100% }
#contactform label { font-family: "Trebuchet MS", "Lucida Sans", Arial, Verdana, sans-serif; color: #3065ab; font-size: 140%; margin: 0 0 5px 0 }
#contactform input, #contactform textarea { font-family: "Lucida Sans", Arial, Verdana, sans-serif; width: 95%; padding: 5px; margin: 0 0 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px }
#contact_submit { background: url(../images/buttons/submit.png); width: 194px; height: 53px; text-indent: -9999px; margin: 0 auto; display: block; border: 0; cursor: pointer  }

#contactus #footerform_submit { background: url(../images/buttons/footer_submit.png); width: 141px; border: 0px; height: 34px; text-indent: -9999px; cursor: pointer; margin: 0 0 0 85px }
#contactus #footerform_submit:hover { background-position: 0px -34px }