/*   

Theme Name: Marketing Website v1-feature

Theme URI: www.pcp.com.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. 

Author: PCT

Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;
	background:url(img/general/bg.png) repeat-x top #ffffff;
	height:300px;
	

}

#page {
width:960px;
margin:0 auto;

}

/*\*/ * html #page {
width:960px;
margin:-4px auto 0;

}

 /**/ 


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

}




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


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


h1 {
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-weight:normal;



}

#bg-top {
background:url(img/page/page-bg-top.png) top #ffffff no-repeat;
width:960px;
height:74px;

}

#bg-top h1 {
margin:0;
padding:29px 0 0 28px;
}


#bg-bottom {
background:url(img/page/page-bg-bottom.png) bottom #ffffff no-repeat;
width:960px;
margin:0 0 20px 0;

}




#content-main {
margin:0 0 0 30px;
width:930px;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
margin:0;
padding:0;



}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
margin:20px 0 0 0;
padding:0;

}


p {
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


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

/*********** Begin Header **********/
#header {
width:960px;
margin:0 auto;

}

#header-content {
width:960px;
height:110px;
margin:0 auto;

}

#logo {
float:left;

}


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

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


#nav {
margin:40px 0 0;
padding:0;
float:right;
}

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

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

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


#product-btn {
width:138px;
height:56px;
float:left;
background-image:url(img/nav/products-btn.png);
}

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


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


#material-btn {
width:138px;
height:56px;
float:left;
background-image:url(img/nav/material-btn.png);

}

#material-btn-on {
width:138px;
height:56px;
float:left;
background-image:url(img/nav/material-btn-hv.png);

}


#material-btn:hover {
width:138px;
height:56px;
float:left;
background-image:url(img/nav/material-btn-hv.png);

}

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

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


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


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


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

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


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

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

}


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

}

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

}

#footer-content img {

}

#copyright {
margin:0px 0 0 0px;
padding:20px 0 0 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4f4f4f;
font-size:10px;
width:500px;
float:left;


}


#mms {
margin:0;
padding:0;
float:right;
}
/*********** End Footer **********/

/*********** Begin material **********/

#material {
margin:10px 0 0 0;
padding:0;
height:950px;
width:930px;
}

#material ul {
padding:0;
list-style:none;
float:left;
margin:0 15px 0 0;
height:330px;

}



#material ul li{
margin:0;
padding:0;
width:292px;

}




#material h2 {
margin:0;
padding:0;
}

#material ul li ul {
margin:10px 0 0 ;
padding:0;
height:auto;

}

#material ul li ul li{
margin:0;
padding:0;
height:auto;
background:url(img/page/material/bullet.jpg) no-repeat top;
width:25px;


}

/*\*/ * html #material ul li ul li{
margin:0;
padding:0;
height:auto;
background:url(img/page/material/bullet.jpg) top no-repeat left;
width:25px;


}

/**/ 

#material ul li ul li p{
margin:0 0 0 20px;
padding:0;
width:250px;
}


#material .style-3 {
height:300px;
}

/*********** End material page **********/


/*********begin product page**********/

#product {
margin:10px 0 0 25px;
padding:0;
height:620px;

}


#product ul{
margin:0 15px 0 0 ;
padding:0;
list-style:none;
float:left;
height:172px;
}

#product ul li{
margin:0;
padding:0;
width:127px;

}

#product ul li img{
cursor:pointer;
}
#product-swap {
background-image:url(img/page/product/green-border.png) ;
background-repeat:no-repeat;
width:851px;
height:350px;
float:left;
margin:20px 0 0 0;
position:relative;
}

#product-swap img {
margin:9px 0 0 6px;

}

#product-swap p {
margin:0;
padding:0;
}

#next-btn {
background:url(img/page/product/02product02.png) right no-repeat;
width:99px;
height:34px;
margin:0 0 9px 740px;



}

#next-btn p{
margin:0;
padding:4px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
}

#next-btn p a {
width:99px;
color:#000000;
text-decoration:none;
display:block;
}


#previous-btn p a {
width:99px;
color:#000000;
text-decoration:none;
height:40px;
display:block;
}

#previous-btn {
width:99px;
background:url(img/page/product/02product01.png) left no-repeat;
height:34px;
margin:0 0 9px 0;
display:block;

}

#previous-btn p{
margin:0;
padding:4px 0 0 57px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
}

#about {
margin:0;
padding:0;
height:400px;
}



#about p{
margin:0 0 20px 0;
padding:0;
width:890px;
text-align:justify;
}


/*******begin home*********/
#home p#style-1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
font-style:italic;
text-align:center;
margin:20px 0 0 0;
color:#404040;

}

#home p#style-2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:36px;
text-align:center;
margin:0 0 20px 0;
}

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


#home-layout-1 {
margin:40px 0 40px 0;
padding:0;
background:url(img/page/home/01home01.png) no-repeat;
width:960px;
height:236px;
position:relative;
}

#home-layout-2 {
width:580px;
height:200px;



}

#home-layout-2 h1 {
padding:30px 0 0 30px;
}

#home-layout-2 p {
margin:15px 0 0 30px;
padding:0;
width:519px;
text-align:justify;
}

#read-more {
margin:0 0 0 440px;
padding:0;
width:300px;

}


#read-more img{
margin:0;
padding:0;
float:left;
}

#read-more a{
margin:0;
padding:0;
text-decoration:none;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
cursor:pointer;
}

#read-more p {
margin:0 0 0 0px;
padding:0 0 0 10px;
width:100px;
float:left;

}

#home-layout-3 {
margin:0;
padding:0;
width:320px;
position:absolute;
top:30px;
left:610px;

}

#home-layout-3 img {
float:left;
margin:0 120px 10px 0;
padding:0;
}

#home-layout-3 #home-layout-4 {
margin:0;
padding:0;
}


#home-layout-3 #home-layout-4 img{
margin:0;
padding:0;
float:left;
}

#home-layout-3 #home-layout-4 ul {
margin:0 0 0 110px;
padding:0;
}

#home-layout-3 #home-layout-4 ul li{
margin:0;
padding:0;
list-style:url(img/page/home/bullet.jpg);
}

#read-more-1 {
margin:40px 0 0 180px;
padding:0;
width:300px;

}

/*\*/ * html  #read-more-1 {
margin:0px 0 0 180px;
padding:0;
width:300px;

}
/**/ 


*:first-child+html #read-more-1 {
margin:0px 0 0 180px;
padding:0;
width:300px;

}








#read-more-1 img{
margin:0;
padding:0;
float:left;
}

#read-more-1 a{
margin:0;
padding:0;
text-decoration:none;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
cursor:pointer;
}

#read-more-1 p {
margin:0 0 0 0px;
padding:0 0 0 10px;
width:100px;
float:left;

}

/********end home*********/

/******begin contact**********/

#contact {
height:620px;
}

#google {
margin:0;
padding:30px 0 0 25px;
}

#bg-top-2 {
background:url(img/page/page-bg-top.png) top #ffffff no-repeat;
width:960px;
height:297px;

}

#contact-layout-1 {
margin:60px 0 0 0;
padding:0;
width:330px;
float:left;
}

#contact-layout-1 p{
font-family:"Times New Roman", Times, serif;
font-size:15px;

}

#contact-layout-1 a{
text-decoration:none;
color:#000000;
}

#contact-layout-1 h1 {
margin:0;
padding:0 0 5px 0;

}

/*\*/ * html #contact-layout-2 {
float:right;
width:458px;
height:526px;
margin:50px 15px 0 0;
background-image:url(img/page/contact/05contact01.png);
}

/**/ 

*:first-child+html #contact-layout-2 {
float:right;
width:458px;
height:526px;
margin:50px 30px 0 0;
background-image:url(img/page/contact/05contact01.png);
}

#contact-layout-2 {
float:right;
width:458px;
height:526px;
margin:60px 30px 0 0;
background-image:url(img/page/contact/05contact01.png);
}


h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
margin:0;
padding:0;
}

#contact-layout-2 h4 {
margin:20px 0 30px 35px;
padding:0;
}

#contact-layout-2 .adjust {
border:none;
background:url(img/page/contact/05contact02.png);
background-repeat:no-repeat;
width:370px;
height:32px;

}

#contact-layout-2 #adjust-2 {
border:none;
background:url(img/page/contact/05contact03.png);
background-repeat:no-repeat;
width:370px;
height:69px;
}

#contact-layout-2 p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#000000;
margin:7px 0 5px 0;
}

#contact-layout-2 #send {
margin:10px 0 0 320px;
padding:0;
}

#contact-form {
margin:20px 0 0 37px;
padding:0;
}

#img-preload {
display:none;
}

#loading {
margin:0;
padding:10px 0 0 10px;
position:absolute;
}

#loading p{
color:#999999;
font-size:14px;
}

#the-content {
position:absolute;
top:1080px;
width:960px;
}

#the-content p {
margin:12px 0;
text-align:justify;
}

#home img.aec-logo {
float: left;
}

#intro {
width: 700px;
margin-left: 200px;
position: relative;
}