.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: #E0E0E0 url(bg.gif) repeat top center !important; padding: 0px; margin: 0px; }
body, div, p { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
a, a:visited { color: #09F; }
a:hover { color: #F0C; text-decoration: none; }
.pad { padding: 20px; }
.pad1 { padding: 18px 22px 10px 22px; }
.img { border: 2px solid #09F; }
.strng { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
/*
// containers
*/
#main { background: #FFF url(main_bg.png) repeat-y; width: 991px; margin: auto; }
#join_main { background: #FFF url(join_main_bg.png) repeat-y; width: 760px; margin: auto; }
/*
// headers
*/
#header { position: relative; height: 414px; }
#header01 { position: absolute; top: 0px; left: 0px; }
#header02 { position: absolute; top: 38px; left: 0px; }
#header03 { position: absolute; top: 49px; left: 0px; }
#header04 { position: absolute; top: 49px; left: 183px; }
#header05 { position: absolute; top: 49px; left: 304px; }
#header06 { position: absolute; top: 49px; left: 687px; }
#header07 { position: absolute; top: 49px; left: 808px; }
#header08 { position: absolute; top: 171px; left: 304px; }
#header09 { position: absolute; top: 292px; left: 304px; }
/*
// join header
*/
#join_header { position: relative; height: 250px; }
#join_hdr01 { position: absolute; top: 0px; left: 0px; }
#join_hdr02 { position: absolute; top: 38px; left: 0px; }
#join_hdr03 { position: absolute; top: 48px; left: 0px; }
#join_hdr04 { position: absolute; top: 48px; left: 201px; }
#join_hdr05 { position: absolute; top: 48px; left: 380px; }
#join_hdr06 { position: absolute; top: 48px; left: 559px; }
#join_hdr07 { position: absolute; top: 207px; left: 0px; }
#join_hdr08 { position: absolute; top: 217px; left: 0px; }
/*
// tour headers
*/
#tour_hdr { position: relative; height: 293px; }
#tour_hdr01 { position: absolute; top: 0px; left: 0px; }
#tour_hdr02 { position: absolute; top: 38px; left: 0px; }
#tour_hdr03 { position: absolute; top: 49px; left: 0px; }
#tour_hdr04 { position: absolute; top: 49px; left: 183px; }
#tour_hdr05 { position: absolute; top: 49px; left: 304px; }
#tour_hdr06 { position: absolute; top: 49px; left: 687px; }
#tour_hdr07 { position: absolute; top: 49px; left: 808px; }
#tour_hdr08 { position: absolute; top: 171px; left: 304px; }
/*
// welcome text
*/
#welcome { background: url(welcometext_bg.gif) repeat-y; width: 857px; min-height: 85px; margin: auto; margin-top: 20px; z-index: 1; }
#welcome #top { background: url(welcometext_top.gif) no-repeat; width: 857; min-height: 85px; margin: auto; margin-top: 20px; z-index: 2; }
#welcome div span { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #F0C; }
#welcome div { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: 1.3em; }
/*
// colored links
*/
.links, .sublinks { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 24px; padding: 20px 0px; font-weight:bold }
.bookmarklink { color:#FF00CC }
.sublinks { padding-top: 20px; padding-bottom: 40px; }
div.links span a, div.links span a:visited, div.sublinks span a, div.sublinks span a:visited { color: #C00; }
div.links span b a, div.links span b a:visited, div.sublinks span b a, div.sublinks span b a:visited { color: #F0C; font-weight: normal; }
div.links span em a, div.links span em a:visited, div.sublinks span em a, div.sublinks span em a:visited { color: #06F; font-style: normal; }
div.links em a, div.links em a:visited, div.sublinks em a, div.sublinks em a:visited { color: #090; font-style: normal; }
/*
// quick jump
*/
#jumplist { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #09F; line-height: 30px; text-indent: 260px; margin-top: 10px; padding-bottom: 10px; }
#jumplist ul { white-space: nowrap; }
#jumplist li { display: inline; list-style-type: none; }
#jumplist li.active { background: #F0C; border: 1px dotted #FFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; font-weight: bold; line-height: 30px; text-decoration: none; margin-right: 3px; }
#jumplist a, #jumplist li.active { padding: 3px 10px; }
#jumplist a:link, #jumplist a:visited { background: #09F; border: 1px dotted #FFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; font-weight: bold; line-height: 30px; text-decoration: none; margin-right: 3px; }
#jumplist a:hover { color: #FFF; background-color: #06C; text-decoration: none; }
#jumplist li.last a, #jumplist li.last a:visited { background: none; border: none; font-size: 11px; color: #09F; text-decoration: underline; padding: 0px; }
div#jumplist span a, div#jumplist span a:visited { color: #06C; font-weight: bold; }
div#jumplist a:hover { color: #000; text-decoration: none; }
#jumplist li.last a:hover { text-decoration: none; }
#jumplist .black { color: #000; font-weight: bold; }
/*
// block styles
*/
#block_hdr { position: relative; background: url(block_hdr.jpg) no-repeat; width: 953px; height: 47px; margin: auto; }
#block_hdr #title { position: absolute; top: 4px; left: 2px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #F0C; line-height: 42px; text-indent: 20px; }
#block_hdr #title span { color: #000; }
#block_hdr #rating_txt { position: absolute; top: 5px; right: 166px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #09F; font-weight: bold; line-height: 45px; }
#block_hdr #scenerating { position: absolute; top: 8px; right: 14px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #09F; font-weight: bold; }
#scenerating table { width: 400px; }
#block_images { position: relative; height: 699px; }
#block_images #img1 { position: absolute; top: 1px; left: 21px; }
#block_images #img2 { position: absolute; top: 352px; left: 21px; }
#block_images #img3 { position: absolute; top: 1px; left: 497px; }
#block_images #img4 { position: absolute; top: 498px; left: 497px; }
#block_images #img5 { position: absolute; top: 498px; left: 735px; }
#block_txt { background: url(blocktext_bg.gif) repeat-y; width: 953px; margin: auto; margin-top: 2px; z-index: 1; }
#block_txt #top { background: url(blocktext_top.gif) no-repeat; width: 953px; min-height: 77px; margin: auto; margin-top: 2px; z-index: 2; }
#block_txt div span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #F0C; }
#block_txt div { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
#block_ftr { position: relative; background: url(blocktext_btm.gif) no-repeat top center; width: 953px; min-height: 71px; margin: auto; }
#block_ftr #playbtn { position: absolute; top: 20px; left: 38px; }
#block_ftr #joinbtn { position: absolute; top: 20px; right: 38px; }
/*
// tag texts
*/
.tag1 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; margin-top: 20px; }
.tag1 a, .tag1 a:visited { color: #F0C; }
.tag1 a:hover { color: #09F; }
.tag2 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; font-weight: bold; width: 602px; margin: auto; padding-bottom: 20px; }
/*
// big text buttons at bottom of page
*/
#footer_links { background: url(footer_logo.jpg) no-repeat center; width: 100%; height: 140px; }
/*
// footer
*/
.bglnks { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000; }
.bglnks em { font-style: normal; }
.bglnks em a, .bglnks em a:visited { color: #F0C; }
.bglnks em a:hover { color: #09F; }
#footer { background: #E9E9E9 url(footer_edges.gif) repeat-y; margin-top: 20px; text-align: center; padding: 5px; }
div#footer div, div#footer p { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; }

.rating_off { background: url(rating01.gif) repeat-x; height: 31px; width: 155px; position: relative; } 
.rating_on { background: url(rating02.gif) repeat-x; height: 31px; width: 155px; position: absolute; top: 0; left:0; }

#common_footer { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #000; font-size: 12px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #0099FF; text-decoration: underline; }
#common_footer a:hover { color: #900; text-decoration: none; }