*{
margin: 0;
padding: 0;
}

body{
background: #fff url('http://fadzridesign.com/v3/img/fdbanne.jpg') bottom left no-repeat;
font-family: arial, tahoma, verdana;
font-size: 13px;

}

a{
text-decoration: none; 
}

.left{
float: left;
}

.right{
float: right;
}


a img{
border: 0;
}

.clear{
clear: both;
}

.width {
	width:900px;
	margin:auto;
	padding:auto;
	}
/* Header */
 #line {
 	width:100%;
	height:50px;
	border-bottom:1px #999999 solid;
}
#logo {
	margin-bottom:0px;
	margin-top:15px;
	font:Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight:300;
	text-shadow: 1px 1px #dfdfdf,1px 1px #dfdfdf;
	letter-spacing:1px;
	color:#000000}
#logo a{
	color:#000000}


#menu {
	width:150px;
	height:18px;	
	border-top:#999 1px solid;border-left:#999 1px solid;border-right:#999 1px solid;
	margin-top:29px;
	padding-top:2px;
}

#menu ul {
	list-style:none;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:right;
	margin-right:5px;}

#menu ul li{
	float:left;
	}
#menu ul li a{
	float:left;
	padding-left:5px;
	margin-left:5px;
	color:#000000;
	text-shadow: 1px 1px #f3f3f3,1px 1px #f3f3f3;
	}
#menu ul li a:hover{
	background:#d8d8d8;
	}
#menu2 {
	font-size : 11x;
	letter-spacing:1px;
	margin:auto;
}

#menu2 ul {	
	width:300px;
	height:18px;
	background:#ff0000;
	border-bottom:#999 1px solid;border-left:#999 1px solid;border-right:#999 1px solid;
	list-style:none;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	}

#menu2 ul li{
	float:left;
	margin-right:5px;
	}
#menu2 ul li a{
	padding-left:5px;
	margin-left:5px;
	color:#fff;
	}
#menu2 ul li a:hover{
	color:#ff8181;
	}
	
/*MAIN PAGE*/
#main {
	height:500px}
#content {
	width:680px;
	height:330px;
	overflow: hidden;
	margin:5px;	}
#homey{width:550px;height:700px; border: margin-bottom:5px; margin-top:5px;}
#portfolio {width:680px;height:320px; margin-bottom:5px; margin-top:5px;}
#FAQ {width:550px;height:700px; border:margin-bottom:5px; margin-top:5px;}
#services{width:680px;height:330px ; margin-bottom:5px; margin-top:5px}
#serviwebmenu { width:160px; float:left}
#serviwebmenu ul{ }
#serviwebmenu ul li{list-style: square; list-style-position:inside}
#serviwebmenu ul li a{color:#666666;}
#serviwebmenu ul li a:hover{ padding-left:1px; color:#000;}
#product{width:680px;height:700px; margin-bottom:5px; margin-top:5px; }
#facebookbox { margin-top:5px; margin-bottom:5px;}
#boxportcase {
	border:solid 2px #000;
	width:670px;
	height:300px;
	margin:auto;
	overflow:scroll;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#FFFFFF url('http://superbdesigner.com/wp-content/uploads/2010/05/portfolio.jpg' )repeat-y right top;
}
#minisite2 {height:800px;margin-top:10px;margin-bottom:10px;}
#minisite2 ul {}
#minisite2 ul li { float:left;}
#minisite2 ul li a{ }
#minisite2 ul li a:hover{}
.minisitetitle { padding:5px;}
#banner { height:2500px;margin-top:10px;margin-bottom:10px;}
#banner ul{ width:500px; }
#ecover2 { height:800px;margin-top:10px;margin-bottom:10px; }
#logo2 { height:800px;margin-top:10px;margin-bottom:10px;}
#website2 { height:800px;margin-top:10px;margin-bottom:10px;}
.boxport2 {margin :2px;float : right;border-bottom:#999 1px dashed;color:#FFFFFF;text-align:center;padding: 2px;
letter-spacing:1px;height:200px;}
#rightpanel {width:200px;}
#1panel2 {margin-top:5px;}
#recentproject{width:188px;	height:180px;
	border:#000000 solid 1px;
	padding:5px;
	background:#000000;
	-moz-border-radius:5px;
	border-radius:5px;
}
.titlebar { color:#FFFFFF; border-bottom:#404040 dashed 1px;}
.titlebar a{ color:#FFFFFF;}
.titlebar a:hover{ color:#ccc;}
#recentprojectbox{
	width:180px;
	height:150px;
	overflow:hidden;
	margin:5px auto 5px;

}
#portfolio ul{
}
#portfolio ul li{
	float:left;
	padding-left:5px;padding-right:5px;
	list-style:none;
	border-right:solid 1px #999;
	margin-bottom:5px;
	}
#portfolio ul li a{
	color:#000;
	}
#portfolio ul li a:hover{
	color:#999;
	}
#leftboxes{
	width:670px;
	height:130px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	background: #000;
	padding:5px;
	-moz-border-radius:5px;
	border-radius:5px;}
#stbox {
	width:420px;
	background:#FFFFFF;
	height:120px}

#2ndbox {
	width:240px;
	border-left:dotted 1px #999999;
	padding-left:5px;height:120px;}
#rdbox{
	border:#666666 1px dashed;
	background:#333;
	color:#FFFFFF;
	text-align:left;
	margin-top:5px;
	padding:5px;
}
#rdbox a{ color:#fff}
/* FAQ box*/
#faqbox {width:680px;height:310px; margin-bottom:5px; margin-top:5px; overflow:scroll; background:#FFFFFF;}
#faqbox ul{ font-family:Arial, Helvetica, sans-serif;}
#faqbox ul li{ margin-top:5px;margin-bottom:5px; border:#CCCCCC 1px dashed;padding:5px; background:#f5f5f5; text-align:justify}
/* SERVICES */
#service-slogan{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#000;
	text-align:center;
	text-shadow:2px 2px #dcdcdc,2px 2px #dcdcdc;
	width:660px;
	border-bottom:#999999 dashed 1px;
	padding-bottom:5px;
	height:80px;
}#service-slogan-side {
	width:20px;
	height:75px;
	position:fixed;
	left:0px;
	background:#000000}
#service-mainblock{width:670px;}
#service-childblock{width:155px;margin:5px;}
#service-childblock ul li {color:#000000; list-style:none}
#service-childblock ul li a{color:#000000;}
#service-childblock ul li a:hover{ padding-left:3px;color:#CC0000}

#service-childblock2{width:190px; margin:1px; border-left:#292929 1px dashed; padding:2px;}
#service-childblock2:hover{ background:#3a3a3a}
#utama1 { width:400px;}
#utama2 { width:270px; height:312px;}
#utama2inside { width:260px; float:left; margin-bottom:1px; margin-top:1px; text-align:justify; padding:2px; border:#000000 1px solid ;-moz-border-radius:5px;border-radius:5px;}
#utama2inside:hover { background:#feffd9; cursor:pointer}
.utama2insidetitle{ font-size:16px; font-weight:bolder; color:#CC0000; text-shadow:1px 1px #dddddd,1px 1px #dddddd;}

/* Page Perkhidmatan*/
.pkh_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	border-bottom:dashed 1px #999999;
	text-shadow:1px 1px #ccc;
	font-weight:bold;}
/* HTML TOOLTIP */

.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 5px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
text-align:left;
filter:alpha(opacity=95); opacity:0.95;	-moz-border-radius:5px;	border-radius:5px;}


/* Footer */
  #linef {height:50px;border-top:#000000 1px solid;
}

#latestdesign {}
#copyright {position:relative;color:#666666;margin-top:1px;	}
#copyright ul{	}
#copyright ul li{float:left;list-style:none;margin-left:5px;text-shadow:1px 1px #f3f3f3,1px 1px #f3f3f3}
#copyright ul li a{	color:#666666;}
#copyright ul li a:hover{color:#111;text-decoration:underline;}