/* SKUNKSCAPE stylesheet */




* {margin:0px; padding:0px;}
body {text-align:center; font-family:Arial, Helvetica, sans-serif; background:url('/images/back.png') repeat-x #fff;}

h1 { font-size:64px; line-height:96px; font-weight:normal; letter-spacing:-3px;}
h1 em {color:#aaa; font-style:normal;}
h2 { font-size:24px; line-height:40px; font-weight:normal; margin:10px 0 0 30px ;}
h3 {font-size:16px; line-height:16px; font-weight:bold; margin:0 0 0 30px;}

ul, li {margin:0px; padding:0px;}
p, li {font-size:12px; line-height:16px; margin:0 0 16px 30px;}
p, ul { margin-bottom:16px;}

p em, li em {font-weight:bold; font-style:normal;}
a {text-decoration:none; color:#222;}
a:hover {color:#33f;}

.note {font-size:11px; color:#777;}



#header, #banner, #content, #footer, #copyright {display:block; position:relative; width:970px;text-align:left; margin:0 auto;}



#header {height:100px;}
h1#logo {position:absolute; top:30px; left:30px; display:block;  margin:0px; line-height:51px;}



#banner {height:410px; background:url('/images/itaekwondo_pic.png') 400px 40px no-repeat transparent;}
#banner h1 {margin-left:30px; padding-top:100px; color:#fff; background:url('/images/dragon.gif') no-repeat 330px 110px;}
#banner p {margin-left:30px; font-size:16px; color:#fff;}
#app_store a {display:block; width:180px; height:64px; background:url('/images/app_store.png') 0 0 no-repeat transparent; margin-left:30px;}
#app_store a:hover {background-position:0 -64px;}
#app_store span {display:none;}


#content {}
    #video, #features, #faq {float:left; width:310px;padding-bottom:60px;}
    #video object {margin-left:30px;}
    #features li {background:url('/images/tick.png') 0 3px no-repeat; list-style:none;padding-left:24px;}
    #faq li.q {background:url('/images/question.png') 0 3px no-repeat; list-style:none;padding-left:24px; font-weight:bold;margin-bottom:0px;}
    #faq li.a {list-style:none;padding-left:24px;}

#footer {width:910px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0;}
#footer p, #footer h2, #footer li, #footer a, #footer h3 {color:#888;}
#about {width:310px; float:left;}
#about p {margin-left:0px; margin-right:30px;}
#about h2 {margin-left:0px;}
#about h3 {font-size:12px; font-weight:bold; margin:0px;}
#about ul, #about li {margin:0;}
#about li {margin-left:15px;}
#about li a { border-bottom:1px dotted #aaa; line-height:16px;}
#contact {width:}

#contact #form {float:right; display:block; width:310px;}
#contact li {list-style:none; margin-bottom:3px; position:relative;}
label {float:left; display:block; width:70px;}
label.error {font-size:10px; color:#fff; position:absolute; top:-1px; right:0; line-height:10px; display:block; width:100px; padding:3px; background-color:#222;}
input, textarea {width:200px;}

#copyright {text-align:center; padding:10px 0 100px; background:url('/images/kick.png') 420px 34px no-repeat transparent;}
#copyright p { margin:0 30px; color:#bbb; font-size:10px;}
#copyright a {color:#bbb;}

br.clear { clear:both;}
/* ---- COMING SOON --- */
#coming {margin:100px 0;}
#coming h1 {font-family:Arial,helvetica,sans-serif; color:#222; font-size:24px; text-transform:lowercase; }
#coming p {font-family:Arial,helvetica,sans-serif; font-size:12px; line-height:16px; border-top:1px dotted #ccc; color:#999; margin:20px 0; padding:20px 0;}