@charset "utf-8";
/* CSS Document, all the CSS in this demo i loaded in the shared_header.css*/

html,body,div,span,
applet,object,iframe,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}

body, html {
	text-align: center;
	font-family: Helvetica, Calibri, Verdana, Arial, sans-serif;
	background: #000;
}

#outer_wrapper {
	width: 1024px;
	margin: 0 auto;
	min-height: 768px;
	text-align: left;
	background: #000 url(../images/bg.jpg) no-repeat;
	}
	
#share {

margin:0px;
width:125px;
padding: 4px 10px 0px 0px;
height:15px;
display: inline;
float:right;
background: none;
/*
border: solid thin red;
*/

}
	

#trailer {
clear:both;
margin:31px 110px 0px 0px;
width:375px;
height:251px;
float:right;
background:#fff;
display: inline;

}


#tweet-box	
	{
	clear:both;
	float:left;
	margin:0px 0px 0px 0px;
	width: 461px;
	height:164px;
	padding: 0px;
	background: url(../images/tweet-box.png) no-repeat;
	color: #000;
	text-align: left;
/*
		text-indent: -99999px;
*/

	}
	
	
	#contents p, h4 {
	text-indent: -99999px;
	
	}
	
#content {
display:inline;
float:left;
/*
border:solid thin red;
*/
height:500px;
width:1000px;
background: url(../images/content.png);
position: relative;


}

#logo-and-iphone {
/*
border: solid thin red;
*/
display:inline;
float:left;
height:326px;
width:1024px;
background: url(../images/logo_iphone.png);
position: relative;
margin:0px;
padding:0px;

}

#right-content {

width:455px;
height:autopx;
float:right;
background:none;
display:inline;
margin:0px 50px 0px 0px;

/*
border:solid thin red;
*/

}

#footer {

/*
border:solid thin red;
*/

background: none;
clear:both;
float:right;
width:500px;
color:#fff;
margin:10px 0px 0px 0px;
font-size:10px;

}

#footer-copyright {
float:left;
width:380px;
text-align: center;
margin:35px 0px 0px 0px;
padding:0px;
background:none;

}

#iplay-logo a {

display:block;
background:url(../images/iplay-logo.png);
width: 95px;
height:80px;
float:right;
/*
border:solid thin red;
*/
text-indent:-99999px;

}

#text {


width:450px;
height:180px;
float:left;
margin-bottom:5px;
background:url(../images/text.png);

}

#app-store_btn a {
float:left;
display:block;
margin:0px 0px 0px 15px;
height:150px;
width: 415px;
background: url(../images/app-store_btn.png) no-repeat;
text-indent: -999999px;
/*
border:solid thin red;
*/
}


#app-store_btn a:hover {background-position: 0 0px; }

a {outline:none;}

	
h2
	{
		color: #333;
		background-color: transparent;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
	}
	
p	
	{
		color: #FFF;
		background-color: transparent;
		font-family: Arial, Helvetica, sans-serif;

	}


h4 {

margin:0px;
text-indent: -99999px;	
}

#tweetPostButton 
	{
/*
		border: solid thin red;
*/
		position: relative;
		width: 328px;
		height:46px;
		margin:101px 0px 0px 23px;
		border: none;
		background: transparent url(../images/tweet_btn.png) no-repeat scroll 0 0;
		padding: 0;

		cursor: pointer;
	}
#tweetPostButton:hover { background-position: 0 -46px;}

#success {
	width: 1024px;
	margin: 0 auto;
	min-height: 360px;
	text-align: left;

	background: #fff url(../images/HHAS_twitter_success_bg.jpg);
	}
	
#success-msg {

margin:0px 150px 0px 0px;
width:400px;
float:right;
background: none;

}

#success-msg p {

margin-top:310px;
font-size: 16px;

}

#fail {
	width: 1024px;
	margin: 0 auto;
	min-height: 360px;
	text-align: left;

	background: #fff url(../images/HHAS_twitter_fail_bg.jpg);
	}
	
#fail-msg {

margin:0px 150px 0px 0px;
width:400px;
float:right;
background: none;

}

#fail-msg p {

margin-top:310px;
font-size: 16px;

}