a:link    { text-decoration: none; font-weight : bold; }
a:visited { text-decoration: none; font-weight : bold; }
a:hover   { text-decoration: none; font-weight : bold; }
a:active  { text-decoration: none; font-weight : bold; }

html {font: 100.01%/1.26 "Lucida Grande", Lucida, Verdana, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; margin: 1em 0 0.5em;}
p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin: 1em 5%;}
li, dd {margin-left: 5%;}
fieldset {padding: 0.5em;}

a:link {color: #28786F;}
a:visited {color: #28786F;}
a:hover, a:active, a:focus {text-decoration: none;}

table{
	float: left;
	width: 100%;
	margin: 0 0 1em;
}
	
th{
	border-right: 1px solid #fff;
	font-weight: bold;
}
	
th, td{
	font-size: 1.1em;
	padding: 0.6em;
}

form{
	float: left;
	width: 100%;
	clear: both;
	padding: 1em 0;
}

fieldset{
	float: left;
	width: 98%;
	margin: 0; 
	padding: 0 0.4em 0 0.8em
}

fieldset fieldset{
	clear: both;
	padding: 0;
}

fieldset.buttons{
	margin: 1em 0 0 0;
	text-align: left;
	background: url(img/bg-form-bottom-small.gif) no-repeat bottom left;
}

form.h-form fieldset.buttons{
	background: none;
}

fieldset.buttons input, input.submit, input.customSelectButton{
	float: none;
	width: auto !important;
	margin: 1em 0 0;
}

fieldset.buttons input{
	margin: 1em 0.5em 1em 0;
}

form label, form fieldset.radio p{
	float: left;
	width: 100%;
	display: inline; 
	margin: 1em 0 0 0;
	font-size: 1.2em;
	color: #2e2e30;
}

form label span{
	float: left;
	position: relative;
	width: 12em;
	display: block;
	margin: 0.2em 0 0;
}

form label.short span{
	width: 4.1em;
}

form label span.note{
	margin: 0.5em 1em 0;
}

form label span strong{
	position: absolute;
	top: 0;
	right: 1px;
	font-weight: normal;
}

input, textarea{
	float: left;
	width: 67%;
	color: #2e2e30;
}

input.checkbox{
	width: auto !important;
	margin: 0.2em 0 0 0 ;	
}

input.item-submit{
	margin: 0 0.5em 0;
}

input.small-input {
 width: 50%;
}

form fieldset ol, form fieldset li{
	float: left;
	width: 100%;
	margin: 0;
}

form.v-form span.after {
  width: 10px;
  font-weight: normal;
  margin-left: 1em;
}

form.v-form fieldset.radio{
	margin-top: 0;
}

form fieldset.radio p{
	width: 11em;
	text-align: right;	
	padding-right: 20px;
}

form.v-form fieldset.radio label{
	width: 9em;
	clear: none;
}

form.v-form fieldset.radio label.wide{
	width: 30em;
}

form.v-form fieldset.radio label span{
	width: 4em;
	text-align: left;
}

form.v-form fieldset.radio label.wide span{
	width: 25em;
}

form.v-form fieldset.radio input{
	float: left;
	margin-right: 10px;
}

body{
	margin:0; 
	padding:0;
	color: #58595b; 
	font: 62.5%/1.2 "Lucida Grande", Lucida, Verdana, Arial, sans-serif; 
	background: #28786F; 
}

#page{
	width: 82.2em;
	margin: 1em auto;
	background: #fff;
	border: 1px solid #e4e8d9;	
}

#page div.corner-bl{
	padding: 1em 0;
}

#header {background: #fff url('img/bg-header.jpg'); border: 1px solid #cecece; clear: both; color: #58595b; margin: 0 auto 1em; position: relative; width: 80em;}
#header div.corner-bl {height: 8.8em;}
#header img#logo {position: relative; left: 0.6em; top: 1em;}

ul#nav-options{
        position: absolute;
        right: 0;
        top: 0;
        list-style-type: none;
}

#nav-options li a:link, #nav-options li a:visited{
        float: left;
        color: #5A2222;
        padding: 10px 0px 5px 15px;
        background: url('img/bg-nav-options.jpg') no-repeat center left;
        text-decoration: none;
}

#maincontent{
	float: right; 
	width: 798px;
	position: relative; 
	display: inline;
	margin: 0 1em 2em 0; 
}		

#maincontent #property-wrapper{
	float: left;
	width: 99.7%;
	margin: 0 0 1em;
	color: #58595b;
	background: #fff url('img/bg-header.jpg') repeat-x 0 100%;
	border: 1px solid #cecece;
}

#subcontent{
	float: left;
	width: 13em;
	display: inline;
	margin: 0 1em;
	color: #fff; 
	background: #28786F; 
	border: 1px solid #82ae49;
}

.curves{
	float: left;
	clear: both;
	margin: 0 0 1em; 
}

body.contacts .curves{
	clear: none;
}

.cashflow .curves{
	position: relative;
}

.top{
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
}

.bottom{
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
}

.curves .middle{
	float: left;
	width: 96.1%;
	padding: 0 12px;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}


.small{
	float: left;
	width: 538px;
}

.smaller{
	float: left;
	width: 260px;
	margin-right: 20px;
}

.small .top{
	background: url(img/bg-container-top-small.gif) no-repeat top left;
}

.smaller .top{
	background: url(img/bg-container-top-smaller.gif) no-repeat top left;
}

.small .bottom{
	background: url(img/bg-container-bottom-small.gif) no-repeat bottom left;
}

.smaller .bottom{
	background: url(img/bg-container-bottom-smaller.gif) no-repeat bottom left;
}

.small .middle{
	width: 95.1% !important;
}

.smaller .middle{
	width: 89.6% !important;
}

.smaller h5{
	margin: 0.2em 0.6em;
	font-size: 1.3em;
	font-weight: bold;
}

.smaller p{
	margin: 0.4em 0.8em;
}

.large{
	float: left;
	width: 100%;
}

.large .top{
	background: url(img/bg-container-top-large.gif) no-repeat top left;
}

.large .bottom{
	background: url(img/bg-container-bottom-large.gif) no-repeat bottom left;
}

.large .middle{
	width: 95.1% !important;
	width: 95.7%;
}

*:first-child+html .large .middle{
	width: 95.7% !important;
}


#maincontent #h1-wrapper{
	float: left;
	width: 798px;
	margin: 0 0 1em; 
	background: white;
	border: 1px solid #82ae49;
}

#maincontent h1{
	margin: 0 0 0.1em;
	padding: 0;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1;
}

#maincontent h2{
	float: right;
	width: 82.5%;
	margin: 0 0 5px 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #8bbd38;
}

#maincontent #property-wrapper h2{
	float: none;
	width: auto;
	margin: 0;
	color: #58595b;
}

#maincontent h2 span{
	color: #58595b;
	margin-right: 1em;
}

#maincontent h3 span{
	color: #28786F;
	font-size: 0.7em;
}

#maincontent h2 a:link, #maincontent h2 a:visited{
	color: #58595b;
	text-decoration: none;
}

#maincontent h2 a:hover{
	text-decoration: underline;
}

#maincontent h3{
	clear: left;
	margin: 0 0.3em 0.5em;
	color: #28786F;
	font-size: 2em;
	font-weight: bold; 
}

#maincontent h3.inline{
	float: left;
	clear: none;
}

#maincontent h4{
	margin: 0 0.5em 0;
	color: #28786F;
	font-size: 1.5em;
	font-weight: bold; 
}

#maincontent ul.attributes{
	float: left;
	width: 39em;
	margin: 10px 0 0 1em;
	font-size: 1.3em;
	color: #FCBCA3;
}

#signup_image_large {
  float:right;
}

div.clear{
	float: left;
}
	
#footer{
	width: 97.3%;
	clear: both;
	margin: 0 1em; 
	text-align: center;
	color: #28786F;
	background: #fff url('img/bg-header.jpg') repeat-x 0 100%;
	border: 1px solid #cecece;
}

#footer p{
	margin: 0;
}
 
.box{
	position: relative;
}

.box div.corner-tl{
	position: relative; 
	top: -1px; 
	left: -1px;
	background: transparent url('img/corner-page-tl.jpg') no-repeat top left;
}

.box div.corner-tr{
	position: relative; 
	top: 0; 
	left: 2px;
	background: transparent url('img/corner-page-tr.jpg') no-repeat top right;
}

.box div.corner-br{
	position: relative;
	top: 2px;
	left: 0;
	background: transparent url('img/corner-page-br.jpg') no-repeat bottom right;
}

.box div.corner-bl{
	position: relative;
	top: 0;
	left: -2px;
	padding: 4px 0;
	background: transparent url('img/corner-page-bl.jpg') no-repeat bottom left;
}

#header div.corner-tl,
#property-wrapper div.corner-tl,
#cashflow-items div.corner-tl,
#footer div.corner-tl {background-image: url('img/corner-tl.gif');}
#header div.corner-tr,
#property-wrapper div.corner-tr,
#cashflow-items div.corner-tr,
#footer div.corner-tr {background-image: url('img/corner-tr.gif');}
#header div.corner-br,
#property-wrapper div.corner-br,
#cashflow-items div.corner-br,
#footer div.corner-br {background-image: url('img/corner-br.gif');}
#header div.corner-bl,
#property-wrapper div.corner-bl,
#cashflow-items div.corner-bl,
#footer div.corner-bl {background-image: url('img/corner-bl.gif'); padding: 5px;}
	
#subcontent div.corner-tl, 
#h1-wrapper div.corner-tl {background-image: url('img/corner-green-tl.jpg');}
#subcontent div.corner-tr, 
#h1-wrapper div.corner-tr {background-image: url('img/corner-green-tr.jpg');}
#subcontent div.corner-br, 
#h1-wrapper div.corner-br {background-image: url('img/corner-green-br.jpg');}
#subcontent div.corner-bl, 
#h1-wrapper div.corner-bl {background-image: url('img/corner-green-bl.jpg'); padding: 5px 0;}

#maincontent div.errorExplanation h2{
  float: none;
  width: 100%;
  padding-left: 1em;  
}

label.note{
	width: 110px;
}

p.note{
	margin: 15px 0 0 0 !important;
      }

.homepage #maincontent, .pricing #maincontent, .aboutus #maincontent,
.faq #maincontent, .session #maincontent, .accounts #maincontent, .login #maincontent,
.tour #maincontent{
	width: 800px;
}

#maincontent.homepages #h1-wrapper{
	border: none !important;
	background: white !important;
}

#maincontent.homepages #container{
	float: left;
	width: 780px;
	display: inline;
	margin: 0 8px 10px 10px;
	background: #fff;
}

#maincontent.homepages #content{
	float: left;
	width: 72em;
	padding: 10px 30px;
}

#maincontent.homepages #columna{
	float: left;
	width: 49%;
}

.aboutus #columna,
.faq #columna{
	width: 70% !important;
}

#maincontent.homepages #columnb{
	float: right;
	width: 46%;
}

#maincontent.homepages #columnc{
	float: left;
	width: 100%;
	background: url(img/bgColumncHome.jpg) no-repeat top left;
        margin-top: 1.5em;
}

.aboutus #columnb,
.faq #columnb{
	width: 210px !important;
}

ul#tabnav{
	float: left;
	margin: 10px 0 0 10px;
	display: inline;
}

ul#tabnav li{
	 float: left;
	 display: inline;
	 margin: 0;
}

ul#tabnav li a{	
	float: left;
	display: block;
	margin-right: 2px;
	padding-left: 5px;	
	color: #BE2554;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url(img/bg-tab-left.jpg) no-repeat top left;	
}

ul#tabnav li a:hover,
body.homepage li#navhome a,
body.pricing li#navpricing a, 
body.faq li#navfaq a,
body.aboutus li#navaboutus a,
body.tour li#navtour a{
	color: #28786F;
	background: #fff url(img/bg-tab-left-on.jpg) no-repeat top left;	
}

ul#tabnav li span{	
	display: block;
	padding: 10px 52px 10px 40px;
	background: url(img/bg-tab-right.jpg) no-repeat top right;
}

ul#tabnav li a:hover span,
body.homepage li#navhome a span,
body.pricing li#navpricing a span, 
body.faq li#navfaq a span,
body.aboutus li#navaboutus a span,
body.tour li#navtour a span{	
	background: #fff url(img/bg-tab-right-on.jpg) no-repeat top right;	
}

#maincontent.homepages .top{
	float: left;
	width: 798px;
	padding: 5px 0 0 !important;
	background: url(img/bg-container-m-top.gif) no-repeat top left;
}

#maincontent.homepages .bottom{
	float: left;
	width: 798px;
	padding: 0 0 5px !important;
	background: url(img/bg-container-m-bottom.gif) no-repeat bottom left;
}

#maincontent.homepages #container .top{
	float: left;
	width: 780px;
	padding-top: 4px;
	background: url(img/bg-container-h-top.gif) no-repeat top;
}

#maincontent.homepages #container .bottom{
	float: left;
	width: 780px;
	padding-bottom: 4px;
	background: url(img/bg-container-h-bottom.gif) no-repeat bottom;
}

#content h2 span, #content h3 span, #features li span,
.pricing #content th ul li span, .pricing #content td span{
	position: absolute; 
	left: -9999em;
}

.session #content #columna form#login legend, .accounts #content #columna form#signup legend{
	display: none;
}

.homepage #content #columna {
 width: 51%;
}

.homepage #content #columnb {
 width: 44%;
}

.homepage #content #columnb h2{
	float: left;
	width: 300px;
	height: 58px;
	margin-bottom: 25px;
	background: url(img/h2EverythingNeed.gif);
}

#content p, #content ul{
	margin: 0 0 1em;
	padding: 0;
	
	font-size: 1.1em;
	color: #818285;
}

.homepage #content #columna a img{
	float: left;
}

.homepage #content #columnb a img{
	float: left;
	margin: 25px 0 0 0;
}

.homepage #columnc ul{
	float: left;
	padding: 20px 0 30px 0;
}

.homepage #columnc li{
	float: left;
	width: 220px;
	display: inline;
	margin: 0 0 0 15px;
}

.homepage #columnc li h3{
	float: left;
	width: 220px;
	height: 20px;
	margin: 0 0 10px 0;
}

.homepage #columnc li h3#sub1{
	background: url(img/homeHeadingNoMore.gif);
}

.homepage #columnc li h3#sub2{
	background: url(img/homeHeadingRocketScience.gif);
}

.homepage #columnc li h3#sub3{
	background: url(img/homeHeadingOnHouse.gif);
}

.homepage #columnc li p{
	font-size: 1em;
	padding: 0 20px0 10px;
}

#features{
	float: left;
	width: 322px;
	padding-top: 15px;
	background: url(img/features-top.jpg) no-repeat top left;
}

#features .side{
	float: left;
	width: 272px;
	padding: 15px 25px;
	background: #EEF5E2 url(img/features-middle.jpg) repeat-y bottom left;
}

#features ul li strong{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 25px;
	height: 15px;
	background: url(img/icon-new.gif);
}

.homepage #columnb p{
	float: left;
	width: 100%;
}

.pricing #content h2 {
	float: left;
	width: 250px;
	height: 28px;
	padding: 10px 0 0 160px;
	margin-top: 20px;
	background: url(img/h2-pricing.gif) no-repeat;
	color: #A1A1A4;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
}

.pricing table{
	float: left;
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;
}

.pricing table col{
	width: 12%;
}

.pricing table col.info{
	width: 30%;
}

.pricing #content th h3{
	color: #636466;
	font-size: 1.6em;
	margin: 35px 0 0 0;
}

.pricing #content th{
	text-align: left;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #B6B7B9;
}

.pricing #content th ul li{
	margin-bottom: 3px;
	margin-left: 0;
}

.pricing #content th ul li.plan, .calc_cost{
	color: #28786F;
	font-size: 1.1em;
}

.pricing #content th ul li.cost{
	color: #A1A1A4;
	font-size: 1em;
}

.pricing #content th ul li.cost strong{
	color: #8E001C;
}

.pricing #content th ul li a{
	display: block;
	width: 52px;
	height: 17px;
	margin: 5px 0 0 0;
	background: url(img/icon-signup.jpg);
}

.pricing #content th ul li a.normal{
	display: block;
	width: 52px;
	height: 17px;
	margin: 0px;
	background: none;
}

.pricing #content td{
	color: #A1A1A4;
	font-size: 1.1em;
	margin: 0;
	padding: 10px 5px 0 5px !important;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px dotted #B6B7B9;
}

*:first-child+html .pricing #content td{
	padding: 10px 5px 10px 5px !important;
}

.pricing #content td strong{
	position: relative;
	top: -10px !important;
	top: 0;
	display: block;
	width: 15px;
	height: 16px;
	background: url(img/icon-tick.jpg) no-repeat top left;
}

*:first-child+html .pricing #content td strong{
	top: 0 !important;
}

.pricing #content table tr.numprops td{
	padding-bottom: 10px !important;
}

.aboutus #content h2,
.faq #content h2,
{
	float: left;
	width: 250px;
	height: 28px;
	margin: 20px 0 30px 0;
}

.home #content h2,
{
	float: left;
	width: 250px;
	height: 28px;
	margin: 20px 0 30px 0;
}

.faq #content h2{
	background: url(img/h2-faq.gif);
}

.aboutus #content h2{
	font-size: 30px;
}

.aboutus #content h3,
.faq #content h3,
.home #content h3,
.tour #content h3,
.pricing #content h3{
	margin: 0 0 15px 0;
	font-size: 1.6em;
}

.aboutus #content p,
.faq #content p{
	margin: 0 0 15px 0;
}

.aboutus #content p.backtop,
.faq #content p.backtop,
.home #content p.backtop,
.tour #content p.backtop,
.pricing #content p.backtop,
.accounts #content p.backtop,
{

	padding: 0 0 20px 0;
	border-bottom: 1px dotted #99D8DF;
}

.aboutus #content p.backtop a, 
.faq #content p.backtop a, #quicklinks ul li a,
.home #content p.backtop a,
.tour #content p.backtop a,
.pricing #content p.backtop a,
.accounts #content p.backtop a{
	color: #28786F;
	text-decoration: none;
}

#quicklinks{
	float: right;
	width: 90%;
	margin: 10px 0 0 0;
	
	background: url(img/bg-quicklinks-left.jpg) no-repeat top left;
}

#quicklinks-right{
	float: left;
	width: 100%;
	padding: 15px 0;
	background: url(img/bg-quicklinks-right.jpg) no-repeat top right;
}

#quicklinks h4{
	color: #636466;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 10px 20px !important;
}

#quicklinks ul, #quicklinks ul li{
	margin: 0 0 15px 0;
}

#quicklinks ul{
	padding: 0 20px;
}

.smallText {
  color:#A1A1A4;
  font-size:0.9em;
}

input {width:25em;}

p.infolinks a { margin-right: 20px; }

#ssl_seal {
  width: 82.2em;
  margin: 1em auto;
  text-align:right;
}