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

body{
	
	margin:0px;
	padding:0px;
	background:url(../images/body.jpg);
}

.clear{
	
clear:both;	
	
}

ul li{ list-style:none;}
a{ text-decoration:none;}
#wrapper{
	
	font-family:Corbel;
}

#top_wrapper{
	width:100%;
	height:164px;
	background:#6B4327;
	
	
}

#header{
width:960px;
margin-left:auto;
margin-right:auto;
height:171px;

}

.logo{
	width:100%;
	height:114px;
	
}

#content{
	width:100%;
	/*background:linear-gradient(#bbb, #ddd);*/
	
}

#middle_wrapper{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #939293;
	padding-bottom:15px;
	background:#fff; margin-bottom:40px;

	
}

.menu{
	width: 100%;
	height:41px;
	background:#00008C;
	margin-top:4px;
	border:1px solid #ccc;
	margin-left: -1px; padding-left:0;
	position:relative;
}

.menu li{
	
	float:left;
	list-style:none;
	padding:6px 10px 10px; margin-top:3px;
	margin-left:25px;
}


.menu li a{
	
	text-decoration:none;
	font-weight:bold;
	color:#FF6B77;
	
}

.menu li:hover{
	
	background:#0D0A54;
	
}

.menu li a:hover{
	
	color:#fff;
}

.menu .active{
	background:#0D0A54; border-radius:13px;
	
}

.menu .active a{
	color:#fff;
	
}

.menu li ul{	
	display:none;
	width:165px;
	background:#080636;
	margin-left:-15px;
	margin-top:10px; z-index:999;
}

.menu li:hover >ul{
	display:block;
	position:absolute;
	
}

.menu li ul li{
	
	width:189px;
	margin-left:-39px;
	padding:7px; border-bottom:1px solid #0D0A54;
}

.menu li ul li:hover{
background:#0D0A54;	
	
}

.menu li ul a{
	font-size:14px;	
	color:#ccc;
}

.left{
	width:270px;
	float:left;
	margin-left:20px;
}

.right{
	
float:left;	
width:615px;
margin-left:30px; text-align:justify; margin-top:5px;	
}

.specialist{
	width:270px;
	height:218px;
	border:1px solid #ccc;
	
	
	margin-top:20px;
	background:#f0f0f0;
	
}

.sliderr{
	
	width:960px;
	height:330px;
	border:1px solid #ccc; margin:0 auto;
}

h3{
margin-top:0px;
margin-bottom:0px;
padding:6px; color:#FFF;
background:#000;
font-size:20px;	
	
}

.sp_content{
	
	padding:5px;
}

.sp_content ul{
	margin-top:0px;
	margin-left:-40px;
}

.sp_content ul li{
	
	
	list-style:none;
	line-height:33px;
	border-bottom:1px solid #ccc;
	padding-left:30px;
}

.sp_content ul a{
	text-decoration:none;
	color:#595757;
	
}

.sp_content ul li:hover{
	
	background:linear-gradient(#171717, #999);
	
}

.sp_content ul a:hover{
	color:#fff;
	
}

.fb{
width:100%;
height:245px;
border:1px solid #ccc;
margin-top:16px;
	
}

.welcome{
height:340px;
width:100%;	
}

.welcome_content{
	
text-align:justify;
color:#595757;


}

.more{
	
color:#000;
font-weight:bold;
text-decoration:none;	
}

.more:hover{
	text-decoration:underline;
	
}

h2{
margin-bottom:5px;	
margin-top:8px;
	
}

.feature{
	
width:100%;
height:370px;

	
}

.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgba(146,96,91,0.3);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view {
   width: 181px;
   height: 140px;
   margin:10px;
   float: left;
   border: 5px solid #ccc;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center; margin-bottom:0;
}

.feature div:nth-child(2){ margin-left:0}
.feature div:nth-child(5){ margin-left:0}
.feature div:nth-child(4){ margin-right:0}
.feature div:nth-child(7){ margin-right:0}

.view .mask,.view .content {
   width: 181px;
   height: 170px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   margin: 3px 0px 0px;
	padding: 3px;
   background: rgba(0, 0, 0, 0.8);
  
}
.view p {
   padding: 7px 6px 5px 7px;
   margin-top: -4px;
   
   font-size: 12px;
   position: relative;
   color: #000;
   
text-align: justify;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 2px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


#footer{
background:#6B4327;
width:100%;
height:60px;
margin-top:-21px;
	
}

.footer_wrapper{
	
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

.footer_wrapper p{
	
	padding-top:20px; color:#FFF;
	text-align:center;
	
}


.cmsTxtField{ width:200px;}
.red{ color:red;}