
/* container */
#container { display: block; width: 760px; margin: auto; }

/* header */
#header-container { display: block; width: 760px; height: 135px; }
#header-logo { float: left; width: 213px; height: 73px; padding: 34px 46px 28px 23px; }
#header-graphics { float: right; width: 478px; height: 135px; }

/* body header */
#body-header { display: block; width: 714px; height: 47px; padding: 13px 23px 0px 23px; background: url(../images/common/body-top-curve.gif) no-repeat top; }
#navigation { display: block; width: 544px; height: 47px; padding: 0px 0px 0px 171px; background: url(../images/common/navigation-bg.gif) no-repeat; }
#navigation a { display: block; height: 47px; text-decoration: none; }
#navigation a:link { background-position: 0px 0px; }
#navigation a:visited { background-position: 0px 0px; }
#navigation a:hover { background-position: 0px -47px; }
#navigation a.selected:link { background-position: 0px -47px; }
#navigation a.selected:visited { background-position: 0px -47px; }
#navigation a.selected:hover { background-position: 0px -47px; }
#side-a { float: left; width: 251px; padding-right: 108px; }
#side-a div { float: left; height: 47px; }
#home { width: 49px; }
#home a { background-image: url(../images/common/home.gif); }
#artists { width: 64px; }
#artists a { background-image: url(../images/common/artists.gif); }
#gigs { width: 42px; }
#gigs a { background-image: url(../images/common/gigs.gif); }
#downloads { width: 96px; }
#downloads a { background-image: url(../images/common/downloads.gif); }
#side-b { float: left; width: 184px;}
#side-b div { float: left; height: 47px; }
#history { width: 65px; }
#history a { background-image: url(../images/common/history.gif); }
#links { width: 52px; }
#links a { background-image: url(../images/common/links.gif); }
#contact { width: 67px; }
#contact a { background-image: url(../images/common/contact.gif); }

/* body */
#body { display: block; width: 714px; padding: 0px 23px 0px 23px; background: url(../images/common/body-bg-tile.gif) repeat-y; }
#body h2 { padding-bottom: 22px; }
#body p { margin: 0px; padding-bottom: 10px; }
#body p.divider { display: block; width: 714px; padding-top: 5px; margin-bottom: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FFFFFF; }
#body p.credits { clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #666666; }
#body-intro { display: block; width: 714px; height: 95px; padding-bottom: 22px; background: url(../images/common/body-intro-bg.gif) no-repeat top left; }
#body-intro table { width: 714px; height: 95px; }
#body-intro table .text { width: 461px; }
#body-intro table .imagery { padding-left: 18px; width: 217px; text-align: center; }
#body-intro h1 { padding: 0px 15px 0px 15px; line-height: 20px; }
#body-intro h1 a { text-decoration: underline; color: #FFFFFF; }

/* footer */
#footer-container { display: block; width: 714px; height: 50px; padding: 23px 23px 0px 23px; background: url(../images/common/body-bottom-curve.gif) no-repeat top center; }
#footer-container a:link { color: #999999; text-decoration: none; }
#footer-container a:visited { color: #999999; text-decoration: none; }
#footer-container a:hover { color: #0099CC; text-decoration: underline; }
#footer-container div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 20px; }
#footer-links { float: left; }
#footer-credits { float: right; padding-left: 24px; text-align: right; background: url(../images/common/ratio7-icon.gif) no-repeat left bottom; }