/* css styles */
body { font: 14px Arial, Helvetica, sans-serif; margin: 15px 0 0 0; color:#5c5c5c; padding: 0; line-height: 1.4em; }

/* wrapper */
#wrapper { width: 930px; margin: 0 auto; }

/*global styles */
.clear { clear: both; margin: 0; }
.clearheight { clear: both; margin: 0; position: relative; height: 4px; display: block; padding: 0; }
.clear-column { clear: both; margin: 0; padding: 4px; display: block; }
.clear-column2 { clear: both; margin: 0; padding: 10px; display: block; }
.clear-footer { clear: both; height: 25px; display:block; }
*html .clear-footer { clear: both; height: 20px; display:block; }

/* font styles */
.font { font-size: 11px ; }

/* Top menu */
#topmenu { clear: both; margin: 0; padding: 0; }
#topmenu ul { margin: 0; padding: 0; }
#topmenu ul li { display: inline; list-style-type:none;margin: 0; padding: 0 15px 0 0; }
#topmenu ul li a { color: #787878; text-decoration:none; }
#topmenu ul li a:hover { color: #000; text-decoration:none; }

/* top header */
#topheader { clear: both; margin: 15px 0 0 0; padding: 0 0 10px 0;}

/* logo */
#logo { float: left; width: 388px; height: 82px; }
#logo h1 { background:url(../images/logo-virtual.gif) no-repeat; font:16px Arial, Helvetica, sans-serif; display: block; width: 388px; height: 82px;  margin: 0; padding: 0; text-indent: -9000px; }
#logo h1 a { font:16px Arial, Helvetica, sans-serif; margin: 0; padding: 0; display: block; width: 388px; height: 82px; }
#logo h1 a:hover { font:16px Arial, Helvetica, sans-serif; margin: 0; padding: 0; display: block; width: 388px; height: 82px; }

/* tagline */
#tagline { float: right; width: 464px; margin: 0; padding:0; }
#tagline h4 {font: 18px Arial, Helvetica, sans-serif; text-align: justify; margin: 0; padding:0; color:#f8981d; }
#tagline h4 .font-green { color:#a5cd39 ; }

/* form search */
#search { float: right; margin: 15px 0 0 0; }
#search form { margin: 0; padding: 0; }
#search form input { font: 12px Arial, Helvetica, sans-serif; color:#333; margin: 0; padding: 2px; border: 1px solid #ccc; width: 150px;   }

/* first menu */
#firstmenu { clear: both; background: url(../images/bg-menu.jpg) no-repeat; height: 100px; margin: 0; }
#firstmenu .row-menu { clear: both; padding: 7px 0 7px 0; margin: 0 0 0 10px;  }
#firstmenu .row-menu ul { list-style-type: none; margin: 0; padding: 0 ;}
#firstmenu .row-menu ul li { background:url(../images/icon2.gif) no-repeat 0; list-style-type: none;display: inline; margin: 0 0 0 0; padding: 2px 2px 0 20px ; }
#firstmenu .row-menu ul li a { font:16px Arial, Helvetica, sans-serif; font-stretch:normal; color:#fff; text-decoration: none;  }
#firstmenu .row-menu ul li a:hover { color: #DCFF8A; text-decoration: none;  }

/* flash header */
#flashheader { clear: both; width: 930px; height: 358px;  margin: 0; padding: 0; border-top: 2px solid #fff; border-bottom: 4px solid #fff; }

/* tweetbox */
#tweetbox { background:url(../images/bg-tweetbox.jpg) no-repeat; width:930px; height: 59px; margin: 0 0 26px 0; }
#tweetbox img {float: left; width: 50px; height: 50px;margin: 5px 0 0 5px; padding: 0; }
#tweetbox .tweeterupdate { font: 14px Arial, Helvetica, sans-serif; color: #4B4B4B; float: left; width: 100px; height: 45px; margin: 10px 0 0 5px; }
#tweetbox .tweeterupdate a { font: 20px Arial, Helvetica, sans-serif; color: #4B4B4B; margin: 0; padding: 0; text-decoration: none; }
#tweetbox .tweeterupdate a:hover { color: #FF6600; margin: 5px 0 0 0; padding: 0;text-decoration: none;  }
#tweetbox .tweet-rolltext { float: left; width: 715px; margin: 8px 0 0 30px; } 
#tweetbox .tweet-rolltext p { margin: 0; padding: 0; }
#tweetbox .tweet-rolltext a { font: 16px Arial, Helvetica, sans-serif; color: #BE7D05; text-decoration: none;} 
#tweetbox .tweet-rolltext a:hover { font: 16px Arial, Helvetica, sans-serif; color: #FF6600; text-decoration: none;} 

/* the team */
#theteam { float: left; width: 450px; clear: both; position: relative;}
#theteam h4 { font: bold 16px Arial, Helvetica, sans-serif; background:url(../images/icon.gif) no-repeat; width: 17px; height:18px; display: block; margin: 0; padding:0 0 0 22px; color: #4f4f4f; width: 400px; }
#theteam .column { float: left; width: 220px; margin: 10px 0 0 0; }
#theteam .column img { float: left; margin: 0 7px 0 0; padding: 0;}
#theteam .column p { font: bold 12px Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0;}
#theteam .column .title  { font-size: 16px; }
#theteam .column .pcolumn {  margin: 8px 0 0 0; padding: 0; }

/* right box */
#rightbox { float: left; width: 220px; }
#rightbox h4 { font: bold 16px Arial, Helvetica, sans-serif; background:url(../images/icon.gif) no-repeat; width: 17px; height:18px; margin: 0; padding:0 0 0 22px; color: #4f4f4f; width: 200px; }
#rightbox .column { float: left; width: 220px; margin: 10px 0 0 0; }
#rightbox .column img { float: left; margin: 0 7px 0 0; padding: 0;}
#rightbox .column p { font: bold 12px Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0;}
#rightbox .column .title  { font-size: 16px; }
#rightbox .column .pcolumn {  margin: 8px 0 0 0; padding: 0; }

/* latest blog */
#latestblog { clear: both; width: 220px; padding: 10px 0 0 0; }
#latestblog h4 { font: bold 16px Arial, Helvetica, sans-serif; background:url(../images/icon.gif) no-repeat; height:18px; display: block; margin: 0; padding:0 0 10px 22px; color: #4f4f4f;}
#latestblog h3 { font: bold 14px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; color: #db9133;}
#latestblog h3 a { color: #db9133; text-decoration: none; }
#latestblog h3 a:hover { color: #FF6600; text-decoration: none; }
#latestblog p {  font: 12px Arial, Helvetica, sans-serif;  margin: 0 0 10px 0; padding: 0; }

/* right tweet box*/
#righttweetbox { float: right; width: 250px; height: 300px; background:url(../images/twitter-widget.jpg) no-repeat; padding: 65px 0 0 0;}

/* wide content */
#global-widecontent { clear: both; width: 930px; margin:6px 0 0 0 ; min-height: 400px; }
#global-widecontent h4 {background:url(../images/deep-title.gif) no-repeat 5px 2px; background-color:#f8910e; font: bold 20px Arial, Helvetica, sans-serif; color: #fff;  display:block; width: 896px; height: 28px; margin: 0; padding: 4px 0 0 34px; }
#global-widecontent img { float: left; margin: 0 7px 0 0; padding: 0;}
/* deep column */
.deepcolumn { float: left; width: 456px; margin: 15px 0 0 0; }
.deepcolumn  img { float: left; margin: 0 7px 0 0; padding: 0;}
.deepcolumn  p { float: left; font: bold 12px Arial, Helvetica, sans-serif; width: 160px; margin: 0 0 0 0; padding: 0;}
.deepcolumn  .title  { font-size: 16px; }
.deepcolumn  .pcolumn {  margin: 8px 0 0 0; padding: 0; }

.deepcolumn2 { float: right; width: 456px; margin: 15px 0 0 0; }
.deepcolumn2 img { float: left; margin: 0 7px 0 0; padding: 0;}
.deepcolumn2  p { float: left; font: bold 12px Arial, Helvetica, sans-serif; width: 160px; margin: 0 0 0 0; padding: 0;}
.deepcolumn2  .title  { font-size: 16px; }
.deepcolumn2  .pcolumn {  margin: 8px 0 0 0; padding: 0; }


.visit-us { float: left; border-left: 1px solid #f8910e; margin: 15px 0 0 0; padding: 0 0 0 10px; }
.visit-us .email { clear: both; background: url(../images/icon-email.gif) no-repeat 0 2px;  display: block; margin: 0; padding: 0 0 0 18px; }
.visit-us .email { font:bold 14px Arial, Helvetica, sans-serif; color:#5c5c5c; text-decoration: none; }
.visit-us .email:hover { color:#f8910e; text-decoration: none; }

.visit-us .tweet-id {clear: both; background: url(../images/icon-tweeet2.gif) no-repeat 1px 2px;  display: block; margin: 0; padding: 0 0 0 18px; }
.visit-us .tweet-id { font:bold 14px Arial, Helvetica, sans-serif; color:#5c5c5c; text-decoration: none; }
.visit-us .tweet-id:hover { color:#f8910e; text-decoration: none; }


/* footer */
#footer-web { clear: both; background:url(../images/bg-footer.gif) no-repeat; height: 120px;  background-color: #f89921; border-top: 5px solid #a6cd39; }
#footer-web .logofooter { float:left; margin: 20px 0 0 0; width: 158px; height: 70px;} 
#footer-web .logofooter h4 { background: url(../images/logo-footer.gif) no-repeat; display:block; font:  18px Arial, Helvetica, sans-serif; margin: 0; width: 158px; height: 70px; text-indent: -9000px;} 
#footer-web .logofooter h4 a { display:block; width: 158px; height: 70px; color:#FF6600; text-decoration:none;} 
#footer-web .logofooter h4 a:hover { width: 158px; height: 70px; color:#FF6600; text-decoration:none;} 

#menufooter { float: left; margin: 13px 0 0 15px; width:700px; }

#menufooter ul { margin: 0 ; padding: 0; height:18px; }
#menufooter ul li {  font: 12px Arial, Helvetica, sans-serif;  color:#fff; display: inline; list-style-type: none;  margin: 0; padding: 0 5px 0 0; font-size:8px; border-right: 1px solid #fff; }
#menufooter ul li a { font: 12px Arial, Helvetica, sans-serif; margin: 0 ; padding: 0 5px 0 5px; color:#fff; text-decoration:none; }
#menufooter ul li a:hover { font: 12px Arial, Helvetica, sans-serif; margin: 0 ; padding: 0 5px 0 5px; color: #804700; text-decoration: none; }
#menufooter .category { clear: both;  font: 11px Arial, Helvetica, sans-serif;  color:#fff; width:80px;  margin: 0; padding: 0; border: none; }
#menufooter .category p { height: 15px; font: 11px Arial, Helvetica, sans-serif; width: 100px;  float: left; margin:2px 0 0 0; padding: 0; color: #fff;  }
#menufooter .borderfooter { border: none;}


/* pasha nambah */
#adoiwrapper { width:900px; }
#adoileft { float:left; width:350px; }
.mainlist { list-style-type:square; padding:0 0 0 20px; }
.mainlist li {padding-top:5px; }
.sublist { padding:0 0 0 20px; }
#paging { float:right; }
.titlelist a {text-decoration:none; color:#F88D0C;}

#adoiright h5 {
	background:url(../images/bullets.gif) no-repeat 5px 2px; 
	background-color:#a8a6a7; font: bold 20px Arial, Helvetica, sans-serif; color: #fff;  
	display:block; 
	width: 500px; 
	height: 28px; 
	margin: 5px 0 0 350px; 
	padding: 4px 0 0 40px;}


#adoiright a {text-decoration:none; color:#fff; }

#adoiright a:hover {text-decoration:none; color:black; }