body { font-family: Verdana, Geneva, sans-serif; }

.pagebody { background-color: #000; position: relative; }
.upper-half { background-color: #fff; position: relative; }
.lower-half { background-color: #000; position: relative; color: #fff; }

.container { position: relative; }
.upper-half .container { position: relative; }
#sumo-flag { position: absolute; z-index: 2; top: 0; left: 0; }
#top-nav { text-align: right; margin-top: 20px; }
#top-nav b { margin: 0 10px 0 25px; width: 7px; height: 12px; background: #fff url('/ui/img/arrow.png') no-repeat scroll center 75%; text-indent: -9999px; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
strong { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #b5121b; }

.upper-half h1, .upper-half h3 { color: #b5111a; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
.lower-half h1, .lower-half h2, .lower-half h3, .lower-half h4, .lower-half h5, .lower-half h6 { color: #949494; }  


h4 { color: #b5121b; }
div#zoom h4 { font-weight: bold; }

body.home #main { background: transparent url('/ui/img/mighty-sumo.png') no-repeat scroll 25px bottom; min-height: 500px; }
body.home #maincontent { margin-top: 200px; }
body.home #maincontent h1 { font-size: 82px; }

a { color: #b5000c; text-decoration: none; }
a:hover { color: #b52025; text-decoration: underline; }
span.phone { color: #b5000c; }
span.phone:hover { color: #b52025; text-decoration: underline; }

#top-nav { font-size: 14px; }
#top-nav .large { font-size: 20px; font-weight: bold; }
#top-nav a, #top-nav span.phone { color: #000; text-decoration: none; }
#top-nav a:hover, #top-nav span.phone:hover { color: #b52025; }

#footer { margin-top: 25px; padding-top: 10px; text-align: center; font-size: 0.8em; border-top: 1px solid #333; color: #666; }

#sub { color: #fff; }

ul li { font-style: italic; }

.large { font-size: 16px; line-height: 1.8; margin-bottom: 10px; }
.large strong { font-size: 18px; }
.quote { font-style: italic; }

.pods-outer { overflow: hidden; height: 115px; position: relative; clear: both; }
.pods-inner { width: 1288px; position: absolute; top: 0; left: 0; }
.span-8.pod { width: 308px; border: 2px solid #666; height: 110px; }
.span-8.pod:hover { border-color: #b52025; }
a#prev-bttn, a#next-bttn { display: block; display: none; color: #949494; position: absolute; top: 108px; left: -15px; z-index: 10; font-size: 16px; }
a#next-bttn { left: 965px; }
a#prev-bttn:hover, a#next-bttn:hover { color: #b52025; text-decoration: none; }
.zoom { z-index: 99; }

#contact-form label, #contact-form span { display: block; font-weight: normal; }
#contact-form input.text, #contact-form textarea { font-family: Verdana, Geneva, sans-serif; font-size: 12px; width: 325px; background-color: #000; color: #999; border: 1px solid #999; }
#contact-form input.text:focus, #contact-form textarea:focus { border: 1px solid #fff; }
#contact-form textarea { height: 100px; }