/******************************************************
 * Big Apple Car, Inc.                                *
 * Main Stylesheet                                    *
 * By: MW Design Interactive                          *
 * Markup: John Grieco                                *
 * 25 February 2009                                   *
 ******************************************************/

@import url("undohtml.css");

body { background-color: #000000; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; }

#container { width: 810px; height: inherit; display: block; margin: 20px auto 20px auto; position: relative;}
#header { width: 100%; height: 120px; background-color: #e51922; position: relative; }
#header .logo { position: absolute; top: 15px; left: 60px; text-indent: -9999px; background: url(../images/vip_logo.jpg) no-repeat top left; }
#header .logo a { display: block; width: 93px; height: 93px; }
#header .tagline { position: absolute; top: 46px; right: 60px; text-indent: -9999px; background: url(../images/vip_tagline.jpg) no-repeat top left; display: block; width: 537px; height: 43px; }

#content { width: 100%; height: inherit; display: block;}

#nav { width: 100%; background: url(../images/nav.jpg) 5px 0px no-repeat; height: 29px; }
#nav ul { list-style: none; padding: 5px 0 0 30px; }
#nav ul li { float: left; text-indent: -9999px; margin-right: 20px;  }
#nav ul li.home { width: 50px; }
#nav ul li.fleet { width: 75px;  }
#nav ul li.gold { width: 70px; margin-right: 15px; }
#nav ul li.goldstar { width: 65px; }
#nav ul li.drivers { width: 115px; }
#nav ul li.rates { width: 50px; }
#nav ul li.surcharge { width: 105px; }
#nav ul li.job { width: 70px; margin-right: 0; }
#nav ul li a { display: block; }

#nav_vip { width: 100%; background: url(../images/nav_vip.jpg) 5px 0px no-repeat; height: 29px; }
#nav_vip ul { list-style: none; padding: 5px 0 0 30px; }
#nav_vip ul li { float: left; text-indent: -9999px; margin-right: 20px;  }
#nav_vip ul li.home { width: 50px; }
#nav_vip ul li.fleet { width: 75px;  }
#nav_vip ul li.gold { width: 70px; margin-right: 15px; }
#nav_vip ul li.goldstar { width: 65px; }
#nav_vip ul li.drivers { width: 115px; }
#nav_vip ul li.rates { width: 50px; }
#nav_vip ul li.surcharge { width: 105px; }
#nav_vip ul li.job { width: 70px; margin-right: 0; }
#nav_vip ul li a { display: block; }

#homespread { height: 157px; margin-left: 5px; }

#home_content { position: relative; height: inherit; display: block; width: 100%; height: 540px;  }
#home_content .left { position: relative; top: 20px; left: 35px; width: 527px; text-align: justify; }
#home_content .left p { margin: 0 0 22px 0; }
#home_content .left strong { font-weight: bold; color: #e51922; }
#home_content .left .services { padding-left: 10px; border-left: 4px solid #666; }
#home_content .right { position: absolute; top: 0px; left: 596px; *top: 10px;}
#home_content .right .testimonial { text-indent: -9999px; background: url(../images/testimonial.png) top left no-repeat; width: 187px; height: 121px; }
#home_content .right ul { width: 167px; height: 155px; background: url(../images/yellow_buttons.png) top left no-repeat; text-indent: -9999px; margin-left: 8px; }
#home_content .right ul li { width: 167px; height: 50px; }
#home_content .right ul li a { display: block; height: 100%; width: 100%; }
/*
#home_content .right .button { background: url(../images/button_yellow.png) top left no-repeat; position: relative; margin: 0 0 12px 7px; }
#home_content .right .button p { margin: 0; padding: 0; position: relative; top: 15px; }
#home_content .right .button p.twoline { top: 4px; line-height: 18px; }
#home_content .right .button a { display: block; height: 44px; width: 167px; text-align: center; color: #000; }
*/
#home_content .right .phone { font-size: 16px; color: #fff; margin: 20px 0 0 34px; }
#home_content .bottom_badges { text-indent: -9999px; background:url(../images/bottom_badges.jpg) 28px 20px no-repeat; }

#test_content { display: block; height: inherit; background: url(../images/testimonial_bg.jpg) 10px 0px no-repeat; height: 419px; }
#test_content .header { background: url(../images/testimonial_cursive.gif) top left no-repeat; width: 706px; height: 38px; text-indent: -9999px; margin: 0 auto; top: 20px; }
#test_content .test_pages { top: 50px; left: 55px; }
#test_content .test_pages .test_test { float: left; width: 130px; margin-right: 60px; }
#test_content .test_pages .test_test .image { margin: 0; }
#test_content .test_pages .test_test .label { margin: 0; text-align: center; font-size: 13px; line-height: 16px; }
#test_content .test_pages .test_test .label a { color: #fccc22; }
#test_content .phone { clear: both; top: 80px; left: 200px; text-align: left; }
#test_content .phone p { width: 300px; float: left; font-size: 16px; }
/*
#overlay_mask { position: absolute; top: 0px; left: 0px; height: 1000px; width: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 10; }
#overlay { width: 580px; height: 702px; background:url(../images/overlay_bg.png) top left no-repeat; position: absolute; top: 80px; left: 115px; z-index: 100; margin: 0 auto; }
#overlay .bg { position: absolute; top: 0px; left: 0px; z-index: 100;}
#overlay .content { position: absolute; top: 50px; left: 25px; width: 530px; font-size: 11px; color: #000; line-height: 16px; z-index: 100;}
#overlay .content img { padding: 0 30px 10px 0; }
*/

/***** for rounded corners *****/
#header, #header .sb-inner { background: #fccc22; }
#content, #content .sb-inner { background: #000; }