body {padding-bottom:50px; background:url("../design/bg.jpg") 0 0 repeat-x; font:13px/19px "arial", sans-serif;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:20px 0;}
h1 {font-size:80px; line-height:1;}
h2 {font-size:40px; line-height:1;}
h3 {font-size:30px; line-height:1;}
h4, h5, h6 {font-size:20px;}
ul {margin-left:30px;}
ul li {padding-left:20px; background:url("../design/ul.png") 0 4px no-repeat;}
ul ul {margin:0;}
ul ul li {padding-left:20px; background:url("../design/ul-ul.png") 0 4px no-repeat;}
table th, table td {padding:8px 12px;}
table th {font-weight:bold;} 
fieldset {padding:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
fieldset legend {font-size:15px; font-weight:bold;}
fieldset table {margin:0;}
form {margin:0;}
form table, form th, form td {padding:0 !imporant; border:0 !important;}
form th, form td {padding:5px 0;}
form th {padding-right:10px; text-align:right; font-weight:normal;}
img.f-left {margin-right:20px;}
img.f-right {margin-left:20px;}
input, textarea, select {font:13px/19px "arial", sans-serif;}
.input-text {padding:6px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.input-submit {padding:6px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:13px;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#main {width:990px; margin:0 auto;}
#header {position:relative; height:180px; overflow:hidden;}
#header #logo {position:absolute; top:60px; left:0; margin:0;}
#header #social {position:absolute; top:60px; right:0; margin:0;}
#header #social img {display:block; float:left; margin-left:8px;}
#nav {height:100px; overflow:hidden;}
#nav ul {margin:0; margin-top:20px;}
#nav li {display:inline; padding:0; background:none;}
#nav a {display:block; float:left; width:314px; height:64px; margin-right:24px; background:url("../design/button.png") 0 0 no-repeat; line-height:64px; text-align:center; font-size:20px; text-decoration:none;}
#nav .last {margin-right:0;}
#content {padding:30px 0;}
#content .content-padding {padding:0 110px 40px 110px;}
#content .content-padding p {text-align:justify; line-height:20px;}
#content .cols3 {margin:0; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; background:url("../design/cols3.png") 0 0 repeat-y;}
#content .cols3 ul {margin:0;}
#content .cols3 li {display:block; float:left; width:330px; min-height:300px; margin:0; padding:0;}
#content .cols3 li div {padding:30px; padding-bottom:0;}
#content .cols3 li h2 {margin:0; font-size:20px; line-height:1;}
#content .cols3 li p {margin:0; margin-top:10px;}
#content .cols3 li.cols3-left {background:url("../images/col-01.jpg") 50% 100% no-repeat;}
#content .cols3 li.cols3-center {background:url("../images/col-02.jpg") 50% 100% no-repeat;}
#content .cols3 li.cols3-right {background:url("../images/col-03.jpg") 85% 90% no-repeat;}
#footer {padding-top:30px; background:url("../design/dots.png") 0 0 repeat-x;}
#footer p {margin:0;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT: HOMEPAGE
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#hp {background:url("../design/bg-hp.jpg") 0 0 repeat-x;}
#hp #header {height:860px; overflow:hidden; background:url("../design/bg-hp-light.png") 50% 50% no-repeat;}
#hp #header #iphone {position:relative; width:990px; height:860px; background:url("../design/iphone.png") 100% 100% no-repeat;}
#hp #header #introduction {position:absolute; top:270px; left:0; margin:0;}
#hp #header #appstore {position:absolute; top:110px; right:0; margin:0;}
#hp #header #tag {position:absolute; top:585px; left:250px; margin:0;}

#slider-box {position:absolute; top:176px; left:401px;}
#slider {position:relative; width:305px; height:457px; overflow:hidden;}
#slider img {display:block; position:absolute; top:0; left:0;}
#slider a {display:block; border:0;}
