/* BASIC */
body { background:#333 fixed; color:#666; margin:0; padding:0; text-align:left; }

/* HEADER */
.header { background:#000; display:block; height:57px; margin:0; padding:0; position:fixed; width:100%; z-index:2; }
#header { display:block; float:left; margin:0 auto; height:57px; padding:0; width:1100px; }
#menu { background:#e5e5e5; float:right; margin:0 auto; width:500px; }

/* MENU */
#menu ul { font:bold 14px arial; line-height:57px; list-style:none; margin:0; padding:0; text-transform:uppercase; }
#menu ul li { float:left; height:57px; margin:0; padding:0; }
#menu ul li a { color:#333; cursor:pointer; display:block; height:57px; padding:0 13px; text-decoration:none; }
#menu ul li a:hover { background:#c8c8c8; color:#333; }
#menu ul li a.active { background:#fff; color:#333; }
#menu #a65 ul li a, #menu #a68 ul li a, #menu #a75 ul li a, #menu #a79 ul li a, #menu #a88 ul li a, #menu #a91 ul li a { padding:0 10px; }

/* MAIN */
.content { background:#333 fixed; clear:both; display:block; margin:0 auto; padding:0; overflow:hidden; position:absolute; top:57px; z-index:1; width:1100px; }
#photo { display:none; float:left; width:600px; }
#content { background:#fff; display:block; float:left; padding:13px; left:600px; width:474px; }
#content .shadow { left:600px; position:fixed; top:57px; }
#content h1 { color:#666; font:bold 24px arial; margin:0; padding:10px 0 0 0; text-transform:lowercase; }
#content h2 { color:#ff8432; font:bold 20px arial; margin:0; padding:0; text-transform:lowercase; }
#content h3 { color:#666; font:italic 22px "Times New Roman"; margin:0; padding:5px 0; }
#content #a57, #content #a61, #content #a76, #content #a80, #content #a92, #content #a89 { padding:57px 0 0 0; }
#content p { color:#666; font:normal 14px arial; line-height:18px; margin:0; padding:0; }
#content a { color:#ff8432; text-decoration:none; }
#content a:hover { color:#ff8432; text-decoration:underline; }

/* PHOTO */
#photo .dance4life { bottom:13px; display:block; left:13px; position:fixed; }
#photo .dance4life img, #photo .retroweb img { border:none; }
#photo .retroweb { bottom:13px; display:block; left:475px; position:fixed; }

/* HOME */
#home { margin:20px 0 0 0; }
#tweed, #upcoming { display:block; float:left; padding:0; width:237px; }
#tweed .tweed { padding:10px 20px 0 0; }
#tweed .tweed h4 { color:#32ccff; font:bold 12px arial; margin:0; padding:0; }
#tweed .tweed h4 a { color:#2aa1c8; text-decoration:none; }
#tweed .tweed h4 a:hover { color:#2aa1c8; text-decoration:underline; }
#tweed .tweed h5, #upcoming .upcomingevent h5, #latestnews .newsitem h5, #news .newsitem h5 { color:#aaa; font:normal 10px arial; margin:0; padding:0; }
#upcoming .upcomingevent { padding:10px 0 0 0; }
#upcoming .upcomingevent h3 { color:#58ff31; font:bold 14px arial; margin:0; padding:0; }
#upcoming .upcomingevent h3 a { background:url(../img/externallink.png) no-repeat; color:#58ff31; padding:0 0 0 15px; text-decoration:none; }
#upcoming .upcomingevent h3 a:hover { color:#58ff31; text-decoration:underline; }
#upcoming .upcomingevent h4 { color:#666; font:normal 12px arial; margin:0; padding:0; }

/* LATEST NEWS */
#latestnews { clear:both; }
#news { clear:both; padding:0; }
#latestnews #news { clear:both; padding:20px 0 0 0; }
#latestnews #news .newsitem, #news .newsitem { padding:10px 0 0 0; }
#latestnews #news .newsitem h2, #news .newsitem h2 { color:#ff8432; font:bold 18px arial; margin:0; padding:0; }
#latestnews #news .newsitem p, #news .newsitem p { color:#666; font:normal 14px arial; line-height:18px; margin:0; padding:0; }
#latestnews #news .newsitem a, #news .newsitem a { color:#ff8432; text-decoration:none; }
#latestnews #news .newsitem a:hover, #news .newsitem a:hover { color:#ff8432; text-decoration:underline; }

/* EVENTS */
#events { clear:both; padding:0; }
#events .upcomingevent { padding:10px 0 0 0; }
#events .upcomingevent h2 { color:#58ff31; font:bold 14px arial; margin:0; padding:0; }
#events .upcomingevent h2 a { background:url(../img/externallink.png) no-repeat; color:#58ff31; padding:0 0 0 15px; text-decoration:none; }
#events .upcomingevent h2 a:hover { color:#58ff31; text-decoration:underline; }
#events .upcomingevent h3 { color:#666; font:bold 12px arial; margin:0; padding:0; }
#events .upcomingevent h5 { color:#aaa; font:normal 10px arial; margin:0; padding:0; }
#events .upcomingevent p { color:#666; font:normal 14px arial; line-height:18px; margin:0; padding:0; }

/* PHOTOS */
#photos { padding:20px 0 0 0; }
#photos .photoitem { display:block; float:left; height:100px; margin:0 13px 13px 0; text-align:center; vertical-align:middle; width:145px; }
#photos .photoitem a img { border:2px solid #fff; }
#photos .photoitem a:hover img { border:2px solid #888; }

/* FOOTER */
#footer { padding:20px 0 0 0; }
#footer .booking, #footer .follow { display:block; float:left; padding:0; width:237px; }
#footer .booking a img { border:none; margin:5px 0 0 0; }
#footer .follow ul { list-style:none; margin:0; padding:0; }
#footer .follow ul li { margin:0; padding:5px 0 0 0; }
#footer .follow ul li a { color:#666; display:block; font:normal 12px arial; height:20px; line-height:20px; padding:0 0 0 25px; text-decoration:none; }
#footer .follow ul li a:hover { text-decoration:underline; }
#footer .follow ul li a.myspace { background:url(../img/myspace.png) no-repeat; }
#footer .follow ul li a.hyves { background:url(../img/hyves.png) no-repeat; }
#footer .follow ul li a.twitter { background:url(../img/twitter.png) no-repeat; }
#footer .follow ul li a.flickr { background:url(../img/flickr.png) no-repeat; }