/* ================================================================================ */
/* CLEAR THE DEFAULT BROWSER VALUES */
/* ================================================================================ */

html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, form, fieldset, a, div, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* ================================================================================ */
/* WEBSITE STYLES */
/* ================================================================================ */

#accessibility {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1px;
	font-size: 0.1em;
}

body {
	margin: 0px;
	font-size: 62.5%; /*Sets all fonts to 10px*/
}

.clearFloats {
	clear:both;
	font-size:0.1em;
}

#cornerTopLeft {
	position:absolute;
	left:0px;
	top:0px;
	width:336px;
	height:70px;
}

#cornerTopRight {
	position:absolute;
	left:470px;
	top:0px;
	width:358px;
	height:70px;
}

#homeButton {
	position:absolute;
	left:166px;
	top:29px;
	width:121px;
	height:37px;
}

#curvesTop {
	width:860px;
	height:34px;
}

#headerSpace {
	height:70px;	
}

#logo {
	position:absolute;
	left:310px;
	top:37px;
	width:200px;
	height:193px;
}

#dd {
	position:absolute;
	left:0px;
	top:68px;
	width:200px;
	height:193px;
}

#promo {
	position:absolute;
	left:541px;
	top:103px;
	width:255px;
	height:auto;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:1.2em;
	line-height:1.4em;
	background-color:#90b332; 
	padding:6px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

#promo a{
	color:#FFF;	
}


#content {
	float:left;	
	width:812px;
}

#content h1{
	font-size:2em;
	line-height:1.5em;
	margin-bottom:10px;
	padding-left:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#FFF;
}

#content h2{
	font-size:2em;
	line-height:1.5em;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#FFF;
	clear:both;
}

#contentLeft {
	float:left;
	width:362px;
	margin-left:42px;
}

#contentRight {
	float:left;
	width:359px;
	margin-left:30px;
}

#contentLeft p, #contentRight p{
	margin-bottom:1.5em;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.3em;
	color:#FFF;
}

#contentLeft a, #contentRight a{
	text-decoration:underline;
	color:#FFF;
	font-weight:bold;
}

.contentSplit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.3em;
	color:#FFF;
	float:left;
	width:180px;
}

#crystalBox {
	background:url(lib/graphics/crystal-box-middle.gif) left top repeat-y;
	color:#FFF;
	margin-top:25px;
}

#crystalBox p{
	padding:0px 30px;
	font-size:1.3em;
	line-height:1.3em;
	margin-bottom:0px;
}

#crystalBoxTitle {
	font-size:1.8em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:url(lib/graphics/crystal-box-top.gif) left top no-repeat;
	padding-left:30px;
	line-height:2.5em;
}

#crystalBoxBottom {
	background:url(lib/graphics/crystal-box-bottom.gif) left top no-repeat;
	width:359px;
	height:37px;
	margin-bottom:62px;
}

#footer {
	background-color:#FFF;
	background:url(lib/graphics/header-white.gif) left top repeat-y;
	color:#67308f;
	font-size:1.1em;
	padding:0px 0px 10px 44px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer a{
	color:#67308f;	
}

#instructionsMovieHome {
	width:362px;
	height:222px;
	margin-top:25px;
}

#navigation {
	float:right;
	width:143px;
	overflow:hidden;
}

#navigation ul li{
	height:58px;
	width:143px;
	overflow:hidden;
	margin-bottom:3px;
	position:relative;
}

#navigation ul li a {
	position:absolute;
	height:40px;
	width:111px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	font-weight:bold;
	line-height:1.3em;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}

.doubleLine {
	left:32px;
	top:12px;
}

.singleLine {
	left:32px;
	top:19px;
}

#newFlash {
	position:absolute;
	left:36px;
	top:107px;
	width:131px;
	height:131px;
}

#page {
	height: auto;
	width: 955px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:relative;
}

#page.greenTemplate {
	background:url(lib/graphics/background-tile-green.gif) left top repeat-y;
}

#page.greenTemplate #curvesTop {
	background:url(lib/graphics/top-curves-green.gif) left top no-repeat;
}

#page.greenTemplate #pageInner {
	background:url(lib/graphics/bottom-curves-green.gif) left bottom no-repeat;
}

#page.greenTemplate #pageInner #navigation ul li.blueUnselected {
	background:url(lib/graphics/navigation-blue.gif) 0px 0px no-repeat;
}

#page.greenTemplate #pageInner #navigation ul li.purpleUnselected {
	background:url(lib/graphics/navigation-purple.gif) 0px 0px no-repeat;
}

#page.greenTemplate #pageInner #navigation ul li.orangeUnselected {
	background:url(lib/graphics/navigation-orange.gif) 0px 0px no-repeat;
}


#page.blueTemplate {
	background:url(lib/graphics/background-tile-blue.gif) left top repeat-y;
}

#page.blueTemplate #curvesTop {
	background:url(lib/graphics/top-curves-blue.gif) left top no-repeat;
}

#page.blueTemplate #pageInner {
	background:url(lib/graphics/bottom-curves-blue.gif) left bottom no-repeat;
}

#page.blueTemplate #pageInner #navigation ul li.blueUnselected {
	background:url(lib/graphics/navigation-blue.gif) 0px -232px no-repeat;
}

#page.blueTemplate #pageInner #navigation ul li.blueSelected {
	background:url(lib/graphics/navigation-blue.gif) 0px -290px no-repeat;
}

#page.blueTemplate #pageInner #navigation ul li.purpleUnselected {
	background:url(lib/graphics/navigation-purple.gif) 0px -232px no-repeat;
}

#page.blueTemplate #pageInner #navigation ul li.orangeUnselected {
	background:url(lib/graphics/navigation-orange.gif) 0px -232px no-repeat;
}


#page.purpleTemplate {
	background:url(lib/graphics/background-tile-purple.gif) left top repeat-y;
}

#page.purpleTemplate #curvesTop {
	background:url(lib/graphics/top-curves-purple.gif) left top no-repeat;
}

#page.purpleTemplate #pageInner {
	background:url(lib/graphics/bottom-curves-purple.gif) left bottom no-repeat;
}

#page.purpleTemplate #pageInner #navigation ul li.blueUnselected {
	background:url(lib/graphics/navigation-blue.gif) 0px -116px no-repeat;
}

#page.purpleTemplate #pageInner #navigation ul li.purpleUnselected {
	background:url(lib/graphics/navigation-purple.gif) 0px -116px no-repeat;
}

#page.purpleTemplate #pageInner #navigation ul li.purpleSelected {
	background:url(lib/graphics/navigation-purple.gif) 0px -174px no-repeat;
}

#page.purpleTemplate #pageInner #navigation ul li.orangeUnselected {
	background:url(lib/graphics/navigation-orange.gif) 0px -116px no-repeat;
}


#page.orangeTemplate {
	background:url(lib/graphics/background-tile-orange.gif) left top repeat-y;
}

#page.orangeTemplate #curvesTop {
	background:url(lib/graphics/top-curves-orange.gif) left top no-repeat;
}

#page.orangeTemplate #pageInner {
	background:url(lib/graphics/bottom-curves-orange.gif) left bottom no-repeat;
}

#page.orangeTemplate #pageInner #navigation ul li.blueUnselected {
	background:url(lib/graphics/navigation-blue.gif) 0px -348px no-repeat;
}

#page.orangeTemplate #pageInner #navigation ul li.purpleUnselected {
	background:url(lib/graphics/navigation-purple.gif) 0px -348px no-repeat;
}

#page.orangeTemplate #pageInner #navigation ul li.orangeUnselected {
	background:url(lib/graphics/navigation-orange.gif) 0px -348px no-repeat;
}

#page.orangeTemplate #pageInner #navigation ul li.orangeSelected {
	background:url(lib/graphics/navigation-orange.gif) 0px -406px no-repeat;
}

#pageInner #navigation ul li.blueUnselected a{
	color:#dff4fc;	
}

#pageInner #navigation ul li.blueSelected a{
	color:#00aced;	
}

#pageInner #navigation ul li.blueUnselected a:hover{
	color:#ffffff;	
}

#pageInner #navigation ul li.purpleUnselected a{
	color:#ede6f1;	
}

#pageInner #navigation ul li.purpleSelected a{
	color:#672f8f;	
}

#pageInner #navigation ul li.purpleUnselected a:hover{
	color:#ffffff;	
}

#pageInner #navigation ul li.orangeUnselected a{
	color:#fef2e4;	
}

#pageInner #navigation ul li.orangeSelected a{
	color:#f6921e;	
}

#pageInner #navigation ul li.orangeUnselected a:hover{
	color:#ffffff;	
}

.question {
	background:url(lib/graphics/icon-Q.gif) 0px 0px no-repeat;
	padding-left:50px;
	margin-bottom:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.3em;
	color:#FFF;
}

.answer {
	background:url(lib/graphics/icon-A.gif) 0px 0px no-repeat;
	padding-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.3em;
	color:#FFF;
	margin-bottom:1.5em;
}

#fbk {
	padding-top:50px;	
}

#strapline {
	padding-left:146px;
	padding-top:150px;
	padding-bottom:10px;
}

table {
	border-collapse: collapse;
}

table caption {
	text-align: left;
	font-weight:bold;
	padding: 0px 0px 4px 0px;
}

th {
	text-align: left;
	font-weight:bold;
}

th, td {
	padding: 4px;
}

#whoMovie {
	margin-top:45px;
	margin-bottom:6px;
}

#contentRight label {
	color:#FFF;
	font-size:1.2em;
}

#contentRight #txtName, #contentRight #txtEmail,  #contentRight #txtMessage{
	width:250px;	
}

#contentRight .error p {
	color:#000;	
}

.youtube {
	margin-bottom:25px;	
}