/* CSS Document */ * {margin:0; padding:0; } body {margin:0; padding:0 0 0 0; font:normal 12px tahoma, arial, verdana; color:#999999; background:#000000; } h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, input, select, textarea, label {margin:0; padding:0; } img {margin:0; padding:0; } table {margin:0 auto; } img.left {float:left; } img.right {float:right; } a img {border:none; } a:focus, a:active {outline:none; } a {color:#999999; text-decoration:none; } a:hover {text-decoration:underline; } /* ****** S ****** t y l ****** E ****** */ #wrape { width:1000px; margin:0 auto; } #inner-page {width:1000px; margin:0; padding:0 0 22px 0; float:left; } #header {width:1000px; margin:0; padding:0; float:left; background:#000000; height:101px; } #header h1 { text-align:center;} #menu {width:680px; margin:0; padding:0 160px; float:left; background:url(images/menu.jpg) 0 0 no-repeat; height:60px; } #menu ul {width:680px; margin:0; padding:0; float:left; list-style:none; } #menu ul li {display:block; float:left; margin:0; padding:0; } #menu ul li a {display:block; float:left; margin:0; padding:0; } /* add css */ #home {width:137px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/home.png) 0 0 no-repeat; } #home a {width:137px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/home.png) 0 0 no-repeat; } #home a:hover {width:137px; margin:1px 0 0 0; padding:0; float:left; background:url(images/home-hover.png) 0 0 no-repeat; } #faq {width:127px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/faq.png) 0 0 no-repeat; } #faq a {width:127px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/faq.png) 0 0 no-repeat; } #faq a:hover {width:127px; margin:1px 0 0 0; padding:0; float:left; background:url(images/faq-hover.png) 0 0 no-repeat; } #review {width:126px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/reviews.png) 0 0 no-repeat; } #review a {width:126px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/reviews.png) 0 0 no-repeat; } #review a:hover {width:126px; margin:1px 0 0 0; padding:0; float:left; background:url(images/reviews-hover.png) 0 0 no-repeat; } #purchase {width:126px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/purchase.png) 0 0 no-repeat; } #purchase a {width:126px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/purchase.png) 0 0 no-repeat; } #purchase a:hover {width:126px; margin:1px 0 0 0; padding:0; float:left; background:url(images/purchase-hover.png) 0 0 no-repeat; } #contact {width:133px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/contact.png) 0 0 no-repeat; } #contact a {width:133px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/contact.png) 0 0 no-repeat; } #contact a:hover {width:133px; margin:1px 0 0 0; padding:0; float:left; background:url(images/contact-hover.png) 0 0 no-repeat; } /* End add css */ #menu ul li a.home {width:137px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/home.png) 0 0 no-repeat; } #menu ul li a.home:hover {width:137px; margin:1px 0 0 0; padding:0; float:left; background:url(images/home-hover.png) 0 0 no-repeat; } #menu ul li a.faq {width:127px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/faq.png) 0 0 no-repeat; } #menu ul li a.faq:hover {width:127px; margin:1px 0 0 0; padding:0; float:left; background:url(images/faq-hover.png) 0 0 no-repeat; } #menu ul li a.review {width:126px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/reviews.png) 0 0 no-repeat; } #menu ul li a.review:hover {width:126px; margin:1px 0 0 0; padding:0; float:left; background:url(images/reviews-hover.png) 0 0 no-repeat; } #menu ul li a.purchase {width:126px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/purchase.png) 0 0 no-repeat; } #menu ul li a.purchase:hover {width:126px; margin:1px 0 0 0; padding:0; float:left; background:url(images/purchase-hover.png) 0 0 no-repeat; } #menu ul li a.contact {width:133px; margin:1px 0 0 0; height:57px; padding:0; float:left; background:url(images/contact.png) 0 0 no-repeat; } #menu ul li a.contact:hover {width:133px; margin:1px 0 0 0; padding:0; float:left; background:url(images/contact-hover.png) 0 0 no-repeat; } /* B **** A **** NNER */ #banner {width:571px; margin:0; padding:60px 120px 0 309px; float:left; height:295px; background:url(images/banner.jpg) 0 0 no-repeat; } #s {width:571px; margin:10px 0 0 0; padding:0; float:left; } #more_info {width:240px; margin:0; padding:0; float:left; } #more_info ul {list-style:none; } #more_info ul li { width:220px; display:block; float:left; margin:0; padding:0 0 0 20px; background:url(images/top-icon3.gif) 0 5px no-repeat; font:normal 12px "myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Nueva Std Cond"; color:#cccccc; line-height:24px; } #download {width:240px; margin:0 0 0 20px; padding:0; float:left; } #download ul {list-style:none; } #download ul li { width:220px; display:block; float:left; margin:0; padding:0 0 0 20px; background:url(images/top-icon3.gif) 0 5px no-repeat; font:normal 12px "myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Nueva Std Cond"; color:#cccccc; line-height:24px; } #button {width:481px; margin:0; padding:23px 0 0 90px; float:left; } #button img {margin:0 0 0 10px; } /* Contaner */ #contaner {width:900px; margin:0 0 10px 0; padding:30px 56px 18px 44px; float:left; background:#000002 url(images/bottom-devider.jpg) left bottom no-repeat; } #left {width:566px; margin:0; padding:0; float:left; } /* **** LEFT **** */ #left h2 {width:566px; margin:0 0 15px 0; padding:0; float:left; font:normal 20px tahoma, arial, verdana; color:#999999; } #left h3 {width:566px; margin:0 0 10px 0; padding:0; float:left; font:normal 20px tahoma, arial, verdana; color:#999999; } #left p { width:552px; float:left; margin:8px 0; } /* *** R *** IGHT *** */ #right {width:302px; margin:0px; padding:0 0 0 20px; float:right; background:url(images/right-devider.jpg) 0 70px no-repeat; } #right h2 {width:302px; margin:0 0 8px 0; padding:0; float:left; font:normal 20px tahoma, arial, verdana; color:#999999; } #right h3 {width:302px; margin:0; padding:0; float:left; font:normal 20px tahoma, arial, verdana; color:#999999; } #iphone-box {width:302px; margin:8px 0 20px 0; padding:0; float:left; } #g2 {width:97px; height:123px; margin:0; padding:0; float:left; background:url(images/2g-iphone.jpg) 0 0 no-repeat; } #g2 a {width:97px; height:123px; margin:0; padding:0; float:left; background:url(images/2g-iphone.jpg) 0 0 no-repeat; } #g2 a:hover {width:97px; height:123px; margin:0; padding:0; float:left; background:url(images/2g-iphone-hover.jpg) 0 0 no-repeat; } #g3 {width:97px; height:123px; margin:0 0 0 6px; padding:0; float:left; background:url(images/3g-iphone.jpg) 0 0 no-repeat; } #g3 a {width:97px; height:123px; margin:0; padding:0; float:left; background:url(images/3g-iphone.jpg) 0 0 no-repeat; } #g3 a:hover {width:97px; height:123px; margin:0; padding:0; float:left; background:url(images/3g-iphone-hover.jpg) 0 0 no-repeat; } #gs {width:97px; height:123px; margin:0 ; padding:0; float:right; background:url(images/3gs.jpg) 0 0 no-repeat; } #gs a {width:97px; height:123px; margin:0; padding:0; float:left; background:url(images/3gs.jpg) 0 0 no-repeat; } #gs a:hover {width:97px; height:123px; margin:0; padding:0; float:left; background:url(images/3gs-hover.jpg) 0 0 no-repeat; } #list {width:300px; margin:10px 0 20px 0; padding:0; float:left; } #list ul { list-style:none; } #list ul li {width:270px; margin:1px 0; padding:0 0 0 30px; float:left; background:url(images/icon_two.jpg) 0 3px no-repeat; } #list ul li b { width:260px; padding:0 5px 0 5px; float:left; font:normal 14px tahoma, arial, verdana; color:#d8d7d8; line-height:22px; background:#141618;} /* listsan */ #listsan {width:300px; margin:10px 0 20px 0; padding:0; float:left; } #listsan ul { list-style:none; } #listsan ul li {width:270px; margin:1px 0; padding:0 0 0 30px; float:left; background:url(images/icon_two.jpg) 0 3px no-repeat; } #listsan ul li b { width:260px; padding:0 5px 0 5px; float:left; font:normal 14px tahoma, arial, verdana; color:#d8d7d8; line-height:22px; background:#141618;} /* F *** O *** 0TER */ #footer {width:1000px; margin:0; padding:0 0 10px 0; float:left; background:url(images/footer-devider.jpg) left bottom no-repeat; } #footer p {width:1000px; margin:0; padding:0; font:normal 10px tahoma, arial, verdana; color:#5b5f61; text-align:center; } .s {color:#008dba; } /* feature */ #feature {width:566px; margin:10px 0 0 0; padding:0 0 25px 0; float:left; } #feature h2 {background:url(images/icon-three.jpg) 0 0 no-repeat; font:bold 14px Arial, Helvetica, sans-serif; color:#d8d7d8; width:530px; padding:0 0 0 36px; margin:0; line-height:22px; } #feature p { margin:0; padding:0; width:530px; padding:0 0 0 36px; } .a {background:url(images/line.jpg) 0 bottom no-repeat; } /* modle */ #modle {width:566px; margin:10px 0 0 0; padding:0 0 20px 0; float:left; } #modle h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#d8d7d8; width:550px; padding:0 0 0 16px; margin:0; line-height:16px; } #modle h2 small { color:#258cc2; font:normal 12px Arial, Helvetica, sans-serif; padding:0 0 0 10px; } #modle p { margin:5px 0 0 0 ; padding:0; width:550px; padding:0 0 0 16px; } #benifit {width:566px; margin:5px 0 15px 0; padding:0; float:left; } #benifit-left {width:289px; margin:0; padding:0; float:left; } #benigit-right { width:265px; margin:0; padding:0; float:right; } #benigit-right h2 {font:bold 16px Arial, Helvetica, sans-serif; color:#d8d7d8; width:265px; float:left; margin:0 0 15px 0; padding:0; } #benigit-right h3 {font:bold 18px "myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Nueva Std Cond"; color:#ffffff; width:225px; float:left; margin:0 0 0 0; padding:0 0 0 45px; } #benigit-right h3 small {color:#258cc2; } #benigit-right ul {list-style:none; margin:0 0 15px 0; float:left; } #benigit-right ul li { width:250px; display:block; float:left; margin:0; padding:0 0 0 20px; background:url(images/icon-four.jpg) 0 5px no-repeat; font:normal 12px "myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Nueva Std Cond"; color:#cccccc; line-height:20px; } .r {width:566px; margin:0; padding:0; float:left; } /* form */ #form {width:357px; margin:10px 0 10px 16px; padding: 0 0 10px 0; float:left; border:1px solid #0b5e81; background:url(images/form-bg.jpg) left 26px repeat-x; } #form-heading {width:337px; margin:0 0 5px 0; padding:0 10px; float:left; background:url(images/form-heading.jpg) 0 0 repeat-x; height:26px; } #form-heading h2 {width:337px; margin:0; padding:0; float:left; font:normal 13px Arial, Helvetica, sans-serif; color:#d8d7d8; line-height:26px; } #blank {width:337px; margin:0; padding:5px 10px; float:left; } #blank label {width:80px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; text-align:right; color:#d8d7d8; height:22px; line-height:22px; } #blank input { margin:0; padding:0; float:right; border:none; border:none; } #blank input.input {width:244px; margin:0; padding:0; background:url(images/input.jpg) 0 0 no-repeat; height:22px; line-height:22px; } #blank textarea { width:244px; margin:0; padding:0; float:right; height:100px; background:#ffffff; border:none; } #blank select { width:54px; margin:0 0 0 13px; padding:0; float:left; height:22px; background:#ffffff; border:none; } #blank input.button { width:110px; height:22px; margin:0; padding:0; background:url(images/submit.jpg) 0 0 no-repeat; cursor:pointer; }