@charset "utf-8";
/* CSS Document */
*{
	padding:0; 
	margin:0;
}
body{
	font-family:'Sintony', sans-serif;
	background-color:white;
}
#wrapper{
	width:1340px;
	margin:auto;
	min-height:660px;
}
/*header*/
#header{
	width:960px;
	height:100px;
	margin:5px auto 0 auto;
	background-color:#FFFFFF;
}
#logo{
	width:480px;
	height:100px;
	margin:0 10px;
	background-color:#FFFFFF;
	float:left;
}
#logo img{
	padding:10px 0;
}
#sosial{
	width:480px;
	height:100px;
	margin:0 -30px;
	background-color:#FFFFFF;
	float:left;
}
#sosial ul{
	list-style:none;
	text-align:center;
	float:right;
	padding:25px 0 0 0;
}
#sosial li{
	list-style:none;
	display:block;
	float:left;
}
#sosial li a{
	display:block;
	float:left
}
#sosial li a span{
	display:none;
}
#sosial li a:hover{
	text-decoration:none;
}
#sosial li a.fb{
	background:url(../gambar/facebook_walker_main.png) no-repeat;
	width:40px;
	height:40px;
	padding:0px 2px;
}
#sosial li a:hover.fb{
	background:url(../gambar/facebook_walker_hover.png) no-repeat;
	width:40px;
	height:40px;
	padding:0px 2px;
}
#sosial li a.twitter{
	background:url(../gambar/twitter_walker_main.png) no-repeat;
	width:40px;
	height:40px;
	padding:0px 2px;
}
#sosial li a:hover.twitter{
	background:url(../gambar/twitter_walker_hover.png) no-repeat;
	width:40px;
	height:40px;
	padding:0px 2px;
}
#sosial li a.instagram{
	background:url(../gambar/instagram_walker_main.png) no-repeat;
	width:40px;
	height:40px;
	padding:0px 2px;
}
#sosial li a:hover.instagram{
	background:url(../gambar/instagram_walker_hover.png) no-repeat;
	width:40px;
	height:40px;
	padding:0px 2px;
}
#sosial li a.lookbook{
	background:url(../gambar/lookbook_walker_main.png) no-repeat;
	width:38px;
	height:38px;
	padding:0px 2px;
	border:thin;
	border-color:#663333;
	border-style:solid;
}
#sosial li a:hover.lookbook{
	background:url(../gambar/lookbook_walker_hover.png) no-repeat;
	width:38px;
	height:38px;
	padding:0px 2px;
	border:thin;
	border-color:#663333;
	border-style:solid;
}
#sosial li a.pinterest{
	background:url(../gambar/pinterest_walker_main.png) no-repeat;
	width:40px;
	height:40px;
	padding:0px 2px;
}
#sosial li a:hover.pinterest{
	background:url(../gambar/pinterest_walker_hover.png) no-repeat;
	width:40px;
	height:40px;
	padding:0px 2px;
}
/*end of header*/
#content{
	width:960px;
	height:auto;
	padding-bottom:20px;
	background-color:#FFFFFF;
	margin:0 auto;
	border-bottom:#003300 solid thin;
	border-top:#003300 solid thin;
}
#content #judul{
	width:100%;
	height:auto;
	font-size:18px;
	text-align:center;
	margin:10px auto 0 auto;
}
#content #judul a{
	margin:auto;
	height:auto;
	font-size:12px;
	text-align:center;
	margin:5px auto 0 auto;
	text-decoration:none;
}
#content p{
	width:600px;
	height:auto;
	margin:15px auto 0 auto;
	padding:10px;
	text-align:justify;
	font-size:12px;
	border-left:#CCCCCC thin solid;
	border-top:#CCCCCC thin solid;
	border-radius:10px;
}
#content #form_contact p{
	width:600px;
	height:auto;
	margin:15px auto 0 auto;
	padding:10px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	border-left:#CCCCCC thin solid;
	border-top:#CCCCCC thin solid;
	border-radius:10px;
	color:#003300;
}
#content span{
	font-size:28px;
}
#content #form_contact table{
	width:620px;
	height:auto;
	margin:15px auto 0 auto;
	padding:10px;
	font-size:12px;
	border-left:#CCCCCC thin solid;
	border-top:#CCCCCC thin solid;
	border-radius:10px;
}
#content #form_testimony{
	width:900px;
	height:auto;
	margin:0 auto;
	border-top:thin #CCCCCC solid;
	font-size:12px;
}
#content #form_testimony p{
	font-size:12px;
	text-align:left;
	font-weight:normal;
	color:black;
}
/*navigasi*/ 
#navigasi{
	width:960px;
	height:35px;
	margin:0 auto;
	border-bottom:#003300 double thin;
	background-color:#FFFFFF;
}
#navigasi ul{
	list-style:none;
	background:#FFFFFF;
	overflow:hidden;
}
#navigasi ul li{
	float:left;
	padding:7px 10px;
}
#navigasi ul li a{
	text-decoration:none;
	padding:0 42px;
	color:#003300;
}
#navigasi ul li a:hover{
	text-decoration:none;
	padding:0 42px;
	color:#999999;
}
#navigasi select{
	padding:2px;
	width:45%;
	display:none;
	background:#FFFFFF;
	font-family: 'Sintony', sans-serif;
	padding:2px;
	margin:2px 0;
	font-size:x-small;
	border:solid thin #CCCCCC;
	border-radius:3px;
}
/*end of navigasi*/
/*footer*/
#footer{
	width:960px;
	height:auto;
	margin:0 auto;
	background-color:#FFFFFF;
}
#footer li{
	color:#999999;
}
#footer ul{
	list-style:none;
}
#footer ul.footer_1{
	width:220px;
	height:175px;
	background-color:#FFFFFF;
	float:left;
	text-decoration:none;
	padding:20px 10px;
	font-size:10px;
}
#footer ul.footer_2{
	width:220px;
	height:175px;
	background-color:#FFFFFF;
	float:left;
	text-decoration:none;
	padding:20px 10px;
	font-size:10px;
}
#footer ul.footer_3{
	width:220px;
	height:175px;
	background-color:#FFFFFF;
	float:left;
	text-decoration:none;
	padding:20px 10px;
	font-size:10px;
}
#footer ul.footer_4{
	width:220px;
	height:175px;
	background-color:#FFFFFF;
	float:left;
	text-decoration:none;
	padding:20px 10px;
	font-size:10px;
}
#footer li a{
	text-decoration:none;
	color:#999999;
}
#footer li a:hover{
	text-decoration:none;
	color:#663300;
}
#footer p{
	font-weight:bold;
	font-size:11px;
	border-bottom:thin dotted #CCCCCC;
	-moz-box-shadow: 0px 0.5px #999;
	-webkit-box-shadow: 0px 0.5px #999;
	box-shadow: 0px 0.5px #999;
	color:#660000;
	}
#footer span{
	font-size:24px;
	font-weight:bold;
	color:#003300;
}
/*end of footer*/
#copyright {
	width:960px;
	height:75px;
	background-color:#552B2B;
	margin:215px auto 0 auto;
}
#copyright p{
	font-size:11px;
	font-weight:normal;
	color:white;
	text-align:center;
	padding:35px 0 0 0;
}
#copyright a{
	text-decoration:none;
	color:white;
}
#copyright a:hover{
	text-decoration:none;
	color:#999999;
}
