@charset "utf-8";
/* CSS Document */
* { margin:0;
	padding:0;
	outline:0;
	} 
	
body  { background: url(../images/binding_light.png);}
.container { width:980px;
				background:#FFF;
			
			margin:0 auto;
			-webkit-box-shadow:  0px 2px 5px 3px rgba(0, 0, 0, .2);
        
        box-shadow:  0px 2px 5px 3px rgba(0, 0, 0, .2);
			
			}
			
.header  { width:980px;
			background:;
			border-bottom:5px solid #014535;
			margin:0 auto;
			he
			
			
			-webkit-box-shadow:  0px 2px 5px 3px rgba(0, 0, 0, .2);
        
        box-shadow:  0px 2px 5px 3px rgba(0, 0, 0, .2);
			
			
			}
			
#head_wrapper { width:980px;
				
				height:150px;
				margin:0 auto;
				
				
				}	
				
					
#logo { width:40%;
		height:150px;
		
		float:left;
		}
		
#head_cont  { width:60%;
				height:150px;
				
				float:left; }
				
.nav  { width:100%;
		
		background:#fff;
		float:left;
		border-bottom:2px solid #014535;
		
		
		}
.nav a {font-family:Verdana, Geneva, sans-serif;
padding:10px 15px;
text-align: right;
float: left;
		font-size:14px;
		text-decoration:none;
		color:#49322A;
		background-color:#fff;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		
		}
		
.nav a:hover {font-family:Verdana, Geneva, sans-serif;
padding:10px 15px;
		font-size:14px;
		text-decoration:none;
		color:#fff;
		background-color:#04614B;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		}
		
.slider { width:100%;
			border-bottom:solid 5px #014535;
			
			
			}
			
/*-------slider--------*/
.ei-slider{
	position: relative;
	width: 100%;
	float:left;
	
	height: 350px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 40px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 70px;
	line-height: 70px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	z-index:99999;
	height: 12px;
	margin: 0 auto;
	position: relative;
	top: -13px;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hr-scroll { width:720px;
             height:720px;
	     float:left;
	     overflow:scroll;}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}
/*----------------------slider----------------------------------*/			
			
		
.mid_bx { width:100%;
			
			}
#sid_nav  { width:25%;
			
		
			float:left;
			display:block;
			}	
			
			#sid_nav h2 { font-family:'Roboto', sans-serif;
				font-size:30px;
				border-bottom:1px solid #90604F;
				margin:10px;
				color: #D54804;}
			
#sid_nav a { font-family:Verdana, Geneva, sans-serif;
			display:block;
			 color:#FFF;
			 text-decoration:none;
			 background: #17866C;
			 border-bottom:1px solid #4C2B1F;
			 font-size:13px;
			 padding:15px;
			 -webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
			 }	
			 
#sid_nav a:hover { font-family:Verdana, Geneva, sans-serif;
			 color:#FFF;
			 display:block;
			 text-decoration:none;
			 background: #90604F;
			 border-bottom:1px solid #4C2B1F;
			 font-size:13px;
			 padding:15px;
			 -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		-webkit-box-shadow:  0px 2px 5px 3px rgba(0, 0, 0, .2);
        
        box-shadow:  0px 2px 5px 3px rgba(0, 0, 0, .2);
			 }			 
			 
		
#cont_bx  { width:75%;
			
			
			float:left;
			}
			
			
			
			
#cont_bx table	{ margin:10px;
			 border:1px solid #999; font-family:Verdana, Geneva, sans-serif;
			 font-size:12px;
			 color:#666;}
			 
#cont_bx th	{ padding:10px; background:#92B015;
color:#FFF;
font-family:"Arial Black", Gadget, sans-serif; font-size:15px;
			 border:1px solid #999;}			 	
			#cont_bx  tr td { 
			 border:1px solid #999; padding:15px;}
			
#cont_bx h1 { font-family:'Roboto', sans-serif;
				font-size:30px;
				border-bottom:1px solid #90604F;
				margin:10px;
				color: #D54804;}	
#cont_bx h2 { font-family:'Roboto', sans-serif;
				font-size:20px;
				border-bottom:1px solid #90604F;
				margin:20px;
				color: #D54804;}	
				
#cont_bx p { font-family: 'Roboto', sans-serif;
              color:#333;
			  text-align:justify;
			  line-height:25px;
			  padding:10px;
			  font-size:14px;
			  border-bottom: dotted 1px #90604F; } 
			  
#cont_bx a { text-decoration:none;
			 color:#799744;
			 font-family:Verdana, Arial, Helvetica, sans-serif;
			 line-height:25px;
			 font-weight:bold;
			 font-size:15px;} 		
			 
			  
#cont_bx a:hover { text-decoration:none;
			 color:#FF3300;
			 font-family:Verdana, Arial, Helvetica, sans-serif;
			 line-height:25px;
			 font-weight:bold;
			 font-size:15px;} 			 	   		
.cent
{
	text-align: center;
}
	
.footer  { width:100%;
		
			background:#11765E;
			border-top:5px #014535 solid;
			
			-webkit-box-shadow:  0px -1px 3px 1px rgba(68, 68, 68, .5);
        
        box-shadow:  0px -1px 3px 1px rgba(68, 68, 68, .5);
			}
			
#foot_bx { width:980px;
			
		
			
			margin:0 auto;
			}	
			
#foot_bx_sub { width:300px;
			margin:10px;
			height:150px;
			
			float:left;
			}	
			
#foot_bx_sub h2 {color:#fff;
				font-family: 'Roboto', sans-serif;
				font-size:22px;
				border-bottom:2px solid #014535;
				text-shadow: 1px 1px 2px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);
				margin:10px;}	
#foot_bx_sub  p {color: #EBEBEB;
font-family: 'Roboto', sans-serif;
text-align:justify;
font-size:15px;
line-height:24px;
float:left;
padding:10px;
text-shadow: 1px 1px 2px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);
}				
#foot_bx_sub p img { width:40px;
					height:40px;
					text-align:center;
					margin-top:-10px;}
					
#foot_bx_sub  a { text-decoration:none;
					color:#fff;
					top:-10px;
					font-family: 'Roboto', sans-serif;
text-align:justify;
font-size:15px;
float:left;
padding:0 10px;
text-shadow: 1px 1px 2px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);
				
					}						
					
					
#ft_menu    { 	width:960px;
				padding:10px;
				background-color: rgba(0, 0, 0, .3);
			
				text-align:center;
				float:left;
				color:#014535;
				
         
       
		}
		
#ft_menu a {
			 text-decoration:none;
			 font-family: 'Roboto', sans-serif;
			 font-size:12px;
			 color:#EBEBEB;
			 margin-left:7px;
			 
			 }
			 
#copyrts { padding:5px 0 0 0;
        border-top:1px dotted #333;
		width:800px;
		margin:10px auto 0;
		color:#EBEBEB;
		font-size:13px; }				
			
.clr  { margin:0;
		padding:0;
		outline:0;
		clear:both;
		}