html,body{margin:0; padding:0;}
body { background: #241a15 url(/images/bgtop.jpg) repeat-x top}
body,td,div{font-size:11pt; font-family: 'Lato', arial; line-height:150%}

div#hswrapper{width:985px; min-height:100%; margin:0 auto; border:0px solid #FFF; }
div#content-wrapper {width:985px; padding-top:10px; background-color:#FFFFFF;}
div#content-wrapper2 {width:985px; background-color:#FFFFFF;}
div#content{padding:10px 26px;}
div#content-left{width:680px;  float:left;}
div#content-right{width:227px; float:right;}

textarea.input_textarea_order {font:16px arial; height:60px; width:250px; font-weight:bold; border:1px solid #AAA; color:#444}
input.input_text_order{height:25px; width:250px; font:16px arial; font-weight:bold; border:1px solid #AAA; color:#444}
input.input_captcha_order{height:25px; width:60px; font:16px arial; font-weight:bold; border:1px solid #AAA; color:#444}

div.container {float:left;}

div#footerblock{width:985px; height:auto; text-align:left}

div#header-right{float:right; width:347px; height:358px; text-align:right}
div#header-right p, table#signupnl tr td{color:#FFFFFF; font:14px arial}

.bold {font-weight:bold}

div.bgblack {background-color:#000000}
div#bannermedia{margin:15px 25px; border-bottom:1px solid #CCCCCC; padding-bottom:10px }
div#home-content-left{width:450px; float:left; margin-right:15px}
div#home-content-middle{width:227px; float:left}
div#home-content-right{width:227px; float:right}

div.textsignupnl{padding:10px 25px 0 0}

div.about-detail-left{width:240px; float:left}
div.about-detail-right{width:430px; float:right}

div.shortmedia p{margin:0; padding:0}

img.rb
{
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
img.rb:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
z-index:2;
}

/*instructor*/
div.style_0{float:left; width:210px; height: 310px; margin:7px; }
div.style_0_inner{padding:10px}
div.style_x{width:190px; height:160px;}
div.style_x p{font:12px arial; text-align:justify; line-height:16px;}
div.photo{width:120px; height:130px; border:0px solid #CCCCCC}
a.fp{font:11px arial; font-weight:bold; text-decoration:none}

div.clear{clear:both;}
div.box_product{padding:15px 0; border-bottom:1px solid #CCCCCC; }
div.product_title{color:#FFFFFF; background:#aa0000; float:left; padding:3px 6px; font:22px arial; font-weight:bold;}
div.product_title a{color:#FFFFFF; text-decoration:none;}
div.product_code{float:left; padding:15px 0 0 10px}
div.product_detail{clear:both; padding:10px 0; }
div.product_detail p{text-align:justify; line-height:20px; }
a.fp{font:11px arial; font-weight:bold; text-decoration:none}

h1{font-size:24px; line-height: 1.2em; padding:0; margin:0; font-family: 'Archivo Narrow', sans-serif}
h2{font-size:20px; line-height: 1.2em;  padding:0; margin:0; font-family: 'Archivo Narrow', sans-serif}
h3{font-size:18px; line-height: 1.2em;  padding:0; margin:0; font-family: 'Archivo Narrow', sans-serif}
h4{font-size:14px; line-height: 1.2em;  padding:0; margin:0; font-family: 'Archivo Narrow', sans-serif}

div.box-disclaimer{margin:10px 0; padding:0 10px;border:2px solid #CC0000; background-color:#EEEEEE}

a,a.link{color:#CC0000; text-decoration:none; font-weight:bold}
a:hover{text-decoration:underline}



img{border:0}

div#menu{background:#190e11; font:18px arial;}
ul#mainmenu{list-style:none; margin:0; }
ul#mainmenu li{list-style:none; float:left; padding:10px 15px;border-right:1px solid #222}
ul#mainmenu li:last-child{border-right:none}



/*a.white{color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.white:hover{color:#CC0000; text-decoration:underline;}*/

.grey{color:#888888}
.white{color:#FFFFFF}
.orange{color:#e86612}
.red{color:#CC0000}
.yellow{color:#ffa800}

.bigger2{font-size:11pt}
.bigger{font-size:10pt}
.bold{font-weight:bold}
.small{font-size:7pt}
.smaller{font-size:8pt}
.arial{font-family:arial}
.normal{font-size:12px}

.title{font-family:Arial, Helvetica, sans-serif;}

div.homef1{background:url(images/featured_01.gif) no-repeat; border-left:0px solid #FFF}
div.homef2{background:url(images/featured_02.gif) no-repeat;}
div.homef3{background:url(images/featured_03.gif) no-repeat;}
div.homef4{background:url(images/featured_04.gif) no-repeat;}

div.featuredbox{position:relative; color:#FFFFFF; width:246px; height:311px; float:left}
div.featuredbox .title{padding:25px; text-align:center}
div.featuredbox .thumb{position:absolute; top:86px; width:112px; height:112px; border:0px solid #FFF; left: 74px;}
div.featuredbox .text{border:0px solid #000;position:absolute; top:190px; padding:0 25px;}
div.featuredbox .more{position:absolute; top:292px; left:25px}

div.featuredbox2{position:relative; color:#FFFFFF; width:247px; height:311px; float:left}
div.featuredbox2 .title{padding:25px; text-align:center}
div.featuredbox2 .thumb{position:absolute; top:86px; width:112px; height:112px; border:0px solid #FFF; left: 74px;}
div.featuredbox2 .text{border:0px solid #000;position:absolute; top:190px; padding:0 25px;}
div.featuredbox2 .more{position:absolute; top:292px; left:25px}

div.kolomAB p{margin-top:0; padding-top:0;}

div.list-article-2{float:right; width:330px; height:auto; border:0px solid #000}
div.list-article-1{float:left; width:330px; height:auto; border:0px solid #000}
div#twitter{margin-top:10px;}
div#twitter a{font-weight:normal}

ul#art {margin-left:0; padding-left:10px; text-indent:-11px}
ul#art li{list-style:none; margin-bottom:3px;}
ul#art li a{font-weight:bold}

div.socmedbutton-top{clear:both;}
div.socmedbutton-bottom{clear:both; float:right;}

div.signupinfo {width:600px; margin: 0 auto;}

/* dropdown jquery */
#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Arial
	}

	#jsddm li a
	{	display: block;
		/*background: #20548E;*/
		padding: 0px 12px 0 0;
		text-decoration: none;
		/*border-right: 1px solid #CC0000;*/
		/*width: 70px;*/
		color: #CC0000;
		white-space: nowrap}

	#jsddm li a:hover
	{	color: #FF6600;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
			z-index:999}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			}
		
		#jsddm li ul li a
		{	width: auto;
			background: url(/images/trans.png);
			color:#FFFFFF;
			padding: 4px 12px}
		
		#jsddm li ul li a:hover
		{	background: #888888;
		color: #FFFFFF;}
		
div#menu a{color:#9b7455; font-weight:normal}
div#menu {color:#9b7455}

div#download_box{width:500px; height:auto; margin: 0 auto; border:4px solid #990000; background-color:#EEEEEE}
div#order_box{width:500px; height:auto; margin: 0 auto; border:4px solid #990000; background-color:#FFFFFF}


div.padding1010{padding:10px 10px;}

.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}  

ul#mainmenu li {	
    font-size: 0.9em;	
}

.post-paging {
	text-align:center;
}
	
.post-paging a {
	display: inline-block;
	margin: 5px;
	text-decoration: underline;
}	
.post-paging .inactive {
	color:#444;
	text-decoration: initial;
}

blockquote{
	padding:10px 20px;
	margin:0 0 20px;
	font-size:17.5px;
	line-height:140%;
	border-left:5px solid #ddd;
	font-family: 'Archivo Narrow';
	background:#efefef;
}
blockquote p {
	margin-top:0;
}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{
	margin-bottom:0
}
blockquote footer,blockquote small,blockquote .small{
	display:block;font-size:80%;line-height:1.42857143;color:#777
}