* {margin: 0; padding: 0;}
a {outline: none; text-decoration: none;}
a img {border: none;}
ol, ul, li {list-style: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ie6 */
*html #content {height: 447px;}
*html body.join {width: 923px; margin: 0 auto;}
*html #page.members, *html #page.join {background: #fff url(../images/bg/page_bottom.png) left bottom no-repeat; padding-bottom: 5px;}

/* layout */
body {font: 62.5%/1.4 Tahoma, sans-serif; background: #ff61f9 url(../images/bg/body.png) left top repeat-x; color: #000;}
#page {margin: 0 auto; background: #fff; padding: 0 4px;}
#page.members, #page.join, #page.tour {width: 923px; background: #fff url(../images/bg/page_bottom.png) left bottom no-repeat; padding-bottom: 4px;}
#header {position: relative;}
.tour_01 #header {background: url(../images/bg/tour_01_header.jpg) left top no-repeat; padding-top: 537px;}
.tour_02 #header {background: url(../images/bg/tour_02_header.jpg) left top no-repeat; padding-top: 567px;}
.tour_03 #header {background: url(../images/bg/tour_03_header.jpg) left top no-repeat; padding-top: 506px;}
.members #header {background: url(../images/all/members_header.jpg) left top no-repeat; padding-top: 223px;}
#content {min-height: 447px;}
.tour_01 #content {position: relative; margin-top: -205px;}
.tour_02 #content {position: relative; margin-top: -166px;}
.tour_03 #content {position: relative; margin-top: -105px;}
.join #content {background: url(../images/bg/join.jpg) left top no-repeat; height: 795px; width: 922px; margin: 0 auto; position: relative;}
body {width: 924px; margin: 0 auto;}

/* header */
#logo {position: absolute; top: 67px; left: 392px;}
#logo a {display: block; overflow: hidden; text-indent: -200em; width: 455px; height: 105px;}
.menu {width: 909px; overflow: hidden; background: url(../images/bg/menu.png) left top repeat-x; padding: 15px 0 10px 14px;}
	.menu li {display: block; float: left; padding: 0 10px;}
	.menu a {display: block; height: 37px; text-indent: -200em; overflow: hidden;}
	.menu .photos a {background: url(../images/bg/photos.gif) left top no-repeat; width: 120px;}
	.menu .videos a {background: url(../images/bg/videos.gif) left top no-repeat; width: 113px;}
	.menu .journals a {background: url(../images/bg/journal.gif) left top no-repeat; width: 145px;}
	.menu .webcams a {background: url(../images/bg/webcams.gif) left top no-repeat; width: 141px;}
	.menu .friends a {background: url(../images/bg/friends.gif) left top no-repeat; width: 137px;}
	.menu .extras a {background: url(../images/bg/extras.gif) left top no-repeat; width: 117px;}
	
/* footer */
#sub_footer {text-align: center; font-size: 1.2em; font-weight: bold; color: #730758; padding: 20px 0 20px;}
#sub_footer li {display: inline; background: url(../images/bg/footer_menu_lim.png) left center no-repeat; padding: 0 7px 0 9px;}
	#sub_footer li.first {background: none;}
#sub_footer li a {color: #730758; text-decoration: none;}
	#sub_footer li a:hover {text-decoration: underline;}
#sub_footer .copy {padding-top: 12px;}	

/* join page */
.join #logo {top: 84px; left: 435px;}
#join_menu {position: absolute; top: 216px; left: 467px; background: url(../images/bg/join_links.png) left top no-repeat; width: 454px; height: 322px; padding-top: 83px;}
#join_menu li {display: block; margin-bottom: 16px;}
	#join_menu .support, #join_menu .direct_pay {margin-bottom: 30px;}
#join_menu a {display: block; background-position: 0 0; background-repeat: no-repeat; height: 22px; text-indent: -200em; overflow: hidden; margin: 0 auto;}
	#join_menu .credit_card a {background-image: url(../images/bg/credit_card.png); width: 216px;}
	#join_menu .check_account a {background-image: url(../images/bg/checking_account.png); width: 179px;}
	#join_menu .bill_telephone a {background-image: url(../images/bg/telephone.png); width: 160px;}
	#join_menu .direct_pay a {background-image: url(../images/bg/eu_direct_pay.png); width: 153px;}
	#join_menu .support a {background-image: url(../images/bg/forgot_password.png); width: 280px;}
	#join_menu .click_here a {background-image: url(../images/bg/already_member.png); width: 229px;}
	
/* tour 1 page */
.tour_01 #logo {top: 11px; left: 13px;}
#tour_menu_top {position: absolute; width: 337px; overflow: hidden; top: 0; left: 584px;}
	#tour_menu_top li {display: block; float: left; margin-right: 2px;}
	#tour_menu_top a {display: block; text-indent: -200em; overflow: hidden; width: 166px; height: 45px;}
	#tour_menu_top .members a {background: url(../images/bg/members_item.gif) left top no-repeat;}
	#tour_menu_top .join a {background: url(../images/bg/join_item.gif) left top no-repeat;}
#photo_modules {width: 909px; overflow: hidden; margin: 0 auto; padding-bottom: 9px;}	
#gallery {position: relative; padding-top: 103px; float: left;}
	#recent_updates {display: block; text-indent: -200em; overflow: hidden; width: 248px; height: 32px; position: absolute; top: 70px; left: 14px;}
	#scroll_content {background: url(../images/bg/gallery.png) left top no-repeat; width: 453px; padding: 9px 22px; margin-top: 3px;}
	#scroll_gal_cont {width: 453px; height: 201px; overflow: auto;}
	.scroll_gal {overflow: hidden; width: 530px;}
	.scroll_gal li {display: block; float: left; margin-right: 3px; width: 122px;}
		.scroll_gal a {}
		.scroll_gal img {display: block; border: 1px solid #000; width: 120px; height: 160px;}
		.scroll_gal p {background: #fbc7f9 url(../images/bg/date.png) left top no-repeat; text-align: center; color: #313131; font-weight: bold; font-size: 1.1em; margin-top: 1px; padding: 1px 0 2px;}
	.static_pics {width: 495px; overflow: hidden; margin-top: 7px;}
	.static_pics li {display: block; float: left; background: url(../images/bg/frame.png) left top no-repeat; padding: 6px; width: 150px; height: 150px; margin: 0 3px 3px 0;}
		.static_pics img {display: block; width: 146px; height: 146px; border: 1px solid #fffabf;}	
	#instant_access {display: block; text-indent: -200em; overflow: hidden; background: url(../images/bg/instant_access.png) left top no-repeat; width: 490px; height: 105px; margin-top: 18px;}
#letter_player {float: right; width: 410px;}
	#letter {background: url(../images/bg/letter.png) left top no-repeat; width: 360px; height: 430px; padding: 22px 30px 35px 20px; position: relative;}
		#letter p {color: #757575; font-size: 1.1em; line-height: 1.2em; font-weight: bold; margin-bottom: 14px;}
		#letter .sign {position: absolute; left: 170px; top: 419px; background: url(../images/bg/bellas_sign.png) left top no-repeat; width: 111px; height: 45px; text-indent: -200em; overflow: hidden; display: block;}
	#player {background: url(../images/bg/player.png) left top no-repeat; padding: 7px 0 39px; margin: 11px 0 0 5px;}
	#player img {display: block; width: 401px; height: 256px;}	
#tour_menu_bottom {background: url(../images/bg/tour_bottom_menu.png) left top repeat-x; width: 878px; overflow: hidden; padding-left: 46px; padding-bottom: 19px;}
#tour_menu_bottom li {display: block; float: left; padding-top: 30px;}
	#tour_menu_bottom .join {padding-top: 20px; margin: 0 66px 0 42px;}
#tour_menu_bottom a {display: block; text-indent: -200em; overflow: hidden;}
	#tour_menu_bottom .members a {background: url(../images/bg/members_large.gif) left top no-repeat; width: 203px; height: 50px;}
	#tour_menu_bottom .join a {background: url(../images/bg/join_large.gif) left top no-repeat; width: 291px; height: 62px;}
	#tour_menu_bottom .next_tour a {background: url(../images/bg/next_tour_large.gif) left top no-repeat; width: 231px; height: 52px;}	
	
/* tour 2 page */	
.tour_02 #logo {top: 78px; left: 385px;}
.top_row_pics {width: 880px; margin-left: 7px; overflow: hidden; background: url(../images/bg/top_row_pics.png) left top no-repeat; padding: 14px 14px 16px 17px;}
.top_row_pics li {display: block; float: left; margin-right: 2px;}
.top_row_pics img {display: block; width: 218px; height: 163px;}
#show {background: url(../images/bg/tour_02_content.jpg) left top no-repeat; height: 538px; padding-left: 551px; position: relative;}
#show .decor {background: url(../images/bg/click_here.png) left top no-repeat; width: 312px; height: 79px; position: absolute; top: -33px; left: 0; padding: 492px 0 0 236px;}
#show .decor a {display: block; text-indent:  -200em; overflow: hidden; width: 303px; height: 70px;}
.video_mini {background: url(../images/bg/video_mini.png) left top no-repeat; padding: 10px 22px 21px 16px; margin-top: 9px; height: 296px;}
	.video_mini #player {background: url(../images/bg/player_02.png) left top no-repeat; width: 320px; height: 240px; padding: 7px 0 39px;}
	.video_mini #player img {display: block; width: 320px; height: 240px;}
.showtime {background: url(../images/bg/showtime.png) left top no-repeat; margin-top: 9px; padding: 16px 0 39px;}
	.showtime h4 {background: url(../images/bg/showtimes.png) center top no-repeat; height: 25px; text-indent: -200em; overflow: hidden;}
	.showtime ul {padding: 19px 20px 0 36px;}	
	.showtime li {color: #952198; font-size: 1.2em; font-weight: bold; line-height: 1.1em; margin-bottom: 1px;}
#gallery_03 {width: 900px; overflow: hidden; margin: 4px 0 4px 13px;}
#gallery_03 li {display: block; float: left; margin-right: 3px;}
#gallery_03 img {display: block; width: 171px; height: 230px; border: 3px solid #8d09c2;}	

/* tour 3 page */	
.tour_03 #logo {top: 88px; left: 420px;}
.pics_list {background: url(../images/bg/pics_list.png) left top no-repeat; width: 877px; overflow: hidden; padding: 16px; margin-left: 6px;}
.pics_list li {background: url(../images/bg/pic_frame.png) left top no-repeat; padding: 2px; wdth: 284px; display: block; float: left; margin-right: 2px;}
.pics_list img {display: block; width: 286px; height: 369px;}
.tour_03 .decor_bg {background: url(../images/bg/decor_tour_03.jpg) left top no-repeat; height: 356px; text-indent: -1000em; overflow: hidden;}
.tour_03 #footer {margin-top: 7px;}