* {margin: 0; padding: 0;}

html {height: 100%;}
body {
	height : 100%;
	color : #999;
	cursor : default;	
	font-family:Arial, Helvetica, sans-serif;}
	
#Base{
	height : 100%;	
	background-image: url(../images/slant_bg.gif);	
	margin:20px 0 0 0}
	
a:link, a:visited {
color : #f00;
text-decoration : none;}
a:hover{
text-decoration: underline;}
img {
border: 0;}

p{ padding:0 0 10px 0;  margin:0; font:12px/18px Arial, Helvetica, sans-serif; color:#666666; text-align:justify}

h1{ font: 27px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FF0000; padding:0 0 12px 0 ;font-family:"exo-regular";}
h2{ }

@font-face
{
font-family: "exo-regular";
src: url(http://www.dezain.com.my/font/exo-regular.otf);
font-family:"exo-bold";
src: url(http://www.dezain.com.my/font/exo-bold.otf);
}

.white-12{ font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:none}
.white-t1{ font:12px Arial, Helvetica, sans-serif; color:#ff8676; text-transform: uppercase}
.white-14{ font:14px Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform: uppercase}

#Container {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	background:#FFF;}
	
#Hdr, #Ftr {
	display: block;
	float: none;
	clear: both;
	overflow: visible;
	zoom: 1;
	z-index: 999;}
#Hdr {
	width: 1000px;
	/*height: 55px;
	padding-top: 30px;*/
	background: url(../images/topnav_bg.png) 0 0;
	height: 80px;
	/*padding-top: 20px;*/
	position: relative;}
	
#navContainer {
	width: 800px; margin: 0 auto;
	padding-top: 20px;}

#top{
	padding-top:20px;
	margin:auto;
	width:980px;
	height:70px;
	position:relative;}

/*#nav3{
	margin-top:73px;
	margin-right:240px;
	float:right;	}*/
	
/********************/
	
#nav3{
	margin-top:73px;
	margin-right:95px;
}
	
/********************/
		
	
#nav3 ul {	
	list-style: none;
	height: 40px;	
	margin: 0 0 0 2px; 
	padding: 0;}
	
#nav3 ul li {
	margin: 0; 
	padding: 0;
	background:#FFF url(../images/nav1.gif) no-repeat;
	display:block;
	float: left;}	
	
#nav3 ul li a{float:left; 
	margin: 0; 
	padding: 0 10px 0 13px;
	text-decoration: none;
	color: #5a4a42;	
	text-transform: uppercase;
	font-size:14px;
	font-family:"exo-bold";}	

#nav3 ul li a:hover{color: #ffffff;
	background:#f21800 url(../images/nav.gif) no-repeat;}
	
#nav3 ul li a#current, #nav3 ul li a:hover #current {
	color:#f21800;
	background:#FFF url(../images/nav1.gif) no-repeat;}

	
	

	
	
	
#subnav{ width:170px; float:left; padding:30px 0 0 25px }
#subnav ul{ list-style:none}
#subnav li a:link, #subnav li a:visited{ font:10.5px/14px "exo-bold"; color:#ccc; text-transform:uppercase; width:140px; display:block; margin:0 0 12px 0; padding:0 4px}
#subnav li a:hover, #subnav li a#selected{ background:#FF0000; text-decoration:none}
 


	
	
#frame {
	width: 978px;
	border:1px #999999 solid;
	height: auto;	
	margin:0 0 0 10px;
	background: url(../images/article-bg.gif) repeat-y}
	
#article-profile {float:left; width:700px; padding:30px 39px 40px 39px ; background: url(../images/wings-bg.gif) bottom right no-repeat}
#article-profile li{ font:12px Arial, Helvetica, sans-serif; color:#666; margin:0 0 0 12px; line-height:1.5; text-align:justify}
#article-services {float:left; background: #FF0000 url(../images/wings-bg-r.gif) bottom right no-repeat; width:938px; padding:30px 0 40px 40px ; }
#article-services p{ color:#FFFFFF; }


#article-portfolio {float:left; width:770px; padding:30px 0 40px 10px ;}
#portfolio-menu-bg {background: #FF0000 url(../images/wings-bg-r.gif) bottom right no-repeat; width:978px; height:350px;border:1px #999999 solid; clear:both; margin:0 0 0 10px;}
#portfolio img{ float:left; margin:0 0 0 12px}
#portfolio-menu{ width:162px; height:350px; position:relative; float:left; border-left:1px #FFF solid}
#portfolio-menu-0{ width:162px; height:350px; position:relative; float:left;}
#portfolio-item{position: absolute; bottom:0; }
#portfolio-item a, #portfolio-item a:visited{ padding:10px; width:143px; height:60px; display:block;text-decoration:none; color:#FFF; text-transform:uppercase; font-size:14px}
#portfolio-item a:hover{ background:#FFF; color:#FF0000}
#services-c{ float:left; padding:0 23px 0 0}

/* Contact Us*/
label{ float: left; width: 140px; font-weight: bold; color:#FFF; font:12px Arial, Helvetica, sans-serif; text-transform: uppercase}
input{ width: 180px; height:20px; margin-bottom: 8px; border:1px solid #ff8676; background:#FFF}
textarea{ width: 350px;height: 150px;border:1px solid #666666; background:#FFF; border:1px solid #ff8676;}
select{border:1px solid #FFF; background:#FFF}
#submitbutton{ margin-left: 140px; margin-top: 12px; width:80px; color:#FF0000; background:#FFF; border:none; font-size:13px; height:25px}

.grey_12{ font:12px Arial, Helvetica, sans-serif; color:#666666; padding:0; margin:0}
.red17{ font:17px "exo-bold"; color:#FF0000;}
.red_11{ color:#FF0000; font-size:11px;}

#client p{ margin:0 30px; clear:left; padding:0}
.client {font:bold 16px Arial, Helvetica, sans-serif;  color:#FF0000;}

#client_title { width:100%; margin-left:45px; margin-bottom:50px; margin-top:15px; }
#client_word {  width:155px; float:left; font: 13px Arial, Helvetica, sans-serif;  color:#FF0000; margin-bottom:6px;}
#client_word1 {  width:190px; float:left; font: 13px Arial, Helvetica, sans-serif;  color:#FF0000; margin-bottom:6px;}
#client_word2 {  width:280px; float:left; font: 13px Arial, Helvetica, sans-serif;  color:#FF0000; margin-bottom:6px;}


#client img{ float:left; margin:0 0 0 12px}

#top-icon { float:right; margin-top:130px; margin-right:60px; margin-bottom:5px}
#top-icon2 { float:right; margin-right:60px}