a {color: #D70101}
a:hover {color: #31559E}
a img {border: 0}
.clear {clear: both}

body {margin: 0px; background-color: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #505455}

#header, #nav, #promo, #main, #footer {width: 900px; margin: 0 auto}

#nav {background-image: url(../images/nav_back.gif); background-position: right top; height: 50px; position: relative}
#nav ul {margin: 0; padding: 0; list-style: none}
#nav ul li, #nav ul li a {display: block; float: left; height: 50px; overflow: hidden}
#nav ul li a b {display: none}
#navhome a {background-image: url(../images/nav_home.gif); width: 80px}
#navhome a:hover {background-position: 0 -50px}
#navorder a {background-image: url(../images/nav_order.gif); width: 81px}
#navorder a:hover {background-position: 0 -50px}
#navabout a {background-image: url(../images/nav_about.gif); width: 104px}
#navabout a:hover {background-position: 0 -50px}
#navfaq a {background-image: url(../images/nav_faq.gif); width: 61px}
#navfaq a:hover {background-position: 0 -50px}
#navterms a {background-image: url(../images/nav_terms.gif); width: 80px}
#navterms a:hover {background-position: 0 -50px}
#navcontact a {background-image: url(../images/nav_contact.gif); width: 120px}
#navcontact a:hover {background-position: 0 -50px}
#navtestimonials a {background-image: url(../images/nav_testimonials.gif); width: 131px}
#navtestimonials a:hover {background-position: 0 -50px}
#navcards {position: absolute; top: 9px; right: 20px}

#main {padding: 20px 0 40px 0}

#content {width: 860px; float: left; padding: 0 20px}
#home #content {width: 560px; float: left; padding: 0 20px}
#content h1 {font-size: 30px; font-weight: normal; margin: 0 0 10px 0; letter-spacing: -1px}
#content p {margin-top: 0}
#youtube {margin: 0 0 20px 0}

#sidebar {width: 300px; padding: 0; float: right}
#sidebar #screen {background-color: #dee8ea; background-image: url(../images/sidebar_bottom.gif); background-position: bottom; background-repeat: no-repeat}
#sidebar #screen p {margin: 0; padding: 10px 15px 15px 15px; font-size: 11px; color: #343737}
#sidebar ul {margin: 20px 0 0 0; padding: 0; list-style: none}
#sidebar ul li {display: block; float: left; width: 300px; height: 83px; overflow: hidden; margin-bottom: 10px}
#sidebar ul li a {display: block; float: left; width: 300px; height: 83px}
#sidebar ul li a b {display: none; visibility: hidden}
#both a {background-image: url(../images/buy_both_s.gif)}
#both a:hover {background-position: 0 -83px}
#google a {background-image: url(../images/buy_google_s.GIF)}
#google a:hover {background-position: 0 -83px}
#yahoo a {background-image: url(../images/buy_yahoo_s.GIF)}
#yahoo a:hover {background-position: 0 -83px}

#footer {clear: both; background-image: url(../images/footer.gif); background-repeat: no-repeat; padding: 10px 0}
#footer p {margin: 0; padding: 10px 20px; font-size: 9px; color: #818789}

#topnav {width: 900px; margin: 0 auto; background-image: url(../images/footer.gif); height: 25px}
#topnav ul {margin: 0; padding: 0; list-style: none; float: right}
#topnav ul li {display: block; float: left; font-size: 11px}
#topnav ul li a {display: block; float: left; padding: 10px 22px 0 0; text-decoration: none; color: #3D8B95}
#topnav ul li a:hover {color: #576669}
#navversus a {background-image: url(../images/nav_versus.gif); width: 231px}
#navversus a:hover {background-position: 0 -50px}
#navsuccess a {background-image: url(../images/nav_success.gif); width: 155px}
#navsuccess a:hover {background-position: 0 -50px}