body {padding-bottom:50px; background:url("../design/bg.png") 0 0 repeat-x; _background-image:none; font:15px/23px "arial", sans-serif;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;}
h1 {font-size:60px; line-height:1; font-weight:normal; text-transform:uppercase;}
h2 {font-size:45px; line-height:1; font-weight:normal; text-transform:uppercase;}
h3 {font-size:30px; line-height:1; font-weight:normal; text-transform:uppercase;}
ul {margin:15px 0;}
ul li {padding:1px 0 1px 25px; background:url("../design/bullet.png") 0 50% no-repeat;}
input, select, textarea {font:15px/18px "arial",sans-serif;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
	-------------------------------------------------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto;}

#header {position:relative; height:745px; overflow:hidden; background:url("../design/desk.png") 0 100% no-repeat;}
#header #iphone {position:absolute; top:80px; left:110px; width:300px; height:592px; overflow:hidden;  0 0 no-repeat;}
#header #iphone img {position:relative; top:0px; left:0px; display:block; width:300px; height:592px;}
#header #pricetag {position:absolute; top:560px; left:370px; width:129px; height:80px; background:url("../design/pricetag.png") 0 0 no-repeat; z-index:100;}
#header #pricetag span {position:relative; left:48px; top:28px; font-size:24px;}
#header #appstore_play {position:absolute; top:585px; left:700px; width:219px; height:76px; margin:0; z-index:100;}
#header #appstore_ios {position:absolute; top:595px; left:515px; width:183px; height:64px; margin:0; z-index:100;}
#header #text {position:absolute; top:0; right:0; width:520px; text-align:right;}
#header #text #social {position:absolute; top:50px; right:0;}
#header #text h1 {position:absolute; top:140px; right:0; margin:0;}
#header #text ul {position:absolute; top:300px; right:0; margin:0;}
#header #text ul li {padding:3px 30px 3px 0; background:url("../design/bullet.png") 100% 50% no-repeat;}

#screenshots h2 {padding-bottom:20px; background:url("../design/line-01.png") 0 100% no-repeat;}
#screenshots ul {margin:20px 0 30px 0;}
#screenshots li {position:relative; display:block; float:left; width:225px; margin-right:20px; padding:0; background:none;}
#screenshots li.last {margin:0;}
#screenshots li img {display:block; width:225px; height:375px;}
#screenshots li span {position:absolute; top:-10px; right:-10px; width:33px; height:34px; overflow:hidden; background:url("../design/resize.png") 0 0 no-repeat;}

#columns {clear:both; background:url("../design/line-02.png") 0 40px no-repeat;}
#columns .col {float:left; width:300px; margin-right:30px;}
#columns .col.last {margin:0;}
#columns .col h2 {margin-bottom:35px;}


#newsletter {position:relative; width:554px; height:154px; margin:35px auto; overflow:hidden; background:url("../design/newsletter.png") 0 0 no-repeat;}
#newsletter h3 {position:absolute; top:38px; left:230px; margin:0;}
#newsletter form {margin:0;}
#newsletter #input {position:absolute; top:71px; left:230px; width:200px; height:40px; background:url("../design/input.png") 0 0 no-repeat;}
#newsletter #input input {width:180px; padding:10px; background:transparent; outline:0;}
#newsletter #submit {position:absolute; top:71px; left:230px; width:200px; height:40px; vertical-align:text-top;}

#footer {padding-top:65px; background:url("../design/footer.png") 0 0 no-repeat;}
#footer p {margin:0;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
OTHERS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.relative {position:relative;}
.smaller {font-size:13px;}