*{margin:0; padding:0}

body {
	background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#73880a+0,89af42+41,89af42+56,73880a+100 */
background: #3A5A21; /* Old browsers */
background: -moz-linear-gradient(left,  #3A5A21 0%, #89af42 45%, #89af42 55%, #3A5A21 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3A5A21 0%,#89af42 45%,#89af42 55%,#3A5A21 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3A5A21 0%,#89af42 45%,#89af42 55%,#3A5A21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73880a', endColorstr='#73880a',GradientType=0 ); /* IE6-9 */
; font-family:Arial, Helvetica, sans-serif;
	}

.Login {
	width:950px; margin:auto; height:40px; color:#FFF; padding:10px;
	}

.loginleft {width:480px; text-align:right; border-right:2px dotted #FFFFFF; padding-right:25px}
.loginleft a {color:#FC6; text-decoration:none; margin:auto}
.loginleft a:hover {color:#0F3; font-weight:bold}

.container1 {
	width:950px; margin:auto; background-color:#F3FC8B; padding:20px; border-radius:15px; overflow:hidden;
	}

.container2 img {
	width:940px; background-color:#416026; padding: 5px; border-radius:12px; margin-top:10px; margin-bottom:10px;
	}

hr {border-top:dotted 2px #D9D0B9; margin-bottom:5px;
	}

h2 {margin-bottom:15px;}

/*attribute selector*/
input[type=text] {
	border-radius:10px;
	padding:4px;
	margin:auto;
	margin-left:25px;
	font-size:16px;
	color:#333;
	width:310px;
	background:url(Gambar/searchiconp.png) no-repeat right;
	background-color:#FFF;
	}

/*HEADER*/
header {
	height: 50px;
	margin: auto;
	}
	
	header .headerLeft {
	width: 300px;
	float:left;
	margin: 5 0px;	
	}
	
/*NAV*/
nav {float:right; width:600px; margin:auto} 
nav ul {list-style:none;
	padding:5 15 0px;
	position:relative;
	display:inline-table;}
	
nav ul ul {display:none;
			background:#769A3A;
			position:absolute;
			top:100%;
			padding:0;
			}
	
	nav ul li {float:left; 
		border-left:2px #A89A85 dotted;
		margin:10 0 0 0px;}
	
	nav ul li a {
		line-height: 30px;
		text-decoration:none;
		padding:0 15px;
		display: block;
		color:#000;
		}
	
	nav ul li:hover {background:#3A5A21;}
	nav ul li:hover a {color:#FC6;}
	
	nav ul li:hover > ul {display:block}

	nav ul ul li {
					float:none;
					position:relative;
					border-top:2px #33FF66 solid;
					border-bottom:2px #33FF66 solid;
					margin:0;}
	
/*categories*/					
.servicesLeft {
	margin:auto; background-color:#FFF7EF; overflow:hidden; float:left;
	}

	.SL-Left {
	width:180px; margin:auto; background-color:#F9EDD3; border-radius:10px; overflow:hidden; float:left;
	list-style:none; font-size:14px; padding:10px; height:490px;}
	
		.SL-Left ul {list-style:none; padding:5 10 0 10px}
		.SL-Left ul li {height:25px;}
		.SL-Left ul li a {text-decoration:none; color:#60799D}
		.SL-Left ul li a:hover {color:#30F}
	
	.SL-Right {
	width:500px; margin: auto; float:left;
	padding:10 20px; font-size:14px;
	}
	
		.SL-Right img {
						width:200px; background-color:#FFF; padding: 5px; border-radius:8px; margin:0 20 30 0px;
						float:left;
						}
h3 {font-size:14px; margin-bottom:6px}

		.SLRT-Right {width:270px; float:left}
		.more1 {text-decoration:none; color:#60799D}
		.SLRT-Right a:hover {color:#30F}
		
		.more {width:70px; margin:10 0 15px; background-color:#8CA53B; border-radius:4px; padding:5 10px; font-size:16px; text-decoration:none; color:#FFF; float:left}
		
		.SLR-Top {height:280px; margin-bottom:15px;}
		.SLR-Bottom {margin:auto; border-top: 1px dotted #D9D0B9; padding-top:10px}
	
.ServicesRight {
	width:180px; margin:auto; background-color:#F9EDD3; border-radius:10px; float:right;
	list-style:none; font-size:14px; padding:10px; height:490px;}
		.news {width:70px; margin:15 0 15px; background-color:#8CA53B; border-radius:4px; padding:5 10px; font-size:16px; text-decoration:none; color:#FFF;}
		.ServicesRight a:hover {color:#33FF66;}
p {margin:10 0px;}
	
/*Services Bottom*/	

.SLR-Bottom ul li {list-style:none; height:25px}
.SLR-Bottom ul li a {text-decoration:none; color:#60799D}
.SLR-Bottom ul li a:hover {color:#30F}
.SLR-Bottom b {color:#8CA53B}
.SLRB-Left {width:250px; float:left; text-decoration:none; margin:auto}

/*footer*/
footer {
	width:950px; text-align:center; height:30px; color:#FFF; padding:8px; margin:auto; font-size:12px; margin-top:15px
	}