html { height: 100%; }
body {
    margin: 0;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff url(../img/bg.gif) repeat-x;
	height: 100%;
	min-width: 889px; }
img { border-style: none; }
a:focus { outline:none; }
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none; }
input,
textarea,
select {
	font: 100% Arial, sans-serif;
	vertical-align: middle; }
.page { min-height: 100%; }
* html .page { height: 100%; }
#main {
	margin: 0 auto;
	width: 889px; }
/* header start */
#header {
	width: 889px;
	height: 125px;
	position: relative; }
    .logo {
    	float: left;
    	margin: 26px 0 0 23px;
    	background: url(../img/logo-veratrack.gif) no-repeat;
    	width: 146px;
    	height: 90px;
    	text-indent: -9999px;
    	overflow: hidden; }
    .slogan {
    	position: absolute;
    	left: 169px;
    	top: 89px;
    	color: #a19e9a;
    	font-size: 10px;
    	line-height: 13px;
    	font-style: italic; }
    /* top bar start */
    .top-bar {
    	float: right;
    	background: url(../img/bg-top-area.gif) repeat-x;
    	margin: 0 24px 0 0;
    	display: inline; }
        /* form verification start */
        .form-verification {
        	float: left;
        	width: 174px;
        	margin: 16px 0 0 10px;
        	display: inline; }
        .form-verification label {
        	color: #484542;
        	font-size: 10px;
        	line-height: 13px;
        	display: block; }
        .form-verification input {
        	float: left;
        	margin: 1px 0 0; }
        .form-verification input.input {
        	font-size: 11px;
        	line-height: 15px;
        	margin: 1px 3px 0 0;
        	padding: 3px 0 2px;
        	width: 106px; }
    .top-bar ul {
    	margin: 0;
    	padding: 12px 21px 0 0;
    	float: left;
    	background: url(../img/bg-top-area-right.gif) no-repeat 100% 0;
    	height: 64px; }
        .top-bar ul li {
        	float: left;
    	   list-style: none;
        	background: url(../img/divider.gif) repeat-y;
        	width: 91px;
    	   padding: 4px 0 11px 12px; }
            .top-bar ul li span {
            	color: #484542;
            	font-size: 10px;
            	line-height: 13px;
            	display: block; }
            .top-bar ul li strong {
            	display: block;
            	margin: 4px 0 0; }
                .top-bar ul li strong a {
                	color: #003888;
                	text-decoration: none; }
                .top-bar ul li strong a.login {
                	background: url(../img/ico-lock.gif) no-repeat 0 1px;
                	padding: 0 0 0 16px; }
                .top-bar ul li strong a:hover { text-decoration: underline; }
    /* main navigation start */
    .main-nav {
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	top: 87px;
    	right: 32px; }
        .main-nav li {
        	float: left;
        	list-style: none;
        	font-size: 12px;
        	line-height: 15px;
        	font-weight: bold;
        	padding: 0 0 0 23px; }
        #home-page ul .home a,
        #home-page ul .home a:hover,
        #how-it-works-page ul .how-it-works a,
        #how-it-works-page ul .how-it-works a:hover,
        #about-page ul .about a,
        #about-page ul .about a:hover,
        #contact-page ul .contact a,
        #contact-page ul .contact a:hover,
        #resources-page ul .resources a,
        #resources-page ul .resources a:hover {
            color: #888;
            cursor: text; }
            .main-nav li a {
            	text-decoration: none;
            	color: #003888; }
            .main-nav li a:hover { color: #373532; }
.container {
	overflow: hidden;
	width: 100%; }
.page .container { padding: 0 0 114px; }
/* banner area start */
    .banner-area {
    	background: url(../img/banner.jpg) no-repeat;
    	height: 251px; }
        .sign-up-box {
        	float: right;
        	width: 438px;
        	margin: 32px 0 0; }
            .sign-up-box p {
            	margin: 0;
            	background: url(../img/eliminate.gif) no-repeat;
            	width: 403px;
            	height: 39px;
            	text-indent: -9999px;
            	overflow: hidden; }
            .sign-up-box a {
            	background: url(../img/sign-up.gif) no-repeat;
            	width: 68px;
            	height: 18px;
            	float: right;
            	text-indent: -9999px;
            	overflow: hidden;
            	margin: -20px 72px 0 0; }
        /* screenshot */
        .screenshot {
        	float: right;
        	clear: right;
        	margin: 25px 16px 0 0;
        	display: inline;
        	position: relative;
        	width: 427px; }
            .screenshot img {
            	position: absolute;
            	top: 0;
            	left: 0; }
    /* subpage */
    /* heading start */
    .heading {
    	background: url(../img/bg-heading.gif) repeat-x;
    	margin: 5px 0 0;
    	padding: 15px 0 15px 23px; }
        .heading h1 {
        	margin: 0;
        	text-indent: -9999px;
        	overflow: hidden;
        	font-size: 16px;
        	height: 18px; }
            .heading h1.how-it-works { background: url(../img/how-it-works.gif) no-repeat; }
            .heading h1.about { background: url(../img/about.gif) no-repeat; }
            .heading h1.contact { background: url(../img/contact.gif) no-repeat; }
            .heading h1.resources { background: url(../img/resources.gif) no-repeat; }
            .heading h1.terms { background: url(../img/terms.gif) no-repeat; }
            .heading h1.privacy { background: url(../img/privacy.gif) no-repeat; }
        .heading p {
        	margin: 0 0 0 1px;
        	color: #ccc;
        	font-size: 11px;
        	line-height: 14px; }
            .heading p a {
            	text-decoration: none;
            	color: #fff; }
            .heading p a:hover { text-decoration: underline; }
    /* content start */
    .content {
    	background: #111210 url(../img/bg-content.png) no-repeat;
    	color: #fff;
    	font-size: 11px;
    	margin: 3px 0 0;
    	padding: 0 0 18px; }
    .subpage .content {
    	background: url(../img/line-vert.gif) no-repeat 600px 100%;
    	color: #484542;
    	font-size: 12px;
    	height: 1%;
    	line-height: 18px;
    	margin: 17px 0 0;
    	overflow: hidden;
    	padding: 0 0 90px; }
    #terms-page .content,
    #privacy-page .content { background-image: none; }
        .inside-content {
        	padding: 23px 0 0 22px;
        	width: 400px;
        	min-height: 226px; }
        * html .inside-content { height: 226px; }
        .content h1 {
        	margin: 0 0 9px;
        	background: url(../img/verification.gif) no-repeat;
        	height: 17px;
        	font-size: 15px;
        	text-indent: -9999px;
        	overflow: hidden; }
        .content h2 {
            margin: 0 0 6px 0;
            padding: 0;
            font-size: 14px; }
        .content p {
        	margin: 0 20px 0 2px;
        	padding: 0 0 16px;
        	color: #fff;
        	line-height: 16px; }
        .subpage .content p {
            margin: 0 0 12px 0;
            padding: 0;
            color: #333; }
        .content ul {
        	margin: 0 0 0 2px;
        	padding: 0 0 16px; }
            .content ul li {
            	list-style: none;
            	background: url(../img/bullet.gif) no-repeat 0 5px;
            	padding: 0 0 0 10px; }
        .content p a,
        .content ul li a {
        	text-decoration: none;
        	color: #cacfe7;
        	font-weight: bold; }
        .subpage .content a {
            color: #4959a3;
            font-weight: normal; }
        .content p a:hover,
        .content ul li a:hover { text-decoration: underline; }
        .content .line {
        	background: url(../img/line.png) no-repeat;
        	width: 850px;
        	height: 9px;
        	display: block;
        	margin: 42px 0 0 25px;
        	font-size: 0;
        	overflow: hidden; }

        /* left column */
        .col-1 {
        	float: left;
        	width: 560px;
        	padding: 12px 0 0 24px;
        	background: url(../img/bg-inner-content.gif) no-repeat 126px 148px;
        	min-height: 490px; }
        * html .col-1 { height: 490px; }
        #terms-page .col-1,
        #privacy-page .col-1 { width: 830px; }
        
        table.pricing { margin-bottom: 24px; }
            table.pricing tr td {
                border-bottom: solid 1px #eee;
                padding-right: 12px; }

        /* right column */
        .col-2 {
        	float: left;
        	width: 243px;
        	background: url(../img/line-vert-top.gif) no-repeat;
        	display: inline;
        	margin: 0 0 0 16px;
        	padding: 0 0 0 23px; }
            .col-2 h2 {
            	margin: 0;
            	padding: 2px 0 7px;
            	font-size: 16px;
            	line-height: 19px;
            	color: #373532; }
            .col-2 p {
            	margin: 0 20px 0 1px;
            	padding: 0 0 17px; }
                .col-2 p a {
                	text-decoration: none;
                	color: #47539a; }
                .col-2 p a:hover { text-decoration: underline; }
            /* screenshots start */
            .col-2 .screenshots {
            	margin: 0;
            	padding: 0; }
            .col-2 .screenshots li {
            	list-style: none;
            	padding: 1px 0 11px;
            	vertical-align: top; }
            .screenshots li img { display: block; }
            /* sign up button */
            .sign-up-now {
            	background: url(../img/btn-sign-up-now.jpg) no-repeat;
            	width: 223px;
            	height: 46px;
            	text-indent: -9999px;
            	overflow: hidden;
            	display: block;
            	margin: 12px 0 0; }
            /* hcard */
            .hcard {}
                .hcard h3 { margin-bottom: 0; }
                .hcard .adr {
                    font-style: italic;
                    line-height: 14px;
                    margin: 4px 0; }
                .hcard .tel { line-height: 14px; }
                    .hcard .tel .type {
                        color: #999;
                        font-size: 10px; }
    /* forms */
    .content form {
        background: #E7EAF4;
        border: solid 1px #eee;
        padding: 12px;
        margin: 0; }
        .content form p { text-align: right; }
        .content form .row { margin-bottom: 12px; }
            .content form .input label {
                display: block;
                float: left;
                padding-right: 4px;
                text-align: right;
                width: 60px; }
            .content form .input input { width: 200px; }
            .content form .input textarea {
                height: 150px;
                width: 400px; }
        .content form .row.buttons {
            margin-bottom: 0;
            padding-left: 64px; }
        .content form .error { color: red; }
        .content form .error-message {
            font-size: 11px; 
            padding-left: 64px; }
    /* notifications */
    .message {
        background-repeat: no-repeat;
        background-position: 12px 8px;
        border-bottom: solid 2px #ccc;
        margin-bottom: 12px;
        padding: 12px 12px 24px 12px; }
    .success {
        background-color: #D3FCC8;
        background-image: url(../../img/private/ico-success.gif);
        border-color: #D9EAD2;
        padding-left: 60px; }
/* footer start */
#footer {
	padding: 20px 0 30px;
	overflow: hidden;
	height: 1%;
	background: url(../img/bg-footer-shadow.gif) repeat-x; }
.footer-wrapper #footer {
	margin: 0 auto;
	width: 889px;
	padding: 6px 0 0;
	height: auto;
	background: none; }
.footer-wrapper {
	background: url(../img/bg-footer.gif) repeat-x;
	height: 94px;
	margin: -94px 0 0;
	position: relative; }
    #footer p {
    	margin: 0;
    	padding: 3px 0 3px 25px;
    	color: #908d88;
    	font-size: 10px;
    	line-height: 13px;
    	float: left; }
    .footer-wrapper #footer p { color: #d6d4d2; }
    #footer a {
    	text-decoration: none;
    	color: #47539a;
    	margin: 0 3px 0 0; }
    .footer-wrapper #footer a { color: #cacfe7; }
    #footer a.sep {
	   background: url(../img/sep-2.gif) no-repeat 0 3px;
    	padding: 0 0 3px 7px; }
    .footer-wrapper #footer p a.sep { background: url(../img/sep-3.gif) no-repeat 0 3px; }
    #footer a:hover { text-decoration: underline; }
    #footer ul {
    	float: right;
    	margin: 0;
    	padding: 3px 24px 0 0;
    	overflow: hidden;
    	font-size: 10px;
    	line-height: 13px; }
    #footer ul li {
    	list-style: none;
    	float: left;
    	background: url(../img/sep.gif) no-repeat 0 4px;
    	padding: 0 5px 0 9px;
    	margin: 0 0 0 -1px; }
    .footer-wrapper #footer ul li { background: url(../img/sep-4.gif) no-repeat 0 4px; }
/* footer end */