/*   

Theme Name: Professional Website v1-feature

Theme URI: www.inkjet.my

Description: A marketing website base on feacture concept with following benefit - Optimum for featured products or business, directional to access the designated information and is emphasize on the innovativeness of the products or businesses. Design by PCT sdn.bhd. copyrighted.

Author: PCT Production


Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;
	background-color:#fbfbfb;

}

#flash {
position:absolute;
top:104px;
}



#page {
background:url(img/general/page-bg-rp.jpg) top repeat-x;

	

}

/*\*/ * html #page {
background:url(img/general/page-bg-rp.jpg) top repeat-x;
margin:-5px 0 0 0;

	

}

/**/ 



#content {
background:url(img/general/page-bg-top.jpg) top no-repeat;
width:960px;
margin:0 auto;


}

#content-main {
width:880px;
margin:0 auto;
padding:30px 0 0 0;

}



#error {
	margin-top: 60px;
}
/*********** End Sturcture **********/


/*********** Begin General setting **********/


h1 {

}



h2 {
margin:0;
padding:0 0 0 30px;
background:url(img/general/title-bg.jpg) left no-repeat;
font-family:"Myriad Pro";
font-size:24px;
color:#f8bc21;




}

h3 {
	font-family:"Myriad Pro";
	font-size:24px;
	color:#f8bc21;
	margin:0;
	padding:0;
	

}


p {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align: justify;

}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


/*********** End General setting **********/

/*********** Begin Header **********/
#header {
background:url(img/header/header-bg-rp.jpg) ;
height:304px;

}




#header-content {
background:url(img/header/header-bg.jpg);
width:960px;
height:84px;
margin:0 auto;


}

#logo {
position:absolute;

}


/*********** End Header **********/

/*********** Begin Nav **********/




#nav {
margin:0;
padding:47px 0 0;
float:right;
position:relative;


}

#nav-shadow {
background:url(img/nav/shadow-bg.jpg) no-repeat;
width:559px;
height:3px;
display:block;
position:absolute;
bottom:1px;
left:8px;

}


/*\*/ * html #nav-shadow {
background:url(img/nav/shadow-bg.jpg) no-repeat;
width:559px;
height:3px;
display:block;
position:absolute;
bottom:-15px;
left:8px;

}
/**/ 


#nav img{
margin:0;
padding:0;
float:left;


}


#banner {
width:960px;
height:224px;
margin:0 auto;
}




/*********** End Nav **********/


/*********** Begin Footer **********/
#footer {
background:url(img/footer/1.jpg);
height:56px;

}

#footer-content {
width:960px;
margin:0 auto;

}



#copyright {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
padding:30px 0 0 0;


}


#mms {

}
/*********** End Footer **********/

/*********** Begin Home **********/


#about {
margin:0;
padding:0;
}


#about-pic {
margin:0;
padding:0;
float:left;
}


#about-content {
margin:0;
padding:0;
background:url(img/page/about/2.jpg);
width:560px;
height:411px;
float:right;
}

#clear-both {
clear:both;
}

#about-content p{
margin:20px 20px 50px;
}

#products {
margin:0;
padding:0;

}

#products-content {
margin:0;
padding:0;

}

#products-content ul{
margin:10px 3px 0;
padding:0;
float:left;
list-style:none;

}

#products-content ul li{
margin:0;
padding:0;

}



#products-content ul li p{
margin:0;
padding:240px 0 0 12px;

}



#products-content ul li#p1 {
margin:0;
padding:0;
background: url(img/page/products/1.jpg);
width:286px;
height:266px;

}

#products-content ul li#p2 {
margin:0;
padding:0;
background: url(img/page/products/2.jpg);
width:286px;
height:266px;

}

#products-content ul li#p3 {
margin:0;
padding:0;
background: url(img/page/products/3.jpg);
width:286px;
height:266px;

}

#products-content ul li#p4 {
margin:0;
padding:0;
background: url(img/page/products/4.jpg);
width:286px;
height:266px;

}

#products-content ul li#p5 {
margin:0;
padding:0;
background: url(img/page/products/5.jpg);
width:286px;
height:266px;

}

#products-content ul li#p6 {
margin:0;
padding:0;
background: url(img/page/products/6.jpg);
width:286px;
height:266px;

}

#products-content ul li#p7 {
margin:0;
padding:0;
background: url(img/page/products/7.jpg);
width:286px;
height:266px;

}

#products-content ul li#p8 {
margin:0;
padding:0;
background: url(img/page/products/8.jpg);
width:286px;
height:266px;

}

#products-content ul li#p9 {
margin:0;
padding:0;
background: url(img/page/products/9.jpg);
width:286px;
height:266px;

}

#gallery {
height:550px;

}



#products h2 {
margin:0;
padding:0 0 0 30px;
background: url(img/page/products/icon.jpg) no-repeat left;
font-family:"Myriad Pro";
font-size:24px;
color:#f8bc21;




}


 h4{
margin:0;
padding:0 0 0 30px;
background:url(img/page/gallery/icon.jpg) no-repeat left;
font-family:"Myriad Pro";
font-size:24px;
color:#f8bc21;




}


#contacts h2 {
margin:0;
padding:0 0 0 30px;
background: url(img/page/contact/icon.jpg) no-repeat left;
font-family:"Myriad Pro";
font-size:24px;
color:#f8bc21;




}

#contacts-content {
	width:484px;
	float:left;
margin:26px 0 57px;
}

#contacts-content table tr td#c1 {
	background: url(img/page/contact/4.jpg) left no-repeat;
	margin:0 0px;
	padding:0 0px;
	}

#contacts-content table tr td#c1 p{
	padding:0 0 0 6px;
}


	
	
	#contacts-form {
		clear:both;
		width:492px;
		background:url(img/page/contact/form-bg.jpg) no-repeat;
		height:312px;
		position:relative;

}

#contacts-content .adjust {
	background:url(img/page/contact/5.jpg) no-repeat;
	width:412px;
	height:27px;
	border:none;
	}

#contacts-content .adjust-2 {
	background:url(img/page/contact/7.jpg) no-repeat;
	width:173px;
	height:27px;
	border:none;
	}
	
	
#contacts-content .adjust-4 {
	background:url(img/page/contact/10.jpg) no-repeat;
	width:168px;
	height:27px;
	border:none;
	}	
	
#contacts-content #adjust-3 {
	background:url(img/page/contact/8.jpg) no-repeat;
	width:413px;
	height:138px;
	border:none;
	}	
	
#form-1 {
left:80px;
position:absolute;
top:9px;
}

#form-2 {
left:80px;
position:absolute;
top:45px;
}

#form-3 {
left:324px;
position:absolute;
top:45px;
}

#form-4 {
left:80px;
position:absolute;
top:83px;
}

#form-5 {
left:80px;
position:absolute;
top:118px;
}

#form-6 {
float:right;
padding:239px 0 0;

}


#contacts {
	position:relative;
	height:650px;
	}
	
	#map {
		background:url(img/page/contact/1.png);
		width:370px;
		height:606px;
		position:absolute;
		right:0;
		top:0;
		}

	#map iframe{
		padding:44px 0 0 23px;
	}


#header-home-content {
	background:url(img/page/home/home-bg.jpg) top no-repeat;
	width:960px;
	margin:0 auto;
	height:515px;
	}
	
#header-home {
background: url(img/page/home/header-home-bg.jpg);
height:512px;

}

#home {
	background:url(img/page/home/1.jpg);
	width:960px;
	height:278px;
	margin:0 auto;




}


h5 {
	font-family:"Myriad Pro";
	font-size:21px;
	color:#f8bc21;
	margin:0;
	padding:0;
	
	
}

#home-content-a {
	float:left;
padding:21px 0 0 29px;
width:357px;
	}
	
#home-content-a img{
	float:right;
	margin:30px 0 0;
	}	
	
#home-content-b {
	width:210px;
	float:left;
	padding:21px 0 0 60px;
	}	

#home-content-b p#style-1{
	background:url(img/page/home/3.jpg) left no-repeat;
	height:20px;
	padding:0 0 0 26px;
	margin:10px 0 0 5px;
}


#home-content-b p#style-2{
	background:url(img/page/home/4.jpg) left no-repeat;
	height:14px;
	padding:0 0 0 26px;
	margin:5px 0 0 5px;
}

#home-content-b p {
	margin:4px 0 0 0;}
	
	
	
/*\*/ * html #page-home{
	margin:-23px 0 0 0;
	background: url(img/page/home/page-home.jpg) top repeat-x;
	height:249px;
	

}
	
/**/














#home-slide {
	position:relative;

}


#home-slide-left {
left:0;
position:absolute;
top:162px;
z-index:1;
}




#home-slide-right {
position:absolute;
right:0;
top:161px;
z-index:1;
}



/*\*/ * html #home-slide-right {
position:absolute;
right:50px;
top:161px;
z-index:1;
}
/**/










div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 219px; 
		height:155px;
	overflow: hidden;
	float:left;
	
}

div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width: 219px; 
		height:155px;
		overflow:hidden;
		float: left;
				
}
	
div.scroller div.content {

		width: 10000px;
		
}

div#section2 {
	
	
		color:#ffffff;
		
}




#home-content-c {
	width:219px;
	float:left;
	padding:20px 0 0 50px;
	}