/*   

Theme Name: professional Website v1-feature

Theme URI: http://www.illusioneffects.com.my/

Description: A professional 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 AP, PCT sdn.bhd. copyrighted.

Author: PCT - Production

Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;

}

#page {

background:url(img/page/bg/02-about.png) no-repeat top #ffffff;
margin:0 auto;


}

#page-services-bg {
background:url(img/page/bg/03-service.png) no-repeat top #ffffff;
margin:0 auto;
}


#page-retailer-bg {
background:url(img/page/bg/05-retailer.png) no-repeat top #ffffff;
margin:0 auto;
}

#page-enquiry-bg {
background:url(img/page/bg/07-enquiry.png) no-repeat top #ffffff;
margin:0 auto;
}

#page-contact-bg {
background:url(img/page/bg/08-contact.png) no-repeat top #ffffff;
margin:0 auto;
}

#page-product-bg {
background:url(img/page/bg/04-product.png) no-repeat top #ffffff;
margin:0 auto;
}

#page-gallery-bg {
background:url(img/page/bg/06-gallery.png) no-repeat top #ffffff;
margin:0 auto;
}


#content {
width:960px;
margin:0 auto;
padding:50px 0 0 0;

}

#content-main {

}



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


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


h1 {
margin:0;
padding:0;
font-family:"Century Gothic"; 
font-size:30px;
color:#000000;
font-weight:normal;
height:38px;
border-bottom:#feca4e solid 1px ;
}



h2 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;



}

h3 {
margin:0;
padding:0;
color:#9a2e91;
font-family:"Century Gothic";
font-size:18px;
font-weight:normal;
}


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


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


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

/*********** Begin Header **********/
#header {
height:127px;
background:url(img/header/header-bg.png) scroll center center no-repeat;
margin:0 auto;

}

#header-content {
width:1000px;
margin:0 auto;

}

#logo {

}


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

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

#nav {
background-image:url(img/nav/nav-bg.png);
background-repeat:repeat-x;
height:38px;
}

#home-btn {
background-image:url(img/nav/home-btn.png);
width:90px;
height:38px;
float:left;

}

#home-btn:hover {
background-image:url(img/nav/home-btn-hv.png);
width:90px;
height:38px;
float:left;

}

#home-btn-on {
background-image:url(img/nav/home-btn-hv.png);
width:90px;
height:38px;
float:left;

}

#about-btn {
background-image:url(img/nav/about-btn.png);
width:103px;
height:38px;
float:left;
}

#about-btn:hover {
background-image:url(img/nav/about-btn-hv.png);
width:103px;
height:38px;
float:left;
}

#about-btn-on {
background-image:url(img/nav/about-btn-hv.png);
width:103px;
height:38px;
float:left;
}

#services-btn {
background-image:url(img/nav/services-btn.png);
width:104px;
height:38px;
float:left;
}

#services-btn:hover {
background-image:url(img/nav/services-btn-hv.png);
width:104px;
height:38px;
float:left;
}

#services-btn-on {
background-image:url(img/nav/services-btn-hv.png);
width:104px;
height:38px;
float:left;
}

#products-btn {
width:99px;
height:38px;
float:left;
background-image:url(img/nav/products-btn.png);

}

#products-btn:hover {
width:99px;
height:38px;
float:left;
background-image:url(img/nav/products-btn-hv.png);

}

#products-btn-on {
width:99px;
height:38px;
float:left;
background-image:url(img/nav/products-btn-hv.png);

}

#retailers-btn {
background-image:url(img/nav/retailers-btn.png);
width:103px;
height:38px;
float:left;


}

#retailers-btn:hover {
background-image:url(img/nav/retailers-btn-hv.png);
width:103px;
height:38px;
float:left;


}

#retailers-btn-on {
background-image:url(img/nav/retailers-btn-hv.png);
width:103px;
height:38px;
float:left;

}

#gallery-btn {
background-image:url(img/nav/gallery-btn.png);
width:88px;
height:38px;
float:left;

}

#gallery-btn:hover {
background-image:url(img/nav/gallery-btn-hv.png);
width:88px;
height:38px;
float:left;

}

#gallery-btn-on {
background-image:url(img/nav/gallery-btn-hv.png);
width:88px;
height:38px;
float:left;

}

#enquiry-btn {
background-image:url(img/nav/enquiry-btn.png);
width:95px;
height:38px;
float:left;
}

#enquiry-btn:hover {
background-image:url(img/nav/enquiry-btn-hv.png);
width:95px;
height:38px;
float:left;
}

#enquiry-btn-on {
background-image:url(img/nav/enquiry-btn-hv.png);
width:95px;
height:38px;
float:left;
}

#contact-btn {
background-image:url(img/nav/contact-btn.png);
width:113px;
height:38px;
float:left;
}

#contact-btn:hover {
background-image:url(img/nav/contact-btn-hv.png);
width:113px;
height:38px;
float:left;
}

#contact-btn-on {
background-image:url(img/nav/contact-btn-hv.png);
width:113px;
height:38px;
float:left;
}

#nav-layout {
width:1000px;
margin:0 auto;
}


#img-preload {
display:none;
}



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


/*********** Begin Footer **********/
#footer {
height:50px;
background-color:#000000;
clear:both;
}

#footer-content {
width:1000px;
margin:0 auto;
height:50px;
background-color:#000000;

}




#footer-home {
height:53px;
background:url(img/page/home/footer-bg.png) repeat-x;
}

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

}

#copyright-home {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000	;
text-align:center;
margin:0;
padding:19px 0 0 0;

}


#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-align:center;
margin:0;
padding:19px 0 0 0;

}

#mms {
float:right;
font-size:13px;
margin:15px 70px 10px 0;
padding:0 0 10px 25px;
width:180px;
}
/*********** End Footer **********/

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



#page-home {

background: none;
margin:0 auto;


}

#home {
height:440px;
width:960px;
margin:0 auto;



}

#home img {
float:right;
padding:60px 0 0 0;
}

#flash-bg {
background:url(img/page/home/home-bg.png) repeat-x;
height:224px;
margin:83px 0 0 0;
}

#flash {
width:960px;
margin:0 auto;
padding:23px 0 0 0;
}


/*********** End Home **********/



/***********start about  **********/
#about {
height:3710px;
width:930px;
}

*:first-child+html #about {
height:3760px;
width:930px;
}


#about p {
text-align:justify;
}

#about #about-layout-1 {
margin:20px 0 0 0;
}

#about #about-layout-1 ul{
margin:0 50px 0 0;
padding:0;
list-style:none;
float:left;

}

#about #about-layout-1 ul li{
margin:0px 0 5px 0;
padding:0;


}


#about-layout-2 {
width:960px;
height:36px;
margin:0px 0 0 0px;
clear:both;
padding:20px 0 0px 0 ;
}

.about-layour-3 {
margin:0;
padding:0;
clear:both;
}

.about-layour-3 img{
margin:0 15px 10px 0;
padding:0;
float:left;
}

.about-layour-3 img{
*margin:20px 15px 10px 0;
padding:0;
float:left;
}



.about-layour-3 h2 {
margin:0;
padding:0;
}


.about-layour-3 p {
margin:20px auto;
width:auto;
}



.about-layour-3a {
margin:0;
padding:0;
clear:both;
}

.about-layour-3a img{
margin:0 15px 10px 0;
padding:0;
float:left;
}

.about-layour-3a img{
*margin:0px 15px 10px 0;
padding:0;
float:left;
}



.about-layour-3a h2 {
margin:0;
padding:0;
}


.about-layour-3a p {
margin:20px auto;
width:auto;
}


.about-layour-4 {
margin:0;
padding:0;
} 

.about-layour-4 img{
margin:0 0 10px 15px;
padding:0;
float:right;
} 

.about-layour-4 p {
margin:20px auto;
}

.back {
clear:both;
width:102px;
float:right;
height:24px;
margin:0 20px 0 0;
padding:0;

}


#about-layour-6 {
margin:0;
padding:20px 0 0 0;
}

#about-layour-6 p {
margin:20px auto;
}

#about-layour-7 {
margin:0;
padding:0px 0 0 0;
clear:both;
}

#about-layour-7 p {
margin:20px auto;
}


#about-layout-8 {
background: url(img/page/about/02-about15.png) no-repeat;
width:930px;
height:560px;
}

.about-layout-8a img{
width:957px;	 
clear:both;
margin:0 0 0 -15px;
}

.about-layout-8a p {
margin:20px auto;
}


/***********finish about***********/

/*******start services********/

#services {
height:1050px;
}


#services ul {
margin:0 0 30px 0;
padding:0;
list-style:none;
float:left;
height:160px;
}


#services ul li{
margin:0;
padding:0;
list-style:none;
}

#services ul li p{
width:440px;
margin:0;
padding:0;
}

#services #services-layout-1 {
margin:50px 0 0 0;
padding:0;
}




#services ul li.style-3 {
margin:0 50px 0 0;
}

/*****finish services**********/

/*****start retailers**********/


#retailer {
height:1200px;
}

#retailer p {
margin:20px auto;
}



.style-1 {
color:#fdb813;
}


.style-2 {
color:#9a2e91;
font-family:"Century Gothic";
font-size:18px;
margin:0;
padding:0;

}

#retailer p.style-4 {
padding:20px 0 0 0;
}


#retailer a{
color:#9a2e91;

}

#retailer-layout-1 {
margin:0;
padding:0;
position:relative;
}

#retailer-layout-1 ul{
margin:0 0 10px 0;
padding:0;
list-style:none;
background-image:url(img/page/retailer/05-retailer01.png);
background-repeat:no-repeat;
width:268px;
height:183px;
float:left;
}

#retailer-layout-1 ul.style-6{
margin:0 70px 0 0;
}

#retailer-layout-1 ul li{
margin:10px auto;
padding:0;	
}

#retailer-layout-1 ul li h2{
padding:35px 0 0 20px;
margin:0;
}

#retailer-layout-1 ul li p{
margin:0;
padding:0px 0 0 20px;

}

#retailer-layout-1 ul li p.style-5{
margin:0;
padding:0px 0 0 45px;

}

#retailer-layout-1 ul li p img {
margin:0 10px 0 0 ;



}

#retailer-layout-1a {
position:absolute;
top:20px;
left:273px;
}

#retailer-layout-1b {
position:absolute;
top:20px;
left:610px;
}

*:first-child+html #retailer-layout-1a {
position:absolute;
top:-350px;
left:273px;
}

*:first-child+html #retailer-layout-1b {
position:absolute;
top:-350px;
left:610px;
}

/*\*/ * html #retailer-layout-1a {
position:absolute;
top:-350px;
left:-400px;
}

/**/ 

/*\*/ * html #retailer-layout-1b {
position:absolute;
top:-350px;
left:-55px;
}

/**/ 

/********finish retailer**********/


/********start enquiry*********/
#enquiry {
height:550px;
}

#enquiry h3 {
margin:40px 0 0 0;
padding:0;
}


#enquiry #enquiry-layout-1 {
background:url(img/page/enquiry/07-enquiry03.png) no-repeat;
width:810px;
height:370px;
margin:20px 0 0 -10px;
}


#enquiry  input.adjust {
 background:url(img/page/enquiry/07-enquiry01.png) no-repeat;
 width:315px;
 height:29px;
 border:none;
 margin:0 100px 0 0;

 }
 

 
#enquiry .adjust-2 {
background:url(img/page/enquiry/07-enquiry02.png) no-repeat;
width:314px;
height:188px;
border:none;
}


#enquiry #enquiry-layout-1 #enquiry-layout-1a {
margin:0;
padding:50px 0 0 40px;
}

#enquiry #enquiry-layout-1 #enquiry-layout-1a {
margin:0;
*padding:20px 0 0 40px;
}

#enquiry #enquiry-layout-1 #enquiry-layout-1a p {
margin:0 0 7px 0;
}

#enquiry #enquiry-layout-1 #enquiry-layout-1a #adjust-3 {
float:right;
margin:0 100px 0 0;
}

/*********finish enquiry***********/

/********start contact***********/

#contact {
height:500px;
}

#contact-layout-1 {
background:url(img/page/contact/08-contact01.png) no-repeat;
width:524px;
height:411px;
margin:30px 0 0 0;
float:left;
}

#contact-layout-1 iframe {
margin:50px;
padding:0;
border: solid 3px #9a2e91;
}

#contact-layout-2 {
float:left;
margin:30px 0 0 30px;
width:275px;
}

#contact-layout-2 .style-2 {
margin:20px 0 0 0;
}

/*********finish contact *********/

/**** start products *********/

#products {
height:2400px;
}

/*\*/ * html #products {
height:2580px;
}

 /**/


*:first-child+html #products {
height:2580px;
}


#products #products-layout-1 {
margin:20px 0 0 0;
}

#products #products-layout-1 ul{
margin:0 50px 0 0;
padding:0;
list-style:none;
float:left;

}

#products #products-layout-1 ul li{
margin:0px 0 5px 0;
padding:0;


}


#products-layout-2 {
width:959px;
height:39px;
margin:0 0 0 -20px;
clear:both;
padding:25px 0 0 0 ;
}

/*\*/ * html #products-layout-2 {
width:959px;
height:39px;
margin:0 0 0 -10px;
clear:both;
padding:25px 0 0 0 ;
}

/**/


.products-layout-3 img {
margin:0 23px 0 0 ;
float:left;


}

/*\*/ * html .products-layout-3 img {
margin:0 15px 0 8px ;
float:left;


}

/**/


#products-layout-4 {
margin:0;
padding:0;
clear:both;
}

#products-layout-4 a{
text-decoration:none;
color:#000000;
}

#products-layout-4 a:hover{
text-decoration:none;
color: #9a2e91;
}

#products-layout-4 #products-layout-4a{
margin:0;
padding:30px 120px 0 18px;
width:194px;
float:left;

}

#products-layout-4 #products-layout-4a ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-4 #products-layout-4a ul li{
margin:0 0 10px 0;
padding:0;
}

#products-layout-4 #products-layout-4a ul li p{
margin:0;
padding:0;
color:#000000;
}

#products-layout-4 #products-layout-4b{
margin:0;
padding:30px 120px 0 18px;
width:194px;
float:left;

}

#products-layout-4 #products-layout-4b ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-4 #products-layout-4b ul li{
margin:0 0 9px 0;
padding:0;
}

#products-layout-4 #products-layout-4b ul li p{
margin:0;
padding:0;
color:#000000;
}

#products-layout-4 #products-layout-4c{
margin:0;
padding:30px 0 0 18px;
width:194px;
float:left;

}

#products-layout-4 #products-layout-4c ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-4 #products-layout-4c ul li{
margin:0 0 9px 0;
padding:0;
}

#products-layout-4 #products-layout-4c ul li p{
margin:0;
padding:0;
color:#000000;
}

.products-layout-5 {
margin:0px 0 0 0;
padding:15px 0 0 0;
clear:both;
}

.products-layout-5 a{
color:#9a2e91;
}

.products-layout-6 {
width:255px;
height:32px;
clear:both;
padding:30px 0 0 0;

}

.products-layout-7 {
width:104px;
height:28px;
clear:both;
margin:0 40px 0 0;
padding:20px 0 0 0;
float:right;
}

#products-layout-8 {
width:960px;
height:33px;
clear:both;
margin:0 0 0 -15px;
padding:25px 0 10px 0 ;
}

#products-layout-9 {
margin:0;
padding:0;
clear:both;
}

#products-layout-9 a{
text-decoration:none;
color:#000000;
}

#products-layout-9 a:hover{
text-decoration:none;
color: #9a2e91;
}

#products-layout-9 #products-layout-9a{
margin:0;
padding:30px 120px 0 18px;
width:194px;
float:left;

}

#products-layout-9 #products-layout-9a ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-9 #products-layout-9a ul li{
margin:0 0 10px 0;
padding:0;
}

#products-layout-9 #products-layout-9a ul li p{
margin:0;
padding:0;
color:#000000;
}

#products-layout-9 #products-layout-9b{
margin:0;
padding:30px 120px 0 18px;
width:194px;
float:left;

}

#products-layout-9 #products-layout-9b ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-9 #products-layout-9b ul li{
margin:0 0 10px 0;
padding:0;
}

#products-layout-9 #products-layout-9b ul li p{
margin:0;
padding:0;
color:#000000;
}

#products-layout-9 #products-layout-9c{
margin:0;
padding:30px 12px 0 18px;
float:left;

}

#products-layout-9 #products-layout-9c ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-9 #products-layout-9c ul li{
margin:0 0 10px 0;
padding:0;
}

#products-layout-9 #products-layout-9c ul li p{
margin:0;
padding:0;
color:#000000;
}

#products-layout-10 {
width:959px;
height:30px;
clear:both;
margin:0 0 0 -15px;
padding:25px 0 10px 0 ;
}

#products-layout-11 {
margin:0;
padding:0;
clear:both;
}

#products-layout-11 a{
text-decoration:none;
color:#000000;
}

#products-layout-11 a:hover{
text-decoration:none;
color: #9a2e91;
}


#products-layout-11 #products-layout-11a{
margin:0;
padding:30px 100px 0 18px;
width:194px;
float:left;

}

#products-layout-11 #products-layout-11a ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-11 #products-layout-11a ul li{
margin:0 0 10px 0;
padding:0;
}

#products-layout-11 #products-layout-11a ul li p{
margin:0;
padding:0;
color:#000000;
}

#products-layout-11 #products-layout-11b{
margin:0;
padding:30px 60px 0 18px;
width:194px;
float:left;

}

#products-layout-11 #products-layout-11b ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-11 #products-layout-11b ul li{
margin:0 0 10px 0;
padding:0;
}

#products-layout-11 #products-layout-11b ul li p{
margin:0;
padding:0;
color:#000000;
}

#products-layout-11 #products-layout-11c{
margin:0;
padding:30px 0px 0 18px;
float:left;

}

#products-layout-11 #products-layout-11c ul {
margin:0;
padding:0;
list-style-type: inherit;
color:#9a2e91;
}

#products-layout-11 #products-layout-11c ul li{
margin:0 0 10px 0;
padding:0;
}

#products-layout-11 #products-layout-11c ul li p{
margin:0;
padding:0;
color:#000000;
}
/*******finish products********/

/*****start gallery********/
#gallery {
height:800px;
}

#gallery p {
margin:0;
padding:50px 0 0 0;
}

#gallery img {
margin:0 0 0 240px;
}