* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	outline: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
}
body {
	font-size: 12px;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	text-align: center;
	background: #FFF url(/images/bg.jpg) repeat-x top center;
}
#wrapper {
	position: relative;
	width: 920px;
	margin: 0 auto;
	text-align: left;
}

/* ----- Header Styles ------- */

a#logo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 351px;
	height: 93px;
	background-image: url(/images/logo.jpg);
}

	/* ----- Navigation ------ */
	
	ul#nav {
		position: absolute;
		top: 21px;
		left: 405px;
		width: 479px;
		height: 68px;
	}
	ul#nav li {
		float: left;
		display: inline;
	}
	ul#nav li a {
		float: left;
		display: inline;
		height: 68px;
	}
	ul#nav li a:hover, ul#nav li a.selected { background-position: 0 -68px; }
	ul#nav li#home a {
		width: 103px;
		background-image: url(/images/nav/home.jpg);
	}
	ul#nav li#apps a {
		width: 80px;
		background-image: url(/images/nav/apps.jpg);
	}
	ul#nav li#community a {
		width: 108px;
		background-image: url(/images/nav/community.jpg);
	}
	ul#nav li#about a {
		width: 86px;
		background-image: url(/images/nav/about.jpg);
	}
	ul#nav li#contact a {
		width: 102px;
		background-image: url(/images/nav/contact.jpg);
	}
	
/* ----- Content Area -------- */

#main, #home_main {
	float: left;
	width: 920px;
	margin-top: 125px;
	padding-bottom: 20px;
	background-image: url(/images/main_bg_fade.jpg);
}
#home_main { background-image: url(/images/main_bg.jpg); }
#content {
	position: relative;
	float: left;
	display: inline;
	width: 860px;
	margin: 30px 0 0 30px;
}
#content_body {
	float: left;
	display: inline;
	width: 830px;
	margin: 25px 15px;
}
#content_body_left {
	float: left;
	display: inline;
	width: 465px;
}

/* ----- Home Page --------- */

#home_left {
	float: left;
	display: inline;
	width: 433px;
	margin-right: 22px;
	background-image: url(/images/home_vertical.jpg);
	background-position: top right;
}
	#home_left div {
		float: left;
		display: inline;
		width: 433px;
		margin-bottom: 30px;
		padding-top: 23px;
	}
	#home_left div span {
		float: left;
		display: inline;
		width: 132px;
	}
	#home_left div span a { margin-left: 25px; }
	#home_left div p {
		float: left;
		display: inline;
		width: 275px;
	}
  #home_left p.title a, #home_left p.title a:active, #home_left p.title a:link, #home_left p.title a:hover, #home_left p.title a:visited {
    color: #3CA1FF;
    text-decoration: none;
  }
#home_right {
	float: left;
	display: inline;
	width: 405px;
	padding-top: 23px;
}
#home_right ul.bullets {
	width: 395px;
	margin-left: 10px;
  margin-top: 10px;
}
#home_right ul li span {
	float: left;
	display: inline;
	width: 290px;
}
#home_right ul li span.date {
	width: 65px;
	margin-left: 35px;
	color: #3CA1FF;
}
#home_right a.submit {
	float: right;
	clear: none;
	display: block;
	width: 86px;
	height: 26px;
	background-image: url(/images/signup.gif);
}

/* ----- App Styles ---- */

	#apps_list {
		float: left;
		display: inline;
		width: 860px;
	}
	#apps_list .app {
		float: left;
		display: inline;
		width: 860px;
		margin-bottom: 20px;
	}
	#apps_list .app .left {
		float: left;
		display: inline;
		width: 362px;
		height: 246px;
		margin-right: 60px;
		background-image: url(/images/app_list_bg.jpg);
	}
		#apps_list .app .left img { margin: 3px 0 0 3px; }
	#apps_list .app .right {
		float: left;
		display: inline;
		width: 400px;
		padding-top: 15px;
	}

	/* ----- Navigation ----- */
	
	#app_nav {
		float: left;
		display: inline;
		width: 860px;	
		height: 61px;
		margin-top: 3px;
		background-image: url(/images/app_nav_bg.jpg);
		background-position: bottom left;
	}
	#app_nav img {
		float: left;
		display: inline;
		margin: 0 20px 0 25px;
	}
	#app_nav span {
		float: left;
		display: inline;
		height: 47px;
		line-height: 44px;
	}
	#app_nav ul {
		float: right;
		display: inline;
		width: 487px;
		height: 47px;
	}
	#app_nav ul li {
		float: left;
		display: inline;
	}
	#app_nav ul li a {
		float: left;
		display: inline;
		height: 47px;
	}
	#app_nav ul li a span { display: none; }
	#app_nav ul li a:hover, #app_nav ul li a.selected { background-position: 0 -47px; }
	#app_nav ul li#overview a {
		width: 109px;
		background-image: url(/images/nav/overview.jpg);
	}
	#app_nav ul li#screenshots a {
		width: 144px;
		background-image: url(/images/nav/screenshots.jpg);
	}
	#app_nav ul li#demo a {
		width: 94px;
		background-image: url(/images/nav/demo.jpg);
	}
	#app_nav ul li#faq a {
		width: 69px;
		background-image: url(/images/nav/faq.jpg);
	}
	#app_nav ul li#download a {
		padding-left: 30px;
		width: 132px;
		background-image: url(/apps/whats_on_hd/images/appstore.png);
	}
	/* ----- Overview ------ */
	
	#app_main_image {
		float: right;
		display: inline;
		margin-bottom: 20px;
	}
	#app_main_content {
		float: left;
		display: inline;
		width: 380px;
		padding-top: 55px;
	}
	#app_main_content ul.bullets li span {
		float: left;
		display: inline;
		width: 355px;
		margin-left: 35px;
	}
	.app_step_block {
		float: left;
		display: inline;
		width: 820px;
		margin: 20px;
	}
	.app_step_block span {
		float: left;
		display: inline;
		width: 560px;
	}
	.app_step_block img.right {
		float: left;
		display: inline;
		margin-left: 35px;
	}
	.app_step_block img.left {
		float: left;
		display: inline;
		margin-right: 35px;
	}
	
	/* ---- Screenshots ---- */
	
	#app_screenshots {
		float: left;
		display: inline;
		position: relative;
		width: 820px;
		height: 675px;
		margin: 0 20px;
	}
	a#screenshot_previous {
		position: absolute;
		left: 0;
		top: 185px;
		width: 102px;
		height: 102px;
		background-image: url(/images/screenshot_previous.jpg);
	}
	a#screenshot_previous:hover { background-position: 0 -102px; }
	a#screenshot_next {
		position: absolute;
		right: 0;
		top: 190px;
		width: 90px;
		height: 92px;
		background-image: url(/images/screenshot_next.jpg);
	}
	a#screenshot_next:hover { background-position: 0 -92px; }
	#iphone {
		position: absolute;
		top: 31px;
		left: 278px;
		width: 251px;
		height: 534px;
		background-image: url(/images/iphone.jpg);
	}
		#iphone img {
			position: absolute;
			left: 23px;
			top: 76px;
		}
	#ipad {
		position: absolute;
		top: 31px;
		left: 238px;
		width: 400px;
		height: 534px;
		background-image: url(/images/iPad.png);
	}
		#ipad img {
			position: absolute;
			left: 51px;
			top: 47px;
		}
	#app_thumbs {
		position: absolute;
		top: 640px;
		left: 0;
		width: 860px;
		text-align: center;
	}
	#app_thumbs img {
		background-image: url(/apps/images/thumb_bg.jpg); 
		padding: 7px 9px 9px 8px;
		cursor: pointer;
	}
	#app_thumbs img.selected { background-position: 0 -116px; }
		
/* ----- Callouts ----------- */

#callouts {
	position: absolute;
	right: -22px;
	top: 80px;
	width: 371px;
	height: 563px;
	background-image: url(/images/callouts.jpg);
}
a#app_idea {
	position: absolute;
	display: block;
	top: 0;
	left: 20px;
	width: 340px;
	height: 230px;
}
a#hire_us {
	position: absolute;
	display: block;
	top: 250px;
	left: 25px;
	width: 340px;
	height: 230px;
}
		
/* ----- Form Styles -------- */

.group {
	float: left;
	clear: both;
	margin-bottom: 30px;
}
label {
	float: left;
	clear: both;
	width: 100%;
	font-size: 14px;
	color: #3CA1FF;
	margin: 0 0 7px 4px;
}
.text_field {
	float: left;
	clear: both;
	width: 296px;
	height: 25px;
	background-image: url(/images/text_field_bg.jpg);
}
.text_field input {
	float: left;
	width: 251px;
	height: 18px;
	padding: 7px 0 0 0;
	margin: 0 30px 0 15px;
	font-size: 12px;
	border: 0;
	font-family: "Lucia Grande", Helvetica, Arial;
	color: #444;
}
.text_area {
	float: left;
	clear: both;
	width: 465px;
	height: 201px;
	background-image: url(/images/text_area_bg.jpg);
}
.text_area textarea {
	float: left;
	display: inline;
	width: 435px;
	height: 171px;
	margin: 15px;
	border: 0;
	font-size: 12px;
	line-height: 16px;
	font-family: "Lucia Grande", Helvetica, Arial;
	color: #444;
}
div.dropdown {
	position: relative;
	float: left;
	clear: both;
	width: 296px;
	height: 19px;
	padding: 6px 0 0 15px;
	background-image: url(/images/dropdown_bg.jpg);
	border: 0;
	font-size: 12px;
	font-family: "Lucia Grande", Helvetica, Arial;
	color: #444;
	cursor: pointer;
}
div.selected { background-position: 0 -25px; }
div.dropdown span {
	position: absolute;
	display: block;
	top: 7px;
	left: 15px;
	height: 12px;
	line-height: 12px;
}
div.dropdown ul {
	position: absolute;
	display: none;
	top: 25px;
	left: 5px;
	width: 240px;
	background-color: #FCFCFC;
	border: 1px solid #CCC;
}
div.selected ul { display: inline; z-index: 10;}
div.dropdown ul li { 
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	border-bottom: 1px solid #EEE;
	cursor: pointer;
}
div.dropdown ul li:hover { background-color: #E9F4F8; }

/* something */
div.app_dropdown {
	position: relative;
	float: left;
	clear: both;
	width: 296px;
	height: 19px;
	padding: 6px 0 0 15px;
	background-image: url(/images/dropdown_bg.jpg);
	border: 0;
	font-size: 12px;
	font-family: "Lucia Grande", Helvetica, Arial;
	color: #444;
	cursor: pointer;
}
div.selected { background-position: 0 -25px; }
div.app_dropdown span {
	position: absolute;
	display: block;
	top: 7px;
	left: 15px;
	height: 12px;
	line-height: 12px;
	z-index: 0;
}
div.app_dropdown ul {
	position: absolute;
	display: none;
	top: 25px;
	left: 5px;
	width: 240px;
	background-color: #FCFCFC;
	border: 1px solid #CCC;
}
div.selected ul { display: inline; }
div.app_dropdown ul li { 
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	border-bottom: 1px solid #EEE;
	cursor: pointer;
}
div.app_dropdown ul li:hover { background-color: #E9F4F8; }




a.submit {
	float: left;
	clear: both;
	display: block;
	width: 123px;
	height: 26px;
	background-image: url(/images/submit.jpg);
}

#provider_lookup label {
	width: 125px;
	display: inline;
}
#provider_lookup .text_field { display: inline; }
		
/* ----- Footer Styles ------ */

#footer {
	float: left;
	width: 860px;
	margin: 25px 0 0 30px;
	color: #999;
	padding: 25px 0;
	background: transparent url(/images/footer_border.jpg) repeat-x top left;
}
#footer #links {
	float: left;
	width: 400px;
	//padding-top: 5px;
}
#footer a, #footer a:active, #footer a:visited {
	color: #999;
	text-decoration: none;
	padding-bottom: 1px;
}
#footer a:hover { border-bottom: 2px solid #999; }
#footer #copyright {
	float: right;
	text-align: right;
	width: 400px;
}
#footer #social a:hover {
	text-decoration: none;
	border-bottom: 0px;
}
#footer-contact {
	color: #ccc;
	font-size: .9em;
}


/* ----- Misc Styles ----- */

a span { display: none; }
a img { border: 0; }
a, a:active, a:visited {
	color: #FFA113;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
.bold { font-weight: bold; }
ul { list-style-type: none; }
p { margin-bottom: 20px; }
.error {
	font-weight: bold;
	color: #C33;
}
.title {
	font-size: 24px;
	font-weight: bold;
	color: #3CA1FF;
}
.sub_title {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	padding-top: 10px;
}
ul.bullets li {
	height: 15px;
	line-height: 15px;
	background-image: url(/images/update_bullet.jpg);
	background-position: 10px 0;
	margin-bottom: 15px;
}
ul.half li {
	float: left;
	display: inline;
	width: 48%;
}
ul.ten li {
	float: left;
	display: inline;
	width: 9%;
}

#aboutlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#aboutlist li
{
padding-left: 25px;
padding-top: 2px;
background-image: url(/images/update_bullet.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;
}