#serives-main{margin:0px; padding:0px; margin-top:30px;}
#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
	font-size:13px;
}
#content{
	overflow:hidden;
	width:80%;
	background-color:white;
	position:relative;
	height:390px;
	float:left;
}
	#content h2{
		color:#1f655a;
		margin:20px 0pt;
	}
	#content a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation{
	float:left;
	width:20%;
	height:400px;
}
	#navigation .sup{
		margin:0px 10px;
		font-size:14px;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
			display:block;
			padding:35px 0;
			font-size:16px;
			text-transform:uppercase;
		}				
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
/*		#navigation .sup:nth-child(1){background:#d2232a; text-align:center;}
		#navigation .sup:nth-child(1):hover{background:#353535;}
		#navigation .sup:nth-child(2){background:#eb9c24; text-align:center;}
		#navigation .sup:nth-child(2):hover{background:#353535;}
		#navigation .sup:nth-child(3){background:#714d3e; text-align:center;}
		#navigation .sup:nth-child(3):hover{background:#353535;}
		#navigation .sup:nth-child(4){background:#4e1f1d; text-align:center;}
		#navigation .sup:nth-child(4):hover{background:#353535;}
*/				

	
		#navigation .sup:nth-child(1){background:#4e867d; text-align:center;}
		#navigation .sup:nth-child(1):hover{background:#5da094;}
		#navigation .sup:nth-child(2){background:#f44b4a; text-align:center;}
		#navigation .sup:nth-child(2):hover{background:#ff7877;}
		#navigation .sup:nth-child(3){background:#93bc57; text-align:center;}
		#navigation .sup:nth-child(3):hover{background:#aedd6a;}
		#navigation .sup:nth-child(4){background:#63919b; text-align:center;}
		#navigation .sup:nth-child(4):hover{background:#81c4d2;}

		
		#navigation a.scrolling{
			color:#933;
		}
.section{
	position:relative;
	width:100%;
	overflow-y:auto;
}

	.section .sub{
		position:relative;
		float:left;
		padding:0px 21px 42px 0px;
		width:100%;
		height:390px;
	}
		.section .sub p{
			margin:16px 0;
			line-height:23px;
		}
		.section .next, .section .prev{
			font-size:15px;
			position:absolute;
			bottom:15px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}

.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}
#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}

/*** Media ***/

@media (max-width:980px){

}

@media (max-width:800px){

}

@media (max-width:768px){

}

@media (max-width:360px){
#navigation{float:none; width:100%; height:295px;}
#content{width:97%;}
.section .sub{float:none; background:#fff; height:398px; overflow-y:scroll;}
}

@media (max-width:320px){
#navigation{float:none; width:100%; height:300px;}
#content{width:97%;}
.section .sub{float:none; background:#fff; height:395px; overflow-y:scroll;}
}