/******************************************************
 * 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: 30px; left: 30px; text-indent: -9999px; background: url(../images/logo.jpg) no-repeat top left; }
#header .logo a { display: block; width: 247px; height: 65px; }
#header .tagline { position: absolute; top: 70px; right: 30px; text-indent: -9999px; background: url(../images/where_everything_matters.jpg) no-repeat top left; display: block; width: 205px; height: 21px; }

#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; }

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

#home_content { position: relative; height: inherit; display: block; width: 100%; height: 570px;  }
#home_content .left { position: relative; top: 20px; left: 35px; width: 518px; }
#home_content .left strong { font-weight: bold; color: #e51922; }
#home_content .left .services { padding-left: 10px; border-left: 4px solid #666; text-align: justify; }
#home_content .right { position: absolute; top: 0px; left: 596px; *top: 10px; }
/*
#home_content .right .button { background: url(../images/button.jpg) top left no-repeat; position: relative; }
#home_content .right .button p { margin: 0; padding: 0; position: relative; top: 15px; }
#home_content .right .button p.twoline { top: 4px; }
#home_content .right .button a { display: block; height: 67px; width: 167px; text-align: center; color: #fff; }
*/
#home_content .right ul { list-style: none; background: url(../images/red_buttons.jpg) top left no-repeat; width: 170px; height: 333px; margin-top: 15px; }
#home_content .right ul li { display: block; width: 170px; height: 65px; text-indent: -9999px; }
#home_content .right ul li a { display: block; width: 100%; height: 100%; }
#home_content .bottom_badges { text-indent: -9999px; background:url(../images/bottom_badges.jpg) 28px 20px no-repeat; }

#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: #e51922; }
#content, #content .sb-inner { background: #000; }