html, body {
    height: 100%;
    width: 100%;
}
body {
    background: #000000 url(../images/body_bg.jpg) 50% 90px no-repeat;
}
html, body, form, p {
    padding: 0px;
    margin: 0px;
}
img {
    border: 0px;
}
a {
    font: 11px Tahoma;
    color: #DC75E6;
    text-decoration: underline;
    outline: none;
}
a:hover {
    font: 11px Tahoma;
    color: #DC75E6;
    text-decoration: underline;
}
.clear {
    clear: both;
    font: 1px Verdana;
    height: 1px;
}


#main {
    width: 100%;
}
#content {
    width: 990px;
    margin: 0px auto;
}


#hmenu {
    width: 993px;
    height: 88px;
}
#iphone-market {
    cursor: pointer;
    width: 281px;
    height: 88px;
    float: left;
    background: url(../images/hmenu_iphone_market.png) 0% 0% no-repeat;
}
#phone-num {
    width: 100px;
    height: 88px;
    float: left;
    background: url(../images/hmenu_phone_num.png) 100% 0% no-repeat;
}
#hmenu .sep {
    width: 2px;
    float: left;
    height: 88px;
    background: url(../images/hmenu_sep.png) 0% 0% no-repeat;
}
#iphone-menu1 {
    width: 144px;
    float: left;
    height: 88px;
    background: url(../images/hmenu_bg.png) 0% 0% repeat-x;
}
#iphone-menu2 {
    float: left;
    width: 145px;
    height: 88px;
    background: url(../images/hmenu_bg.png) 0% 0% repeat-x;
}
#iphone-menu3 {
    width: 144px;
    float: left;
    height: 88px;
    background: url(../images/hmenu_bg.png) 0% 0% repeat-x;
}
#hmenu .menu {
    display: block;
    height: 50px;
    margin-top: 19px;
    font: 13px Verdana;
    color: #FFFFFF;
    text-align: center;
    line-height: 45px;
    text-decoration: none;
    cursor: pointer;
}
#hmenu .none {
    background: url(../images/hmenubut_bg.gif) 0% 0% repeat-x;
}
#hmenu .hover {
    background: url(../images/hmenubut_bg_h.gif) 0% 0% repeat-x;
}


#body {
    width: 990px;
    height: 500px;
}
#iphone1 {
    width: 215px;
    float: right;
}
#iphone1-func {
    display: block;
    margin: 60px 0px 0px 25px;
    font: 18px Tahoma;
    color: #FFFFFF;
    text-decoration: underline;
}
#iphone1-price {
    display: block;
    margin: 95px 0px 8px 20px;
    font: 35px 'Trebuchet MS';
    color: #FFFFFF;
}
#iphone2 {
    width: 145px;
    height: 310px;
    float: right;
}
#iphone2-price {
    display: block;
    margin: 243px 0px 8px 25px;
    font: 35px 'Trebuchet MS';
    color: #FFFFFF;
}
.iphone-buy {
    display: block;
    width: 122px;
    height: 35px;
    cursor: pointer;
    background: url(../images/but_buy.png) 0px 0px no-repeat;
}
.iphone-buy .none {
    display: block;
    width: 111px;
    height: 25px;
    background: transparent;
}
.iphone-buy .hover {
    display: block;
    width: 111px;
    height: 25px;
    margin: 0px 0px 0px 1px;
    background: url(../images/but_buy_h.gif) 0px 0px no-repeat;
}


#prefoot_str {
    width: 900px;
    height: 35px;
    margin: 0px auto;
    font: 24px 'Trebuchet MS';
    color: #FFD000;
}
#prefoot {
    display: block;
    width: 900px;
    height: 104px;
    margin: 0px auto;
    background: url(../images/prefoot_bg.gif) 0% 0% repeat-x;
}
#prefoot .wrap1 {
    display: block;
    width: 900px;
    height: 104px;
    background: url(../images/prefoot_l.gif) 0% 0% no-repeat;
}
#prefoot .wrap2 {
    display: block;
    width: 900px;
    height: 104px;
    background: url(../images/prefoot_r.gif) 100% 0% no-repeat;
}
#prefoot p {
    padding: 8px 40px 0px 15px;
    font: 11px Tahoma;
    color: #FFFFFF;
}


#footer {
    height: 30px;
    border-top: 1px solid #0F0F0F;
    margin-top: 12px;
    font: 11px Tahoma;
    color: #333333;
}
#footer .wrap {
    width: 900px;
    height: 30px;
    margin: 0px auto;
}
#footer .copyright {
    float: left;
    margin: 8px 0px 0px 0px;
}
#footer .address {
    float: right;
    margin: 8px 0px 0px 0px;
}
#footer .email {
    float: right;
    width: 133px;
    height: 13px;
    margin: 8px 0px 0px 8px;
    background: url(../images/email.gif) 0% 0% no-repeat;
}
#footer a {
    font: 11px Tahoma;
    color: #333333;
    text-decoration: underline;
}