/*page reset*/
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body {
background-image: url(images/body_back.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#container {
width: 960px;
margin-right: auto;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}
#header #logo {
float: left;
width: 400px;
}
#header {
height: 121px;
width: 960px;
background-image: url(images/head_back.jpg);
}
#header #logo h1 a {
display: block;
width: 260px;
height: 65px;
margin-top: 35px;
margin-left: 15px;
outline: none;
}
#header #logo h1 a span {
display: none;
}
#header #login {
padding-top: 30px;
float: right;
padding-right: 15px;
}
#header #login p a {
font-weight: bold;
color: #EEEEEE;
text-decoration: none;
}
#header #login p {
text-align: right;
padding-bottom: 5px;
padding-right: 0px;
padding-top: 5px;
}
#header #nav {
width: 450px;
float: right;
padding-top: 55px;
}
#header #nav ul {
list-style-type: none;
text-align: right;
padding-right: 15px;
}
#header #nav ul li {
display: inline;
}
#header #nav ul li a {
font-weight: bold;
color: #EEEEEE;
text-decoration: none;
}
#header #nav form {
text-align: right;
}
#leftcol {
width: 220px;
float: left;
}
#maincol {
width: 300px;
float: left;
}
#welcome {
float: left;
width: 640px;
background-image: url(images/welcome.jpg);
height: 370px;
position: absolute;
left: -75px;
}
#fsignup {
float: left;
width: 525px;
height: 379px;
position: absolute;
left: 12px;
}
#fsignup h2 {
position: absolute;
top: 150px;
font-size: 2em;
left: 25px;
}
#fsignup h3 {
position: absolute;
top: 200px;
font-size: 2em;
left: 25px;
}
#fsignup #shaker {
position: absolute;
left: 190px;
z-index: -1;
top: 15px;
}
#rightcol {
width: 380px;
float: left;
margin-left: 565px;
}
#rightcol #signup {
height: 365px;
width: 379px;
background-image: url(images/signupform_back.jpg);
margin-top: 15px;
}
/*--- Sign Up Form One ---*/
#rightcol #signup #signwrap {
padding: 53px 5px 5px 20px;
margin-right: auto;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
font-weight: bold;
word-spacing: -.05em;
}
#rightcol #signup #signwrap p {
margin-bottom: 6px;
}
.inputsize {
width: 315px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 1px;
padding-bottom: 1px;
font-size: 14px;
border: 2px solid #000000;
font-weight: bold;
margin: 5px 0 1px 0;
}
.selectsize {
width: 100px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 1px;
padding-bottom: 1px;
font-size: 14px;
border: 2px solid #000000;
font-weight: bold;
margin: 5px 6px 11px 0;
}
.gendersize {
width: 100px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 1px;
padding-bottom: 1px;
font-size: 14px;
border: 2px solid #000000;
font-weight: bold;
margin: 10px 0 1px 0;
}
.done {
margin: 40px 0 0 0;
}
/*--- End Sign Up Form One ---*/
#rightcol #steps{
background-image: url(images/steps.jpg);
height: 32px;
background-repeat: no-repeat;
margin-bottom: 10px;
}
#rightcol #stepstwo{
background-image: url(images/steps2.jpg);
height: 32px;
background-repeat: no-repeat;
margin-bottom: 10px;
margin-top: 5px;
}
#sinfo {
clear: left;
position: relative;
margin-top: 15px;
height: 172px;
width: 920px;
z-index: -2;
background-image: url(images/big-quotes.jpg);
}
#info {
clear: left;
position: relative;
margin-top: 15px;
height: 172px;
width: 960px;
z-index: -2;
}
#sinfo h3 {
font-size: 1.6em;
height: 100px;
padding-top: 25px;
padding-right: 100px;
padding-left: 60px;
}
.signature {
font-size: 1.4em;
font-style: italic;
margin-left: 380px;
}
#info #leftcircle {
background-image: url(images/leftfootercircle.jpg);
height: 70px;
width: 117px;
position: absolute;
left: -75px;
top: 102px;
}
#sinfo #rightcircle {
background-image: url(images/bottomrightcircles.jpg);
height: 197px;
width: 440px;
position: absolute;
left: 580px;
top: -25px;
z-index: -1;
}
#info #features {
float: left;
width: 320px;
height: 157px;
background-image: url(images/features_back.jpg);
background-repeat: no-repeat;
background-position: center;
margin-bottom: 15px;
z-index: -1;
}
#info #features ul {
padding-top: 40px;
padding-right: 20px;
padding-left: 40px;
}
#info #features ul li {
line-height: 22px;
list-style-image: url(pages/images/lists_arrows.jpg);
margin-left: 20px;
}
#info #features ul li a {
text-decoration: none;
color: #000;
}
#info #features ul li a:link, #info #features ul li a:visited {
color: #000;
text-decoration: none;
}
#info #features ul li a:hover, #info #features ul li a:active {
color: #000;
text-decoration: underline;
}
.lineheight {
line-height: 18px;
}
.lineheightalt {
line-height: 22px;
}
.reference {
padding-left: 5px;
text-align: right;
}
#info #reviews {
float: left;
width: 320px;
height: 157px;
background-image: url(images/reviews_back.jpg);
background-repeat: no-repeat;
background-position: center;
margin-bottom: 15px;
}
#info #reviews p {
padding-top: 42px;
padding-left: 42px;
padding-right: 45px;
}
#info #reviews h3 {
padding-top: 42px;
padding-left: 42px;
padding-right: 45px;
font-style: italic;
}
#info #reviews h4 {
text-align: right;
padding-right: 50px;
line-height: 18px;
}
#info #updates {
float: left;
width: 320px;
height: 157px;
background-image: url(images/updates_back.jpg);
background-repeat: no-repeat;
background-position: center;
margin-bottom: 15px;
}
#info #updates ul {
padding-top: 40px;
padding-right: 20px;
padding-left: 40px;
}
#info #updates ul li {
line-height: 22px;
list-style-image: url(pages/images/lists_arrows.jpg);
margin-left: 20px;
}
#footer {
width: 960px;
margin-right: auto;
margin-left: auto;
height: 66px;
}
#footerback {
background-image: url(images/footerback_back.jpg);
height: 66px;
clear: left;
}
#footer ul {
list-style-type: none;
margin-left: 560px;
padding-top: 27px;
}
#footer ul li {
display: inline;
}
#footer ul li a {
text-decoration: none;
color: #FFF;
font-weight: bold;
}
#footer a:link, #footer #right a:visited {
color: #FFF;
text-decoration: none;
}
#footer a:hover, #footer #right a:active {
color: #000;
text-decoration: underline;
}
.blue {
color: #73a9df;
font-weight: bold;
}
input {
vertical-align: bottom;
}
#login form {
text-align: right;
}
#info #updates ul {
padding-top: 40px;
padding-left: 40px;
padding-right: 20px;
}
#info #updates ul li {
line-height: 22px;
}
#sinfo #leftcircle {
background-image: url(images/leftfootercircle.jpg);
height: 70px;
width: 117px;
position: absolute;
left: -75px;
top: 102px;
}