charset "UTF-8";
/* CSS Document */

/******* Global Items *******/
* { 							margin: 0; padding: 0; }  
body {							margin: 0; padding: 0;text-align: center;padding: 0 !important;padding-right: 1px;font-family: Arial, Helvetica, sans-serif;height: 100%;position: relative;color:#666;}
a:focus {						outline: none;}
a {								text-decoration: none;}
a img {							border-style: none;}
a:hover {						text-decoration: underline;}
image {							border: none;}

/******* Body Items *******/
#wrapper {						margin: 0 auto;width: 965px;text-align: left; background:url(images/hero_bg.gif);}
#headline {						background:url(images/header.jpg);height:105px;position:relative;}
/******* Header Items *******/
#masthead {						background:url(images/header.jpg);height: 102px;position:relative;}
#masthead h1 {					display: none;}
#masthead .link {				position:absolute;top:23px;left:45px;width:184px;height:67px;text-indent:-2000px;}
#hero {							background:url(images/home_hero.jpg);height:524px;position:relative;}
#hero h2 {						display:none;}
#hero h3 {						display:none;}
#hero #video-holder { 			width:280px; height:205px; top:26px; left:81px; position:absolute; }
#hero p { 						width:501px; height:64px; top:420px; left:433px; position:absolute; font-size:11px; }
#form-bg {						background:#054B90;padding: 23px 54px 5px 40px;background-image:url('images/form_bg.jpg');background-repeat:no-repeat;}

/******* Form *********/
#product { 						font-size:12px;width: 280px;float:left;margin: 0 0 0 45px;display:inline;}
#product strong {				color: #074B91; font-size: 15px;}
#product .price {				color:#333; font-size: 17px;}
#product input {				float:left; margin: 0 5px 0 0;}	
#product label{					float:left; width: 250px;}
#product p {					border-bottom:solid 1px #FFF;clear:both;padding:0 0 7px 0;margin:0 0 7px 0}
#person-billing {				width:475px;margin: 20px 3px 0 0;float:right;}
#person-info { 					float:left; font-size:12px; width: 230px; color:#FFF;}
#person-info label{				float:left; width: 100px;}
#person-info input {			float:left;width: 120px;}
#person-info p {				padding: 4px 0;clear:both;}
#billing-info { 				float:right;font-size:12px; width: 230px; color:#FFF;}
#billing-info label{			float:left; width: 70px;}
#billing-info input {			float:left;width: 135px;}
#billing-info select {			float:left;}
#billing-info p {				padding: 4px 0;clear:both;}
.submit {						border-top:solid 1px #648CB4;clear:both;padding:10px 0 7px 0;margin:0 0 7px 0;}


/******* Main Navigation *****/
#main_navigation {				height: 44px;width: 574px;padding: 0;position:absolute;right: 0;bottom: 0;}
#nav {							list-style: none;margin: 0;padding: 0;height: 44px;width: 574px;display: inline;bottom: 0 !important;bottom: -1px;overflow: hidden;}
#nav li {						margin: 0;padding: 0;display: inline;list-style-type: none;}
#nav a {						float: left;height: 44px;overflow: hidden;text-indent: -1000em;}
#nav a:hover {					background-position: 0 0;}
#how a {						background:url(images/how.jpg) no-repeat bottom;width:189px;}
#what a {						background:url(images/what.jpg) no-repeat bottom;width:151px;}
#faq a {						background:url(images/faq.jpg) no-repeat bottom;width:87px;}
#order a {						background:url(images/order.jpg) no-repeat bottom;width:147px;}
/* On state */
#homepage #home a, #whatpage #what a, #howpage #how a, #faqpage #faq a {background-position: 0 0;}

/******* Footer Items *******/
#footer {						background:#FFF;margin:0;padding:15px 0 0 0;border:1px solid #FFF;}
#footer p {						padding: 5px 0 5px 5px;font-size:12px;}
#footer a {						font-size:12px;color:#666;padding: 0 7px;}

/******* Error items *******/
.error{						border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;background-image:url(images/error.jpg); background-repeat:no-repeat;background-position:right;margin:0;font-size:11px;}
.error li{					margin: 0 0 0 10px;padding: 0}
.error ul {					padding: 0; margin: 0 0 15px 20px;}
.error_payment{				border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;background-image:url(images/error.jpg); background-repeat:no-repeat;background-position:right;margin: 10px 15px 10px 15px;}
.error_payment li{			margin: 0 0 0 10px;padding: 0 70px 0 0;}
.error_payment ul {			padding: 0; margin: 0 0 15px 20px;}

/******* Interior Items *******/

#lt-panel {					width:392px;height:471px;float:left; background:url(images/lt_bg.jpg) no-repeat;}
#h-hero {					width:573px;float:left;}
#h-hero h1 {				background:url(images/how-header.jpg); width:573px;height:105px;text-indent:-2000px;padding:0;margin:0;}
#h-hero h2 {				background:url(images/how_title.gif); width:573px;height:50px;text-indent:-2000px;padding:0;margin:0;}
#h-hero p {					padding: 5px 25px 5px 35px;font-size: 11px;}
#h-hero ul {				padding: 5px 25px 5px 60px;font-size: 11px;}
.step1 {					background:url(images/form_header.gif);height: 40px;clear:both;}
.source {					font-size:10px; font-style:italic; padding: 5px 25px 0 35px}

#h-hero-con {				width:573px;float:left;height:500px; position:relative;}
#h-hero-con h1 {			background:url(images/how-header.jpg); width:573px;height:90px;text-indent:-2000px;padding:0;margin:0;}
#h-hero-con h2 {			background:url(images/how_title.gif); width:573px;height:50px;text-indent:-2000px;padding:0;margin:0;}
#rollover {					position:absolute; top:160px; left:40px; width:165px; height:250px;margin:0;padding:0; z-index:100}
#rollover ul { 			 	margin:0;padding:20px 0 0 0;}
#rollover li {				list-style-type:none;font-size:13px;font-weight:bold;}
#rollover a {				color:#666;padding: 6px 0;width:100%;display:block;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#rollover a:hover {			color:#F1771B; border-top:1px solid #999;border-bottom:1px solid #999;text-decoration:none;width:165px;display:block;border-right:1px solid #fff;}
#rollover .rollover-hover {	color:#F1771B; border-top:1px solid #999;border-bottom:1px solid #999;text-decoration:none;width:165px;display:block;border-right:1px solid #fff;}
.whatsinit { 				position:absolute; top:144px; left:205px; width:350px; font-size:11px; line-height:18px;border-left:1px solid #999; padding-left:10px; z-index:10;}



#rollover-what {			border-right:1px solid #999;position:absolute; top:160px; left:40px; width:180px; height:250px;margin:0;padding:0 0 0 0;}
#rollover-what ul { 		margin:0;padding:20px 0 0 0;width:250px;}
#rollover-what li {			list-style-type:none;font-size:13px;font-weight:bold;}
#rollover-what a {			color:#666;padding: 6px 0;width:180px;display:block;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#rollover-what a:hover {	color:#F1771B; border-top:1px solid #999;border-bottom:1px solid #999;text-decoration:none;width:180px;display:block;border-right:1px solid #fff;}
#rollover-what .rollover-hover {	color:#F1771B; border-top:1px solid #999;border-bottom:1px solid #999;text-decoration:none;width:180px;display:block;border-right:1px solid #fff;}
.whatsinit-what { 			position:absolute; top:164px; left:243px; width:330px; font-size:11px; line-height:18px;}
