html { background-color: #000 }
body { 
	background: #000 url("http://static.remotehd.com/images/body-background-hd.png") top left repeat-x;
	font-family: "Lucida Grande","Lucida Sans Unicode";
	margin: 0;
	color: #fff;
}
a { color: #0af; }
a:hover { color: #fa0; text-decoration: none; }
a:link, a:visited, a:active { text-decoration: none; }
a.more { padding-right: 10px; background: url(http://static.remotehd.com/images/icons/morearrow_0af.png) no-repeat 100% 50%; zoom: 1; }
a[rel="external"], a.external { white-space: nowrap; padding-right: 15px; background: url(http://static.remotehd.com/images/icons/external10x10.png) no-repeat 100% 50%; zoom: 1; }
a.dl { background: url(http://static.remotehd.com/images/icons/globalicondl11x10.png) 0 0.4em no-repeat; display: block; padding-left: 20px; }


.remotehdhide { display:none; }

/* ------ HEADER ------- */
div#hd {
	background: url("http://static.remotehd.com/images/header-logo-remotehd.jpg") top left no-repeat;
	height: 143px;
	margin: 0;
}
div#hd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* make a parent object expand to contain all of its content objects when all of the contents are floated. */

div#hd div#branding { 
	border: 0px solid red;
	margin: 0 0 0 100px;
}

div#hd div#branding h1 { 	
	float: left;
	height: 101px;
	margin: 0;
	text-indent: -999em;	
}
div#hd div#branding img#logotype { float: left; }
div#hd div#branding span {
	color: #999999;
	float: left;
	font-size: 1em;
	padding: 5.3em 0 0 0;
}
div#hd div#branding div#appstore { float: right; padding: 1.5em 0 0 0; }


/* ----------- MAIN NAVIGATION -------------- */
div#hd div#mynav {
	border: 0px solid purple;
	clear: both;
	padding: 2em 0 0.5em 0;
}
div#main-navigation { border: 0px solid orange; color: #ccc; margin: -2.2em 0 0 0; }
div#main-navigation ul { text-align: right; margin-right: 0; margin-bottom: 0.9em; }
div#main-navigation ul li {
	background: url("http://static.remotehd.com/images/sep.png") center right no-repeat;
	display: inline; 
	list-style-type: none; 
	padding: 0.5em 0.6em 0.5em 0.4em;
}
div#main-navigation ul li h3 { display: inline; font-size: 93%; font-weight: normal; }
div#main-navigation ul li.last { background: none; padding-right: 0; }
div#main-navigation a { text-decoration: none; color: #ccc; }
div#main-navigation li.selected a { text-decoration: none; color: #0af; }
div#main-navigation a:hover { color: #fa0 }


/* ----------- PLATFORM NAVIGATION -------------- */
div#main-navigation div#platform-selector {
	background: url(http://static.remotehd.com/images/platform-selection-off.png) top left no-repeat;
	float:left; 
	font-size: 93%; 
	height: 2em; 
	margin: -0.4em 0 0 0; 
	padding: 0.3em 0 0 2.2em; 
	width: 16em;
}
div#main-navigation div#platform-selector a { text-decoration: none; }
div#main-navigation div#platform-selector span#atv { padding: 0 0 0 2.6em }
div#main-navigation div#platform-selector span#pc { padding: 0 0 0 2.5em }
div#main-navigation div#platform-selector span.selected a { color: #fff;  }
div#main-navigation div#platform-selector a { color: #aaa;  }
div#main-navigation div#platform-selector.platform-1 { background: url(http://static.remotehd.com/images/platform-selection-1.png) top left no-repeat; }
div#main-navigation div#platform-selector.platform-2 { background: url(http://static.remotehd.com/images/platform-selection-2.png) top left no-repeat; }
div#main-navigation div#platform-selector.platform-3 { background: url(http://static.remotehd.com/images/platform-selection-3.png) top left no-repeat; }






/* ----------------- BODY ---------------- */

div#bd { background: #fff; color: #333; /*padding: 2em;*/ }
div#bd div#frontpage-topbanner {
	background: url("http://static.remotehd.com/images/overview/frontpage-fullwidth-banner-ipadready.jpg") top left no-repeat;
	height: 180px;
	margin: -2em -2em 2em -2em;
}
div#bd div#yui-main { padding: 2em; width: 94%; }


/* ----------------- FOOTER ---------------- */

div#ft { border: 0px solid lime; color:#555; font-size: 77%; }
div#ft ul { text-align: right; margin-right: 0; }
div#ft ul li {
	background: url("http://static.remotehd.com/images/sep.png") center right no-repeat;
	display: inline; 
	list-style-type: none; 
	padding: 0.5em 1em 0.5em .6em;
}
div#ft ul li.last { background: none; padding-right: 0 }




/* -- sub navigation -- */
#subnavigation { display: block; padding: 4px 0px; }
#subnavigation ul { display: inline; }
#subnavigation ul li { display: inline; font-size: 1.1em; padding: 0 8px 0 0; }
#subnavigation ul li.last { display: inline; font-size: 1.1em; }
#subnavigation ul li a { color: #777777; text-decoration: none; }
#subnavigation ul li.chosen a { color: #0af; }
#subnavigation ul li a:hover { color: #0af; }



#formview td
{
    border: 0px;
}

#formview select, #formview select, #formview input[type="text"], #formview textarea
{
	width: 400px;
	font-size: 1em;
	padding: 0; margin: 0;
}

#formview input[type="submit"]
{
	width: 150px;	
}

#bd { line-height: 1.5em; }
ul,ol { list-style: none; }
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }

ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }