/*   

Theme Name: Marketing Website v1-feature

Theme URI: www.mcie.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. Design by AP, PCT sdn.bhd. copyrighted.

Author: PCT - Production


Version: version 1

*/

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

}

#page {
width:961px;
margin:0 auto;
background:#ffffff url('img/page/page-bg.png') no-repeat;
background-position:top;
	

}




#page-home {
width:970px;
margin:0 auto;
height:670px;
	

}


#page-about{
width:961px;
margin:0 auto;
height:335px;
background:url('img/page/about/page-about-bg.jpg') no-repeat;
}

#page-services{
width:956px;
margin:0 auto;
background:url('img/page/services-bg.png') no-repeat;
}




/*\*/ * html #page-about{
width:961px;
margin:-9px auto 0;
height:335px;
background:url('img/page/about/page-about-bg.jpg') no-repeat;
}

/**/ 

#page-gallery{
width:956px;
margin:0 auto;
height:530px;
background:url('img/page/gallery-bg.png') no-repeat;
}

#content {
width:911px;
margin:0;
padding:20px 0 0 25px;


}




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


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


h1 {
margin:0;
padding:0px 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
background:url(img/page/general-h1-bg.png) no-repeat;
width:911px;
height:40px;
font-weight:100;

}



h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#000000;
width:241px;
height:39px;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#000000;
margin:0;
padding:0;
font-weight:normal;



}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#4f6819;

}


p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#484747;


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


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

/*********** Begin Header **********/
#header {
	
	height:110px;
	background:#FFFFFF url('img/header/header-border.png') repeat-x bottom;
	margin:0;	padding:0;

}

#header-content {

height:110px;
width:963px;
margin:0 auto;
}

#logo {
float:left;
margin:13px 0 0 0;
}

#header-pic {
width:963px;
height:99px;
background:url('img/header/header-bg.jpg');
margin:0 auto;
}



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


/***********begin banner **********/

/*\*/ * html #banner-border-bottom {
height:10px;
margin-top:-3px;
background:url('img/banner/banner-border.png') repeat-x 0 top;
}

/**/ 

#banner-border-bottom {
height:10px;
background:url('img/banner/banner-border.png') repeat-x 0 top;
}

#banner {
margin:0 auto;
padding:0;
width:971px;
height:274px;
}

#banner img {
margin:0;
padding:0;
}

#banner-home {
margin:0 auto;
padding:0;
width:971px;
height:313px;
}




/***********end banner **********/
/*********** Begin Nav **********/

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

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

#home-btn:hover {
background-image:url('img/nav/home-btn-hv.png');
}

#about-btn {
width:120px;
height:35px;
float:left;
background-image:url('img/nav/about-btn.png');

}

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

}


#about-btn:hover {
background-image:url('img/nav/about-btn-hv.png');

}


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

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


#services-btn:hover {
background-image:url('img/nav/services-btn-hv.png');
}


#gallery-btn {
width:109px;
height:35px;
float:left;
background-image:url('img/nav/gallery-btn.png');
}

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


#gallery-btn:hover {
background-image:url('img/nav/gallery-btn-hv.png');
}


#contact-btn {
width:192px;
height:35px;
float:left;
background-image:url('img/nav/contact-btn.png');

}

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

}


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

}


#nav {
margin:0;
padding:35px 0 0 106px;
float:left;
}


#img-preload {
display:none;
}
/*********** End Nav **********/


/*********** Begin Footer **********/
#footer {
height:128px;
background:url('img/footer/footer-bg.png') repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;


}



#footer-content {
width:960px;
margin:0px auto ;
background:url('img/footer/footer-bg-1.png');
background-repeat:no-repeat;
height:128px;
padding:0px 0 0 0;


}
#copyright {
margin:0;
padding:30px 0 0 150px;
float:left;



}


#mms {
margin:13px 0 0 0;
padding:0;
float:left;
}



#footer-menu {
margin:0 0 0 140px;
padding:35px 0 0 ;
}

#footer-menu ul {
margin:0;
padding:0;
list-style:none;
}

#footer-menu ul li{
margin:0;
padding:0 40px;
float:left;
border-right-style:solid;
border-right-width:1px;
border-right-color:#999999;
}

#footer-menu ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#7d7c7c;
text-decoration:none;

}

#footer-menu ul li a:hover {
text-decoration:underline;
}


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

/*********** Begin Home **********/
#home {
width:961px;
margin:0;
padding:0px 0 0 30px;


}

#home-layout-1 {
width:255px;
height:380px;
float:left;
margin:40px 0 0 0;
}


#home-layout-1 h1 {
width:240px;


}

#home-layout-1 p{
text-align:justify;
margin:10px 0 0 0;
padding:0;
}

#home-layout-1 ul {
margin:20px 0 0 17px;
padding:0;
}

#home-layout-1 ul li {
margin:0;
padding:0 0 0 3px;
list-style-image:url(img/page/home/home-img-02.png);

}

#home-layout-1 ul li  h3 {
width:240px;
}

/*\*/ * html #home-layout-2 {
width:294px;
height:387px;
background-image:url(img/page/home/home-img-03.png);
background-repeat:no-repeat;
float:left;
margin:20px 0 0 30px;
padding:20px 0 0 25px;

}

/**/ 

#home-layout-2 {
width:294px;
height:387px;
background-image:url(img/page/home/home-img-03.png);
background-repeat:no-repeat;
float:left;
margin:20px 0 0 45px;
padding:20px 0 0 25px;

}


#home-layout-2 ul {
margin:0 0 0 20px;
padding:0;
}

#home-layout-2 ul li {
margin:0;
padding:0;
list-style-image:url(img/page/home/home-img-02.png);
}

#home-layout-2 ul li  h3 {
width:240px;
margin:11px 0;
padding:0;
}


#home-layout-3 {
float:right;
margin:40px 28px 0 0;
width:290px;
height:470px;
}

#home-layout-3 img {
float:left;
}

#home-layout-4 {
width:914px;
height:110px;
background-image:url(img/page/home/home-img-04.png);
float:left;
margin:20px 0 0 0;
}

#home-layout-4 p {
margin:87px 10px 0 0;
padding:0;
float:right;
}

#home-layout-4 p a {
color:#FFFFFF;
text-decoration:none;
}

#home-layout-4 p a:hover {
color:#FFCC33;
}

.style-1 {
color:#f4c301;
}

/*********** End Home **********/
#about {
height:300px;

}


#about p{
margin:30px 0;
padding:0;
text-align:justify;
}