﻿
/** element defaults **/
table {
	width:100%;
	font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size:14px;
	text-align:left;
}
th, td {
	padding:5px 10px;
    font-size:14px;

}
th {
	color:#fff;
    font-size:14px;


}
td {
	background:#fff;
    font-size:14px;
}

h1 {
  	font-family: Syncopate;
	font-size: 45px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.3999996185303px;
    text-align: right
     
}
h2 {
	color:#111;
	font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size:33px;
	font-weight:bold;
	letter-spacing:-2px;
	padding:0 0 5px;
	margin:0;
}
h3 {
	color:#fff;
	font-weight:normal;
	font-size:20px;
	margin-bottom:10px;
}
h4 {
    color:#000;
	padding-bottom:5px;
	font-size:17px;
	color:#555555;
}
h5 {
	margin: 0px; font-weight: bold; 
    font-size: 1.5em; line-height: 24px; 
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    color: rgb(241, 109, 26); padding: 2px 5px; border-style: solid; 
    border-width: 1px 1px 1px thick; font-style: normal; font-variant: normal; 
    letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; 
    text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; 
    -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);
}
h6{
    color:#000;
	padding-bottom:5px;
	font-size:17px;
	color:#555555;
    text-align:right;
    margin-bottom:10px;
}

.uppercase
{
    text-transform: uppercase;
}
/** wrapper **/
div#wrapper {
	width:950px;
	margin:0 auto;
	padding:0;
}


/** sitename+nav **/
div#sitename {
	margin-top:0px;
	
}
div#sitename h1 {
	font-size:24px;
    float:left;
    /*text-indent: 70px;*/
}
div#sitename h1 a {
	color:#DA5A0B;
    text-shadow: 1px 1px #E9E9E9;
   /*color:#1A899A;*/
    /*text-shadow: 2px 4px #396690;*/
    /*text-shadow:
    -1px -1px 0 #396690,
    1px -1px 0 #396690,
    -1px 1px 0 #396690,
    1px 1px 0 #396690;*/ 
	font-weight:normal;
	/*letter-spacing:-4px;*/
	text-decoration:none;
	font-family :Arial, Helvetica, sans-serif;
	/*padding-bottom:5px;*/
    /*text-indent: 70px;*/

    
}

div.sitename-images {
	width:80px;
	float:left;
    width:100%;
    margin-right: 10%;
}

div.sitename-images div {
	float:left;
    padding:10px 10px 10px;
}

}
div.sitename-images img {
	border:5px solid #F79E4A;
    float:left;
    padding:10px 10px 10px;
}


div.images {
	/*width:80px;*/
	float:left;
    width:100px;
    padding:10px 10px 10px;
    margin-right: 45px;
}

div.images div {
	float:left;
    padding:10px 10px 10px;
}


div.images img {
	border:1px solid #888888;
    float:left;
    padding:10px 10px 10px;
    height: 72px;
    width: 131px;
}

div#navbar {
	background:#e5e7e9;/*warna kelabu|Menu Utama*/
   
    -moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
    	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;

  background: -webkit-linear-gradient(#F8F6F4, #EEECEA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F8F6F4, #EEECEA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F8F6F4, #EEECEA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F8F6F4, #EEECEA); /* Standard syntax (must be last) */
   }

div#navbar ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
div#navbar div.clear {
	background:transparent url('../images/nav-left.png') no-repeat scroll top left;
}
div#navbar ul.clear {
	height:47px;
	background:transparent url('../images/nav-right.png') no-repeat scroll top right;
}
div#navbar ul li {
	float:left;
	display:block;
	padding:13px 10px 12px;  
}
div#hbar ul li a {
	float:left;
	color:rgb(96,96,96);
	text-decoration:none;
	display:block;
	font-size:16px;
	margin:0 5px;
	cursor:pointer;
}
div#navbar ul li a span {
	padding:3px 4px 4px;
	display:block;
	float:left;       
    }

body,textarea,input {
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 14px;
    background: url('../images/wp1.jpg');
    background-attachment: fixed;
}
/*textarea {
text-transform:uppercase;
}*/

    div#header {
	background:#FF7F23 url('../images/footer-bg.png') no-repeat scroll left bottom; /*warna oren*/
	padding:30px 10px 10px;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 18px;
	color:#111;
    text-align: left;
    
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
    box-shadow: 0px 5px 2px #888888;
    	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;


    background: -webkit-linear-gradient(0deg, #FF7F23, #F38739); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, #FF7F23, #F38739); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, #FF7F23, #F38739); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, #FF7F23, #F38739); /* Standard syntax (must be last) */
	}

div.header-bottom {
	display:block;
	height:36px;
	margin-bottom:15px;
	background:transparent url('../images/header-bottom.png') no-repeat scroll bottom left;
}
div#header h2 {
	color:#fff;
	font-weight:normal;
}
div#header p {
	color:#fff;
	font-weight:bold;
	padding-bottom:0;
	font-size:16px;
}
div.header-text {
	float:left;
	width:590px;
}
div.header-images {
	width:290px;
	float:right;
}
div.header-images div {
	float:right;
}
div.header-images img {
	border:5px solid #F79E4A;
    float:right;
    
}

.container
  {
    font-size:12px;
    font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
   }
select
{
    font-family:inherit;
    font-size:inherit;
}

option.courier
 {
    font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 }

div#menu2 {
	background: #e5e7e9 url('../images/footer-bg.png') no-repeat scroll left bottom; /*warna kelabu*/
	padding:10px 10px 10px;
	color:#111;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
    	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;

    background: -webkit-linear-gradient(#F8F6F4, #EEECEA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F8F6F4, #EEECEA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F8F6F4, #EEECEA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F8F6F4, #EEECEA); /* Standard syntax (must be last) */
	}

@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.css3-blink {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 2s; 
   color:#3b0dfc;
 
}


/** footer **/
div#footer {
    background: #FF7F23 url('../images/footer-bg.png') no-repeat scroll left bottom; /*warna oren*/
    padding: 5px 20px 20px;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 12px;
    color:#ffffff;
}

    div#footer_b {
	background:#191A19 url('../images/footer-bg.png') no-repeat scroll left bottom;/*warna hitam*/
	padding:16px 20px 20px;
	color:#ffffff;

    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 12px;

    -moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
    box-shadow: 0px 5px 5px #888888;
	
}
div#footer a {
	color:#eee;
	font-weight:bold;
	text-decoration:underline;
}

/** clear **/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: inline-block;
}
.clear {
	display: block;
}