* {

	padding: 0;

	margin: 0;
	
}







#topWrapper {

width:100%;

height:150px;

background-color:${topWrapper.bg.color};

background-image:url(../images/topWrapper-bg.jpg);

background-position:center top ;

background-repeat:repeat-x;

}





#topBanner {

width:920px;

margin:0 auto;

height:150px;

background-image:url(../images/topBanner.jpg);

background-repeat:no-repeat;

}



#topnav {

background:transparent url(../images/hmenu.jpg) repeat-x top left;



}



#topnav {

height:40px;

margin:0 auto ;

text-align:center;

}



#topnav2 {

height:43px;

margin:0 auto ;

text-align:center;

}





#topnav2 {

background:transparent url(../images/hmenu2.jpg) repeat-x top left;

}



#topnav ul {

display:table;

margin:0 auto;

padding:0;

list-style-type:none;

position:relative;

height:40px;

text-transform:uppercase;

font-size:12px;

font-family:Arial,sans-serif;

}





#topnav ul li {

display:block;

float:left;

margin:0;

padding:0;

background:transparent url(../images/hmenu.jpg) repeat-x top left;

}





#topnav ul li a {

display:block;

float:left;

color:#ffffff;

text-decoration:none;

padding:0px 40px ;

line-height:40px;

font-weight:bold;

}





#topnav ul li a:hover, #topnav li#current a {

color:#ffffff;

background:transparent url(../images/hmenu-sel.jpg) repeat-x top left;

}



#topnav ul {

width:900px;

margin-left:275px;

}



a {

	text-decoration: none;

	color: #000000;

}



a:hover {

	text-decoration: none;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-style: normal;

	font-weight: normal;

	text-transform: normal;

}





br.clearfix {

	clear: both;

}



strong {

	color: #000;

}



h1,h2,h3,h4 {

	font-weight: bold;

	text-transform: lowercase;

}



h2 {

	font-size: 15px;

}



h2,h3,h4 {

	color: #000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin-bottom: 1.25em;

}



h3 {

	font-size: 1.75em;

}



h4 {

	font-size: 1.5em;

}



img.alignleft {

	margin: 5px 20px 20px 0;

	float: left;

}



img.aligntop {

	margin: 5px 0 20px 0;

}



p {

	margin-bottom: 1.75em;

}



ul {

	margin-bottom: 1.75em;

}



ul h4 {

	margin-bottom: 0.4em;

}



.post {

	margin: 0 0 40px 0;

	

	border-radius: 7px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	

	-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 

	-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 

	box-shadow: 0px 2px 2px rgba(0,0,0,.3);

	margin: 1px;

}



#content {

	background: #FFF;

	width: 700px;

	padding: 30px;

	float: left;

	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);

		border-radius: 7px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	

	-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 

	-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 

	

}


#content a{

	
color: #000;

	

}

#content a:hover{

	
color: #0000CC;



	

}



#footer {

	text-align: center;

	padding: 30px 0 90px 0;

	color: #A59D93;

	text-shadow: 1px 1px 0px rgba(255,255,255,0.75);

}



#footer a {

	color: #A59D93;

}



#header {

	padding: 0px 40px 0px 40px;

	height: 175px;

	position: relative;

	width: 1100px;

}



#logo {

	position: absolute;

	line-height: 125px;

	top: 0;

	left: 20px;

	height: 125px;

	text-shadow: 1px 1px 0px rgba(255,255,255,0.9);

}



#logo a {

	text-decoration: none;

	color: #000;

}



#logo h1 {

	font-family: Satisfy, script;

	font-size: 3em;

}



#menu {

	bottom: 0;

	font-family: Kreon, sans-serif;

	line-height: 65px;

	left: 0;

	position: absolute;

	width: 1100px;

	margin: 0 0 0 0;

	height: 65px;

	background: #336784 url(../images/bg2.jpg);

	padding: 0 40px 0 40px;

	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25), 0px 0px 6px 0px rgba(255,255,255,0.9);

	text-shadow: 1px 1px 0px rgba(0,0,0,0.6);

}



#menu a {

	font-size: 1.25em;

	text-decoration: none;

	color: #FFF;

}



#menu ul {

	list-style: none;

}



#menu ul li {

	display: inline;

	padding: 0 20px 0 20px;

}



#menu ul li.first {

	padding-left: 0;

}



#page {

	width: 1180px;

	padding: 0;

	margin: 20px 0 20px 9px;

	position: relative;

}



#page .section-list {

	list-style: none;

	padding-left: 0;

}



#page .section-list li {

	clear: both;

	padding: 25px 0 25px 0;

}



#page ul {

	list-style: none;

}



#page ul li {

	border-top: solid 1px #B8B8B8;

	padding: 15px 0 15px 0;

}



#page ul li.first {

	padding-top: 0;

	border-top: 0;

}



#col1 {

	float: left;

	width: 330px;

	overflow: hidden;

}



#col2 {

	width: 330px;

	overflow: hidden;

	margin: 0 0 0 365px;

}







#sidebar {

	margin: 0 0 0 800px;

	background-color:#FFFFFF;
	margin-top:-10px;

	width: 312px;

	padding: 30px;

	color: #000000;

	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4), 0px 0px 6px 0px rgba(255,255,255,0.4);

	

		border-radius: 7px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	

	-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 

	-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 

	

}



#sidebar a{
color: #000;

	

}

#sidebar a:hover{

	
color: #0000CC;



	

}



#sidebar h2, #sidebar h3, #sidebar h4 {

	color: #FFF;

}



#sidebar ul {

	list-style: none;

}



#sidebar ul li {

	padding: 15px 0 15px 0;

	border-top: solid 1px #8F8F8E;

}



#sidebar ul li.first {

	border-top: 0;

	padding-top: 0;

}





#wrapper {

	margin: 20px auto 0 auto;

	width: 1180px;

	position: relative;

}


#wrapper2 a {

	text-decoration: none;

	color: #000000;

}



#wrapper2 a:hover {

	text-decoration: none;
color: #6600FF;
}



#wrapper2 {

	margin: 40px auto 0 auto;

	width: 1180px;

	position: relative;

	border-radius: 7px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	

	-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 

	-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 

	box-shadow: 0px 2px 2px rgba(0,0,0,.3);

	

}







/*

 *	generated by WOW Slider 2.8

 *	template Calm

 */

@import url("http://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,cyrillic,latin-ext");

#wowslider-container1 { 

	zoom: 1; 

	position: relative; 

	max-width:837px;

	margin:14px auto 14px;

	z-index:90;

	border:14px solid #FFFFFF;

	text-align:left; /* reset align=center */
	

}

* html #wowslider-container1{ width:830px }

#wowslider-container1 .ws_images ul{

	position:relative;

	width: 10000%; 

	height:auto;

	left:0;

	list-style:none;

	margin:0;

	padding:0;

	border-spacing:0;

	overflow: visible;

	/*table-layout:fixed;*/

}

#wowslider-container1 .ws_images ul li{

	width:1%;

	line-height:0; /*opera*/

	float:left;

	font-size:0;

	padding:0 0 0 0 !important;

	margin:0 0 0 0 !important;

}



#wowslider-container1 .ws_images{

	position: relative;

	left:0;

	top:0;

	width:100%;

	height:100%;

	overflow:hidden;

}

#wowslider-container1 .ws_images a{

	width:100%;

	display:block;

	color:transparent;

}

#wowslider-container1 img{

	max-width: none !important;

}

#wowslider-container1 .ws_images img{

	width:100%;

	border:none 0;

	max-width: none;

	padding:0;

}

#wowslider-container1 a{ 

	text-decoration: none; 

	outline: none; 

	border: none; 

}



#wowslider-container1  .ws_bullets { 

	font-size: 0px; 

	float: left;

	position:absolute;

	z-index:70;

}

#wowslider-container1  .ws_bullets div{

	position:relative;

	float:left;

}

#wowslider-container1  a.wsl{

	display:none;

}



#wowslider-container1  .ws_bullets { 

	padding: 5px; 

}

#wowslider-container1 .ws_bullets a { 

	width:16px;

	height:17px;

	background: url('images/bullet.png') left top;

	float: left; 

	text-indent: -4000px; 

	position:relative;

	margin-left:7px;

	color:transparent;

}

#wowslider-container1 .ws_bullets a:hover{

	background-position: 0 50%;

}

#wowslider-container1 .ws_bullets a.ws_selbull{

	background-position: 0 100%;

}



#wowslider-container1 a.ws_next{

	background-position: 100% 0;

	right:5px;

}

#wowslider-container1 a.ws_prev {

	left:5px;

	background-position: 0 0; 

}

#wowslider-container1 a.ws_next:hover{

	background-position: 100% 100%;

}

#wowslider-container1 a.ws_prev:hover {

	background-position: 0 100%; 

}

* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}

#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}

/* bottom center */

#wowslider-container1  .ws_bullets {

    top: 10px;

    right: 6px;

}



#wowslider-container1 .ws-title{

	position:absolute;

	display:block;

	bottom: 0px;

	left: 0px; 

	margin:35px 15px;

	padding:7px;

	background:#FFFFFF;

	color:#333333;

	z-index: 50;

	font-family:'Playfair Display', Palatino Linotype, Book Antiqua, Palatino, serif;

	font-size: 13px;

	line-height: 21px;

	font-weight: bold;

	border-radius:6px;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	opacity:0.8;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	

	box-shadow: 1px 1px 4px #333333;

}

#wowslider-container1 .ws-title div{

    margin-top: 6px;

	font-size: 18px;

	font-weight: normal;

}



#wowslider-container1 .ws_images ul{

	animation: wsBasic 12s infinite;

	-moz-animation: wsBasic 12s infinite;

	-webkit-animation: wsBasic 12s infinite;

}

@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }

@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }

@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }



#wowslider-container1 {

	box-shadow: 1px 1px 4px #333333;

}

#wowslider-container1 .ws_bullets  a img{

	text-indent:0;

	display:block;

	top:20px;

	left:-55px;

	visibility:hidden;

	position:absolute;

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);

    border: 4px solid #FFFFFF;

	border-radius:5px;

	-moz-border-radius:5px;

	max-width:none;

}

#wowslider-container1 .ws_bullets a:hover img{

	visibility:visible;

}



#wowslider-container1 .ws_bulframe div div{

	height:48px;

	overflow:visible;

	position:relative;

}

#wowslider-container1 .ws_bulframe div {

	left:0;

	overflow:hidden;

	position:relative;

	width:110px;

	background-color:#FFFFFF;

}

#wowslider-container1  .ws_bullets .ws_bulframe{

	display:none;

	top:20px;

	overflow:visible;

	position:absolute;

	cursor:pointer;

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);

    border: 4px solid #FFFFFF;

	border-radius:5px;

	-moz-border-radius:5px;

}

#wowslider-container1 .ws_bulframe span{

	display:block;

	position:absolute;

	top:-10px;

	margin-left:-4px;

	left:55px;

	background:url('images/triangle.png');

	width:15px;

	height:6px;

}





#paging a{
padding: 5px 9px 5px 9px;
margin:1px;
text-decoration: none; /* no underline */
color: #FFFFFF;
background-color:#076fce;
border-radius: 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
box-shadow: 0px 2px 2px rgba(0,0,0,.3);
}

#paging a:hover{
padding: 5px 9px 5px 9px;
text-decoration: none; /* no underline */
color: #FFFFFF;
background-color:#004a94;
border-radius: 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
box-shadow: 0px 2px 2px rgba(0,0,0,.3);
}
	
	
	
	#paging2 a{
padding: 5px 9px 5px 9px;
margin:1px;
	text-decoration: none; /* no underline */
	color: #333333;
	background-color:#aaaaaa;
	border-radius: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
	box-shadow: 0px 2px 2px rgba(0,0,0,.3);
}


#paging2 a:hover{
	padding: 5px 9px 5px 9px;
	text-decoration: none; /* no underline */
	color: #333333;
	background-color:#CCCCCC;
	border-radius: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
	box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	}

	

	

.styled-select {

width:100px;

height:26px;



overflow: hidden;

font-size: 14px;

border-radius: 4px;

box-shadow: 0 1px 0 #fff inset;

}



.styled-select2 {

width:175px;

height:26px;

margin-bottom:3px;



overflow: hidden;

font-size: 14px;

border-radius: 4px;

box-shadow: 0 1px 0 #fff inset;

}


.styled-select3 {

width:250px;

height:26px;

margin-bottom:3px;



overflow: hidden;

font-size: 14px;

border-radius: 4px;

box-shadow: 0 1px 0 #fff inset;

}




.styled-select4 {

width:350px;

height:26px;

margin-bottom:3px;



overflow: hidden;

font-size: 14px;

border-radius: 4px;

box-shadow: 0 1px 0 #fff inset;

}


input[type="file"]

{

width:190px;

margin-bottom:5px;

}





















/* SEARCH --------------------------------------------------------*/



.top-search{

	position: absolute;

	top:47px;

	right: 30px;

}



#searchform #s{

	color: #000033;

	font-size: 12px;

	width: 115px;

	height: 28px;

	padding: 0px 35px 0px 10px;

	border: 0;

	background: url(../images/search.png) no-repeat;	

}



#searchform #searchsubmit{

	position: absolute; 

	top: 0px;

	right: 10px;

	width: 30px;

	height: 25px;

	border: 2px;

	

}









/* CONTACT --------------------------------------------------------*/



.one-column{

	width: 438px;

	float: left;

	margin-left: 30px;

}



/* FORMS ------------------------------------------------------------*/



#sc-contact-form,

#contactForm,

#commentform,

#contactForm{

	margin-bottom: 18px;

}



#sc-contact-form input,

#sc-contact-form textarea,

.admin-form input,

.admin-form textarea,

#contactForm input,

#contactForm textarea,

#commentform input,

#commentform textarea{

	padding: 5px 2px;

	background: #fff;

	border: 1px solid #ccc;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



#sc-contact-form input,

.admin-form input,

#contactForm input,

#commentform input{

	

}



#sc-contact-form textarea,

.admin-form textarea,

#contactForm textarea,

#commentform textarea{

	width: 380px;

}



#sc-contact-form #submit,

.admin-form #submit,

#contactForm #submit,

#commentform input#submit{

	width: 76px;

	margin: 21px 0px;

	padding: 5px 0px;

	color: #f1f1f1;

	

	background: #515558;

	background: -webkit-gradient(linear, left top, left bottom, from(#515558), to(#131313)); 

	background: -moz-linear-gradient(top,  #515558,  #131313);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#131313', GradientType=0);

	

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 

	box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	

	border: 1px solid transparent;

}



#sc-contact-form #submit:hover,

.admin-form #submit:hover,

#contactForm #submit:hover,

#commentform input#submit:hover{

	background: #515558;

	background: -webkit-gradient(linear, left top, left bottom, from(#131313), to(#515558)); 

	background: -moz-linear-gradient(top,  #131313,  #515558);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#515558', GradientType=0);

	

	

	

}



#sc-contact-form input,

#sc-contact-form textarea,

.admin-form input,

.admin-form textarea,

#contactForm input,

#contactForm textarea,

#commentform input,

#commentform textarea{

	color: #606060;

	font-size: 14px;

}



#sc-contact-form label,

.admin-form label,

#contactForm label,

#commentform label{

	display: block;

	font-size: 14px;

	line-height: 2.5em;

	font-weight: light;

}


.one_fourth {
	float:right;
	
	width:280px;
	margin-bottom:2px;
	position:relative;
}



.bloc {
	padding:10px;
	background-color:#EEEEEE;
	border-radius: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
	box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	margin:-2px;
}


.gambar{
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5);
	border: 3px double #CCCCCC;
}

.detail {
    padding: 10px;
}