body {
    background-color:#f7f7f7;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    display: block;
    font-family:"Verdana", Times, serif;
}

/* top area... defined by the fancy background */
#topcontent {
    background-image: url("../images/top_bg_sm.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    width: auto;
    height: 540px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Default page view for the header */
#topheader {
    width: 626px;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
}

#topheaderaction {
    width: 626px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px 0px 0px;
}

/* Used for the detail view */
#topheaderapp {
    width: 700px;
    height: 360px;
    margin-left: auto;
    margin-right: auto;
}

#detailtop {
    width: 700px;
    height: 300px;
}

#detailaction {
    width: 736px;
    height: 60px;
}

#detailactiontitle {
    width: 500px;
    height: 60px;
    display: block;
    float: left;
}

#detailactioninfo {
    width: 36px;
    height: 37px;
    position: absolute;
    margin: 40px 0px 0px -25px;
}

#detailactioniphone {
    width: 200px;
    height: 56px;
    display: block;
    padding-top: 4px;
    float: left;
}

#detailactionipad {
    width: 200px;
    height: 56px;
    display: block;
    padding-top: 4px;
    float: left;
}

/* Middle content */
#midwelcomebar {
    width: 100%;
    margin-top: -162px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    display: block;
}

#midwelcomebarleft {
    width: 25%;
    height: 300px;
    float: left;
}

#midwelcomebarmid {
    width: 50%;
    height: 300px;
    text-align: center;
    float: left;
}

#midwelcomebarright {
    width: 25%;
    height: 200px;
    float: left;
    margin: 50px 0px 0px 0px;
}

/* Our other apps */
#otherpages {
    width: 100%;
    height: 160px;
    text-align: center;
    float: left;
    display: block;
}

#pagesgroup {
    width: 490px;
    margin-left: auto;
    margin-right: auto;
}

#color_app_detail {
    width: 170px;
    float: left;
}

#spin_app_detail {
    width: 160px;
    float: left;
}

#void_app_detail {
    width: 160px;
    float: left;
}

/* info bar is... our welcome bar, actually */
#infobar {
    background-image: url("../images/status_bar.png");
    background-repeat: repeat-x;
    text-align: center;
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: -1;
}

/* app detail */
.appdetail {
    width: 100%;
    margin-top: -300px;
}

#detaildescription {
    width: 100%;
    height: 50px;
    padding: 50px 0px 0px 0px;
}

#detailfeature {
    width: 100%;
    height: 80px;
    padding: 10px 0px 10px 0px;
}

#detailfeaturesingle {
    width: 50%;
    float: left;
}

#detailfeaturedouble {
    width: 100%;
    float: left;
}

#detailquotes {
    width: 100%;
    height: 90px;
}

#detailquoteleft {
    position: absolute;
    opacity: 0.5;
    margin: 80px 0px 0px -52px;
}

#detailquoteright {
    position: absolute;
    opacity: 0.5;
    margin: 80px 0px 0px 654px;   
}

#copyright {
    width: 100%;
    height: 80px;
    text-align: center;
    float: left;
    display: block;
}

#support {
    width: 100%;
    height: 30px;
    text-align: center;
    float: left;
    display: block;
}

/* upgrade flash */
#upgradeflash {
    position: absolute;
    margin: -39px 0px 0px 233px;
}

#flashdetailupgrade {
    position: absolute;
    margin: -38px 0px 0px 15px;
}

#flashdetailtrailer {
    position: absolute;
    margin: 60px 0px 0px 505px;
}

/* Giggidy zone */
div {
    display: block;
}

a img {
    border: none;
}

h3 {
    color: black;
    font-size: 10px;
    margin: 0;
    padding: 10px 0px 0px 0px;
}

h5 {
    color: #634d7f;
    font-size: 10px;
}

a:link {color: #4a3367; text-decoration: underline; }
a:active {color: #3bc7ff; text-decoration: underline; }
a:visited {color: #4a3367; text-decoration: underline; }
a:hover {color: #3bc7ff; text-decoration: none; }

