/*   

Theme Name: APEX ENTITY CENTURY CORPORATION SDN BHD Website

Theme URI: www.card180.com

Description: A website special design for caragena.com. Design by PCT Internal Team, copyrighted.

Author: PCT - Production...

Version: version 1

/*********** Begin Sturcture **********/

body {

	margin:0 auto;
	
	background:#24272b url(img/general/body-img-bg.png) repeat-x top;
	font-family:"Arial", Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;

}

#wrap {

	width:960px;
	
	margin:0 auto;
	
	position:relative;

}

#header {
	
	height:253px;
	
	width:960px;
	
	margin:0 auto;

}

#page {

	width:960px;
	
	background:url(img/page/page-img-01.png) repeat-y;
	
	margin:0 auto;
	
	display:inline-block;

}

#footer {
	height:145px;
	
	background:url(img/footer/footer-img-01.png) repeat-x;
	
	clear:both;

}

#footer-content {

	width:960px;
	
	margin:0 auto;
	
	background:url(img/footer/footer-img-02.png) no-repeat top;
	
	height:145px;
	


}



/* begin general setting */

h1 {

	margin:0;
	
	font-size:24px;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	
	font-weight:normal;
	
	color:#9dd4fe;
	
	padding:10px 0 0 0;

}

h2 {
    margin:20px 0 0 0;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#9dd4fe;
	padding:0;
	}
	
a {

	outline:none;
	
	color:#FFFFFF;
	
	text-decoration:none;
	
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:12px;

}

p {

	margin:0;
	
	padding:0;
	
	color:#FFFFFF;
	
	font-family:"Arial", Helvetica, sans-serif;
	
	font-size:14px;
	
	line-height:1.3em;
	
	text-align:justify;
}

img {

	border:none;

}

/* end general setting */


/* begin header */

#header-content {

	width:960px;
	
	height:233px;
	
	float:right;
	
	padding:20px 0 0 0;
	
	background:url(img/header/banner-img-01.png) no-repeat bottom;

}

#header-banner {

	width:730px;
	
	height:206px;
	
	float:right;

}

#header-banner-plastic {

	width:730px;
	
	height:186px;
	
	float:right;
	
	padding:20px 0 0 0;
	
	background:url(img/header/banner-img-plastic.png) no-repeat;

}

#header-content-plastic {

	width:960px;
	
	height:233px;
	
	float:right;
	
	padding:20px 0 0 0;
	
	background:url(img/header/banner-img-02.png) no-repeat bottom;

}

#header-content-color {

	width:960px;
	
	height:233px;
	
	float:right;
	
	padding:20px 0 0 0;
	
	background:url(img/header/banner-img-03.png) no-repeat bottom;

}

#header-content-feature {

	width:960px;
	
	height:233px;
	
	float:right;
	
	padding:20px 0 0 0;
	
	background:url(img/header/banner-img-04.png) no-repeat bottom;

}













/* end header */


/* begin footer */


#footer-content-left {

	padding:82px 0 0;
	
	height:50px;
	
	width:500px;
	
	float:left;

}

#footer-content-left a:hover {

	color:#0099FF;

}

#footer-content-left p {

	font-size:12px;

}

#footer-content-mms {

	float:right;
	
	height:50px;
	
	width:150px;
	
	padding:75px 0 0;

}








/* end footer */


/* begin page */


#page-content {

	width:690px;
	
	float:right;
	

}

/* end page */

/* begin sidebar */

#sidebar {

	width:232px;
	
	height:365px;
	
	position:absolute;
	
	background:url('img/sidebar/sidebar-bg.png') no-repeat;
	
	top:20px;
	
	left:0;
	
	padding:0 0 0 0;
	
	font-size:18px;

}

#sidebar a {

	font-family:Calibri;
	
	font-size:14px;

}

#sidebar a#home-btn:hover {

	background:url('img/sidebar/sidebar-img-03.png') no-repeat;
	
	width:180px;
	
	display:block;
	
	height:28px;
	
	padding:8px 0 0 50px;

}

#sidebar a#home-btn {

	
	width:180px;
	
	display:block;
	
	height:28px;
	
	padding:8px 0 0 50px;

}

#sidebar a#about-btn {
	
	width:180px;
	
	display:block;
	
	height:28px;
	
	padding:10px 0 0 50px;

}

#sidebar a#about-btn:hover {

	background:url('img/sidebar/sidebar-img-03.png') no-repeat;
	
	width:180px;
	
	display:block;
	
	height:28px;
	
	padding:10px 0 0 50px;

}

#sidebar a#plastic-btn:hover {

	width:180px;
	
	height:27px;
	
	display:block;
	
	background:url('img/sidebar/sidebar-img-04.png') no-repeat;
	
	padding:10px 0 0 50px;

}

#sidebar a#plastic-btn {

	width:180px;
	
	height:27px;
	
	display:block;
	
	
	padding:10px 0 0 50px;

}

#sidebar a#color-btn {

	width:170px;
	
	height:24px;
	
	background:url(img/sidebar/sidebar-img-05.png) no-repeat;
	
	display:block;
	
	padding:8px 0 0 60px;

}

#sidebar a#color-btn:hover {
	
	background:url(img/sidebar/sidebar-img-06.png) no-repeat;

}

#sidebar a#feature-btn {

	width:170px;
	
	height:24px;
	
	background:url(img/sidebar/sidebar-img-05.png) no-repeat;
	
	display:block;
	
	padding:8px 0 0 60px;

}

#sidebar a#feature-btn:hover {
	
	background:url(img/sidebar/sidebar-img-06.png) no-repeat;

}

#sidebar a#contact-btn {

	width:180px;
	
	padding:12px 0 0 50px;
	
	display:block;
	
	height:28px;
}

#sidebar a#contact-btn:hover {

	background:url('img/sidebar/sidebar-img-04.png') no-repeat;

	width:180px;
	
	padding:12px 0 0 50px;
	
	display:block;
	
	height:28px;
}

#page-nav {

	margin:20px 0 0 0;
	
	height:416px;
	
	width:235px;

}

#page-nav img {

	margin:0 0 10px 0;

}




/* end sidebar */




/* begin home */

#page-home {

	width:690px;
	
	float:right;
	
	background:url(img/page/home/home-img-01.png) no-repeat top left;

}

#page-home #p1 {

	width:360px;
	
	height:254px;
	
	margin:10px 0 0;

}

#page-home #p1 p {

	text-align:justify;
	
	margin:0 0 25px;
	
	padding:0;

}

#page-home h1 {

	margin:59px 0 20px;

}

#page-home p {

	padding:0 0 15px 0;
	
	margin:0 40px 0 0;
	
	text-align:justify;

}



/* end home */



/* begin plastic */

#plastic {

	width:690px;
	
	background:url(img/page/plastic/plastic-bg-01.png) no-repeat scroll 564px top;

}

#plastic ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
#plastic ul li {
    float:left;
	width:296px;
	margin:30px 40px 0 0;
	height:450px;
	}

#plastic ul li.style02{
    float:left;
	width:296px;
	margin:10px 40px 0 0;
	height:400px;
	}
	
#plastic ul li.style03{
    float:left;
	width:296px;
	margin:30px 40px 0 0;
	height:350px;
	}

#plastic ul li p{
	margin:20px 0 0 0;
	}
	
#plastic ul li a img{
	padding:270px 0 0 0;
	}


*html #plastic ul li.content-btn {
    float:left;
	width:296px;
	margin:0;
	height:450px;
	}
/* end plastic */

/* begin cardcolor */

#cardcolor {

	width:690px;
	
	background:url(img/page/plastic/color/color-bg-01.png) no-repeat scroll 520px top;

}

#cardcolor img{
    margin:20px 40px 0 0;

}

#cardcolor h2{
     width:340px;
	 float:left;
	 margin:0;
	 padding:0;
	 margin:30px 0 0 0;
}

#cardcolor ul{
    background:url('img/page/plastic/color/color-list.png') no-repeat;
	width:690px;
	height:205px;
	margin:55px 0 0 0;
	padding:0;
	list-style:none;
}

#cardcolor ul li{
    margin:4px 23px 8px 90px;
	padding:0;
    float:left;
width:55px;
	}

*html #cardcolor ul{
    background:url('img/page/plastic/color/color-list.png') no-repeat;
	margin:0;
	margin:55px 0 0 0;
	padding:0;
	list-style:none;
}

*html #cardcolor ul li{
    padding:4px 40px 8px 90px;
	margin:0;
    float:left;
	}


#cardcolor a img{
    margin:20px 0 0 300px;
	}
	
/* end cardcolor */


/* begin cardfeature */

#cardfeature {

	width:690px;
	
	background:url(img/page/plastic/feature/feature-bg-01.png) no-repeat scroll 543px top;

}

#cardfeature p{
   padding:20px 40px 0 0;
   }
   
#cardfeature ul{
    list-style:none;
	margin:0;
	padding:0;
   }

#cardfeature ul li {
    float:left;
	width:299px;
	margin:20px 40px 0 0;
	height:300px;
	}

#cardfeature ul li.list-02 {
    float:left;
	width:299px;
	margin:20px 40px 0 0;
	height:260px;
	}

#cardfeature ul li.list-03 {
    float:left;
	width:299px;
	margin:20px 40px 0 0;
	height:350px;
	}

#cardfeature ul li.list-04 {
    float:left;
	width:299px;
	margin:20px 40px 0 0;
	height:330px;
	}
	
*html #cardfeature ul li {
    float:left;
	width:299px;
	margin:20px 30px 0 0;
	}
	
#cardfeature ul li p{
	margin:0;
	padding:10px 0 0 0;

	}
	
#cardfeature a img{
    margin:0 0 0 300px;
	}
/* end cardfeature */

/* begin about */

#company p{
     margin:20px 0 0 0;
	 padding-right:40px;
}

#company .content-layout01 {
     margin:30px 0 0 0;
	 }

#company .content-layout01 img{
     float:left;
	 margin:0 20px 0 0;
	 }

#company ul{
     list-style:circle;
	 color:#3caafd;
	 float:left;
	 margin:0 0 0 0;
	 padding:10px 30px 0 35px;
	 }
	 
*html #company ul{
     list-style:circle;
	 color:#3caafd;
	 float:left;
	 margin:0 0 0 0;
	 padding:10px 20px 0 20px;
	 }
	 
*+html #company ul{
     list-style:circle;
	 color:#3caafd;
	 float:left;
	 margin:0 0 0 0;
	 padding:10px 20px 0 20px;
	 }

#company ul li p{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
;
	 color:#ffffff;
	 margin-top:0;
	 margin-bottom:5px;
	 margin:0 30px 0 5px;
	 }
	 
*+html #company ul li p{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
;
	 color:#ffffff;
	 margin-top:0;
	 margin-bottom:5px;
	 margin:0 30px 0 15px;
	 }
	 	 
*html #company ul li p{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
;
	 color:#ffffff;
	 margin-top:0;
	 margin-bottom:5px;
	 margin:0 30px 0 15px;
	 }

#company p.content-bottom{
     margin:0 0 0 0;
	 padding:20px 40px 0 0;
	 clear:both;
}
/* end about */


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

#contact p{
     margin:20px 0 0 0;
}

#contact .content-layout01{
     background:url('img/page/contact/enquiry-bg.png') no-repeat;
	 margin:40px 0 0 0;
}

#contact .content-layout01 h1{
    padding:20px 0 20px 20px;
	}
	
#contact .content-layout02{
     background:url('img/page/contact/contact-bg02.png') no-repeat;
	 margin:40px 0 0 0;
	 width:330px;
	 float:left;
}	

#contact .content-layout02 h2{
     padding:20px 0 0 20px;
	 margin:0;
	 }


#contact .content-layout02 p{
     padding:0 0 0 20px;
	 }

#contact .content-layout02 ul{
     margin:0 0 0 0;
	 padding:0 0 0 20px;
	 }

#contact .content-layout02 ul.content-bottom{
     margin:0 0 0 0;
	 padding:0 0 20px 20px;
	 }
	 
#contact .content-layout02 ul.content-top{
     margin:0;
	 padding:30px 0 0 20px;
	 }
	 
#contact .content-layout02 ul li.icon{
	margin:0 10px 15px 0;
	list-style:none;
	float:left;
	width:19px;
	 }

#contact .content-layout02 ul li.icon2{
	margin:0 10px 0 0;
	list-style:none;
	float:left;
	width:19px;
	 }
	 
#contact .content-layout02 ul li{
	margin:0 0 5px 0;
	list-style:none;
	 }
	 
#contact .content-layout02 ul li p {
    padding:0 0 0 5px;
	margin:0;
	}
	



#contact .content-layout03{
     background:url('img/page/contact/contact-bg03.png') no-repeat bottom;
	 margin:40px 0 0 0;
	 width:330px;
	 float:left;
}	

#contact .content-layout03 h2{
     padding:20px 0 0 40px;
	 margin:0;
	 }


#contact .content-layout03 p{
     padding:0 0 0 40px;
	 }

#contact .content-layout03 ul{
     margin:0 0 0 0;
	 padding:0 0 0 40px;
	 }

#contact .content-layout03 ul.content-bottom{
     margin:0 0 0 0;
	 padding:0 0 20px 40px;
	 }
	 
#contact .content-layout03 ul.content-bottom2{
     margin:0 0 0 0;
	 padding:0 0 70px 40px;
	 }
	 
#contact .content-layout03 ul.content-top{
     margin:0;
	 padding:30px 0 0 40px;
	 }
	 
#contact .content-layout03 ul li.icon{
	margin:0 10px 15px 0;
	list-style:none;
	float:left;
	width:19px;
	 }

#contact .content-layout03 ul li.icon03{
	margin:0 10px 40px 0;
	list-style:none;
	float:left;
	width:19px;
	 }

#contact .content-layout03 ul li.icon2{
	margin:0 10px 0 0;
	list-style:none;
	float:left;
	width:19px;
	 }
	 
#contact .content-layout03 ul li{
	margin:0 0 5px 0;
	list-style:none;

	 }
	 
#contact .content-layout03 ul li p {
    padding:0 0 0 5px;
	margin:0;
	}
/**************end contact *************/



/* begin form */
#form1 {

	width:690px;
	
	height:200px;
	
	background:url(/wp-content/themes/kobewel/img/page/contact/contact-img-01.png) no-repeat;
	
	margin:25px 0 0 0;

}

#form1 #form-left {

	width:300px;
	
	float:left;

}

#form1 #form-left p.form1-title {

	color:#FFFFFF;
	
	font-size:24px;
	
	padding:35px 0 0 49px;

}

#form1 #form-left p {

	color:#FFFFFF;
	margin:5px 0 10px 30px;
	padding:0;
	width:110px;

}

#form1 #form-left table {

}

#form1 #form-left td {

	padding:0 0 5px 0;

}

#form1 #form-right {

	width:300px;
	
	
	float:left;

}

#form1 #form-right table {
   margin:0 0 0 40px;

}

*html #form1 #form-right table {
   margin:0 0 0 0;

}

#form1 #form-right p {

	color:#FFFFFF;
	margin:5px 0 10px 20px;
	padding:0;

}

.col{
  width:200px;
  margin:0 0 0 5px;
  }
  
.col2{
  width:200px;
  height:90px;
  margin:0 0 10px 5px;
  }
  
/* end form */