/*   



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:96px;



}



#footer-content {

width:960px;

margin:0 auto;



}

#halal-logo { width:450px; float:left; display:inline-block; padding:20px 0 0 20px;}
#halal-logo img { float:left; padding:0 10px 0 0;}
#halal-logo p { padding:20px 0 0 0;}




#copyright {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#333333;

padding:47px 0 0 0;

width:450px; float:right;

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;

}