/* Statwatch CSS template */

@import url('reset.css');

body { 
font-size: .9em;	
color: #ffffff;
background: url('/images/bg.jpg') repeat 0 0; 
font-family: "Myriad Pro", Myriad, Lucida Grande, Arial, sans-serif;
}

/* Block Elements */

.wrappa {
margin: 0 auto; 
width: 1060px;
position: relative;
}

#header {
background: url('/images/header-bg.jpg') repeat-x;
height: 412px; 
}

#footer {
position: relative;
margin-top: 100px;
width: 100%;
padding-top: 100px;
padding-bottom: 15px;
clear: both;
}
	
	.foot-left {
	width: 47%;
	position: relative;
	float: left;
	}
	
	.foot-right {
	width: 20%;
	position: relative;
	float: right;
	margin-top: -8px;
	margin-bottom: 20px;
	}
	
/* iPhone Page */
	
#top-main {
width: 100%;
position: relative;
margin-top: -250px;
}

	.top-left {
	width: 45%;
	position: relative;
	float: left;
	}
	
	.top-right {
	width: 51%;
	position: relative;
	float: left;
	}

#bottom-main {
width: 100%;
padding-top: 30px;
position: relative;
clear: both;
}

	.bot-left {
	width: 47%;
	position: relative;
	float: left;
	}
	
	.bot-right {
	width: 47%;
	position: relative;
	float: right;
	}
	
.appstore {
margin-top: 55px;
}

.appstore a {
background: url('/images/appstore.png') no-repeat;
float: left;
height: 72px;
width: 181px;
margin-right: 0px;
padding-top: 5px;
text-indent: -9999em;
behavior: url('iepngfix.htc');
}

.appstore a:hover{
background: url('/images/appstore2.png') no-repeat;
float: left;
height: 72px;
width: 181px;
margin-right: 0px;
padding-top: 5px;
text-indent: -9999em;
behavior: url('iepngfix.htc');
}

#iphone-area {
width: 100%;
padding: 25px;
padding-left: 40px;
line-height: 40px;
}

.area-left {
width: 74%;
float: left;
position: relative;
}

.area-right {
width: 20%;
float: left;
}

.img-border {
border: 3px solid #6b6b6b;
}

.iphone-img {
padding-left: 115px;
height: 500px;
}

.iphone-screens {
float: right;
position: relative;
margin-right: 20px;
}

.horizontal {
background: url('/images/hor-divider.png') repeat-x;
height: 2px;
position: relative;
clear: both;
width: 1015px;
behavior: url('iepngfix.htc');
}

/* iPad Page */

#top-main2 {
width: 100%;
position: relative;
margin-top: -250px;
}

#ipad-area {
width: 100%;
padding: 25px;
padding-left: 40px;
line-height: 40px;
}

.ipad-area-left {
width: 74%;
float: left;
position: relative;
}

.ipad-area-right {
width: 20%;
float: left;
}

.ipad-img {
margin-left: -24px;
height: 500px;
}

/* Press Page */

#press-main {
width: 100%;
position: relative;
margin-top: -250px;
}

.press-group-img {
margin-left: 60px;
height: 500px;
}

/* Current-Users Page */

#current-main {
width: 100%;
position: relative;
margin-top: -250px;
}

.leftfaq {
margin-left: 70px;
height: 500px;
width: 420px !important;
}

/* Typography Elements */

a {
color: #cf9627;
text-decoration: none;
}

a:hover {
color: #f5be52;
}

h1.main {
background: url('/images/logo.png') no-repeat;
width: 142px;
height: 24px;
text-indent: -999em;
float: left;
margin-top: 10px;
behavior: url('iepngfix.htc');
}

h2.whats-on {
background: url('/images/whatson.png') no-repeat;
width: 510px;
height: 126px;
text-indent: -999em;
margin-bottom: 30px;
float: left;
behavior: url('iepngfix.htc');
}

h2.whats-on-hd {
background: url('/images/whatsonHD.png') no-repeat;
width: 510px;
height: 126px;
text-indent: -999em;
margin-bottom: 30px;
float: left;
behavior: url('iepngfix.htc');
}

h2.whats-on-press {
background: url('/images/press-title.png') no-repeat;
width: 510px;
height: 126px;
text-indent: -999em;
margin-bottom: 30px;
float: left;
behavior: url('iepngfix.htc');
}

h2.whats-on-current {
background: url('/images/current-title.png') no-repeat;
width: 510px;
height: 126px;
text-indent: -999em;
margin-bottom: 30px;
float: left;
behavior: url('iepngfix.htc');
}

h3 {
font-size: 1.4em;
font-family: "Georgia", Times New Roman, serif;
font-style: italic;
color: #9d9d9d;
text-shadow: -1px -1px 0px #000000;
padding-bottom: 10px;
}

h4 {
margin-top: -10px;
font-size: 1.6em;
}

h5 {
font-size: .7em;
font-family: "Georgia", Times New Roman, serif;
font-style: italic;
color: #66c86d;
text-shadow: -1px -1px 0px #000000;
padding-bottom: 10px;
line-height: 14px;
width: 375px;
}

p {
font-size: .9em;
color: #cccccc;
text-shadow: -1px -1px 0px #000000;
font-family: "Lucida Grande", Arial, sans-serif; 
line-height: 15px;
padding-top: 5px;
}

p.quote {
margin-top: 35px;
color: #ffffff;
background-color: #292728;
padding: 15px;
width: 435px;
line-height: 25px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
overflow: hidden;
}

.quoter {
float: right;
padding-top: 5px;
color: #9d9d9d;
}

p.footer-text {
color: #9d9d9d;
font-size: .8em;
}

p.current-text {
color: #9d9d9d;
font-family: "Georgia", Times New Roman, serif;
font-size: 1em;
font-style: italic;
padding-bottom: 0px;
padding-top: 20px;
}

/* Navigation Elements */

#social-networking ul {
width: 358px;
height: 40px;
position: relative;
top: 0px;
left: 127px;
list-style: none;
margin: 0;
padding: 0;
float: right;
}

#social-networking li {
display: inline;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#social-networking a {
float: left;
height: 31px !important;
margin-right: 0px;
padding-top: 5px;
text-indent: -9999em;
}

#social-networking li.blog a {
background: transparent url('/images/blog.png') no-repeat;
width: 86px;
height:  30px;
position: relative;
behavior: url('iepngfix.htc');
padding-right: 5px;
}

#social-networking li.blog a:hover {
background: transparent url('/images/blog.png')no-repeat scroll 0 -35px;
width: 86px;
height:31px;
position: relative;
behavior: url('iepngfix.htc');
padding-right: 5px;
}

#social-networking li.twitter a {
background: transparent url('/images/twitter.jpg') no-repeat;
width: 86px;
height:  30px;
position: relative;
behavior: url('iepngfix.htc');
}

#social-networking li.twitter a:hover {
background: transparent url('/images/twitter.jpg')no-repeat scroll 0 -34px;
width: 86px;
position: relative;
behavior: url('iepngfix.htc');
}


#social-networking li.facebook a {
background: transparent url('/images/facebook.jpg') no-repeat;
width: 86px;
height: 50px;
position: relative;
behavior: url('iepngfix.htc');
}

#social-networking li.facebook a:hover {
background: transparent url('/images/facebook.jpg')no-repeat scroll 0 -34px;
width: 86px;
position: relative;
behavior: url('iepngfix.htc');
}

#device-nav {
clear: both;
}

#device-nav ul {
clear: both;
width: 299px;
height: 65px;
position: relative;
top: 0px;
list-style: none;
margin: 0;
padding: 0;
float: right !important;
}

#device-nav li {
display: inline;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#device-nav a {
float: left;
height: 27px !important;
margin-right: 0px;
padding-top: 5px;
padding-left: 7px;
text-indent: -9999em;
}

#device-nav li.iphone a {
background: transparent url('/images/iphone-nav.png') no-repeat;
width: 150px;
height:  30px;
position: relative;
behavior: url('iepngfix.htc');
}

#device-nav li.iphone a:hover {
background: transparent url('/images/iphone-nav.png')no-repeat scroll 0 -32px;
width: 150px;
position: relative;
behavior: url('iepngfix.htc');
}


#device-nav li.ipad a {
background: transparent url('/images/ipad-nav.png') no-repeat;
width: 54px;
height: 50px;
position: relative;
behavior: url('iepngfix.htc');
}

#device-nav li.ipad a:hover {
background: transparent url('/images/ipad-nav.png')no-repeat scroll 0 -32px;
width: 54px;
position: relative;
behavior: url('iepngfix.htc');
}

#device-nav li.android a {
background: transparent url('/images/android-nav.png') no-repeat;
width: 74px;
height: 50px;
position: relative;
behavior: url('iepngfix.htc');
}

#device-nav li.android a:hover {
background: transparent url('/images/android-nav.png')no-repeat scroll 0 -32px;
width: 74px;
position: relative;
behavior: url('iepngfix.htc');
}


#second-nav ul {
width: 288px;
height: 40px;
position: relative;
top: 0px;
list-style: none;
margin: 0;
padding: 0;
float: right;
}

#second-nav li {
display: inline;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#second-nav a {
float: left;
height: 27px !important;
margin-right: 0px;
padding-top: 5px;
padding-left: 7px;
text-indent: -9999em;
}

#second-nav li.press a {
background: transparent url('/images/press-nav.png') no-repeat;
width: 54px;
height:  30px;
position: relative;
behavior: url('iepngfix.htc');
}

#second-nav li.press a:hover {
background: transparent url('/images/press-nav.png')no-repeat scroll 0 -32px;
width: 54px;
position: relative;
behavior: url('iepngfix.htc');
}


#second-nav li.bug a {
background: transparent url('/images/bug-nav.png') no-repeat;
width: 97px;
height: 50px;
position: relative;
behavior: url('iepngfix.htc');
}

#second-nav li.bug a:hover {
background: transparent url('/images/bug-nav.png')no-repeat scroll 0 -32px;
width: 97px;
position: relative;
behavior: url('iepngfix.htc');
}

#second-nav li.current a {
background: transparent url('/images/current-nav.png') no-repeat;
width: 116px;
height: 50px;
position: relative;
behavior: url('iepngfix.htc');
}

#second-nav li.current a:hover {
background: transparent url('/images/current-nav.png')no-repeat scroll 0 -32px;
width: 116px;
position: relative;
behavior: url('iepngfix.htc');
}

/* Inputs and Text Fields */

#email-form {
margin-top: 20px;
}

.text-field {
background: #1e1c1d;
border: 1px solid #3f3f3f;
padding: 7px;
font-family: "Georgia", Times New Roman, serif; 
color: #6e6d6d;
font-style: italic;
width: 210px;
font-size: .9em;
margin-right: 10px;
margin-bottom: 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

label {
color: #cf9627;
margin-right: 7px;
}

.submit {
background: url('/images/submit2.png') no-repeat;
height: 33px;
width: 80px;
border: none;
text-indent: -9999em;
margin-bottom: 15px;
behavior: url('iepngfix.htc');
}

input.submit:hover {
background: url('/images/submit.png') no-repeat;
height: 33px;
width: 80px;
border: none;
text-indent: -9999em;
behavior: url('iepngfix.htc');
}

/* List Styles */

.bot-right ol, ul {
padding-left: 30px;
padding-top: 20px;
}

.bot-right li {
font-size: 1.2em;
font-family: "Georgia", Times New Roman, serif;
font-style: italic;
color: #9d9d9d;
text-shadow: -1px -1px 0px #000000;
padding-bottom: 10px;
list-style-type: disc;
text-indent: 5px;
line-height: 30px;
behavior: url('iepngfix.htc');
}

.single_image {
display: block;
behavior: url('iepngfix.htc');
}

img, div {
behavior: url('iepngfix.htc');
}

.presskit-img {
margin-top: 30px;
margin-left: 130px;
}

.download {
margin-left: 20px;
margin-top: 40px;
}

.upgradePage{
	margin-top: 20px;
	width: 290px;
}

.notice{
	font-size: 1.1em;
	font-family: "Georgia", Times New Roman, serif;
	font-style: italic;
	color: #df4646;
	text-shadow: -1px -1px 0px #000000;
	padding-bottom: 10px;
}