/*   

Theme Name: Professional Website v1-feature

Theme URI: www.bakkwa.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 {
background:url(img/general/pattern-bg.png) repeat-x top #a72229;

	

}




#content {
width:960px;
margin:0 auto;
padding:30px 0 0 0;

}




#error {
	margin-top: 60px;
}
/*********** End Sturcture **********/


/*********** Begin General setting **********/


h1 {
margin:0;
padding:0;

}



h2 {
margin:0;
padding:0;
font-family:Forte;
font-size:30px;
color:#ffcc00;
margin:0;
padding:0;
font-weight:normal;



}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffcc00;
margin:0;
padding:0;
font-weight:normal;

}

h5 {
font-family:Forte;
font-size:30px;
color:#ffffff;
margin:0;
padding:0;
font-weight:normal;
}


p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
margin:0;
padding:0;


}

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:60px;

}

#header-content {
width:960px;
margin:0 auto;

}

#logo {

}


#banner {
height:193px;
background-color:#a72229;
}


#banner-home {
height:463px;
background-color:#a72229;
}

#banner-flash {
width:960px;
margin:0 auto;
}


/*********** End Header **********/

/*********** Begin Nav **********/




#nav {
margin:0;
padding:20px 0 0 45px;


}

#nav ul{
margin:0;
padding:0;
list-style:none;


}


#nav ul li{
margin:0 45px 0 0;
padding:0;
float:left;


}

#nav ul li p{
margin:0;
padding:0;
text-align:center;


}

#nav ul li p a{
text-decoration:none;
font-family: "Arial Rounded MT Bold";
font-size:15px;
color:#ffffff;


}

#nav ul li p a:hover {
color:#ffcc00;

}







/*********** End Nav **********/


/*********** Begin Footer **********/
#footer {
background:url(img/footer/footer-bg.png) repeat-x;
height:51px;

}

#footer-content {
width:960px;
margin:0 auto;

}



#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding:20px 0 0 ;

}


#mms {

}
/*********** End Footer **********/

/*********** Begin Home **********/
#home {
width:960px;
margin:0 auto;
height:285px;



}

#home-layout-1 {
background:url(img/page/home/01home-01.png) no-repeat;
width:637px;
height:245px;
margin:20px 0 0 0;
float:left;
}


#home-layout-1 img{
float:left;
margin:23px 15px 15px ;
}

#home-layout-1 h2 {
margin:23px 0 0 0;
}

#home-layout-1 p {
margin:0 20px 15px;
text-align:justify;
}


#home-layout-2 {
background:url(img/page/home/01home-02.png) no-repeat;
width:308px;
height:245px;
float:right;
margin:20px 0 0 0;
}

#home-layout-2 h2 {
margin:20px 0 0 20px;
}

#home-layout-2 iframe {
padding:15px 0 0 20px;
}


#about {
margin:0;
padding:0;
height:503px;
position:relative;
}


#about-shadow {
position:absolute;
top:210px;
}


#about-layout-1 {
margin:0;
padding:0;
}

#about-layout-1 img{
margin:0;
padding:0;
float:right;
}

#about-layout-1 p {
margin:0 0 20px 0;
padding:0;
width:495px;
}


#about-layout-1 p#style-1 {
margin:90px 0 20px 0;
}



#business {
margin:0;
padding:0;
height:413px;
position:relative;
}

#business-layout-1 {
margin:0;
padding:0;
width:500px;
float:left;
}

#business-layout-1 img{
margin:0;
padding:0;
float:right;
}


#business-layout-1 p#style-2 {
margin:90px 0 0px 0;
}

#business-layout-2 {
float:right;
width:424px;
}

#business-layout-3 {
position:absolute;
top:130px;
}


#location {
margin:0;
padding:0;
position:relative;
}


#location ul{
margin:15px 0 0 0;
padding:0;
background:url(img/page/location/05location-06.png) bottom no-repeat;
height:248px;
list-style:none;
width:592px;
}

#location ul#style-3{
margin:15px 0 0 0;
padding:0;
background:none;
height:248px;
list-style:none;
width:592px;
}


#location ul li {
margin:0;
padding:0;
float:left;
}

#location ul li img{
margin:0 15px 0 0;


}



#location ul li p{
margin:0 0 20px;
padding:0;
}


#location-layout-1 {
position:absolute;
top:0;
right:0;

}

#location-layout-1 h2{
background:url('img/page/location/enquiry-bg.png') no-repeat;
padding:5px 0 5px 50px;
margin:20px 0 10px 10px;
}






p.prodtitles {
float:left;
margin:10px 0 20px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
width:121px;
}



#sidebar-left {
width:205px;
height:230px;
float:right;
}

#sidebar-layout-left {
background:url(img/sidebar-img.png) no-repeat;
width:205px;
height:228px;

}


#sidebar-layout-left ul{
list-style:none;
padding:60px 0 0 10px;

}


#sidebar-layout-left ul li{
padding:5px 0 2px 0;


}

#sidebar-layout-left ul{
list-style:none;
*padding:60px 0 0 0px;

}


#sidebar-layout-left ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;

}

#sidebar-layout-left ul li a:hover {
color:#FFFF00;


}


#left-layout {
width:207px;
float:right;
}

#content-main {
width:722px;

}



#sidebar-layout-left ul.SubCategories {
margin:0 0px 0 20px;
padding:0;
display:none;
}


.wpsc_description , table.style-4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
}


.wpsc_description td {
width:100px;
}



.breadcrumb a {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;

}


#dried-meat {
margin:0;
padding:0;
}


#dried-meat h5 {
margin:0;
padding:0;
color:#FFFFFF;
background:url(img/products-title.png) bottom no-repeat;
height:70px;
width:543px;
}

#dried-meat p {
float:left;
}

#dried-meat a {
color:#FFFFFF;
font-size:14px;
}

#wh {
margin:0;
padding:0;
height:300px;
}

#wh img{
padding:10px 0 10px;
}

.col {
width:240px;
}

#enquiry-btn {
margin:20px 0 0 20px;
}
