.screengrab {
margin: 25px 0 0 91px;
}

body {
background: #fff;
}

.header-container {
float: left;
width: 100%;
background: url(thbg.jpg) repeat-x #2a2a2a;
}

.header {
width: 940px;
margin: 0 auto;
}

.header .brand {
float: left;
margin-right: 300px;
}

.header .download {
float: right;
}

.header .download a {
color: #666;
font-family: arial;
font-size:11px;
}

.header .share {
margin-top: 20px;
margin-bottom: 40px;
}

.header .share a {
font-family: arial;
font-weight: bold;
color: #f0f0f0;
text-decoration: none;
cont-size: 11px;
}

.header .share a.facebook {
float: left;
background: url(facebook.png) no-repeat;
padding-left: 20px;
height: 20px;
display: block;
margin-right: 20px;
}

.header .share a.twitter {
float: left;
background: url(twitter.png) no-repeat;
padding-left: 20px;
height: 20px;
display: block;
margin-right: 20px;
}

.header .share a.email {
float: left;
background: url(email.png) no-repeat 0 2px;
padding-left: 20px;
height: 20px;
display: block;
}

.sub-header-container {
clear: both;
background: url() repeat-x #2a2a2a;
}

.sub-header {
width: 940px;
margin: 0 auto;
text-align: center;
padding: 25px 0 54px 0;
background: url() no-repeat 190px 86px;
}

.sub-header h1 {
font-family: arial;
font-size: 10px;
color: #666;
text-transform: uppercase;
}

.sub-header h2 {
font-family: arial;
font-size: 20px;
color: #f0f0f0;
}

.app-viewer {
width: 940px;
margin: 0 auto;
padding: 50px 0 0 0;
}

#placeholder {
background: url(iphone.gif) no-repeat -15px -10px;
float: left;
width: 500px;
height: 300px;
}

.app-viewer h1 {
font-family: arial;
font-size: 26px;
font-weight: bold;
margin-bottom: 15px;
}

.app-viewer p {
font-family: arial;
font-size: 13px;
color: #000;
}

.app-viewer p.video {
float: right;
padding-right:64px;
}

.app-viewer p.video a {
text-decoration: none;
color: #fff;
}

.screens {
clear: both;
float: left;
width: 100%;
margin: 0px auto;
background: #f5f5f5;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.screens-holder {
width: 940px;
margin: 0 auto;
}

.screens .thumb {
padding: 8px 8px 0px 8px;
float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff;
margin: 15px 0;
opacity: .5;
border: 1px solid #666;
}

.screens .one {
margin-right: 40px;

}
.screens .two {
margin-right: 40px;
}
.screens .three {
margin-right: 40px;
}
.screens .four {
margin-right: 40px;
}
.screens .five {
margin-right: 40px;
}
.screens .six {
margin-right: 40px;
margin-left: 15px;
}

.screens .thumb:hover  {
background:  #ccc;
border: 1px solid #999;
cursor:pointer;
opacity: 1;
}

.screens .active  {
background:  #ccc;
border: 1px solid #999;
cursor:pointer;
opacity: 1;
}

.features {
clear: both;
width: 100%;
margin: 0 auto;
height: 180px;
border-bottom: 1px solid #ccc;
background: #f5f5f5;
}

.features-holder {
width: 940px;
margin: 0 auto;
}


.featured-favorites {
float: left;
width: 459px;
border-right: 1px solid #ccc;
padding: 35px 10px 0 0;
height: 146px;
}

.featured-favorites h1 {
font-family: arial;
font-size: 19px;
font-weight: bold;
margin-bottom: 10px;
}

.featured-favorites p {
font-family: arial;
font-size: 12px;
width: 350px;
color: #333;
}

.featured-favorites a {
font-weight: bold;
color: #222;
text-decoration: none;
}

.favorites-page {
float: left;
background: url() no-repeat 0 40px;
width: 470px;
padding: 30px 0 0 0;
}

.favorites-page h1 {
font-family: arial;
font-size: 19px;
font-weight: bold;
margin-left: 150px;
margin-bottom: 10px;
}

.favorites-page p {
font-family: arial;
font-size: 12px;
width: 350px;
color: #333;
margin: 0 0 20px 150px;
}



.media {
clear: both;
width: 940px;
margin: 20px auto 40px auto;
}

.media h1 {
font-family: georgia;
font-style: italic;
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
}

.media a {
color: #000;
font-weight: bold;
text-decoration: none;
}

.media p {
font-family: arial;
font-size: 12px;
color: #666;
}

.media .left {
float: left;
width: 280px;
padding: 45px 0;
margin-right: 20px;
}

.media .middle {
float: left;
width: 280px;
padding: 45px 30px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-right: 10px;
}

.media .right {
float: left;
width: 250px;
padding: 45px 0 0 20px;
}

.media .right a {
color: #666;
font-weight: normal;
font-size:11px;
}


.media .right a:hover {
color: #000;
font-weight: normal;
font-size:11px;
}

.footer {
clear:both;
float: left;
width: 100%;
background: #2a2a2a;
padding: 60px 0 80px 0;
}

.footer ul.nav, .footer ul.sub {
margin: 0 auto;
width: 940px;
}

.footer li {
float: left;
margin-right: 10px;
color: #666;
}

.footer li a {
color: #fff;
font-family: arial;
font-size: 12px;
text-decoration: none;
}

.footer .sub {
font-size: 11px;
font-family: arial;
}

.hide {
display: none;
}

#email {
padding: 3px;
}

.button {
background: url() no-repeat 0 2px;
width: 101px;
height: 29px;
border: none;
color: #fff;
text-transform: uppercase;
cursor:pointer;
}

.sendtofriend  {
font-family: arial;
color: 000;
font-size: 12px;
font-weight: bold;
}

#cboxClose {
font-family: arial;
font-size: 12px;
margin-right: 15px;
}