body { margin:0;font-family:arial,sans-serif;background:#000; }

#iphone { border: 0px; width: 330px; height: 355px; overflow: hidden; }
#iphone-frame { position:absolute; left: 248px; top: 258px; }
#contain { position:absolute;left:0px;top:0px;width:320px;height:355px;z-index:10; }

a { text-decoration:none;color:#305071; }
a img { border:none; }
ul { list-style:none;margin:0;padding:0; }
li, p { margin:0;padding:0; }
li a { color:#333;font-size:.8em;line-height:28px;display:block;padding:0 1em;border-bottom:1px solid #eee; }
p { color:#333;font-size:.8em;line-height:28px;display:block;padding:0 1em; }

.nav { background:url("/images/nav-back.png");height:28px;line-height:28px;border-top:1px solid #7c848a;border-bottom:1px solid #7c848a;margin:0; }
.nav p { text-align:center;color:#fff;font-size:.9em;text-shadow: 0px -1px 2px #444;font-weight:bold;padding:0; }
.nav a img { position:absolute;left:3px;top:4px; }
#box1, #box2, #box3, #box4 { position:absolute;top:0;background:#fff;width:320px;height:355px;overflow:hidden; }
#box1 { left:0;z-index:1; }
#box2 { left:0;z-index:2; }
#box3 { left:0;z-index:3; }
#box4 { left:0;z-index:4; }
h1, h2, h3, h4 { padding:.5em;text-align:center; }
h1 { font-size:1em; }
h2 { font-size:.9em; }
p.image { text-align:center; }

fieldset { margin:0;padding:0;border:none; }
fieldset p a { font-weight:bold;color:#305071; }
input.text { width:280px; }

.hint { color:#999;font-weight:normal; }

.block { overflow:auto;height:325px;position:absolute;top:30px; }