html {
	overflow-x: auto;
	overflow-y: scroll;
}

body {
	height: 100%;
	min-height: 100%;
}

a {
	color: rgb(247,189,15);
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a.smaller {
	font-size-adjust: .33;
}

body {
	background-color: #B5B5B5;
	background-image: url('../img/background.png');
	background-repeat: repeat-x;
	background-attachment:relative;
	background-position: 0px 0px;

	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 24px;
}

em {
	color: rgb(247,189,15);
	font-style: normal;
}

em.title {
	font-size: 11pt;
}

h2, h3, h4 {
	margin-bottom: 5px;
}

h2 {
	font-size: 2em;
	letter-spacing: 1px;
	font-weight: bold;
}

/* support question headers */
h3 {
	font-size: 2.25em;
}

h4 {
	font-size: 1.1em;
	letter-spacing: 1px;
}

h5 {
	font-size: 11pt;
}

hr {
	margin: 2em 0;
}

label.error {
	color: red;
	font-size: .9em;
	line-height: 15px;
}

p {
	line-height: 1.25;
	margin-bottom: .5em;
	color: #666666;
    opacity 0.9999;
}

p.large {
	font-size: 20px;
	color: #666666;
	margin-bottom: 1em;
}

p.largeMain {
	font-size: 20pt;
	color: #FFFFFF;
	margin-bottom: 1em;
}

p.large2 {
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 1em;
}

.lefty 		{ float: left;  }
.righty 	{ float: right; }

.hide {
	display: none;
}

.row {
	width: 100%;
	clear: both;
	overflow: hidden;
}

ul.bordered li {
	border-right: 1px solid #777;
	padding: 0 1em;
}

ul.bordered li.first {
	padding-left: 0;
}

ul.bordered li.last {
	border-right: none;
	padding-right: 0;
}

#container {
	width: 910px;
	margin: 0 auto 25px;
	position: relative;
	top: 25px;
}
			
#header img#logo {
	position: relative;
	left: 48px;
	bottom: 5px;
	padding: 0;
	border: 0;
}

#header h3 {
	color: #FFF;
	display: inline;
	position: relative;
	top: -8px;
}

/* see css file: nav.css */

#content {
	min-height: 425px;
	background: #FFFFFF;
	padding: 2em 45px;
	overflow: hidden;
}

#footer {
	background: #FFFFFF;
	padding: 2em 45px;
}

div.generic.lefty 	{ width: 65%; }

div.feature {
	width: 40%;
	margin-right: 5em;
}

div.feature p {
	margin-top: 1em;
}

div.contact fieldset {
	width: 430px;
	margin: 2em auto 0;
	
	position: relative;
	left: -3em;
}

div.contact ul li {
	clear: both;
	overflow: hidden;
	padding: 2px 0;
}

div.contact ul li label {
	float: left;
	width: 7em;
	text-align: right;
}

div.contact ul li div {
	float: right;
	width: 315px;
}

div.contact ul li div label.error ,
div.contact ul li div input[type='text'] {
	width: 306px;
}


div.contact ul li div textarea {
	width: 310px;
}

div.contact ul li div select {
	width: 312px;
}

div.screen {
	position: relative;
	z-index: 90;
}

div.screen .lefty  { width: 35%; }
div.screen .righty { width: 65%; }

div.screen .righty #movie {
	padding-top: 5px;
	padding-bottom: .5em;
	text-align: center;
}

div.screen .righty p.caption {
	font-size: 1.25em;
	width: 416px;
	margin: 0 auto;
}

.backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 745px;
	height: 100% !important;	
	background: #000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:10;
}

div.controller {
	padding: 0 45px;
	width: 820px;
	height: 30px;
	background-repeat: repeat-x;
	background-image:url('../img/view_bar.gif');
	position: relative;
}

div.controller a {
	float: left;
	position: relative;
	top: 6px;
	padding-right: 10px;
}

div.controller a.flag {
	overflow: hidden;
	height: 16px;
}

div.controller a.flag:hover img {
	position: relative;
	top: -16px;
}

ul.demos li {
	float: left;
	width: 272px;
	margin-bottom: 2em;	
	line-height: 1.25;
}

ul.demos li img {
	float: left;
	margin-right: 8px;
	width: 95px;
}

ul.demos li span.title {
	font-size: 1.1em;
}

ul.demos li span.citation {
	color: #777;
}

#footer {}

#footer #news {
	margin-bottom: -3em;
}

#footer #news p {
	width: 35%;
}

#footer #app_store {
	float: right;
}

#footer div.row {
	padding-top: 10px;
	line-height: 1.25em;
}

#footer div.row a {
	color: #777;
}

#footer ul li {
	float: left;
}

#footer div.row ul.righty {
	position: relative;
	left: -1px;
}