.bgc {

    background: #fff none repeat scroll 0 0;

	}

	.p30 {

		padding: 30px;

	}

	.ml20  { height: 300px;   border:#CCCCCC 1px solid; margin-bottom:30px;}

	

	.ml20:hover {    box-shadow: 0 0 10px #666;}

	

	

	 

	.pt20 {

		padding-top: 20px;

	}

	.f14 {

		font-size: 14px;

	}

	.muted {

		color: #999;

	}

	

	.muted  a{

		color: #999;

	}

	

	p {

		margin: 0 0 10px;

	}

	

	.fn {

		font-weight: normal;
		text-align: center;

	}

	h2 {

		font-size: 31.5px;

	}

	.row-fluid .span4 {

	    margin-left: 25%;
	    margin-top:3%;

		float:left;

	}

	.row-fluid .span4  img{

		width: 150px; height:150px;

		 

	}

	

	

	.row-fluid .span8 {

		width: 50%; float:right;font-size: 14px;

	}



  

 

 

.fade {

	opacity: 0;

	-webkit-transition: opacity .15s linear;

	-moz-transition: opacity .15s linear;

	-o-transition: opacity .15s linear;

	transition: opacity .15s linear

}



.fade.in {

	opacity: 1

}



.collapse {

	position: relative;

	height: 0;

	overflow: hidden;

	-webkit-transition: height .35s ease;

	-moz-transition: height .35s ease;

	-o-transition: height .35s ease;

	transition: height .35s ease

}



.collapse.in {

	height: auto

}



.close {

	float: right;

	font-size: 20px;

	font-weight: bold;

	line-height: 20px;

	color: #000;

	text-shadow: 0 1px 0 #fff;

	opacity: .2;

	filter: alpha(opacity = 20)

}



.close:hover,.close:focus {

	color: #000;

	text-decoration: none;

	cursor: pointer;

	opacity: .4;

	filter: alpha(opacity = 40)

} 



.modal-backdrop {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1040;

	background-color: #000

}



.modal-backdrop.fade {

	opacity: 0

}



.modal-backdrop,.modal-backdrop.fade.in {

	opacity: .8;

	filter: alpha(opacity = 80)

}



.modal {

	position: fixed;

	top: 10%;

	left: 50%;

	z-index: 1050;

	width: 630px;

	margin-left: -280px;

	background-color: #fff;

	border: 1px solid #999;

	border: 1px solid rgba(0, 0, 0, 0.3);

	*border: 1px solid #999;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	outline: 0;

	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

	-webkit-background-clip: padding-box;

	-moz-background-clip: padding-box;

	background-clip: padding-box

}



.modal.fade {

	top: -25%;

	-webkit-transition: opacity .3s linear, top .3s ease-out;

	-moz-transition: opacity .3s linear, top .3s ease-out;

	-o-transition: opacity .3s linear, top .3s ease-out;

	transition: opacity .3s linear, top .3s ease-out

}



.modal.fade.in {

	top: 10%

}



.modal-header {

	padding: 9px 15px;

	border-bottom: 1px solid #eee

}



.modal-header .close {

	margin-top: 2px

}



.modal-header h3 {

	margin: 0;

	line-height: 30px

}



.modal-body {

	position: relative;

	max-height: 400px;

	padding: 15px;

	overflow-y: auto

}



.modal-form {

	margin-bottom: 0

}



.modal-footer {

	padding: 14px 15px 15px;

	margin-bottom: 0;

	text-align: right;

	background-color: #f5f5f5;

	border-top: 1px solid #ddd;

	-webkit-border-radius: 0 0 6px 6px;

	-moz-border-radius: 0 0 6px 6px;

	border-radius: 0 0 6px 6px;

	*zoom: 1;

	-webkit-box-shadow: inset 0 1px 0 #fff;

	-moz-box-shadow: inset 0 1px 0 #fff;

	box-shadow: inset 0 1px 0 #fff

}



.modal-footer:before,.modal-footer:after {

	display: table;

	line-height: 0;

	content: ""

}



.modal-footer:after {

	clear: both

}



.modal-footer .btn+.btn {

	margin-bottom: 0;

	margin-left: 5px

}



.modal-footer .btn-group .btn+.btn {

	margin-left: -1px

}



.modal-footer .btn-block+.btn-block {

	margin-left: 0

}