html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body { 
	background: #f8f8f8;
	background-image: url(../images/pattern.png);
	font-family: 'Helvetica', 'Arial', sans-serif;
	line-height: 1.3em;
	font-size: 15px;
	color: #333;
}

.everything {
	width: 540px;
	padding: 0 0 0 350px;
	margin: 0 auto 0 auto;
	position: relative;
}

a { color: #000; text-decoration: none; font-weight: bold;}
a:hover { color: #f00; }

.player { width: 320px; height: 560px; background: url(../images/iphone.png) 0 0 no-repeat;  position: absolute; top: 0; left: 0;}
.gold { margin: 107px 0 0 43px;}

p.presents { font-size: 15px; padding-top: 45px; margin: 20px 0 0px 0; height: 20px; color: #999; font-weight: normal;}
p.presents a { display: block; float: left; height: 20px; text-indent: -500px; overflow: hidden;}
p.presents a:hover { background-position: 0 -20px; }
p.presents a.imind { background-image: url(../images/credits_imind.png); width: 54px; }
p.presents a.trn { background-image: url(../images/credits_trn.png); width: 39px; }
p.presents a.volll { background-image: url(../images/credits_volll.png); width: 37px; }
p.presents span { float: left; display: block; height: 20px; margin: 0 10px 0 10px; line-height: 28px; font-weight: normal;}
.icon { float: right; width: 126px; height: 126px; overflow: hidden; display: block; position: relative; text-align: center; line-height: 126px;}
.icon span { width: 126px; height: 126px; position: absolute; top: 0; left: 0; background: url(../images/icon.png) 0 0 no-repeat;}
.icon:hover span { background-position: 0 -126px; }
h1 { margin-top: 20px; line-height: 27px; font-size: 25px; font-weight: normal; color: #333;}
h1 strong { font-weight: bold; color: #000;}
p {color: #333; margin-bottom: 1em;}
h4 { font-size: 18px; font-weight: bold; margin-top: 30px;}
p.tagline { font-size: 20px; margin: 0; margin-top: 10px; font-weight: normal; }
small { font-size: 13px; display: block; margin-bottom: 20px; color: #999;}
hr { height: 0; border:0; border-bottom: 1px solid #ccc; margin: 15px 0 15px 0; clear: both;}
img.appstore { float: right; margin: 12px 0 70px 0; }
p.biggie { font-size: 30px; line-height: 30px; font-weight: bold; margin: 30px 0 5px 0px;}
p.subline { font-size: 15px; font-weight: normal;  padding: 0px 0 50px 0; color: #666;}
ul.menu { font-size: 15px; height: 16px; margin: 0 auto 0px auto; display: table; }
ul.menu li { float:left; display: block; margin-right: 20px; }
ul.menu li a span { display: block; float: left; width: 22px; height: 16px;  overflow-y: hidden; font-weight: bold; display: block; color: #333; text-decoration: none; font-weight: bold; background-position: 0 0; background-repeat: no-repeat;}
ul.menu li a.twitter span { background-image: url(../images/icon_twitter.png)}
ul.menu li a.facebook span { background-image: url(../images/icon_facebook.png)}
ul.menu li a.mail span { background-image: url(../images/icon_mail.png)}
ul.menu li a.share span { background-image: url(../images/icon_share.png)}
#active { color: #f00; }
ul.menu li a:hover { color: #f00; cursor: pointer;}
ul.menu li a:hover span { background-position: 0 -16px; }
h2 { font-size: 20px; font-weight: bold; margin-top: 50px; margin-bottom: 0px;}
ul.features { padding: 15px 0 15px 0; display: table; width: 100%;}
ul.features li { display: block; width: 190px; padding: 10px 20px 0 50px; height: 80px; float: left; background-position: 0 10px; background-repeat: no-repeat;}
ul.features li.offline { background-image: url(../images/icon_features_offline.png); }
ul.features li.sexy { background-image: url(../images/icon_features_sexy.png); }
ul.features li.fav { background-image: url(../images/icon_features_fav.png); }
ul.features li.next { background-image: url(../images/icon_features_next.png); }
ul.features li.date { background-image: url(../images/icon_features_date.png); }
ul.features li.time { background-image: url(../images/icon_features_time.png); }
ul.features li.search { background-image: url(../images/icon_features_search.png); }
ul.features li h3 { font-size: 15px; font-weight: bold;}
ul.features li p { font-size: 13px; line-height: 1.2em;}
p.footer { font-size: 11px; text-align: center; width: 100%; margin-bottom: 20px;}
p.description { font-size: 13px; line-height: 15px; margin: 10px 0 20px 0; color: #666;}
.list { list-style-type: disc; margin: 20px 20px 20px 20px;}
.list li { font-size: 13px; margin-bottom: 10px; line-height: 15px; border-bottom: 1px solid #eee; padding-bottom:10px;}
.list li:last-child { border-bottom: 0; }
.list h3 { font-size: 13px; font-weight: bold; line-height: 13px;}

form { }
input { font-size: 13px; width: 340px; border: 1px solid #ccc; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 15px; font-size: 13px; padding: 5px 10px 3px 5px; margin: 0 0px 0 20px;}
textarea { font-size: 13px; width: 340px !important; height: 100px; border: 1px solid #ccc; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 15px; font-size: 13px; padding: 5px 10px 3px 5px; margin: 0 0px 0 20px; font-family: 'Helvetica', 'Arial', sans-serif;}
label { display: table; clear: both; padding: 0px 0 15px 0; }
button { background: #000; color: #fff; padding: 5px 0px 5px 0px; font-weight: bold; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 13px;  margin: 0px 0px 0px 380px; width: 120px;}
button:hover { background: #f00; cursor: pointer;}
label span { float: left; display: block; line-height: 25px; font-size: 13px; width: 120px; height: 20px; text-align: right; } 

.activebox {
margin: 20px 0px 40px 0px;  padding: 20px; display: table; 
display:none;
-webkit-border-radius: 10px;
border: 1px solid #ccc;
}

.activebox h3 { font-size: 15px; font-weight: bold; margin-bottom: 10px; text-align: center}