body {background:#93DAEC url(bg2.png) top left repeat-x;text-align:center;margin:0;font-family:Helvetica,sans-serif;color:#222;font-size:16px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.4)}
body.home {background-image:url(bg.png);color:#fff;font-size:16px;text-shadow:0 1px 0 rgba(2, 2, 2, 0.4)}
#w {width:900px;margin:0 auto;text-align:left;position:relative;background:url(logo2.jpg) 0 57px no-repeat;height:300px}
.home #w {background-image:url(logo.jpg)}
.sidebar {position:absolute;right:0;top:57px;width:337px}
.sidebar .app {display:block;height:86px;background:url(app-mini.jpg) top right no-repeat;text-indent:-5000px;overflow:hidden;margin-bottom:40px}
.home .sidebar {background:url(/media/ipad/ipad.png) no-repeat}
.home .sidebar div {position:relative;margin:41px 0 90px 37px;width:255px;height:340px;overflow:hidden}
.home .sidebar .overlay {display:none;position:absolute;top:118px;left:39px;width:263px;height:393px;background:url(overlay.png);z-index:2}
.home .sidebar .app {display:none;margin:0}
#c {position:absolute;top:140px;width:900px}
#content {width:450px;padding-left:90px}

a {text-decoration:none;border-bottom:1px dotted #aac;color:#22a}
a:hover {color:#55d;border-color:#c0c0ff}

#logo {position:absolute;top:40px}
#logo a {display:block;height:80px;width:550px;text-indent:-2000px;overflow:hidden;border:none}
.sidebar a {border:none}

p {line-height:1.5em;margin:10px 0;padding:0}
.black {color:#222;text-shadow:0 1px 0 rgba(255, 255, 255, 0.4)}
.slogan {font-size:19px}
.intro a {color:#ddf}

#features {list-style:none;margin:10px 0 10px -80px;padding:0}
#features li {padding:0 0 0 80px;margin:0;position:relative}
#features h2 {font-size:18px;font-weight:normal;text-transform:capitalize;line-height:44px;height:44px;margin:0;text-shadow:1px 1px 1px rgba(2, 2, 2, 0.8)}
#features .glyph {position:absolute;width:50px;height:50px;top:-3px;left:15px;background:url(glyphs.png) top left}
#features .black {margin:0;padding:0;font-size:14px;line-height:1.3em}
#features .right {text-align:right;margin-bottom:20px;margin-top:10px !important;font-size:16px}
#features a {text-decoration:none;border-bottom:1px dotted #aac;color:#33c}
#features a:hover {color:#11a;border-color:#11a}

#features .i2 .glyph {background-position:0 -50px}
#features .i3 .glyph {background-position:0 -100px}
#features .i4 .glyph {background-position:0 -150px}
#features .i5 .glyph {background-position:0 -200px}
#features .i6 .glyph {background-position:0 -250px}

.download {display:block;margin:0 auto 20px;width:255px;height:139px;position:relative;background:url(download.png);color:#fff;font-weight:bold;text-decoration:none;text-shadow:0 1px 0 rgba(2, 2, 2, 0.4);overflow:hidden}
.download strong {display:block;margin-top:83px;text-align:center;font-size:38px}

#foot {margin:40px 0;text-align:center;color:#222;font-size:12px;text-shadow:none}

#nav {list-style:none;float:left;position:absolute;margin:0;padding:20px 0 0 95px}
#nav li {float:left;margin-right:20px}
#nav a {color:#eee;font-size:15px;text-decoration:none;border-bottom:1px dotted #222}
#nav a:hover {border-color:#eee}

h2, h3 {color:#fff !important;text-shadow:0 1px 0 rgba(2, 2, 2, 0.4)}
h4 {margin-bottom:0}
.imgright {float:right;margin:0 0 20px 20px}

.hangers .comps {background:url(hanger-comps.png)}
.hangers .interview {background:url(hanger-interview.png)}
.hangers .order {background:url(hanger-order.png)}
.hangers .other {background:url(hanger-other.png)}
.hangers .play {background:url(hanger-play.png)}
.hangers a {display:block;width:280px;height:100px;overflow:hidden;text-indent:-5000px;background-repeat:no-repeat;margin:0 0 10px 38px}