/**********************
Layout Style
**********************/


/**********************
Body Style
**********************/
body{
	background:#082c3c url(../images/body_bg.gif) repeat-x;
	padding:0;
	margin:0;
	border:0;
	font:12px/18px Arial, Helvetica, sans-serif;
}


/**********************
page Style
**********************/
#page{
	padding:0;
	margin:0;
}


/**********************
wrap Style
**********************/
#wrap{
	padding:0;
	width:797px;
	margin:0 auto;

}


/**********************
header Style
**********************/

#header{
	padding:40px 0 0px 0;
	margin:0px 0 0 0;
	float:left;
	width:100%;
	background:url(../images/header_bg.gif) no-repeat left top;
}
#header #logoWrap{
	float:left;
	margin:0 0 40px 0;
}
#header #logoWrap h1 {
	color:#fcf7f4;
	padding:5px 0;
	margin:0;
	float:left;
	width:308px;
	height:36px;
	text-indent:-3000px;
}
#header #logoWrap h1 a{
	color:#fcf7f4;
	text-decoration:none;
	font-size:26px;
	width:370px;
	height:95px;
	background:url(../images/malaysiahosting.png) no-repeat top left;
	display:block;
}
#header #logoWrap .tagline{
	clear:both;
	display:block;
	font-size:12px;
	float:left;
	padding:0 0 0 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#97b0bb;
	position:relative;
	margin:-10px 0 0 0;
}
#header #menuWrap{
	float:left;
	width:100%;
	margin:0px 0 0 0;
	background:url(../images/nav_bg.gif) repeat-x
}
#header #menuWrap div{
	background:url(../images/nav_bg_left.gif) no-repeat left 0;
	width:100%;
	float:left;
}
#header #menuWrap div div{
	background:url(../images/nav_bg_right.gif) no-repeat right 0;
	float:right;
}
#header #menuWrap ul#nav{
	padding:0;
	margin:0 0 0 10px;
	
	padding:0px 0 0 0;
	z-index: 999;


}

#nav li{
   float: left;
   font-size: 14px;
   padding:0;
   list-style:none;
   margin:8px 0px 0 0;
   background:url(../images/nav_divider.gif) no-repeat right 0; 
}

#nav li a{
   float: left;
   display: block;
   height: 22px;
   padding: 4px 16px 0 16px;
   color:#537f93;
   text-decoration: none;
}

#nav li.current a{
   color: #27333A;
   background:#fff;
}

#nav li:hover,
#nav li.sfhover{
	color:#aed7eb;
	background:#2e4651;	
}


#nav li:hover a,
#nav li.sfhover a{
   color:#aed7eb;
}

#nav li.current:hover a,
#nav li.sfhover.current a{
   color: #537f93;
  
}
#nav li ul{
   clear: left;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 161px;
   margin-top: 26px;
   margin-left: -1px;
   _margin-top: 0; /* IE6 Hack */
   border: 1px solid #253a44;
   border-top: 0;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
   padding:0;
}
*+html #nav li ul{
   margin-top: 0;
}

#nav li li{
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   font-size: .9167em;
   text-transform: none;
}

#nav li ul ul{
   margin: -31px 0 0 161px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;

}



#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;

}

#nav li li li{
   font-size: 1em;
}

#nav li:hover li a,
#nav li.sfhover li a{
   float: none;
   width: 133px;
   height: auto;
   padding: 9px 14px;
   border-top: 1px solid #395562;
   border-bottom: 1px solid #253a44;
   background: #2e4651;
   color: #537f93;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   background: #253a44;
   color:#aed7eb;
}




/*Breadcrumbs*/
.breadcrumbs{
	padding:10px 20px;
	margin:0 0 0px 0;
	background:url(../images/breadcrumb_bg.gif) repeat-x;
	font-size:12px;
	float:left;
	width:774px;
}
.yourhere{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#4f4c42;
	font-style:italic;
}
.breadcrumbs ul{
	list-style:none;
	padding:0;
	margin:0;

}
.breadcrumbs ul li{
	display:inline;
	margin:0 0 0 0px;
	padding-left:15px;
	color:#68645d;
	font-weight:bold;
	float:left;
}
.breadcrumbs ul li a{
	float:left;
	display:block;
	font-weight:normal;
	background:url(../images/breadcrumb_arrow.gif) no-repeat right 55%; 
	padding-right:15px;
	text-decoration:none;
	color:#095294;
}
.breadcrumbs ul li a:hover{
	color:#000;
}


/**********************
mainContent Style
**********************/
#mainContent{
	background:#ffffff;
	float:left;
	width:797px;
	margin:0;
}
#mainContent .features{
	float:left;
	width:100%;
	padding:0 0 0px 0;
	margin:10px 0 0 0;
	border-top:2px solid #7ba9d2;
	background:#c8e0f5 url(../images/features_bottom_bg.gif) repeat-x bottom;
}
#mainContent .features .text{
	padding:20px 20px 0 20px;
	margin:0;
}
#mainContent .features .text p{
	padding:0 0 20px 0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	line-height:26px;
	color:#8d8672;
	font-weight:normal;
}


/**********************
features Style
**********************/
.features a, .content a{
	color:#095294;
	text-decoration:underline;
}
.features a:hover, .content a:hover{
	color:#150702;
	text-decoration:underline;
}
.features .thumbs{
	background:url(../images/features_img_bg.gif) no-repeat left top;
	width:81px;
	height:68px;
	float:left;
	position:relative;
	padding:0;
	margin:0 5px 0 -4px!important;
	margin:0 3px 0 -2px;
}
.features .thumbs img{
	padding:4px 0 0 12px;
	margin:0;
}
.features .fBox ul{
	padding:0 0 20px 20px;
	margin:0;
}
.features .fBox ol{
	padding:0 0 20px 25px!important;
	padding:0 0 20px 28px;
	margin:0;
}
.features .fBox ol ol, .features .fBox ul ul{
	margin:0;
	padding-bottom:0;
}
.features .fBox ul li{
	list-style:outside;
	color:#666150;
}
.features .fBox ol li, .features .fBox ul li{
	line-height:20px;
}
.features .fBox{
	float:left;
	width:239px;
	padding:0 3px 0 18px;
	background:url(../images/fbox_bg.gif) no-repeat right top;
}
.features .fBox h2{
	font-size:12px;
	background:url(../images/fbox_title_bg.gif) no-repeat;
	padding:6px 5px 15px 10px;
	margin:7px 0 0 0;
	color:#092f40;
}
.features .lastFBox{
	float:left;
	width:239px;
	padding:0 3px 0 18px;
	background:url(../images/fbox_bg.gif) no-repeat right top;
}
.features .lastFBox p, .features .fBox p{
	padding:0 15px 15px 5px;
	margin:0;
	color:#1f3540;
}
.features .lastFBox h2{
	font-size:12px;
	background:url(../images/fbox_title_bg.gif) no-repeat;
	padding:6px 5px 15px 10px;
	margin:7px 0 0 0;
	color:#092f40;
}
.features .readmore{
	text-indent:-3000px;
	height:22px;
	width:81px;
}
.features .readmore a{
	float:left;
	background:url(../images/readmore.gif) no-repeat;
	height:22px;
	width:81px;
}
.features .readmore a:hover{
	background-position:0 100%;
}



/************************
contentInside style
************************/
#contentInside{
	width:757px;
	padding:20px 20px;
	margin:0;
	float:left;
	background:url(../images/contentInside_bg.gif) repeat-y;
}

#contentInside .content h2{
	color:#092f40;
	background:url(../images/h2_bg.gif) no-repeat bottom left;
	padding:0 0 15px 0;
	margin:0 0 5px 0;
	font-size:22px;
}

#contentInside p{
	color:#474642;
	padding:0 0 20px 0;
	margin:0;
	line-height:20px;
}
#contentInside h3, 
#contentInside h4, 
#contentInside h5, 
#contentInside h6{
	color:#000;
	padding:5px 0 20px 0;
	margin:0;
	font-weight:normal;
}
#contentInside h3{font-size:18px;}
#contentInside h4{font-size:16px;}
#contentInside h5{font-size:14px;}
#contentInside h6{font-size:12px;}

#contentInside a{
	color:#123f7c;
	text-decoration:none;
}
#contentInside a:hover{
	color:#000;
	text-decoration:underline;
}

#contentInside ul, #contentInside ol{
	padding:0 0 20px 20px;
	margin:0;
	color:#82725f;
	font-size:13px;
}
#contentInside ul li{
	list-style:square;
}

#contentInside ul ul{
	padding:10px 0 10px 15px;
}

#contentInside ol ol{
	padding:10px 0 10px 15px;
}

#contentInside blockquote{
	background:url(../images/left_quote.gif) no-repeat left 0;
	padding:0px 0 10px 0;
	margin:0;

}
#contentInside blockquote p{
	text-indent:16px;
	font-size:13px;
	color:#8d8672;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#contentInside blockquote p span.last{
	background:url(../images/right_quote.gif) no-repeat right;
	padding-right:20px;
}
.content{
	float:left;
	width:508px;
}

#sidebar{
	float:right;
	width:215px;
}
#sidebar ul#news{
	padding:0;
	margin:0;
	list-style:none;
}
#sidebar ul#news .date{
	font-style:italic;
	padding:0 0 10px 0;
	float:left;
	width:100%;
}
#sidebar ul#news li{
	list-style:none;
}
#sidebar ul#news li h3{
	font-size:14px;
	padding:0;
	margin:0;
}
#sidebar ul#news li h3 a{
	color:#6f9238;
	font-weight:bold;
}
#sidebar h2{
	font-size:16px;
	border-bottom:3px #dddbd0 solid;
}
#news{
	padding:0;
	margin:0;
}
#contentInside .content #news .date{
	padding:0 0 10px 0;
	float:left;
	width:100%;
	position:relative;
	color:#888373;
}
#contentInside .content #news .date .by{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#878787;
	font-style:italic;
}
#contentInside .content #news .date .author{
	color:#3a220c;
	font-style:normal;
	font-weight:bold;
}
#contentInside .content #news h3{
	padding:0;
	margin:0;
}



/**********************
Two Column Content
**********************/
.twoColumn{
	clear:both;
	float:left;
	padding:0 0 20px 0;
}
.twoColumn .col1{
	float:left;
	width:247px;
	padding:0;
	margin:0 12px 0 0;
	background:url(../images/col_right_bg.gif) no-repeat right top;
}
.twoColumn .col1 .inside, .twoColumn .col2 .inside{
	padding-right:10px;
	float:left;
}
.twoColumn .col2{
	float:right;
	width:247px;
	background:url(../images/col_right_bg.gif) no-repeat right top;
}

/**********************
footer Style
**********************/
#footer{
	float:left;
	background:url(../images/footer_bg.gif) repeat-x;
	padding-bottom:50px;
}
#footer #fLeft{
	background:url(../images/footer_bg_left.gif) no-repeat left top;
	float:left;
}
#footer #fLeft #fRight{
	background:url(../images/footer_bg_right.gif) no-repeat right top;
	float:right;
}

#footer #fLeft #fRight #inside{
	float:left;
	padding:33px 20px;
	width:757px;
	
}
#footer #fLeft #fRight #inside p{
	padding:0;
	margin:0;
	color:#617e8b;
}
#footer a{
	text-decoration:none;
	color:#6fabc8;
}
#footer a:hover{
	text-decoration:underline;
	color:#fff;
}
#footer .top{
	width:32px;
	height:15px;
	float:right;
	text-indent:-3000px;
	position:relative;
	margin:-33px 0 0 0;
}
#footer .top a{
	width:32px;
	height:15px;
	float:right;
	display:block;
	background:url(../images/top.gif) no-repeat;
}



/************************
global classes
*************************/
.block{
	display:block;
}
.clear{
	clear:both;
}
.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}
.alignJustify{
	text-align:justify;
}
.alignCenter{
	text-align:center;
}

.floatRight{
	float:right
}
.floatLeft{
	float:left;
}

abbr, acronym{
	font-style:italic;
	cursor:help;
	color:#ada397;
}

.imageLeft{
	background:#fff;
	border:1px solid #ebe8e2;
	padding:10px 10px;
	margin:0 15px 10px 0;
}
.imageRight{
	background:#fff;
	padding:10px 10px;
	margin:0 0 10px 15px;
	border:1px solid #ddddda;
}
.hide{
	display:none;
}
img{
	border:0;
}
.padd{
	padding:20px 0 0 0;
	width:100%;
}


/*Table*/
table {  
  margin: 0 0px 20px 12px;
  padding: 0;
  display: block;
  font-size: 12px;
  border-collapse: collapse;
  width:100%;
}
table caption {
  margin: 0 12px;
  padding: 20px 0 5px 0;
  font: 12px arial, sans-serif;
  text-align: left;  
}

table th,table td {
  text-align: left;
  vertical-align: top;
  padding: 6px 10px;
}


thead th {
  color: #FFF;
  background-color: #6d6453;
  border-bottom: 1px solid #585043;
}

tbody tr.highlighted {
  background-color: #3c3028;
}

tbody td {
  border-bottom: 1px solid #42352c;
  color:#82725f;
}

tbody tr:hover td {
  background: #47382f; 
  border-bottom: 1px solid #6b503d;
}
.widthA{
	width:20%;
}
.widthB{
	width:40%;
}





/*form - Form Style*/
form {
  padding: 0px 0;
  margin:0;
}
form p{
	padding:0;
	margin:0;
}
label {
  float: left;
  width: 100px;
  padding-right: 1px;
}
input,
textarea{
  padding: 6px;
  font: 400 12px arial, sans-serif;
  background: #f1f0ee;
  border:1px solid #e0e0e0;
   color: #353431;
}
input:focus,
textarea:focus{  
  color: #353431;
  background:#ebeae7;
  border:1px solid #d3d3d3;
}
#name, #email, #subject{
	width:300px;
}
#message{
	width:370px;
	height:150px;
}
input.button {
  padding: 5px 20px;
  font: bold 1em arial, sans-serif;
  cursor: pointer;
  color: #efefef;
  background-color:#102b37;
  border-width: 1px;
  border-style: solid;
  border: #102b37 1px solid;
}


/*errorMsg - Error Message Block style*/
#contentInside .content .errorMsg{
	float:left;
	padding:20px 20px 0px 20px;
	background:#f0c4c8;
	margin:0 0 20px 0;
	border-top:1px solid #ad5341;
	border-bottom:1px solid #ad5341;
	width:93%;
}
#contentInside .content .errorMsg h3{
	color:#8c101c;
	margin:0;
	padding:0;
}
#contentInside .content .errorMsg ul{
	margin:0;
	padding:0 0 20px 0;
}
#contentInside .content .errorMsg ul li{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	color:#8c101c;
}
#contentInside .content .errorMsg p{
	color:#8c101c;
}

/*highlight style*/
.highlight{
	color:#d74613;
}


/*infoMsg - Info Message Block style*/
#contentInside .content .infoMsg{
	float:left;
	padding:20px 20px 0px 20px;
	background:#83b406;
	margin:0 0 20px 0;
	border-top:1px solid #2d993c;
	border-bottom:1px solid #2d993c;
	width:93%;
	color:#fff;
}
#contentInside .content .infoMsg h3{
	color:#cfdab4;
	margin:0;
	padding:0;
}



/***************************
	twiiter style
***************************/
#sidebar #twitter_div #twitter_update_list{
	padding:0;
	margin:0;
}
#sidebar #twitter_div p{
	padding:0;
	margin:0;
}
#sidebar #twitter_div #twitter_update_list li{
	list-style:none;
}