/*   

Theme Name: Professional Website v1-feature

Theme URI: www.food-catering.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;
	background-color:#e2daca;

}

#page {
background:url(img/general/page-bg.png) repeat-x;
height:790px;

	

}

#page-pattern {
background:url(img/general/page-pattern-bg.png) top no-repeat #f4f0e8;
margin:0 auto;
width:914px;
height:570px;
}


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




#content {
width:880px;
margin:0 auto;
padding:13px 0 0 0;

}




#content-main {

}



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


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


h1 {

}



h2 {
margin:0;
padding:0 0 3px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#6d270c;
font-weight:normal;
border-bottom:solid 5px #eae1d0;



}

h3 {
background:url(img/page/services/03services-02.png) no-repeat;
width:351px;
height:25px;
margin:0;
padding:0 0 0 10px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;


}


p {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin:0;
padding:0;
font-size:13px;
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.png) repeat-x;
height:135px;

}

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

}

#logo {
margin:5px 0 0 0;
padding:0;
float:left;

}


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

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




#nav {
margin:0;
padding:0;


}

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


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


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


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

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


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


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


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


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

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

}

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

}


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

}


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


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


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


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


/*********** Begin Footer **********/
#footer {
background:url(img/footer/footer-bg.png) repeat-x;
height:61px;

}

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

}



#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
padding:30px 0 0 0;
text-align:center;

}


#mms {

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

/*********** Begin Home **********/
#home {
width:960px;
margin:0 auto;
position:relative;



}


#home-layout-1 {
width:960px;
margin:0 auto;
background:url(img/page/home/11.png) no-repeat;
width:960px;
height:465px;
}

#flash {
margin:0;
padding:43px 0 0 46px;
}


/*********** finish Home **********/

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




#about-layout-1 {
margin:0 ;
padding:0;
float:left;
width:173px;
position:relative;
}


/*\*/ * html #about-layout-1 {
margin:0 30px 0 0px;
padding:0;
float:left;
width:173px;
position:relative;
}

/**/ 


#about-layout-2 {
float:right;
margin:20px 20px 0 0;
padding:0;
width:653px;
}



#about-layout-2 p{
margin:0 0 20px;
width:653px;

}




#about-layout-3 {
float:right;
margin:20px 20px 0 0;
padding:0;
width:653px;
}


/*\*/ * html #about-layout-3 {
float:right;
margin:20px 10px 0 0;
padding:0;
width:653px;
}

/**/ 

#about-layout-3a {
background:url(img/page/about/02about-04.png) no-repeat;
width:340px;
height:27px;
margin:15px 0 10px 0;

} 

#about-layout-3a p{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
padding:2px 0 0 10px;


}

#about-layout-3 p{
margin:0 0 20px;
width:653px;

}



#style-1 {
position:absolute;
top:20px;
right:0;
}

#style-2 {
position:absolute;
left:0;
top:200px;
}

 #style-3 {
position:absolute;
top:350px;
left:20px;
}


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


#services-layout-1 {
margin:10px 30px 0 0;
padding:0;
float:left;
width:217px;
}

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


#services-layout-1 img{
margin:0 0 15px 0;


}

#services-layout-2 {
float:left;
margin:10px 0 0 0;
width:600px;
}

#services-layout-2 p{
margin:0 0 15px 0;


}



#services-layout-2 h3 {
margin:0 0 5px 0;
}

#services-layout-2a {
margin:0 0 0 16px;
padding:0;
}

#services-layout-2a ul {
margin:-10px 0 15px 0;
padding:0 0 0 0px;
list-style-image:url(img/page/services/03services-03.png);
}

#services-layout-2a ul li{
margin:0 0 5px 0;
padding:0;
}

#services-layout-2a ul li p{
margin:0;
padding:0;
text-align:left;
}

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


#contact-layout-1 {
margin:20px 0 0 0;
padding:0;
float:left;
height:279px;
}

#contact-layout-2 {
float:left;
margin:15px 0 0 20px;

}

#contact-layout-2 h3 {
margin:10px 0 10px 0;
}


#contact-layout-2 p{
margin:0;
}


#contact-layout-1 iframe {
border:solid 8px #000000;


}


#contact-layout-3 {
float:left;
width:877px;
}

#contact-layout-3 .adjust {
width:369px;
height:26px;
border:1px solid #eae8e4;
margin:0 60px 0 0;
padding:3px 0 0 0;
}




#contact-layout-3 .adjust-2 {
width:369px;
height:101px;
border:1px solid #eae8e4;
padding:3px 0 0 0;

}

#contact-layout-3 p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000000;

}

#contact-layout-3 h3 {
margin:0 0 10px 0;
}


#contact-layout-3a {
margin:0 0 0 20px;
border:1px solid #e1e1e1;
height:170px;
padding:10px 0 0 20px;
margin:0 auto;
position:relative;
} 


#contact-layout-3b {
position:absolute;
left:430px;
top:20px;


}


#send {
margin:5px 0px 0 290px;

}




#home-layout-2 {
margin:0;
padding:0;

}


#home-layout-2a {
margin:0px 0 0 60px;
padding:0;
background:url(img/page/home/6.png) no-repeat;
width:524px;
height:227px;
position:relative;
float:left;
}


/*\*/ * html #home-layout-2a {
margin:10px 0 0 30px;
padding:0;
background:url(img/page/home/6.png) no-repeat;
width:524px;
height:227px;
position:relative;
float:left;
}

/**/ 


#home-layout-2a p#style-4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#6d280c;
width:120px;
padding:16px 0 0 27px;



}

#home-layout-2b {
margin:0;
padding:0;
width:310px;
height:155px;
float:left;
}


#home-layout-2b img{
margin: 10px 0 0 30px;
padding:0;
float:left;
}

#home-layout-2b p {
height:178px;
text-align: left;
width:150px;
float:right;
margin:10px 0 0 0;
}


#home-layout-2c {
float:left;
margin:10px 0 0 25px;
padding:0;
}


#home-layout-2c ul{
margin:10px 0 0 30px;
padding:0;
list-style:url(img/page/home/3.png);


}

#home-layout-2c ul li{
margin:10px 0 0 0;
padding:0;


}

#home-layout-2c ul li{
*margin:5px 0 0 0;
padding:0;


}


#home-layout-2c ul li p{
margin:0;
padding:0;


}

#home-layout-2d {
position:absolute;
right:14px;
top:20px;
}


#home-layout-2e {
position:absolute;
right:206px;
top:69px;
}


#home-layout-2f {
left:-78px;
position:absolute;
top:116px;
}



#home-layout-3 {
float:left;
width:319px;
margin:-7px 0 0 0;
position:relative;
}

#home-layout-3a {
margin:0 0 0 0px;
padding:0;
width:146px;
float:left;


}

#home-layout-3a ul{
margin:0 0 0 30px;
padding:0;
list-style:url(img/page/home/10.png);


}


#home-layout-3a ul li{
margin:0 0 5px 0;
padding:0;


}

#home-layout-3a ul li p{
margin:0;
padding:0;
color:#ffffff;
text-align:left;


}


#style-8 {
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:20px;
left:65px;
position:absolute;
top:18px;
}








#home-layout-3b {
margin:0 10px 0 0px;
padding:0;
width:159px;
float:right;


}

#home-layout-3b ul{
margin:0 0 0 30px;
padding:0;
list-style:url(img/page/home/10.png);


}


#home-layout-3b ul li{
margin:0 0 5px 0;
padding:0;


}

#home-layout-3b ul li p{
margin:0;
padding:0;
color:#ffffff;
text-align:left;


}


#home-layout-4 {
left:166px;
position:absolute;
top:700px;
}

#home-layout-4 p#style-5 {
color:#ffffff;
margin:0 0 0 40px;

}


#home-layout-4 p#style-6 {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#d6bb89;
margin:0 0 0 40px;

}

#home-layout-4 p#style-7 {
margin:-82px 0 0 0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#ffffff;


}



#home-layout-4a {
left:472px;
position:absolute;
top:703px;
}



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