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

body{
	margin:0px;
	padding:0px;
	background-color:#333333;
	font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
}

div, span{
	margin:0px;
	padding:0px;
}

.header{
	background-image:url(../../images/mainpage/header.png);
	width:900px;
	height:93px;	
	position:relative;
	z-index:1;
}

.content1{
	background-image:url(../../images/mainpage/content_1.PNG);
	width:900px;
	height:380px;	
	position:relative;
	z-index:1;
	text-align:left;
}

.content1 div{
	float:left;
}

.content2{
	background-image:url(../../images/mainpage/content_2.png);
	width:900px;
	height:259px;	
	position:relative;
	z-index:1;
	padding-top:25px;
	overflow:hidden;
}

.login_form{
	position:absolute;
	margin-top:30px;
	left:0;
	top:0;
	width:2000px;
}

.login_main {
	float:left;
	width:900px;
}

.login_main_back{
	background-image:url(../../images/mainpage/login_back.png);
	width:723px;
	height:101px;
}

.login_main a{
	color:#84aa33;
	cursor:pointer;
}

.login_main input[type=text]{
	height:28px;
	width:96%;
	border:none;
	font-size:16px;
	padding-top:3px;
	color:#333333;
	outline:none;
	font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
}

.login_main input[type=password]{
	height:28px;
	width:96%;
	border:none;
	font-size:16px;
	padding-top:3px;
	color:#333333;
	outline:none;
	font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
}

.login_info div{
	float:left;
}

.login_info_email{
	background-image:url(../../images/mainpage/login_info_box.png);
	width:192px;
	height:36px;
	padding-top:5px;
	padding-left:10px;
}

.login_info_password{
	background-image:url(../../images/mainpage/login_info_box.png);
	width:192px;
	height:36px;
	padding-top:5px;
	padding-left:10px;
}

.register_btn{
	background-image:url(../../images/mainpage/register_btn.png);
	width:202px;
	height:32px;
	font-size:1.265em;
	text-align:center;
	padding-top:8px;
}

.register_btn:hover{
	cursor:pointer;
}

.login_other{
	color:#333333;
	float:left;
	width:900px;
	margin-left:30px;
}

.login_other div{
	float:left;
}

.login_other a{
	color:#333333;
}

.facebook_btn{
	background-image:url(../../images/mainpage/facebook.png);
	width:177px;
	height:67px;
}

.many1{
	background-image:url(../../images/mainpage/manys.png);
	width:150px;
	height:116px;
	background-position:0px 0px;
}

.many2{
	background-image:url(../../images/mainpage/manys.png);
	width:129px;
	height:182px;
	background-position:0px -140px;
}

.many3{
	background-image:url(../../images/mainpage/manys.png);
	width:59px;
	height:95px;
	background-position:-43px -325px;
}

.content3{
	background-color:#fff;
	width:650px;
	height:132px;
	position:relative;
	z-index:1;
	padding-left:150px;
	padding-right:100px;
}

.content3 div{
	float:left;
}

.counter{
	padding-top:20px;
}

.content4{
	background-image:url(../../images/mainpage/content_4.png);
	
	width:900px;
	height:251px;
	position:relative;
	z-index:2;
	padding-top:60px;
	padding-bottom:30px;
}

.theme_text{
	color:#fff;
	font-size:1.85em;
	margin-top:20px;
}

.content5{
	background-image:url(../../images/mainpage/content_5.png);
	width:900px;
	height:360px;
	margin-top:-12px;
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
}

.content5 table tr td div{
	float:left;
}

.share{
	background-image:url(../../images/mainpage/objects.PNG);
	width:200px;
	height:155px;
	background-position:0px 0px;
}


.chat{
	background-image:url(../../images/mainpage/objects.PNG);
	width:220px;
	height:182px;
	background-position:-190px 0px;
}

.design{
	background-image:url(../../images/mainpage/objects.PNG);
	width:190px;
	height:135px;
	background-position:0px -145px;
}

.integrate{
	background-image:url(../../images/mainpage/objects.PNG);
	width:225px;
	height:125px;
	background-position:-180px -155px;
}


.content6{
	background-image:url(../../images/mainpage/content_6.png);
	width:900px;
	height:300px;	
	position:relative;
	z-index:1;
}

.signup_btn{
	background-image:url(../../images/mainpage/signup_off.PNG);
	width:287px;
	height:196px;
}

.features_box{
	background-image:url(../../images/mainpage/content_7.png);
	width:780px;
	height:520px;	
	position:relative;
	z-index:1;
	padding-top:70px;
	padding-bottom:70px;
	padding-left:60px;
	padding-right:60px;
}

.features_box table tr td{
	text-align:center;
}

.feature{
	width:265px;
	height:250px;
	text-align:center;
}

.feature_title{
	color:#000;
	font-size:1.15em;
	text-align:left;
	margin-top:20px;
	width:90%;
}

.feature_desc{
	color:#5e7722;
	font-size:0.8em;
	text-align:left;
	margin-top:20px;
	width:90%;
}

.content8{
	background-image:url(../../images/mainpage/content_8.png);
	width:900px;
	height:230px;
	padding-top:60px;
	position:relative;
	z-index:2;
	font-size:1.85em;
	color:#808080;
}

.content8 a{

}

.content8 div{
	display:inline-block;
}

.footer{
	background-image:url(../../images/mainpage/content_9.png);
	width:660px;
	height:230px;
	margin-top:-11px;	
	position:relative;
	z-index:1;
	padding-left:140px;
	padding-right:100px;
	padding-top:70px;
}

.logo_div{
	float:left;
	height:100%;
	width:25%;
}
.logo{
	background-image:url(../../images/mainpage/logo.png);
	width:162px;
	height:48px;
	margin-top:28px;
}

.menu{
	float:left;
	width:60%;
	height:100%;
	font-size:1.14em;
}

.menu ul{
	list-style-type:none;
	margin-top:35px;
}

.menu ul li{
	float:left;
	margin-right:35px;
}

.menu ul li a{
	text-decoration:none;
	color:#84aa33;
}

.login{
	font-size:1.14em;
	color:#FFF;
	float:left;
	width:15%;
	height:100%;
	padding-top:35px;
	margin-left:-10px;
}

.login a{
	text-decoration:none;
	color:#fff;
}

.girl{
	background-image:url(../../images/mainpage/girl.png);
	width:500px;
	height:334px;
}





.links{
	margin-left:20px;
}

.links div{
	float:left;
}

.footer_link table td{
	color:#fff;
	height:25px;
	padding-right:30px;
}

.footer_link{
	margin-top:18px;
	margin-left:70px;
}

.footer_link a{
	text-decoration:none;
	color:#fff;
	font-size:1.025em;
}

.like_btn{
	background-image:url(../../images/mainpage/link_btn.png);
	width:59px;
	height:79px;
	margin-top:14px;
	margin-left:10px;
}

.terms{
	margin-top:40px;
}

.terms a{
	text-decoration:none;
	color:#000;
	font-size:1.025em;
	margin-right:20px;
}

.terms table td{
	padding-right:45px;
}

.cms_link{
	float:left;
}

.feature_img_1{
	background-image:url(../../images/mainpage/features.png);
	width:50px;
	height:50px;
	background-position:0px 0px;
	margin-left:90px;
}

.feature_img_2{
	background-image:url(../../images/mainpage/features.png);
	width:50px;
	height:50px;
	background-position:-50px 0px;
	margin-left:80px;
}

.feature_img_3{
	background-image:url(../../images/mainpage/features.png);
	width:50px;
	height:50px;
	background-position:-100px 0px;
	margin-left:60px;
}

.feature_img_4{
	background-image:url(../../images/mainpage/features.png);
	width:50px;
	height:50px;
	background-position:0px -50px;
	margin-left:80px;
}

.feature_img_5{
	background-image:url(../../images/mainpage/features.png);
	width:50px;
	height:50px;
	background-position:-50px -50px;
	margin-left:70px;
}

.feature_img_6{
	background-image:url(../../images/mainpage/features.png);
	width:50px;
	height:50px;
	background-position:-100px -50px;
	margin-left:60px;
}

.cms_1{
	background-image:url(../../images/mainpage/cms1.png);
	width:57px;
	height:57px;
}

.cms_1:hover{
	background-image:url(../../images/mainpage/cms1_hover.png);
	width:57px;
	height:57px;
}

.cms_2{
	background-image:url(../../images/mainpage/cms2.png);
	width:57px;
	height:57px;
}

.cms_2:hover{
	background-image:url(../../images/mainpage/cms2_hover.png);
	width:57px;
	height:57px;
}

.cms_3{
	background-image:url(../../images/mainpage/cms3.png);
	width:57px;
	height:57px;
}

.cms_3:hover{
	background-image:url(../../images/mainpage/cms3_hover.png);
	width:57px;
	height:57px;
}

.cms_4{
	background-image:url(../../images/mainpage/cms4.png);
	width:57px;
	height:57px;
}

.cms_4:hover{
	background-image:url(../../images/mainpage/cms4_hover.png);
	width:57px;
	height:57px;
}

.cms_5{
	background-image:url(../../images/mainpage/cms5.png);
	width:57px;
	height:57px;
}

.cms_5:hover{
	background-image:url(../../images/mainpage/cms5_hover.png);
	width:57px;
	height:57px;
}

.cms_6{
	background-image:url(../../images/mainpage/cms6.png);
	width:57px;
	height:57px;
}

.cms_6:hover{
	background-image:url(../../images/mainpage/cms6_hover.png);
	width:57px;
	height:57px;
}

.cms_7{
	background-image:url(../../images/mainpage/cms7.png);
	width:57px;
	height:57px;
}

.cms_7:hover{
	background-image:url(../../images/mainpage/cms7_hover.png);
	width:57px;
	height:57px;
}

.cms_8{
	background-image:url(../../images/mainpage/cms8.png);
	width:57px;
	height:57px;
}

.cms_8:hover{
	background-image:url(../../images/mainpage/cms8_hover.png);
	width:57px;
	height:57px;
}

.cms_9{
	background-image:url(../../images/mainpage/cms9.png);
	width:57px;
	height:57px;
}

.cms_9:hover{
	background-image:url(../../images/mainpage/cms9_hover.png);
	width:57px;
	height:57px;
}

.cms_10{
	background-image:url(../../images/mainpage/cms10.png);
	width:57px;
	height:57px;
}

.cms_10:hover{
	background-image:url(../../images/mainpage/cms10_hover.png);
	width:57px;
	height:57px;
}

.cms_11{
	background-image:url(../../images/mainpage/cms11.png);
	width:57px;
	height:57px;
}

.cms_11:hover{
	background-image:url(../../images/mainpage/cms11_hover.png);
	width:57px;
	height:57px;
}

.cms_12{
	background-image:url(../../images/mainpage/cms12-jimdo-05.png);
	width:57px;
	height:57px;
}

.cms_12:hover{
	background-image:url(../../images/mainpage/cms12-jimdo-06.png);
	width:57px;
	height:57px;
}

#error{
	color:#333;
}

.clear{
	clear:both;
}

.flip-counter-billion{
	margin-top:20px;
}
.flip-counter-billion ul.cd{float:left;list-style-type:none;margin:0;padding:0}
.flip-counter-billion li{background:url(../../images/mainpage/digitsSprite28.png) 0 0 no-repeat}
.flip-counter-billion li.t{background-position:0 0;width:28px;height:21px}
.flip-counter-billion li.b{background-position:0 0;width:28px;height:33px}
.flip-counter-billion li.s{background-position:-28px -540px;width:6px;height:54px}