/*  
All Rights Reserved ® 2007 AGLOWBIZ CORPORATION SDN. BHD.
Design by : Helm Media
*/

/*-----MAIN--------------------------------------------------*/

body {
	background:url(images/bg_header.png) repeat-x top center #000000; /*asal - url(images/bg-body.png) repeat-x top center #E8F7F9*/
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets default font size to 10px */
	color:#ffffff;
	}

* {
	margin:0;
	padding:0;
	}

img {
	border:0;
	}

p {
	margin-bottom:1.75em;
	}

a {
	text-decoration:none;
	color:#ffcc00;
	}
a:hover {
	text-decoration:none;
	color:#ffffcc;
	}


/*-----STRUCTURE--------------------------------------------------*/

#wrapper {
	margin:0 auto;
	width:800px;
	background:none;
	font-size:1.30em; /*asal - 1.20em*/

	}
#header {
	height:150px;
	background:url(images/bg-header.png) no-repeat;
	}
#menu {
	font-weight:bold;
	height:35px;
	line-height:35px;
	background:url(images/bg-menu.png) repeat-x;
	padding:0 10px;
	}
#sidebar {
	float:right;
	width:180px;
	background:none; /*asal efefef */
	margin-right:10px;
	margin-top:25px; /*asal tiada*/
	}
#content {
	float:left;
	width:550px;
	min-height:400px;
	}
#contentfull {
	float:left;
	width:760px;
	min-height:400px;
	margin-top:-150px;
	}
#footer {
	clear:both;
	height:125px;
	background:url(images/bg_footer.jpg) no-repeat;
	}


/*-----ENTRIES--------------------------------------------------*/

.entry {
	padding:5px 10px;
	text-align:justify;
	line-height:1.75em;
	}
.entry-title {
	font-size:1.50em; /*asal 1.90em*/
	font-weight:normal;
	letter-spacing:0px;
	color:#FFCC00;
	}
.entry-titlesmall {
	font-size:1.10em; /*asal 1.90em*/
	font-weight:bold;
	letter-spacing:1px;
	color:#FFCC00;
	background:url(images/bullet_star.png) no-repeat 0 3px; /*asal tiada*/
	padding-left:20px;
	}
.entry-titlesmalldark {
	font-size:1.10em; /*asal 1.90em*/
	font-weight:bold;
	letter-spacing:1px;
	color:#000;
	background:url(images/bullet_star.png) no-repeat 0 3px; /*asal tiada*/
	padding-left:20px;
	}
.entry-titlesmallnostar {
	font-size:1.0em; /*asal 1.90em*/
	font-weight:bold;
	letter-spacing:1px;
	color:#FFCC00;
	}
.date {
	font-size:0.55em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	}
.comments {
	font-size:0.9em;
	margin-top:-1em;
	}
.comments a {
	color:#ffcc00;
	background:url(images/li.gif) no-repeat 0px 5px;
	padding-left:20px;
	padding-right:2px;
	}
.comments a:hover {
	color:#ffffcc;
	}
.backtotop {
	font-size:0.9em;
	margin-top:-1em;
	}
.backtotop a {
	color:#ffcc00;
	background:url(images/litop.gif) no-repeat 0px 5px;
	padding-left:20px;
	padding-right:2px;
	}
.backtotop a:hover {
	color:#ffffcc;
	}
.bullet {
	font-size:1.0em; /*asal 1.90em*/
	font-weight:normal;
	letter-spacing:0px;
	color:#FFFFCC;
	background:url(images/bullet_star.png) no-repeat 0 3px; /*asal tiada*/
	padding-left:20px;
	}


/*-----MENU--------------------------------------------------*/

#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 15px;
	display:block;
	color:#ffffcc;
	margin-right:2px;
	}
#menu li a:hover {
	background:url(images/bg-menu-hover.png) no-repeat center center;
	color:#FFFFFF;
	}


/*-----SIDEBAR--------------------------------------------------*/

#sidebar ul {
	list-style-type:none;
	margin-top:10px;
	}
#sidebar li {
	
	}
#sidebar li a {
	display:block;
	height:30px;
	line-height:30px;
	color:#ffcc00; /*asal 222222 */
	background:url(images/li.gif) no-repeat 5px 13px; /*asal tiada*/
	padding-left:25px; /*asal 5px*/
	border-bottom:1px solid #555;
	border-top:1px solid #555;
	}
#sidebar li a:hover {
	background:url(images/li.gif) no-repeat 5px 13px #333; /*asal tiada*/
	color:#ffffcc;
	}
#sidebar-bottom {
	height:20px;
	background:none; /*asal url(images/bg-sidebar-bottom.gif) no-repeat top center */
	}
	
#sidebar-inside {
	padding:5px 5px 5px 5px;
	background:#333;
	font-size:0.9em;
	color:#FFCC00;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	}

#sidebar-tree {
	background:none;
	font-size:0.9em;
	color:#FFCC00;
	margin-top:-15px;
	}


/*-----MAIN--------------------------------------------------*/

#footer-valid {
	float:left;
	padding-top:20px;
	padding-left:200px;
	cursor:default;
	color:#ffcc00;
	}
#footer-valid a {
	color:#ffcc00;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#ffffcc;
	text-decoration:none;
	}
#design-valid {
	float:left;
	padding-top:10px;
	padding-left:300px;
	cursor:default;
	color:#444;
	}
#design-valid a {
	color:#444;
	text-decoration:none;
	}
#design-valid a:hover {
	color:#888;
	text-decoration:none;
	}
#menubottom-valid {
	float:left;
	padding-top:30px;
	padding-left:190px;
	cursor:default;
	color:#ffcc00;
	}
#menubottom-valid a {
	color:#ffcc00;
	text-decoration:none;
	}
#menubottom-valid a:hover {
	color:#ffffcc;
	text-decoration:none;
	}


/*-----HEADER--------------------------------------------------*/

h1 {
	font-size:2.5em;
	font-weight:normal;
	cursor:default;
	position:relative; top:50px; left:30px;
	letter-spacing:1px;
	color:#aaaaaa;
	font-style:italic;
	}


/*-----FEED--------------------------------------------------*/

#feed {
	height:25px;
	width:126px;
	background:url(images/bg-feed.gif) no-repeat;
	margin:0 auto;
	padding-left:26px;
	}
a.feed-button {
	display:block;
    width:100px;
    height:25px;
    background:url("images/button-feed.png") 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.feed-button {
	background-position:0 -25px;
	}

/*-----EXTRA--------------------------------------------------*/

#subheader {
	width:550px;
	height:215px;
	background:none; /*asal url(images/subheader_welcome.png) no-repeat */
	padding:5px;
	}
	
/*-----TABLE--------------------------------------------------*/

table{
	width:auto;
	margin-bottom:10px;
}
td{
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
td-2{
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	}
.tbl-dark{
	background:#333; /* url(images/subheader_services.jpg);*/
	color:#FFFFCC;
	height: 24px;
	vertical-align:middle;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.tbl-lighthead{
	background:#333;
	color:#FFFFCC;
	height:auto;
	vertical-align:middle;
	float:left;
	}
.tbl-light{
	background:#000;
	color:#FFFFCC;
	height: auto;
	vertical-align:middle;
	float:left;
}
.tbl-lighthead2{
	background:#333;
	vertical-align:middle;
	font-size:1.10em; 
	font-weight:bold;
	letter-spacing:1px;
	color:#FFCC00;
	padding-left:20px;
	}	
.tbl-orange{
	background:#FEF1E0;
	color:#000;
	}
.tbl-white{
	background:#FFFFFF;
	color:#000;
	}
.tbl-img{
	width:150px;
	height:150px;
	}
.tbl-bna {
	vertical-align:middle;
	}

	
/*-----FORM ELEMENTS--------------------------------------------------*/

.form {
  padding: 0px;
  margin: 0px;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em "Trebuchet MS" Arial, Helvetica, sans-serif;
  color: #999;
  background: #EEE;
  border: 2px solid #FFFFCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #FFFFCC;
  border: 2px solid #FFCC00;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
	padding: 2px 5px;
	font: 400 0.9em verdana, serif;
	cursor: pointer;
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #888 #888 #8880 #888;
	background: #FFCC00;
}

input.radio {
  background: none;
  border: 0px;
}


/*=====FX==================================================*/

/*-----HoverBox--------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 163px;
	height:122px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 550px;
	height: 413px;
}