	
	*
	{
		margin:0;
		padding:0;
	}
	
	
	
	
	body
	{
		
		
		
		
		padding: 0;
		margin: 0;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		background-image: url('../IMG/bg.jpg');
		background-repeat: no-repeat;
		background-size:100%;
		overflow-y:scroll;
	
	}
	
	
	
	
	
	#header
	{
		background-color: rgba(20, 20, 20, 0.95 );
		width: 100%
		
		
		
		
	}
	
	#nav_logo
	{
	
	width:85%;
	margin-left: auto;
	margin-right: auto;

	
	
	}
	
	#nav_wrapper
	{
		

		text-align:left;
		float: right;
		margin-bottom: 3%px;
		margin-top:5.8%;
		
		
		
		
		
		
		
		
		
	
	}
	#logo
	{
		
		padding-top:3px;
		
		
		
		
		
	
	}
	#logo img
	{
	
	width: 10%;
	
	
	
	}
	
	#nav_wrapper ul
	{
		list-style-type: none;
		padding 0;
		margin: 0;
		position: relative;
		
		
		
		
	
	}
	
	#nav_wrapper ul li
	{
		display: inline-block;
	}
	
	#nav_wrapper ul li:hover
	{
		background-color: rgba(20, 20, 20, 0.92 );
	
	}
	
	#nav_wrapper ul li img
	{
		width: 20x;
		height: 20px;
		vertical-align: middle;
		padding-left: 3px;
	
	}
	
	#nav_wrapper ul li a,visited
	{
		color: #ccc;
		display: block;
		padding: 15px;
		text-decoration: none;
	}
	
	#nav_wrapper ul li a:hover
	{
		color: #ccc;
		text-decoration: none;
	
	}
	
	#nav_wrapper ul li:hover ul
	{
		display: block;
		
	
	
	
	}
	#nav_wrapper ul ul
	{
		display: none;
		position: absolute;
		background-color: rgba(20, 20, 20, 0.95 );
		
		
		
	
	}
	
	#nav_wrapper ul ul li
	{
		display: block;
	
	
	}
	#nav_wrapper ul ul li a,visited
	{
		color: #ccc;
	
	}
	#nav_wrapper ul ul a:hover
	{
		color: #9AD94E;
	
	}
	#mainContent
	{
	
		
		background-color: rgba(20, 20, 20, 0.92 );
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		height:750px;
		margin-top:1%;

		
		
		
		
		
	
	}
	
	#slideShow
	{
	width:38%;
	background-color:rgba(20, 20, 20, 0.92 );
	margin-left:2%;
	margin-top:2%;
	position:absolute;
	
	}
	#imgs img
	{
		width:100%;
		
		position:absolute;
		top:0;
		left:0;
		transition: 1s;
		visibility: hidden;
		
	
	}
	
	#Snav
	{
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		
	}
	
	
	#SnavMiddle
	{
		display:block;
		width:100%;
		
		margin-top:35%;
		
	}
	
	#Sleft
	{
		width:8%;
		
		float:left;
		margin-left:0.5%;
		opacity:0.5;
		
		
		
	
	
	}
	#Sleft:hover
	{
		
		opacity:0.8;
		cursor: pointer;
	
	}
	#Sright
	{
		width:8%;
		
		float:right;
		margin-right:0.5%;
		opacity:0.5;
		
	
	
	}
	#Sright:hover
	{
		
		opacity:0.8;
		cursor: pointer;
	
	}
	
	
	
	
	
	
	
	
	#txtArea
	{
	clear: both;
	width: 45%;
	float:right;
	color: #ccc;
	
	line-height:2;
	margin-right: 3%;
	margin-top:2%;
	text-align: justify;
	
	
	}
	@media(max-width: 980px) 
	{
		#txtArea
		{
		font-size: 16px;
		
		}
	}
	@media(max-width: 560px) 
	{
		#txtArea
		{
		font-size: 10px;
		
		}
	}
	@media(max-width: 800px) 
	{
		#txtArea
		{
		font-size: 13px;
		
		
		}
	}
	
	
	
	
	#picArea 
	{
	width:85%;
	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: absolute;
	margin-top: 520px;
	
	
	
	}
	
	
	#serviceWrapper
	{
		margin-top:2%;
		
		margin-bottom:2%;
		margin-left:auto;
		margin-right:auto;
		
		
	
	}
	#serviceWrapper ul
	{
		
		list-style-type: none;ss
		
		padding:0;
		
		
		
		
	
		
	
	}
	#serviceWrapper ul li
	{
		
		margin-left:1.8%;
		width:17%;
		display: inline-block;
		
		
		
	
	}
	
	

	
	
	
	.imgLinks a
	{
		text-decoration: none;
		color: #ccc;
		width:100%;
		
		
		
	
	}
	
	.serviceImg img
	{
	
	width:100%;
	
	}
	
	@media(max-width: 980px) 
	{
		.imgLinks
		{
		font-size: 16px;
		}
	}
	@media(max-width: 715px) 
	{
		.imgLinks
		{
		font-size: 11px;
		}
	}
	@media(max-width: 880px) 
	{
		.imgLinks
		{
		font-size: 13px;
		}
	}
	
	
	
	
	
	
	#serviceWrapper li:hover
	{
		opacity: 0.4;
		filter: alpha(opacity=40);
	
	}
	
	
	
	#footer
	{
		margin-top:2%;
		background-color: rgba(20, 20, 20, 0.98 );
		width: 100%;
		height: 40px;
		margin-bottom:0;
		padding-bottom:0;
		
	
	}
	
	
	
	
	
	

	
	