.inside.inside-dark h1{text-transform: uppercase; font: 18px Georgia, serif; color: #fff;}
.inside.inside-dark{background: #a6a6a6;}

.inside.inside-dark h1,
.inside.inside-dark h2,
.inside.inside-dark h3,
.inside.inside-dark h4,
.inside.inside-dark h5,
.inside.inside-dark h6,
.inside.inside-dark p,
.inside .Img1 p,
.inside.inside-dark ol li,
.inside.inside-dark ul li{
	color:#fff!important;
	border-color:#fff!important;
}
.inside.inside-dark p{
	margin:0 0 20px 0;
	padding:0;
}
.inside.inside-dark ol li p{
	margin:0;
	padding:0 0 15px 0;
}
.inside.inside-dark ul li{
	background-image:url(../img/bg/li_bullet2.png);
	background-repeat:no-repeat;
}
.inside.inside-dark ul li ul li{
	background: url(../img/bg/li_bullet3.gif) 0 23px no-repeat;
	padding: 15px 0 0 37px;
	color: #fff;
}

.welcome-img{float: left; width: 690px;height: 365px;}
.welcome-text{margin-left: 710px; margin-bottom: 20px; height: 275px; padding: 45px; background: #8b8b8b; color: #fff; font: 20px "Georgia",serif;}
	.welcome-text p{
		font-size:14px;
		line-height:18px;
	}
	.welcome-text a{
		color:#fff;
		text-decoration:none;
		border-bottom:1px solid #ff856b;
	}
	.welcome-text a:hover{
		text-decoration:none;
		border-bottom:1px solid transparent;
	}
    .welcome-title{font: 36px "Georgia",serif; margin-bottom: 50px;}
.join-form{}
    .join-l{width: 434px; height: 353px; float: left; background: #f1f1f1; padding: 40px;}
        .join-title{color: #a4a4a4; margin-bottom: 15px; font: 60px "Times New Roman","PT Serif"; border-bottom: 3px solid #a4a4a4;}
        .join-descr{font: 16px "Georgia",serif; color: #8a8a8a; margin-bottom: 40px;}
        .join-l label,.join-l label span{display: block;}
        .join-l label{clear: left; margin-bottom: 17px;}
        .join-l label>span{float: left; margin: -5px 0 0 10px;}
        .join-l label .Clear{display: block; float: none;}
        .join-l input[type="radio"]{}
        .part-name{font: 20px "Times New Roman","PT Serif";}
        .welcome-fee{font: 14px "Georgia",serif; color: #8a8a8a;}

    .join-l .radio {margin: 0;float: left; background:url(../img/bg/radio.png) no-repeat; display:inline-block;
        vertical-align:top; width:18px;height:18px;position:relative;}
    .join-l .radio input {width:18px;height:18px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        -moz-opacity:0; -khtml-opacity:0; opacity:0; margin:0; padding:0; position:relative; }
    .join-l .radio.radioChecked {background-position:0 -18px;}

    .join-r{margin-left: 534px; margin-bottom: 100px; height: 353px; background: #f1f1f1; padding: 40px;}
    .join-r input[type="text"]{height: 32px; padding-left: 10px; background: #f1f1f1; border: 1px solid #c8c8c8;
        background:url(../img/icon/required.png) right center no-repeat;}
    .long-input{width: 99%; margin-bottom: 12px; padding-left: 1%!important;}
    .short-input{width: 46%; float: right;}
    .short-input.first{margin-left: 0; float: left;}
    .join-bottom{padding-top: 20px; font: 12px "Trebuchet MS"; color: #8a8a8a; border-top: 1px solid #dadada;
    margin-top: 76px;}
    .join-bottom input[type="submit"]{display:inline-block;vertical-align:middle;background: #484848; padding-left: 10px; width:110px;
        height:36px;font:11px Georgia, "Times New Roman", Times, serif;color:#f1f1f1; border: none; text-transform:uppercase;
        line-height:36px;cursor: pointer;float: right;}
    .join-connect{float: left; width: 50%;}

/*.friends-main{
	width:1221px;
	margin:0 auto;
}*/
.friends-main .intro{
	color:#606060!important;
	background:url(../img/bg/friends.jpg) 100% 0 no-repeat #fff;
	overflow:hidden;
	margin:0 0 18px 0;
}
.friends-main .intro h1,
.friends-main .intro h3,
.friends-main .intro p{
	color:#606060!important;
	border:0!important;
	font:14px/19px Georgia, serif;
}
.friends-main .intro h1{
	font-size:100px;
	line-height:90px;
	padding:0!important;
	margin:0!important;
}
.friends-main .intro h3{
	font-size:24px;
	line-height:28px;
	margin:25px 0;
	padding:0;
}
.friends-main .intro p{
	margin:15px 0 0 0!important;
}
.friends-main .intro .info{
	float:left;
	padding:25px 40px 25px 50px;
	width:618px;
	height:520px;
	background:#fff;
}
.friends-main .updates{
	
}
.friends-main .updates .events-list{
	margin-left:18px;
	float:right;
}
.friends-main .updates .span-5{
	float:left;
	margin:0 18px 18px 0;
	height:336px;
	width:159px;
}
.friends-main .updates .new-friends{
	margin:0;
	display:block;
	width:auto;
	float:none;
	background:#8b8b8b;
	overflow:hidden;
}
.friends-main .updates .new-friends .i{
	padding:20px;
}
.friends-main .updates .new-friends h3{
	margin:0 0 7px 0;
	padding:0 0 7px 0;
	border:0;
	font:normal 16px/26px Georgia, serif;
	color:#f1f1f1;
	text-transform:uppercase;
	border-bottom:3px solid;
}
.friends-main .updates .new-friends table{
	width:100%;
	border-collapse:collapse;
	font:14px/110% Georgia, serif;
	color:#f1f1f1;
}
.friends-main .updates .new-friends table td{
	vertical-align:middle;
	padding:5px 8px 5px 0;
	border-bottom:1px solid #a2a2a2;
}
.friends-main .updates .new-friends table td.name span{
	font:11px Arial, sans-serif;
	color:#c5c5c5;
}
.friends-main .updates .new-friends table td.city{
	font:12px Arial, sans-serif;
	color:#c5c5c5;
}
.friends-main .updates .short{
	border:0!important;
	padding:0!important;
	margin:0!important;
}
.friends-main .updates .short p.date{
	font:14px/18px "Times New Roman", serif!important;
	color:#a9b1b4!important;
	margin:0 0 5px 0!important;
}
.friends-main .updates .event .description .head{
	border-bottom:1px solid #555;
	font:12px/14px Georgia, serif;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}
.friends-main .join-club{
	position:relative;
	width:159px;
	height:159px;
	background:#606060;
}
.friends-main .join-club a{
	position:absolute;
	display:block;
	width:119px;
	height:59px;
	padding:80px 20px 20px 20px;
	font:12px/21px Georgia, serif;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/bg/join.png) 20px 20px no-repeat; 
}
.friends-main .join-club:hover{
	background:#484848;
}
.friends-main .join-club a span{
	display:block;
	padding:5px 0;
	border-top:1px solid #909090;
	border-bottom:1px solid #909090;
}

.video-square{
	position:relative;
	width:159px;
	height:159px;
	overflow:hidden;
	line-height:0;
	margin:0 0 18px 0;
}
.video-square img{
	display:block;
	position:relative;
	max-width:100%;
	z-index:1;
}
.video-square a{
	position:relative;
	display:block;
}
.video-square .arr{
	display:block;
	position:absolute;
	background:url(../img/bg/video-over2.png) 50% 50% no-repeat;
	width:100%;
	height:100%;
	left:0;
	bottom:0;
	z-index:10;
}

@media only screen and (max-width: 1252px){
    .welcome-img{width: 600px;}
    .welcome-text{margin-left: 620px; font-size: 18px;}
    .welcome-title{font-size: 27px;}
    .join-connect{width: 60%;}
    .long-input{width: 98%; padding-left: 2% !important;}

	.friends-main{ width:948px; }
	.friends-main .intro .info{
		padding: 25px;
		width: 502px;
		background: #fff;
	}
	.friends-main .intro .info h1{
		font-size:80px;
		line-height:70px;
	}
	.friends-main .intro .info h3{
		font-size:20px;
		line-height:24px;
	}
	.friends-main .events .event {
		width: 258px;
		height: 258px;
	}
	.friends-main .updates .span-5{
		height: 258px;
		width: 120px;
	}
	.friends-main .updates .span-5 .video-square{
		width: 120px;
		height: 120px;
	}
	.friends-main .join-club{
		width: 120px;
		height: 120px;
	}
	.friends-main .join-club a {
		position: absolute;
		display: block;
		width: 90px;
		height: 40px;
		padding: 65px 15px 15px 15px;
		background-position:15px 15px;
		font-size:10px;
		line-height:14px;
	}
	.friends-main .events .event .description .place{
		max-width: 45%;
	}
	.friends-main .updates .new-friends .i {
		padding: 15px;
	}
	.friends-main .updates .new-friends h3 {
		font-size:14px!important;
		line-height:18px!important;
	}
	.friends-main .updates .new-friends table td{
		font-size:11px!important;
		line-height:12px!important;
		padding:3px 5px 3px 0;
	}
	.friends-main .updates .new-friends table td.name{
		white-space:nowrap;
	}
}