html, body { font-family: myriad-pro, sans-serif; line-height: 1.5; font-size: 14px; color: #000; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0;}
a { text-decoration: underline; color: #900; }
a:hover { text-decoration: none; }

h1, h2, h3, h5, #header p.desc { font-family: adobe-garamond-pro, serif; font-weight: 400; }

#wrap { width: 960px; margin: 30px auto; background-color: #f1f1f1; }
#header { width: 960px; height: 403px; position: relative; background: url(img/header.jpg) center top no-repeat; }
#header h1 { display: block; width: 440px; height: 121px; position: absolute; left: 20px; top: 269px; padding-top: 13px; background: url(img/header-h1.png) center top no-repeat; text-align: center; font-weight: 600; font-size: 90px; color: #fff; }
#header h1 a { text-decoration: none; color: #fff; }
#header p.desc { display: block; width: 460px; height: 53px; position: absolute; left: 460px; top: 350px; background-color: #606060; padding: 0 20px; line-height: 53px; font-size: 20px; color: #fff; }
#header ul.menu { width: 220px; position: absolute; right: 0; top: 54px; }
#header ul.menu li { display: block; margin-bottom: 10px; background: url(img/header-menu.png); }
#header ul.menu li a { display: block; width: 208px; height: 40px; padding-left: 12px; line-height: 40px; text-decoration: none; font-size: 18px; color: #fff; }
#header ul.menu li a:hover { color: #c1c1c1; }
#header ul.menu li a.active { font-weight: 700; }

#content { padding: 0 20px; }
#content #text { width: 670px; float: left; padding: 15px 0; }
#content #text h2 { font-size: 20px; }
#content #text h3 { padding-top: 15px; font-size: 18px; }
#content #text p { padding: 10px 0; }
#content #text .alignleft { float: left; margin: 5px 20px 5px 0; }
#content #text .alignright { float: right; margin: 5px 0 5px 20px; }
#content #text ul { margin: 10px 0; }
#content #text ul li { padding: 4px 0 4px 33px; background: url(img/text-ul-li.png) 16px 12px no-repeat; }
#content #text .ab { margin: 10px 0; text-align: center; }
#content #text .booking { margin: 10px 0; padding: 10px; background-color: #fff; }
#content #text .ticket { margin: 10px 0; padding: 10px; background-color: #fff; }
#content #text a.hot { display: block; padding: 5px 10px; text-align: center; text-decoration: none; font-size: 18px; font-weight: 700; color: #fff; }
#content #text a.hot.red { background-color: #900; }
#content #text a.hot.red:hover { background-color: #903; }
#content #text a.hot.blue { background-color: #69C; }
#content #text a.hot.blue:hover { background-color: #69F; }
#content #text a.hot.orange { background-color: #C63; }
#content #text a.hot.orange:hover{ background-color: #C30; }
#content #text a.hot.green { background-color: #696; }
#content #text a.hot.green:hover { background-color: #396; }
#content #sidebar { width: 200px; float: right; }
#content #sidebar h3 { padding: 15px 0 3px 0; background: url(img/sidebar-h3.png) left bottom no-repeat; font-size: 20px; }
#content #sidebar p { padding: 7px 0; font-size: 13px; }
#content #sidebar a.logo { display: block; width: 200px; height: 70px; overflow: hidden; margin-top: 10px; }
#content #sidebar .items { width: 200px; padding: 4px 0 20px 0; font-size: 12px; }
#content #sidebar .items .item { border-bottom: 1px solid #ccc; clear: both; padding: 10px 0; }
#content #sidebar .items .item h4 { padding-bottom: 7px; line-height: 1.2; font-weight: 700; }
#content #sidebar .items .item h4 a { font-size: 14px; text-decoration: none; color: #000; }
#content #sidebar .items .item h4 a:hover { text-decoration: underline; }
#content #sidebar .items .item img { float: left; margin: 3px 15px 10px 0; }
#content #sidebar .items .item span { display: block; }
#content #sidebar .items .item span.red { color: #900; }

#box { height: 50px; border-top: 5px solid #666; line-height: 50px; font-size: 13px; }
#box a { color: #333; }
#box .left { float: left; }
#box .right { float: right; }