@charset "utf-8";
/* CSS Document */

body { background: url(../images/background.png) repeat-x; margin: 0; padding: 0; font-family: Arial; }
#container { width: 871px; background: url(../images/content-background.png); margin: 0 auto; }

/* Header */
#container #header { background: url(../images/logo.png) no-repeat; height: 215px; position: relative; cursor: hand; cursor: pointer; }
#container #header #nav { position: absolute; left: 0; top: 164px; margin-left: 52px; margin-bottom: 10px; }
#container #header #nav ul { list-style-type: none; margin: 0; padding: 0; }
#container #header #nav ul li { padding: 1px 9px; float: left; }
#container #header #nav ul li:hover { border: 1px solid #8a4500; padding: 0px 8px; }
#container #header #nav ul li a { color: #fff; font-size: 13px; text-decoration: none; text-transform: uppercase; }
#container #header #subnav { position: absolute; left: 0; bottom: 10px; margin-left: 52px; background: #a47904; width: 716px; height: 18px; padding: 0 0 0 50px; }
#container #header #subnav ul { list-style-type: none; margin: 0; padding: 0; }
#container #header #subnav ul li { padding: 0 8px; float: left; height: 18px; margin-top: -3px;  }
#container #header #subnav ul li a { color: #fff; font-weight: bold; font-size: 10px; height: 18px; text-decoration: none; text-transform: uppercase;  }
#container #header #subnav ul li a:hover { color: #55390B; }

/* Home Content */
#container #content { padding: 0 52px; }
#container #content #bottom { background: url(../images/sub2-bottom-background.png) repeat-y; }
#container #content #top { background: url(../images/content-header.png) no-repeat; width: 765px; height: 29px; }
#container #content #bottom #left { width: 136px; float: left; }
#container #content #bottom #left ul { padding: 0; margin: 0; list-style-type: none; }
#container #content #bottom #left ul li { width: 105px; padding: 5px 10px 5px 20px; }
#container #content #bottom #left ul li.s1 { background: #805710; }
#container #content #bottom #left ul li.s1:hover { background: #98c869; }
#container #content #bottom #left ul li.s2 { background: #734e0e; }
#container #content #bottom #left ul li.s2:hover { background: #3a92d4; }
#container #content #bottom #left ul li.s3 { background: #68460d; }
#container #content #bottom #left ul li.s3:hover { background: #a0430b; }
#container #content #bottom #left ul li.s4 { background: #5e3f0c; }
#container #content #bottom #left ul li.s4:hover { background: #0ba07f; }
#container #content #bottom #left ul li a { font-family: Helvetica; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; }

#container #content #bottom #right { width: 624px; min-height: 450px; float: right; margin-top: 5px; margin-right: 3px;}
#container #content #bottom #right { color: #fff; font-size: 15px; }
#container #content #bottom #right h1 {font-size: 20px; margin: 0; padding: 0; margin: 10px 0 0 0; border: 1px solid #fff; }
#container #content #bottom #right span { font-size: 20px; margin: 0; padding: 10px; margin-bottom: 10px; border: 2px solid #fff; font-family: Helvetica; letter-spacing: 2px; }
#container #content #bottom #right span.s1 { background: #98c869; }
#container #content #bottom #right span.s2 { background: #3a92d4; }
#container #content #bottom #right span.s3 { background: #a0430b; }
#container #content #bottom #right span.s4 { background: #0ba07f; }
#container #content #bottom #right span.date { font-size: 10px; }
#container #content #bottom #right ul { margin: 0; padding: 0; margin: 0 0 0 15px; }
#container #content #bottom #right ul li { padding: 3px 0; }
#container #content #bottom #right img.buynow { position: absolute; right: 30px; top: 15px; }
#container #content #bottom #right a { color: #8a1000; }


#container #content #bottom #right #right-left { width: 157px; float: left; padding: 25px;}
#container #content #bottom #right #right-right { width: 374px; float: right; padding: 25px 20px 25px 22px }

/* Footer */
#container #footer { padding: 0 52px; }

.anchor { clear: both; }