body { background-color: #280C00; font-family: Georgia, serif; font-size: 13px; padding: 20px 0; text-align: center; }
body * { text-align: left; }
a { color: #E50077; text-decoration: none; }
a:hover { text-decoration: underline; }

#container { position: relative; width: 1000px; margin: 0 auto; overflow: hidden; background: transparent url(../images/contentbg.jpg) 0 0 repeat-y; }
#header { height: 120px; padding-top: 8px; background: transparent url(../images/topcap.jpg) 0 0 no-repeat; }
#content { width: 850px; margin: 35px 72px; padding: 0; overflow: hidden; background: transparent url(../images/border-top.jpg) 0 0 repeat-x; }
#footer { height: 120px; background: transparent url(../images/bottomcap.jpg) 0 0 no-repeat; }

#header h1 { float: left; width: 299px; height: 111px; margin: 40px 30px; background: transparent url(../images/logo.png) top left no-repeat; }
#header h1 a { text-indent: -9999px; display: block; width: 100%; height: 100%; }

#topnav { float: right; width: 580px; margin: 59px 60px 0 0; padding: 0; list-style-type: none; }
#topnav li { float: left; height: 10px; margin: 0 17px 0 0; }
#topnav li a { font-size: .1em; height: 10px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: transparent url(../images/topnav.png) 0 0 no-repeat; }
#topnav .blog { width: 90px; }
#topnav .blog a { background-position: 0 0; }
#topnav .blog a:hover, #topnav .blog .active { background-position: 0 -10px; }
#topnav .products { width: 144px; }
#topnav .products a { background-position: -92px 0; }
#topnav .products a:hover, #nav .products .active { background-position: -92px -10px; }
#topnav .services { width: 140px; }
#topnav .services a { background-position: -236px 0; }
#topnav .services a:hover, #nav .services .active { background-position: -236px -10px; }
#topnav .contact { width: 132px; }
#topnav .contact a { background-position: -378px 0; }
#topnav .contact a:hover, #nav .contact .active { background-position: -378px -10px; }

#blognav { width: 200px; float: right; text-align: right; margin: 3px 0 0 0; padding: 10px 0 0 0; }
#blognav h3 { color: #FFF; margin: 10px 0; font-weight: normal; text-align: right; }
#blognav ul { margin: 0 0 15px 0; padding: 0; list-style-type: none; }
#blognav li { margin: 5px 0; text-align: right; }

#posts { margin: 3px 0 0 0; padding: 20px 0 0 0; width: 665px; background: transparent url(../images/border-side.jpg) top right repeat-y; }
.post { width: 607px; margin: 0 10px 20px 10px; color: #4b2300 }
.post h1 { font-size: 1.5em; width: 607px; height: 30px; padding: 10px 0 0 20px; margin: 0; background: transparent url(../images/post-top.png) 0 0 no-repeat; }
.post .text { width: 606px; padding: 5px 0 0 0; background-color: #F7EED4; border-right: solid #745034 1px; }
.post p { margin: 0; padding: 0 20px; }
.post .bottom { width: 607px; height: 14px; margin: 0; padding: 0; background: transparent url(../images/post-bottom.png) 0 0 no-repeat}
.separator { width: 629px; height: 23px; background: transparent url(../images/separator-blog.png) top center no-repeat; }

#bottomnav { position: absolute; bottom: 40px; left: 322px; margin: 0; padding: 0; list-style-type: none; }
#bottomnav li { height: 9px; float: left; margin-right: 10px; padding-right: 10px; border-right: solid #e8d2a0 1px; }
#bottomnav li a { height: 7px; display: block; font-size: .1em; text-indent: -9999px; background: transparent url(../images/bottomnav.png) no-repeat; }
#bottomnav .last { border: none; }
#bottomnav .home { width: 36px; }
#bottomnav .home a { background-position: 0 0; }
#bottomnav .products { width: 68px; }
#bottomnav .products a { background-position: -36px 0; }
#bottomnav .services { width: 63px; }
#bottomnav .services a { background-position: -104px 0; }
#bottomnav .contact { width: 60px; }
#bottomnav .contact a { background-position: -167px 0; }
#bottomnav .promos { width: 45px; }
#bottomnav .promos a { background-position: -227px 0; }
#bottomnav .blog { width: 34px; }
#bottomnav .blog a { background-position: -280px 0; }