@charset "utf-8";
/* CSS Document */

body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background-color:#ccc;
	overflow:hidden;
}
#mask {
	width:500%;
	height:100%;
	background-color:#eee;
}
.item {
	width:20%;
	height:100%;
	float:left;
	background-color:#ddd;
}
.content {
	width: 1000px;
	top: 10%;
	margin:0 auto;
	position: relative;
}
.content_download {
	width: 1000px;
	top: 5%;
	margin:0 auto;
	position: relative;
}
.selected {
	background:#fff;
	font-weight:700;
}
.clear {
	clear:both;
}
.contentBg {
	width: 100%;
	height: 600px;
	background: transparent url(../images/contentBg02.png) repeat-x;
	top: 10%;
	position: absolute;
}
.contentBg_download {
	width: 1000px;
	height: 600px;
	background: transparent url(../images/contentBg02.png) repeat-x;
	margin: 0 auto;
	top: 20%;
	position: absolute;
}
#item1 {
	background: transparent url(../images/bg01c.jpg) no-repeat top center;
	background-size: cover;
}
#item2 {
	background: transparent url(../images/bg_download.jpg) no-repeat top center;
	background-size: cover;
	overflow: scroll;
}
#item3 {
	background: transparent url(../images/bg_howItWorks03.jpg) repeat top center;
	overflow: scroll;
}
#container_home {
	overflow: hidden;	
	height: 600px;
	width: 1000px;
}
#container_left_home {
	float: left;
	height: 420px;
	width: 670px;
	padding-top: 180px;
	padding-left: 10px;
}
#container_right_home {
	float: right;	
	width: 320px;	
	height: 600px;
	background: transparent url(../images/img_home_photoFeed.png) no-repeat top right;
}
#container_download {
	background: transparent url(../images/download_contentBg02.png) no-repeat top center;
	width: 1000px;
	height: 680px;
	overflow: hidden;
	margin-bottom: 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
#container_download input[type="text"] {
	width: 250px;
	height: 30px;
	font-size: 18px;
	color: #333333;
	margin: 20px 0px;
	padding-left: 10px;
	border-radius: 5px;
	border: none;
}
#container_download input[type="submit"] {
	height: 32px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FFB000;
	padding: 0px 20px;
	border-radius: 5px;
	border: none;
}
#download_left {
	float: left;
	width: 500px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
#download_right {
	float: left;
	width: 500px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
#download_left img, #download_right img {
	padding-top: 10px;
}
#container_howItWorks {
	background: transparent url(../images/contentBg_howItWorks.png) repeat;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 1000px;
	padding: 40px 0px;
	border-radius: 20px;
}
#howItWorks_intro {
	width: 1000px;
	height: 675px;
	background: transparent url(../images/img_makeFriends04.png) no-repeat bottom center;
	overflow: hidden;
	color: #FFFFFF;
	line-height: 1.5em;
}
#howItWorks_intro_left {
	width: 560px;
	height: 590px;
	float: left;
	padding: 10px 40px 0px 40px;
}
#howItWorks_intro_right {
	width: 320px;
	height: 600px;
	float: left;
	margin-right: 40px;
}
#howItWorks_bullets {
	padding-left: 230px;	
	padding-top: 20px;
	font-size: 24px;
	line-height: 1.5em;
}
#howItWorks_bullets ul {
	list-style-image: url(../images/bullet_star.png);
}
#howItWorks_map {
	margin-top: -40px;
	overflow: hidden;
	color: #FFFFFF;
}
#howItWorks_map_left {
	float: left;
	width: 320px;
	height: 600px;
	padding: 0 40px;
}
#howItWorks_map_right {
	float: left;
	width: 560px;
	height: 440px;
	padding-right: 40px;
	padding-top: 160px;
	background: transparent url(../images/bg_howItWorks_map.png) no-repeat top right;
}
#howItWorks_chat {
	width: 530px;
	height: 190px;
	padding: 170px 430px 0px 40px;
	background: transparent url(../images/bg_howItWorks_chat02.png) no-repeat bottom left;
	color: #333333;
}
#howItWorks_profile {
	background: transparent url(../images/img_howItWorks_showOff.png) no-repeat top left;
	width: 560px;
	height: 280px;
	padding: 340px 0px 0px 320px;
	margin: 40px;
	color: #FFFFFF;
}
#logo_home {
	background: transparent url(../images/logo_md.png) no-repeat top left;
	width: 293px;
	height: 100px;
	padding-bottom: 10px;
}
#logo_howItWorks {
	margin-top: -100px;
	padding-left: 40px;
}
.bigtitle {
	font-size: 36px;
	font-weight: bold;
	line-height: 2em;
	color: #FFF;
	text-shadow: 0px 0px 5px #000;
}
.subtitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	color: #E6E6E6;
	text-shadow: 0px 0px 5px #000;	
}
#buttons {
	padding-top: 80px;	
} 
#button_download2 {
	padding-top: 30px;	
} 
#buttons img, #button_download2 img {
	box-shadow: 0px 0px 10px #000;
	border-radius: 10px;
}
#footer_howItWorks {
	background: transparent url(../images/contentBg_howItWorks.png) repeat;
	border-radius: 20px;
	margin-bottom: 150px;
}
#footer_howItWorks .footer_navigation a, #footer_howItWorks .footer {
	color: #FFFFFF;
	text-shadow: none;
}
#footer_howItWorks .footer_navigation li {
	border-right: 1px solid #FFFFFF;
}
.footer {
	text-align: center;
	color: #000000;
	text-shadow: 0px 1px #E6E6E6;
	font-weight: bold;
	padding: 20px 0px;
}
.footer_navigation {
	color: #000000;
	text-shadow: 0px 1px #E6E6E6;
	font-weight: bold;
}
.footer_navigation a {
	color: #000000;
	text-shadow: 0px 1px #E6E6E6;
	font-weight: bold;
	text-decoration: none;
}
.footer_navigation a:hover {
	color: #333333;
}
.footer_navigation ul {
	list-style-type:none;	
}
.footer_navigation li {
	display:inline;
	padding: 0px 30px;
	border-right: 1px solid #000000;
}
.footer_navigation li.footer_navigation_lasttab {
	padding: 0px 30px;
	border-right: none;
}
.subtitle_howItWorks {
	color: #B3B3B3;
	font-size: 36px;
	letter-spacing: 0.3em;
}
.bigtitle_howItWorks {
	color: #FBB03B;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.3em;
}
.odd_row {
	color: #FFFFFF;	
}
.even_row {
	color: #FBB03B;	
}