/*
Theme Name: SuiteInspire Nov 2009
Theme URI: http://suiteinspire.net/
Description: 
Version: 1.6
Author: yudiehidayat
Author URI: http://www.suiteinspire.net/
Tags: blue, custom header, fixed width, two columns, widgets

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Structure */
body {
	margin: 0 0 0 0;
	padding: 0;
	background-color: #e9e8e8;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg-00.png);
	background-position:top;
	background-repeat:repeat-x;
}

h1{
	font-size:16px;
	color:#FF0;
}

a:link, a:visited{
	color:#06C;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;	
}

div#main {
  width: 814px;  
}

div#main {
  width: 814px;
  margin-left: auto;
  margin-right: auto;
}

div#main {
  width: 814px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#header {
	height:69px;
	vertical-align:top;
}

	#nav_top{
	}

	#nav_top .logo{
		float:left;
	}

	#nav_top .menu_atas{
		padding-top:1em;
		float:right;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		color:#caf12e;
	}
	
	#nav_top .menu_atas a:link, .menu_atas a:visited{
		text-decoration:none;
		color:#caf12e;
		margin-left:1em;
	}

	#nav_top .menu_atas a:hover{
		text-decoration:none;
		color:#CCC;
		margin-left:1em;
		border-top:solid 2px #caf12e;
	}	
	
.cleardiv{
	float:none;
	clear:both;
}	

#content{
	padding-top:0.5em;
	color:#333;
	font-size:12px;
}

.border_col{
	width:814px; 
	padding-left:0.5em;	
}

.col_index{
	width:260px; 
	float:left;
	margin-right:8px;
	color:#000;
	font-size:12px;
}

.col_index2{
	width:528px; 
	float:left;
	margin-right:8px;
	color:#000;
	font-size:12px;
}

.col_index p{
	color:#606060;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.h1_index{
	text-transform:uppercase;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:0.2em;
}

.h1_front{
	/*text-transform:uppercase;*/
	color:#003;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	padding-top: 0.2em;
	border-bottom:dotted 1px #999;
}

#content_left{
	float:left;
	width:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

	#content_left li, ul{
		list-style:none;
	}

	.ilist{
		list-style-image:url(images/yes.png);
		padding-left:2em;
		vertical-align:middle;
		color:#606060;		
	}
	
	.olist{
		padding-left:1.5em;
		color:#606060;				
	}
	
#content_right{
	float:right;
	width:400px;
}

.single_head{
	/*
	background-image:url(images/bg-about-us.png);
	background-position:top;
	background-repeat:no-repeat;
	*/
	height:188px;
	width:814px;
}

.single_title{
	color:#FFF;
	font-family:"Book Antiqua","Times New Roman", Times, serif;
	text-transform:capitalize;
	font-size:26px;
	font-weight:bold;
	padding:2em 2em 2em 0.4em;
	float:left;
}

.single_jargon{
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	width:350px;
	padding:3.5em 0em 2em 0.5em;
	text-align:justify;
}

.single_content_left{
	width:490px;
	padding-left:0.7em;
	float:left;
	text-align:justify;
}

.single_content_right{
	width:295px;
	padding-right:0.6em;
	float:right;
}

.port_single_content_left{
	padding-left:0.7em;
	float:left;
	width:100%;
	padding-top:1.7em;
}

.thumb{
	float:left; 
	width:395px; 
	height:110px; 
	font-size:12px;
	text-align:right;
	padding-left:0em;
	padding-bottom:8px;
	padding-top:4px;
	text-transform:capitalize;
}

.thumb_border{
	width:814px; 
	height:100%; 
	padding-left:0.3em; 
	padding-top:0;
}

.thumb_img{
	border:solid 4px #FFF;
}	

.post_content_left{
	float:left;
	width:420px;
	color:#FFF;	
	font-size:12px;	
	vertical-align:top;	
}

.post_content_right{
	float:right;
	width:420px;
	color:#FFF;
	font-size:12px;
	vertical-align:top;
}

.port_content_left{
	float:left;
	width:500px;
	color:#FFF;	
	font-size:12px;	
	vertical-align:top;	
}

.port_content_right{
	float:right;
	width:295px;
	color:#003;
	font-size:12px;
	vertical-align:top;
	padding-left:0.5em;
}

.img_port{
	border:solid 3px #CCC;	
}

#navigation{
	padding-left:0.6em;
	height:1.5em;
}

.navigation_right{
	text-align:right;
	float:right;
}

.navigation_left{
	text-align:left;
	float:left;
}

#footer{
	padding-top:1em;
	font-family:Arial, Helvetica, sans-serif;
	width:814px;
	padding-left:0.5em;
	height:30px;
}

	#footer #copyright{
		float:left;
		color:#444;
		font-size:12px;
	}
	
	#footer #hosting{
		float:right;
		color:#444;
		font-size:12px;
		padding-right:1.5em;
	}
	
.slogan{
	height:25px; vertical-align:middle; text-align:center; color:#FFF; 
	font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px; padding-top:0.7em;	
}	

/** slide show **/
#slideshow {
    position:relative;
	height:163px;	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	height:163px;
	width:528px;
	border:solid 1px #CCC;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}