@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin-left: auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.
.
.
/* Hack to get IE to display fieldset/legend correctly */ 
html fieldset { 
  position: relative; 
} 

html legend { 
  position:absolute; 
  top: -1em; 
  left: .5em; 
} 

html fieldset { 
  position: relative; 
  margin-top:4em;
  margin-left:1em;
  margin-right:1em; 
  padding-top:2em; 
  padding-bottom: 2em; 
}

#mainContent {
	position:relative;
	height: 750px;
	width: 740px;
	margin-left: auto;
	margin-bottom:0;
	margin-top:-30px;
	margin-right: auto;
	padding:0;
	background-image: url(/images/mainarea.png);
	background-repeat:no-repeat;
	background-position: center;

}

#tffreedom {
	position: absolute;
	text-align: center;
	color:#0080BA;
	font-family:Arial Black;
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 390px;
}

#introvideotxt {
	position: absolute;
	text-align: left;
	color:#FFFFFF;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 387px;
	margin-top: 162px;
	width: 325px;
}

#noselltxt {
	position: absolute;
	text-align: center;
	color:#FFFFFF;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 365px;
	margin-top: 640px;
	width: 350px;
}

#realpeople {
	position: absolute;
	text-align: center;
	color:#003856;
	font-family:Arial Black;
	font-size: 26px;
	font-weight: bold;
	margin-left: 372px;
	margin-top: 60px;
}

#earningrealmoney {
	position: absolute;
	text-align: center;
	color:#003856;
	font-family:Arial Black;
	font-size: 26px;
	font-weight: bold;
	margin-left: 410px;
	margin-top: 100px;
}

#frontpagetxt {
	position: absolute;
	text-align: left;
	color:#003856;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-top: 425px;
}

#frontpagetxt li {
	list-style:disc;
}

#getpaiddaily {
	position: absolute;
	text-align: center;
	font-family: Times New Roman;
	font-size: 35px;
	color:#0080BA;
	font-weight: bold;
	margin-left: 77px;
	margin-top: 59px;
}

#container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 753px;
	background-image: url(/images/bkground.png);
} 

#purplecolumn {
	position:absolute;
	height:512px;
	width:350px;
	background-image: url(/images/purplecolumn.png);
	background-repeat:no-repeat;
	margin-left: 365px;
	margin-top: 150px;
	margin-bottom:0;
}

#familyswimming {
	position:absolute;
	height: 344px;
	width:  328px;
	background-image: url(/images/familyswimming.png);
	background-repeat:no-repeat;
	margin-left: 30px;
	margin-top: 36px;
}

#header {
	height: 50px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;

} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#footer {
	margin-top: 717px;
	margin-left: 180px;
	position: absolute;
	color:#003856;
	font-size: 16px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

#welcome {
	width:500px;
	position: absolute;
	color:#3B4C58;
	margin-left: 30px;
	margin-top: 15px;
	text-align:left;
	font-weight:bold;
	font-size: 12px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*  Congatulatoins Page */
#thank_you {
	position: absolute;
	text-align: left;
	color:#003856;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-left: 70px;
	margin-top: 90px;
}

#thank_you_text {
	position: absolute;
	width: 600px;
	text-align: left;
	color:#003856;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 70px;
	margin-top: 120px;
}

#free_site {
	position: absolute;
	text-align: left;
	color:#003856;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-left: 70px;
	margin-top: 325px;
}

#free_information {
	position: absolute;
	width: 600px;
	text-align: left;
	color:#003856;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 70px;
	margin-top: 355px;
}

#register_button{
	position: absolute;
	margin-left: 235px;
	margin-top: 475px;
}

/* Video Style*/
/*#intro {
	position:absolute;
	margin-top: 215px;
	margin-left: 382px;
	width: 320px; 
	height: 263px;
}*/

#intro {
	position:absolute;
	margin-top: 75px;
	margin-left: 135px;
	width:465px;
	height:390px;
}

#video2_frontpage {
	position:absolute;
	margin-top: 175px;
	margin-left: 135px;
	width:465px;
	height:390px;
}

#iphoneintro {
	position:absolute;
	margin-top: 215px;
	margin-left: 480px;
	height: 264px;
	width: 132px;
}

#video2 {
	position:absolute;
	margin-top: 175px;
	margin-left: 135px;
	width:465px;
	height:390px;
}

#iphonevideo2 {
	position:absolute;
	margin-top: 200px;
	margin-left: 290px;
	height: 264px;
	width: 132px;
}

#iphonenext {
	position:absolute;
	margin-top: 475px;
	margin-left: 290px;
	height: 264px;
	width: 132px;
}

#video_instructions {
	position: absolute;
	margin-top: 465px;
	margin-left: 50px;
	color: #FF0000;
}

#video_instructions2 {
	position: absolute;
	margin-top: 585px;
	margin-left: 50px;
	color: #FF0000;
}

#video_instructions3 {
	position: absolute;
	margin-top: 655px;
	margin-left: 50px;
	color: #FF0000;
}

/* video2 page*/
#video2_welcome {
	position:absolute;
	margin-top: 100px;
	margin-left: 50px;
	width: 630px;
	font-size: 23px;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#0080BA;
}

#login {
	width:500px;
	position: absolute;
	margin-left: 530px;
	margin-top: 15px;
	text-align:left;
	font-weight:bold;
	font-size: 12px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#best_viewed {
	position:absolute;
	margin-top: 155px;
	margin-left: 50px;
	width: 630px;
	text-align: left;
	font-size: 12px;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#003856;
}

#please_watch {
	position:absolute;
	margin-top: 570px;
	margin-left: 50px;
	width: 630px;
	font-size: 12px;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#003856;
}

/* Testimonials */
#congrats {
	position:absolute;
	margin-top: 45px;
	margin-left: 33px;
	width: 375px;
	text-align:left;
	font-size: 18px;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#0080BA;
}

/*#mike {
	position:absolute;
	margin-top: 200px;
	margin-left: 500px;
	font-size: 16px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 200px;
	color:#003856;
	text-align:left;
}

#mike it {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
}

#mary {
	position:absolute;
	margin-top: 365px;
	margin-left: 500px;
	font-size: 16px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 200px;
	color:#003856;
	text-align:left;
}

#mary it {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
}

#jack {
	position:absolute;
	margin-top: 200px;
	margin-left: 35px;
	font-size: 16px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 200px;
	color:#003856;
	text-align:left;
}

#jack it {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
}

#kelly {
	position:absolute;
	margin-top: 365px;
	margin-left: 35px;
	font-size: 16px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 200px;
	color:#003856;
	text-align:left;
}

#kelly it {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
}*/

/* Signup Page*/
#yourinformation{
	position: absolute;
	text-align: center;
	color:#0080BA;
	font-family:Arial Black;
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 20px;
}

#your_information_txt{
	position: absolute;
	text-align: left;
	width: 690px;
	color:#003856;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-top: 40px;
}

#signup_top_form{
	position: absolute;
	text-align: left;
	color:#003856;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-top: 225px;
}

#signup_top_form label{
	width: 200px;
	padding-right: 15px;
	vertical-align:middle;
}

#Terms{
	position: absolute;
	text-align: center;
	color:#0080BA;
	font-family:Arial Black;
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 475px;
}

#Termstxt{
	position: absolute;
	text-align: left;
	width: 690px;
	color:#003856;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-top: 505px;
}

#signup_bottom_form{
	position: absolute;
	text-align: left;
	color:#003856;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-top: 565px;
}

#signup_bottom_form label{
	width: 200px;
	vertical-align:middle;
}

#signup_bottom_form input{
	width: 50px;
	vertical-align:middle;
}

#signup_submit{
	position: absolute;
	margin-left: 250px;
	margin-top: 675px;
}

/* Thank for signing up page */
#account_created{
	position: absolute;
	color:#0080BA;
	font-family:Arial Black;
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 20px;
}

#account_text{
	position: absolute;
	width: 690px;
	color:#003856;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-top: 40px;
}

/* Form Styles */
fieldset {
background: #CFC391;
}

legend {
color: white;
background: #C53417;
padding: .4em 1em;
}

label {
width: 11.52em;
float: left;
text-align: right;
margin-right: 0.2em;
display: block;
}

small {
	padding-left: 14.5em;
}

#final_form{
	position:absolute;
	text-align:center;
	margin-top:10px;
	margin-left:385px;
	padding: 35px 30px 32px 40px;
	font-size: 14px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#form {
	background-repeat:no-repeat;
	position:absolute;
	text-align:center;
	margin-top:475px;
    margin-left:200px;
	padding: 35px 30px 32px 40px;
}

input {width:220px}

textarea {
	width:220px;
	height:40px;
}

select {
	width:224px;
}

.form_row {
white-space: nowrap;
padding-bottom: 5px;
}

.submit {
margin-left: 0px;
width:100px;
}

/* Error Reporting Styles */
.fieldWithErrors {
margin: 2px;
padding: 2px;
background-color: red;
display: table;
}
#errorExplanation {
position:absolute;
border: 2px solid red;
padding: 7px;
width: 328px;
height: 259px;
/*padding-bottom: 12px;*/
margin-top: 381px;
margin-left: 22px;
background-color: #f0f0f0;
}
#errorExplanation h2 {
text-align: center;
font-weight: bold;
padding: 5px 0px 5px 0px;
font-size: 12pt;
margin: -7px;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 0px;
text-align: left;
}
#errorExplanation ul li {
font-size: 11pt;
list-style: square;
text-align:left;
padding-top: 0px;
}

/* Flash Notice Style */
#notice {
position:absolute;
border: 1px solid black;
padding: 1em;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 200px;
background-color:#E8DED5;
font: bold smaller sans-serif;
font-size:20px;
color:#0080BA;
width: 600px;
}

/* Login Page */
.not_member {
	padding: 0.5em;
}