html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


#home-overlay{
	background:url(../images/trans.png);
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9;
}

#home-pop{
	position:absolute;
	border:1px solid #FFF;
	background:#BBB;
	width:500px;
	height:80px;
	top:50%;
	left:50%;
	margin: -50px 0px 0px -300px;
	padding: 10px;
	color:#000;
	z-index:10;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	line-height:18px;
}

/* COMMON ELEMENTS
---------------------------------------------- */
body {margin: 0; text-align: center; background: #eee; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; }
.container {position: relative; width: 1024px; text-align: left; margin: 0 auto;}
img, input.button {behavior: url("iepngfix.htc")}
a {color: #6aa5b0; text-decoration: none;}
a:hover {color: #46828e;}
a span.arrow {font-weight: bold; font-size: 14px; color: #96bee5;}
form .formRow {float: left; clear: left; width: 100%; margin-bottom: 8px;}
form .formRow label {float: left; font-size: 13px; width: 140px; line-height: 25px;}
form .formRow .elements {float: left;}
form .formRow .elements .textEntry {float: left; width: 250px; border: 1px solid #b7b7b7; padding: 1px; font-size: 14px; }
form .formRow .elements .textEntry:focus {background: #FFC; border: 1px solid #cbd9a2;}
form .formActions {float: left; clear: left; width: 100%;}
.block {float: left; width: 100%; clear: left;}








/* THANK YOU
---------------------------------------------- */

body.thanks {float: left; width: 100%; background: #000 url('../images/bg_thanks.gif') top repeat-x;}
#thanks {float: left; width: 100%; background: url('../images/bg_thanks-splash.jpg') top center no-repeat;}
form .formRow label {color: #fff; font-weight: bold; width: 100px;}
form .formRow .elements .textEntry {width: auto;}
form .formRow .elements label {width: auto; padding: 0 10px;}
#thanks form {position: absolute; top: 150px; right: 190px;}
#thanks form .formActions input {margin: 20px 0 0 20px;}
#offers {float: left; width: 460px; margin-top: 150px; margin-left: 60px; margin-bottom: 25px; display: inline; color: #ccc;}
#offers h1 {color: #fff; font-size: 28px; font-weight: normal; margin-bottom: 10px;}
#offers form {clear: left; display: block; float: left; width: 460px; position: relative; right: auto; top: auto; padding-bottom: 15px; border-bottom: 1px dotted #666; margin-bottom: 25px;}
#offers form label {float: left; clear: left; width: 40px; line-height: 22px; margin-right: 5px;}
#offers form input {float: left; margin-bottom: 5px;}
#offers form input.btn {float: left; position: absolute; right: 80px;}
#offers h2 {clear: left; color: #fff; font-size: 18px; font-weight: normal; margin: 20px 0 10px 0; font-weight: bold;}
#offers ul {clear: left; display: block; float: left; width: 460px; }
#offers ul li {float: left; clear: left; width: 100%; margin-bottom: 15px; position: relative;}
#offers ul li p {float: left; line-height: 40px;}
#offers ul li img.logo {float: left; width: 225px; margin-right: 10px; border: 0;}
#offers ul li img.btn {float: left; border: 0; position: absolute; right: 25px; top: 8px;}








/* PROGRESS
---------------------------------------------- */
body.progress {float: left; width: 100%; background: #eee url('/images/bg_progress.gif') top repeat-x;}
body.progress {float: left; width: 100%; background: #eee url('/images/bg_progress.gif') top repeat-x;}
#progress {float: left; width: 100%; height: 460px; background: url('/images/bg_landing-progress.jpg') top center no-repeat;}
#progress.blank {float: left; width: 100%; height: 460px; background: url('/images/bg_landing-progress-blank.jpg') top center no-repeat;}
#progressimage {position: absolute; top: 210px; left: 470px;}
#offer1 {
	position: absolute; 
	top: 30px; 
	left: 245px; 
	display: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size: 16px; 
	text-align: center;
	padding-top: 25px;
	width: 510px;
	height: 130px;
	color: #fff;
}
#offer2 {
	position: absolute; 
	top: 100px; 
	left: 245px; 
	display: none;
	text-align: center;
	width: 500px;
}
#offer2 img {border: 5px solid #ccc;}
#offer3 {
	position: absolute; 
	top: 170px; 
	left: 245px; 
	display: none;
	width: 500px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size: 18px; 
	color: #fff;
	font-weight: bold;
}




/* PRIVACY, ABOUT,  PAGE
---------------------------------------------- */
body.others {float: left; width: 100%; background: #111 url('../images/bg_landing-other-rpt.gif') top center no-repeat;}
#others {float: left; width: 100%; height: 460px; background: url('../images/bg_landing-other.jpg') top center no-repeat;}
form .formRow label {color: #fff; font-weight: bold; width: 100px;}
form .formRow .elements .textEntry {width: auto;}
form .formRow .elements label {width: auto; padding: 0 10px;}
#others form {position: absolute; top: 150px; left: 130px;}
#others form .formActions input {margin: 20px 0 0 20px;}
#blurbs {float: left; width: 580px; height: 317px; position: absolute; top: 139px; left: 440px; background: #000; border-color: #eee; border:2px; border-style: solid; overflow:auto;}
#blurbs p  {color: #999; text-decoration: none; font-size: 13px; margin:10px;}
#blurbs h2 {color: #999; font-size:120%; font-weight:bold; margin:10px;}

/* RESULTS
---------------------------------------------- */
body.results {text-align: left; background: url('../images/bg_header.gif') top repeat-x;}
#header {float: left; width: 100%; height: 91px;}
#header .utilities {float: right; text-align: right; width: 300px; margin-top: 5px;}
#header .utilities li {display: inline; }
#header .utilities li a {color: #999; }
#header .utilities li.last {padding-left: 8px; margin-left: 5px; border-left: 1px solid #555;}
#header #logo {float: left; margin: 20px 0 0 20px; }
#header .mainNav {float: left; width: 500px; position: absolute; left: 290px; top: 62px;}
#header .mainNav li {float: left; display: inline; background: url('../images/tab-off-left.gif') left top no-repeat; padding-left: 10px; height: 29px; line-height: 29px; margin-right: 3px;}
#header .mainNav li a {float: left; display: inline; background: url('../images/tab-off-right.gif') right top no-repeat; padding-right: 10px; color: #333; font-weight: bold; }
#header .mainNav li.focus {background: url('../images/tab-on-left.gif') left top no-repeat;}
#header .mainNav li.focus a {background: url('../images/tab-on-right.gif') right top no-repeat; color: #6aa5b0;}
#header .mainNav li.chat {background: url('../images/ico_chat.gif') left no-repeat; padding-left: 25px; font-weight: bold; margin-left: 10px;}
#header .mainNav li.chat a {color: #999; background: none;}
#header .mainNav li.chat span {color: #6699cc;}

#sideCol {float: left; width: 226px;}
#sideCol p {color: #ccc; margin: 0 0 10px 29px;}
#sideCol p strong {color: #fff; font-weight: bold; }
#sideCol ul {float: left; margin: 15px 0 15px 0;}
#sideCol ul li {float: left; clear: left; display: block; padding-left: 40px; line-height: 16px; margin-bottom: 10px; background: url('../images/bullet-bar.gif') left no-repeat;}
#sideCol ul li a {}
#sideCol h3 {float: left; white-space: nowrap; display: inline; clear: left; font-size: 18px; font-weight: bold; color: #fff; margin: 15px 0 20px 29px;}
#sideCol .column {float: left; width: 100%; background: #343434 url('../images/bg_corner-se.gif') bottom right no-repeat; padding: 10px 0 20px 0; }
#sideCol form {margin-left: 29px;}
#sideCol form label {width: 70px; font-size: 11px;}
#sideCol form .elements label {width: auto; padding: 0 3px;}
#sideCol form .elements p {clear: left; margin: 0 0 3px 0;}
#sideCol form .elements p input {float: left; }
#sideCol form .elements p label {float: left; width: auto;}
#sideCol form .formActions input {margin-left: 30px;}
#sideCol #legal {float: left; clear: left; width: 100%; font-size: 10px; margin-top: 10px;}
#sideCol #legal p {float: left; width: 100%; margin: 0 0 7px 0; color: #999;}
#sideCol #legal p a {color: #999; margin-right: 15px; }

#mainCol {float: left; width: 795px; background: url('../images/bg_corner-nw.gif') no-repeat; padding-bottom: 30px;}
#mainCol .filter {float: left; width: 787px; height: 57px; background: url('../images/bg_filter.gif') top left no-repeat; margin: 3px 0 0 3px;}
#mainCol .filter h1 {float: left; width: 200px; font-size: 24px; line-height: 53px; text-indent: 15px;}
#mainCol .filter p {font-weight: bold; margin: 8px 0 7px 0; color: #666;}
#mainCol .filter form {margin: 0;}
#mainCol .filter form label {float: left; padding: 0 0 0 5px; line-height: 22px; }
#mainCol .filter form select {margin-left: 5px; }
#mainCol .filter form .textEntry {float: left; width: auto; border: 1px solid #b7b7b7; padding: 1px; font-size: 14px; }
#mainCol .filter form .button {margin-left: 10px;}

#mainCol .profiles {float: left; clear: left; padding: 30px 0 25px 34px; width: 760px;}
#mainCol .profiles li {float: left; position: relative; width: 88px; color: #999; margin: 0 40px 40px 0; font-size: 10px; text-align: center; background: url('../images/bg_profile.gif') top center no-repeat;}
#mainCol .profiles li .view {position: absolute; top: 83px; right: 4px;}
#mainCol .profiles li .thumb {margin-top: 3px; margin-bottom: 10px;}
#mainCol .profiles li p {margin-bottom: 3px; text-align: left; margin-left: 4px;}
#mainCol .profiles li {}
#mainCol .profiles li {}

#mainCol .pagination {float: left; width: 100%; margin: 0 0 30px 0; text-align: center; color: #ccc; }
#mainCol .pagination p {float: left; display: inline; margin-left: 150px; line-height: 18px;}
#mainCol .pagination .prev {float: left; }
#mainCol .pagination .prev.disabled {float: left; padding: 3px 8px;}
#mainCol .pagination .next {float: left; }
#mainCol .pagination .next.disabled {float: left; padding: 3px 8px;}
#mainCol .pagination .divider {float: left; padding: 3px 8px;}
#mainCol .pagination .current {float: left; padding: 3px 8px; margin: 0 1px; border: 1px solid #fff; color: #aa8903; font-weight: bold;}
#mainCol .pagination .page {float: left; }
#mainCol .pagination a {float: left; padding: 3px 8px; margin: 0 1px; border: 1px solid #ccc;}
#mainCol .pagination .items {float: left; padding: 3px 8px; margin-left: 10px;}


/* FOOTER
---------------------------------------------- */
#footer {float: left; clear: left; width: 100%; position: relative; padding: 10px 0 20px 0; text-align: center;}
#footer p {line-height: 14px; display: inline; color: #999; margin: 0;}
#footer p a {color: #999; padding-left: 8px; margin-left: 5px; border-left: 1px solid #ccc;}
#footer p a:hover {color: #666; }

.error {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
color:#c33;
font-weight: normal;
padding-left: 5px;
border-collapse: collapse;
padding: 5px;
}


table.contact
{ text-align: center;
font-size:12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#999;
font-weight: normal;
padding-left: 5px;
border-collapse: collapse;
padding: 20px;
}

table.contact TD {padding: 5px;}

table.offertable
{ text-align: center;
padding-left: 5px;
border-collapse: collapse;
padding: 20px;
}

table.offertable TD {padding: 5px;}


