/* CSS Document */

*{padding:0; margin:0;}

html {min-height: 101%;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 14px; color:#474747; margin:auto; padding: 0 0 0 0; background-image:url(images/background.jpg); background-repeat:repeat-x; background-position:top; background-color:#000000;}

body.contract {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 14px; color:#474747; margin:auto; padding: 0 0 0 0; background-image:url(images/background_contract.jpg); background-repeat:repeat-x; background-position:top; background-color:#7fc8eb;}

p.what {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 14px; color:#474747; padding: 30px 20px 0 43px;}
p.how {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 14px; color:#474747; padding: 30px 35px 0 47px;}
p.header {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 30px; color:#d8131a; padding: 6px 0 0 0; line-height: 12px;}
p.header_existing {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 30px; color:#d8131a; padding: 6px 0 0 0; line-height: 34px;}
p.info {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; line-height: 24px; color:#000000; padding: 18px 35px 0 35px;}
p.content {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 30px; color:#ffffff;}
p.contract_header {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 30px; color:#474747;}
p.driver {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color:#FFFFFF; line-height: 26px;}
p.form {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 26px; color:#000000;}
p.form_box {line-height: 26px; padding: 10px 0 0 0;}
p.form_buttons {margin: 16px 0 0 0;}
p.footer {padding: 16px 0 0 0;}


/*-------- containers --------*/

#container {width: auto; height: auto; background-image:url(images/background_image.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}
#container_contract {width: auto; height: auto; background-image:url(images/background_image_contract.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}

#main {width: 960px; height: auto; margin: auto;}


/*-------- header --------*/

#header {width: 960px; height: 126px; margin: auto;}
#logo {width: 296px; height: 126px; float:left; background-image:url(images/top_logo.jpg);}
#what {width: 332px; height: 126px; float:left; background-image:url(images/top_info.jpg);}
#how {width: 332px; height: 126px; float:left; background-image:url(images/top_info_2.jpg);}


/*-------- content --------*/

#general_content {width: 960px; height: auto; float:left; margin: 25px 0 28px 0; clear:both;}
#general_content a:link, #general_content a:visited {text-decoration:none; color:#ff1111;}
#general_content a:hover, #general_content a:active {text-decoration:none; color:#ff1111;}

#content {width: 960px; height: auto; margin: auto; clear:both;}
#left_content {width: 100px; height: 354px; float:left; background-image:url(images/left_image.jpg);}
#left_content_contract {width: 100px; height: 400px; float:left;}

#van_home {width: 860px; height: 354px; float:left; background-image:url(images/van_home.jpg);}
#content_home {width: 400px; height: 185px; margin: 40px 0 0 382px;}

#van_existing_members {width: 860px; height: 354px; float:left; background-image:url(images/van_members.jpg);}
#content_existing_members {width: 400px; height: 50px; margin: 40px 0 0 382px;}
#content_existing_buttons {width: 400px; height: 60px; margin: 0 0 0 382px; clear:both;}

#van_our_marketing_services {width: 860px; height: 354px; float:left; background-image:url(images/van_marketing.jpg);}
#content_our_marketing_services {width: 450px; height: 177px; margin: 36px 0 0 338px;}
#content_our_marketing_services a:link, #content_our_marketing_services a:visited {text-decoration:none; outline:none; color:#003366;}
#content_our_marketing_services a:hover, #content_our_marketing_services a:active {text-decoration:none; outline:none; color:#003366;}

#content_our_marketing_services_prices {width: 439px; height: 168px; margin: 30px 0 15px 343px; clear:both; background-image:url(images/prices.jpg);}
#content_our_marketing_services_buttons {width: 450px; height: 28px; margin: 0 0 0 338px; clear:both;}

#van_free_trial {width: 860px; height: 354px; float:left; background-image:url(images/van_free.jpg);}
#content_free_trial {width: 580px; height: 78px; margin: 75px 0 0 243px;}
#content_free_trial a:link, #content_free_trial a:visited {text-decoration:none; color:#000000;}
#content_free_trial a:hover, #content_free_trial a:active {text-decoration:none; color:#000000;}

#content_free_trial_buttons {width: 580px; height: 100px; margin: 15px 0 0 243px; clear:both;}

#van_contact_us {width: 860px; height: 354px; float:left; background-image:url(images/van_contact.jpg);}
#content_contact_us {width: 515px; height: 30px; margin: 53px 0 0 266px;}

#content_contact_us_forms {width: 495px; height: auto; margin: 40px 0 0 276px; clear:both;}
#form_left {width: 195px; height: auto; margin: auto; float:left;}
#form_right {widows: 300px; height: auto; margin: 4px 0 0 22px; float:left;}

#content_contract_forms {width: 640px; height: auto; margin: 40px 0 0 200px; clear:both;}
#content_contract_forms a:link, #content_contract_forms a:visited {text-decoration:none; color:#666666;}
#content_contract_forms a:hover, #content_contract_forms a:active {text-decoration:none; color:#333333;}

#form_left_contract {width: 280px; height: auto; margin: auto; float:left;}
#form_left_contract a:link, #form_left_contract a:visited {text-decoration:none; color:#666666;}
#form_left_contract a:hover, #form_left_contract a:active {text-decoration:none; color:#333333;}
#divide {width: 640px; height: 1px; margin: 10px 0 20px 0; background-color:#999999; clear:both}

#form_right_contract {widows: 300px; height: auto; margin: 0 0 0 22px; float:left;}
#form_right_contract a:link, #form_right_contract a:visited {text-decoration:none; color:#666666;}
#form_right_contract a:hover, #form_right_contract a:active {text-decoration:none; color:#333333;}

#contract {width: 860px; height: auto; float:left;}
#contract_footer {width: 100%; margin: auto; clear: both; background-color: #000000;}


/*-------- nav --------*/

#nav {width: 960px; height: 80px; margin: auto; clear:both;}
#nav_left {width: 34px; height: 80px; float:left; background-image:url(images/left_nav.jpg);}

#home_button {width: 96px; height: 80px; float:left; background-image:url(images/home.jpg); text-decoration:none; outline:none;}
#home_button a:link, #home_button a:visited {width: 96px; height: 80px; float:left; background-image:url(images/home.jpg); text-decoration:none; outline:none;}
#home_button a:hover, #home_button a:active {width: 96px; height: 80px; float:left; background-image:url(images/home_over.jpg); text-decoration:none; outline:none;}

#e_members {width: 184px; height: 80px; float:left; background-image:url(images/existing_members.jpg); text-decoration:none; outline:none;}
#e_members a:link, #e_members a:visited {width: 184px; height: 80px; float:left; background-image:url(images/existing_members.jpg); text-decoration:none; outline:none;}
#e_members a:hover, #e_members a:active {width: 184px; height: 80px; float:left; background-image:url(images/existing_members_over.jpg); text-decoration:none; outline:none;}

#o_m_services {width: 225px; height: 80px; float:left; background-image:url(images/our_marketing_services.jpg); text-decoration:none; outline:none;}
#o_m_services a:link, #o_m_services a:visited {width: 225px; height: 80px; float:left; background-image:url(images/our_marketing_services.jpg); text-decoration:none; outline:none;}
#o_m_services a:hover, #o_m_services a:active {width: 225px; height: 80px; float:left; background-image:url(images/our_marketing_services_over.jpg); text-decoration:none; outline:none;}

#free_trial {width: 119px; height: 80px; float:left; background-image:url(images/free_trial.jpg); text-decoration:none; outline:none;}
#free_trial a:link, #free_trial a:visited {width: 119px; height: 80px; float:left; background-image:url(images/free_trial.jpg); text-decoration:none; outline:none;}
#free_trial a:hover, #free_trial a:active {width: 119px; height: 80px; float:left; background-image:url(images/free_trial_over.jpg); text-decoration:none; outline:none;}

#testimonial_button {width: 136px; height: 80px; float:left; background-image:url(images/testimonial.jpg); text-decoration:none; outline:none;}
#testimonial_button a:link, #testimonial_button a:visited {width: 136px; height: 80px; float:left; background-image:url(images/testimonial.jpg); text-decoration:none; outline:none;}
#testimonial_button a:hover, #testimonial_button a:active {width: 136px; height: 80px; float:left; background-image:url(images/testimonial_over.jpg); text-decoration:none; outline:none;}

#contact_us {width: 132px; height: 80px; float:left; background-image:url(images/contact_us.jpg); text-decoration:none; outline:none;}
#contact_us a:link, #contact_us a:visited {width: 132px; height: 80px; float:left; background-image:url(images/contact_us.jpg); text-decoration:none; outline:none;}
#contact_us a:hover, #contact_us a:active {width: 132px; height: 80px; float:left; background-image:url(images/contact_us_over.jpg); text-decoration:none; outline:none;}

#nav_right {width: 34px; height: 80px; float:left; background-image:url(images/right_nav.jpg);}


/*-------- hotspots & buttons --------*/

#web {width: 225px; height: 36px; margin: 40px 0 0 30px; position:absolute;}
#web a:link, #web a:visited {width: 225px; height: 36px; margin: 40px 0 0 30px; text-decoration:none; outline:none;}
#web a:hover, #web a:active  {width: 225px; height: 36px; margin: 40px 0 0 30px; text-decoration:none; outline:none;}

#click {width: 95px; height: 75px; margin: 80px 0 0 45px; position:absolute;}
#click a:link, #click a:visited {width: 95px; height: 75px; margin: 80px 0 0 45px; text-decoration:none; outline:none;}
#click a:hover, #click a:active  {width: 95px; height: 75px; margin: 80px 0 0 45px; text-decoration:none; outline:none;}

#click_here {width: 129px; height: 13px; margin: 244px 0 0 0; position:absolute; background-image:url(images/click_here.jpg);}
#click_here a:link, #click_here a:visited {width: 129px; height: 13px; margin: 244px 0 0 0; position:absolute; background-image:url(images/click_here.jpg);}
#click_here a:hover, #click_here a:active  {width: 129px; height: 13px; margin: 244px 0 0 0; position:absolute; background-image:url(images/click_here.jpg);}

#testimonial {width: 104px; height: 17px; margin: 293px 0 0 32px; position:absolute; background-image:url(images/testimonial.jpg);}
#testimonial a:link, #testimonial a:visited {width: 104px; height: 17px; margin: 293px 0 0 32px; position:absolute; background-image:url(images/testimonial.jpg);}
#testimonial a:hover, #testimonial a:active  {width: 104px; height: 17px; margin: 293px 0 0 32px; position:absolute; background-image:url(images/testimonial.jpg);}

#previous {width: 94px; height: 29px; float:left; background-image:url(images/previous.jpg); margin: 0 0 0 4px;}
#previous a:link, #previous a:visited {width: 94px; height: 29px; float:left; background-image:url(images/previous.jpg); text-decoration:none; outline:none;}
#previous a:hover, #previous a:active {width: 94px; height: 29px; float:left; background-image:url(images/previous.jpg); text-decoration:none; outline:none;}

#next {width: 62px; height: 27px; float:right; background-image:url(images/next.jpg); margin: 0 4px 0 0;}
#next a:link, #next a:visited {width: 62px; height: 27px; float:right; background-image:url(images/next.jpg); text-decoration:none; outline:none;}
#next a:hover, #next a:active {width: 62px; height: 27px; float:right; background-image:url(images/next.jpg); text-decoration:none; outline:none;}

#membership {width: 225px; height: 60px; float:left; margin: 0 0 0px 64px; background-image:url(images/contract.jpg);}
#membership a:link, #membership a:visited {width: 225px; height: 60px; float:left; background-image:url(images/contract.jpg); text-decoration:none; outline:none;}
#membership a:hover, #membership a:active {width: 225px; height: 60px; float:left; background-image:url(images/contract.jpg); text-decoration:none; outline:none;}

#reference {width: 290px; height: 60px; margin:auto; background-image:url(images/refrence_form.jpg); background-repeat:no-repeat;}
#reference a:link, #reference a:visited {width: 290px; height: 60px; float:left; margin:auto; background-image:url(images/refrence_form.jpg); text-decoration:none; outline:none; background-repeat:no-repeat;}
#refrence a:hover, #reference a:active {width: 290px; height: 60px; float:left; margin:auto; background-image:url(images/refrence_form.jpg); text-decoration:none; outline:none; background-repeat:no-repeat;}

#call_report {width: 225px; height: 60px; float:right; margin: 0 64px 0 0; background-image:url(images/report.jpg);}
#call_report a:link, #call_report a:visited {width: 225px; height: 60px; float:right; background-image:url(images/report.jpg); text-decoration:none; outline:none;}
#call_report a:hover, #call_report a:active {width: 225px; height: 60px; float:right; background-image:url(images/report.jpg); text-decoration:none; outline:none;}

#report {width: 233px; height: 28px; float:left; margin: 0 0 0 124px; background-image:url(images/report_small.jpg);}
#report a:link, #report a:visited {width: 233px; height: 28px; float:left; background-image:url(images/report_small.jpg); text-decoration:none; outline:none;}
#report a:hover, #report a:active {width: 233px; height: 28px; float:left; background-image:url(images/report_small.jpg); text-decoration:none; outline:none;}

#report_2 {width: 233px; height: 28px; float:left; margin: 0 0 0 26px; background-image:url(images/report_small.jpg);}
#report_2 a:link, #report_2 a:visited {width: 233px; height: 28px; float:left; background-image:url(images/report_small.jpg); text-decoration:none; outline:none;}
#report_2 a:hover, #report_2 a:active {width: 233px; height: 28px; float:left; background-image:url(images/report_small.jpg); text-decoration:none; outline:none;}

/*-------- driver --------*/

#driver {width: 960px; height: 65px; margin:auto; clear:both;}
#driver_divide {width: 960px; height: 1px; margin:auto; background-color:#474747; clear:both}
#driver_content {width: 960px; height: 20px; float:left; margin: 17px 0 0 0; clear:both;}


/*-------- footer --------*/

#footer {width: 960px; height: 65px; margin:auto; clear:both;}
#footer_divide {width: 960px; height: 1px; margin:auto; background-color:#474747;}

#footer_left {width: 600px; height: auto; float:left;}
#footer_left a:link, #footer_left a:visited {text-decoration:none; color:#474747;}
#footer_left a:hover, #footer_left a:active {text-decoration:none; color:#474747;}

#footer_right {width: 300px; height: auto; float:right;}
#footer_right a:link, #footer_right a:visited {text-decoration:none; color:#474747;}
#footer_right a:hover, #footer_right a:active {text-decoration:none; color:#474747;}
