* {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;}

/* layout */
body {font: 62.5%/1.4 Verdana, sans-serif; background: #fff url(../images/bg/body.png) left top repeat-x; color: #000;}
#page {width: 1007px; margin: 0 auto; padding-top: 24px; overflow: hidden;}
#header {position: relative; background: url(../images/bg/header.png) left top no-repeat; padding: 381px 0 13px; width: 1007px;}
#content {padding-bottom: 3px;}
#content.about {width: 100%; overflow: hidden;}
#content.page {min-height: 400px; padding: 20px 15px;}
#sidebar_cont {background: url(../images/bg/middle.png) left top repeat-y; width: 320px; float: right; margin-top: 9px;}
	#sidebar {background: url(../images/bg/top.png) left top no-repeat;}
		#sidebar .body {background: url(../images/bg/bottom.png) left bottom no-repeat; padding: 10px; font-size: 1.1em;}
#footer_cont {background: #222 url(../images/bg/footer.png) left top repeat-x;}
#footer_cont.page {background-position: 0 -468px;}
#footer {width: 1000px; margin: 0 auto;}

/* header */
#logo {width: 351px; height: 139px; background: url(../images/all/logo.png) no-repeat; position: absolute; top: 22px; left: 310px; padding: 26px 0 0 36px;}
	#logo a {display: block; width: 317px; height: 120px; text-indent: -200em; overflow: hidden;}
#slogan {text-align: center; position: absolute; top: -17px; left: 329px;}
	#slogan p {color: #e5e5e5; text-transform: uppercase; font-weight: bold; font-size: 1.5em; margin-bottom: -3px;}
	#slogan strong {color: #848484; text-transform: uppercase; font-weight: normal; font-size: 1em;}
#about {position: absolute; top: 200px; left: 317px; width: 373px;}
	#about p {text-align: center; margin-bottom: 11px; line-height: 1.35em; font-size: 1.1em;}
	#about strong, #join_block strong {font-size: 2.3em; color: #333; display: block; text-align: center; margin-top: 21px;}
	#about strong span, #join_block strong span {color: #f5405b;}
#header .decor_01, #header .decor_02 {position: absolute; top: 63px; width: 300px; height: 310px;}
	#header .decor_01 {background: url(../images/bg/header_pic_01.jpg) left top no-repeat; left: 10px;}
	#header .decor_02 {background: url(../images/bg/header_pic_02.jpg) left top no-repeat; left: 697px;}	
#top_menu {background: url(../images/bg/menu.png) left top no-repeat; text-align: center; width: 966px; margin: 0 auto; padding: 11px 10px 13px;}
	#top_menu li {font-size: 1.3em; color: #fff; font-weight: bold; text-transform: uppercase; display: inline; background: url(../images/bg/menu_limiter.png) left center no-repeat; padding: 0 31px 0 30px;}
	#top_menu li.first {background: none;}
	#top_menu li a {color: #fff;}
	#top_menu li a:hover, #top_menu .active strong {color: #ff004e;}
	
/* footer */
#footer h6 {font-size: 1.7em; text-transform: uppercase; color: #f5405b; text-align: center; padding: 8px 0 10px;}
#sites_list {width: 670px; overflow: hidden; margin: 0 auto 4px; display: block;}
	#sites_list li {display: block; float: left; width: 159px; margin: 0 8px 0 0; padding-bottom: 8px;}
	#sites_list li img {display: block; width: 157px; height: 150px; border: 1px solid #fff;}
#footer .join, .join .join_text {font-size: 1.5em; color: #aaa; text-transform: uppercase; border-bottom: 1px solid #333; text-align: center; padding: 4px 0 3px; width: 690px; margin: 0 auto 10px;}
#footer .join {padding-top: 0;}
	#footer .join span, .join .join_text span {color: #888;}	
#footer .license {color: #888; text-align: center; font-size: 1em; line-height: 1.2em;}
#bottom_menu {text-align: center; padding: 13px 0 15px;}
	#bottom_menu li {color: #dfdfdf; display: inline; background: url(../images/bg/footer_menu_limiter.png) left 5px no-repeat; font-size: 1.1em; padding: 0 19px 0 25px;}
	#bottom_menu li.first {background: none;}
	#bottom_menu li strong {font-weight: normal;}
	#bottom_menu li a {color: #dfdfdf;}
	#bottom_menu li a:hover, #bottom_menu li.active strong {color: #888;}
#copyrights {width: 100%; overflow: hidden;}
	#copyrights p {color: #888; width: 40%; font-size: 1.1em; padding-top: 15px; padding-bottom: 14px;}
	#copyrights a:hover {text-decoration: underline;}
	#copyrights .copy {float: left; padding-left: 25px;}
	#copyrights .copy a {color: #f5405b;}
	#copyrights .copy .as_text {color: #888;}
	#copyrights .designed {float: right; padding-right: 25px; text-align: right;}
	#copyrights .designed a {color: #f5405b;} 
	
/* content */	
#join_block {position: relative; color: #333;}
	#join_block h3, .title {font-size: 1.6em; width: 632px; padding: 11px 0 0 13px; line-height: 1.3em;}
	#join_block p, p.text {font-size: 1.1em; width: 632px; padding-left: 13px; line-height: 1.2em;}
	#join_block strong {font-size: 1.8em; margin-bottom: 50px;}
	#join_block strong span {}
	#join_block .join {
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/all/join_now.png) left top no-repeat;
	width: 277px;
	height: 47px;
	position: absolute;
	left: 666px;
	top: 39px;
}
.photos {width: 926px; margin: 0 auto 15px; background: url(../images/bg/hor_repeater.png) left top repeat-x; padding: 16px 3px 4px; overflow: hidden;}
	.thumbs {width: 550px; float: left;padding-left:20px;}
	.photos img {display: block; border: 1px solid #212121;}
		.large {margin-bottom: 3px; width: 100%; overflow: hidden;}
			.large li {display: block; float: left; margin-right: 3px;}
			.large img {width: 500px; }
		.small {width: 95%; overflow: hidden;}
			.small li {display: block; float: left; margin-right: 8px;}
			.small img {width: 121px; height: 90px;}
	.info {width: 325px; overflow: hidden;}	
		.info .text {width: 311px; padding-bottom: 20px; margin-left: 10px;}
		.info h4 {color: #f5405b; font-size: 1.8em; text-transform: uppercase; line-height: 1.2em; padding-bottom: 2px;}
			.info h4 a {color: #f5405b; text-decoration: underline;}
			.info h4 a:hover {text-decoration: none;}
		.info .date {display: block; font-size: 1.1em; color: #aaa;}
		.info .text p {font-size: 1.1em; color: #212121; line-height: 1.3em; padding-top: 11px;}
	.links {position: relative; min-height: 130px;}
	.links .size {background: url(../images/bg/text_limiter.png) left top repeat-x; width: 311px; margin-left: 10px; overflow: hidden; padding-top: 9px; margin-bottom: 24px;}
		.links .size li {width: 49%; text-align: center; float: left; font-size: 1em; color: #f5405b; line-height: 1.1em;}
	.links .dwn_links {padding-left: 65px; margin-top: 10px;}
	.links .download {text-transform: uppercase; font-size: 1.3em; color: #212121; padding-left: 120px;}
		.links .dwn_links li {text-align: center; font-size: 1em; color: #212121; margin-bottom: 4px;}
		.links .dwn_links span {color: #aaa;}
		.links .dwn_links a {color: #212121;}
		.links .dwn_links a:hover {color: #f5405b;}
		.links .dwn_links a:hover span {color: #b8b8b8;}
		.links .cd {position: absolute; top: 54px; left: 0; border: none;}
		
/* about page */
#about_column {width: 666px; float: left; padding-left: 12px;}
	#about_column {}
	.title {width: auto; padding: 0; padding-top: 10px; margin-bottom: -1px;}
	p.text {width: auto; padding: 0; margin-top: 9px; color: #333;}
#scenes {padding: 12px 0;}
#scenes li {width: 100%; overflow: hidden; background: url(../images/bg/dot.png) 163px top repeat-y; border-bottom: 1px solid #dfdfdf;}
#scenes li.last {border: none;}
	#scenes .thumb {width: 154px; padding: 5px; float: left; margin-right: 9px;}
	#scenes .thumb img {display: block; width: 153px; height: 113px;}
	#scenes .scene_info {width: 485px; float: left; padding-top: 7px;}
		#scenes .scene_info a {color: #f5405b; text-decoration: underline;}
			#scenes .scene_info a:hover {text-decoration: none;}
		#scenes .scene_info h5 {font-weight: normal; font-size: 1.2em; margin-bottom: 4px;}
		#scenes .scene_info p {line-height: 1.2em; font-size: 1.1em; color: #333; margin-bottom: 26px;}
		#scenes .scene_info .more {font-weight: bold; font-size: 1.1em;}
#sidebar .review {text-align: center; font-weight: normal; background: url(../images/bg/block.png) left top no-repeat; color: #999; font-size: 1.3em; padding: 5px 0 6px; margin-bottom: 10px;}
	#sidebar .review a {color: #f5405b; text-decoration: underline;}
	#sidebar .review a:hover {text-decoration: none;}
#sidebar img {display: block; border: 1px solid #e5e5e5;}
#sidebar ul {padding-bottom: 312px;}
#sidebar li {border-bottom: 1px solid #e5e5e5; padding-bottom: 17px;}
#sidebar li.last {border: none;}
	#sidebar .about_item, #sidebar .about_item_02 {padding: 4px 0 1px 6px; color: #575757; line-height: 1.5em;}
	#sidebar .sub_text {display: block; text-align: right; color: #f5405b;}
	#sidebar .about_item_02 {line-height: 1.1em; padding: 9px 0 5px;}
	#sidebar .click_here {padding-top: 7px; text-transform: uppercase; font-size: 1.2em; text-align: center; color: #f5405b; font-weight: bold;}
		#sidebar .click_here a {color: #f5405b;}
		#sidebar .click_here a:hover {text-decoration: underline;}
		
/* join */
#sites_list.join li img {border-color: #000;}
.join .message {text-align: center; text-transform: uppercase; font-size: 1.2em; color: #636363; font-weight: bold; line-height: 1.5em; padding: 9px 0 12px;}
	.join .message strong {color: #f5405b; font-size: 1.3em;}
	.join .join_text {margin-bottom: 7px;}
#join_menu {text-align: center; padding-bottom: 35px;}
	#join_menu li {color: #313131; display: inline; font-size: 1.2em; background: url(../images/bg/join_menu_limiter.png) right center no-repeat; padding: 0 15px 0 11px;}
	#join_menu li.last {background: none;}
	#join_menu li a {color: #313131; text-decoration: none;}
		#join_menu li a:hover {text-decoration: underline;}
.join .label {color: #313131; text-align: center; text-decoration: underline; font-size: 1.1em; margin-bottom: -2px;}
.join #bottom_menu {padding: 0 0 37px;}		
	.join #bottom_menu li {background: url(../images/bg/join_menu_footer_limiter.png) left 5px no-repeat; color: #979797; padding: 0 10px 0 20px;}
	.join #bottom_menu li.first {background: none;}
	.join #bottom_menu a {color: #979797;}
	.join #bottom_menu a:hover, .join #bottom_menu .active strong {color: #454545;}