@charset "utf-8";
/* CSS Document */

/*   

Theme Name: Power Cool Equipment (M) Sdn Bhd Website

Theme URI: www.power-cool.com.my

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

Author: PCT - Production

Version: version 1

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

.hiddenpic {display:none;}

body {
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color: #276db8;

}


#body-bg {
background-repeat: repeat-x;
background-color:#276db8;
margin:0 auto;
}

h1 {
   font-size:120%;
   color:#1c4879;
   font-weight: bold;
   margin:0;
   padding:10px 0 0 20px;
   background:url('img/general/title-bg.png') no-repeat scroll center 97px;
   width:789px;
   height:28px;
   }

h2 {
   font-size:12px;
   color:#5d91b8;
   font-weight: bold;
   }
   
h4 {
   font-family: Arial, Helvetica, sans-serif;
   font-size:14px;
   color: #000000;
   font-weight: bold;
   }
   
p {
   font-size:12px;
   color:#424242;
   margin:0;
   padding:0;
   margin-bottom:10px;
   }   

/************ Begin Header ************/

#header {
	background: url('img/header/header-bg.png') no-repeat;
	height: 211px;
    width: 960px;
 	margin:0 auto;
	 padding:0;
}

*html #header {
	background: url('img/header/header-bg.png') no-repeat;
	height: 200px;
    width: 960px;
 	margin:0 auto;
	 padding:0;
}

#logo {        
        padding:45px 0 0 68px;
		margin:0;
}

#logo a img{
        outline:none;
		border:none;
}

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

/*********** Begin Nav **********/
#menu {
width:960px;
height:61px;
float:left;
margin:0 auto;
padding:0;
}

#menu ul{
     width:960px;
	 height:61px;
	 margin:46px 0 0 70px;
	 padding:0;
	 list-style-type:none;
	 float:left;
}

#menu ul li{
	 margin:0;
	 padding:0;
	 float:left;

}

#menu ul li a p {
text-indent: -10000px;
width: 160px;
height: 50px;
cursor: pointer;
}

#menu ul li a {
outline: none;
}

*html #menu {
     margin:0;
	 padding:0;
	 width:960px;
	 clear:both;
}

*html #menu ul{
     width:820px;
	 margin:38px 0 0 35px;
	 padding:0;
}

*html #menu ul li{
	 margin:0;
	 padding:0;
	 float:left;

}

li#home-btn {
	width: 163px;
	height: 61px;
	background: url('img/nav/home-btn.png');
        margin:0;
}

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

#company-btn {
	background: url('img/nav/company-btn.png');
	width: 163px;
	height: 61px;
        margin:0;
}

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

#product-btn {
	background: url('img/nav/product-btn.png');
	width: 164px;
	height: 61px;
     margin:0;
}

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

#gallery-btn {
	background: url('img/nav/gallery-btn.png');
	width: 163px;
	height: 61px;
        margin:0;
}

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

#contact-btn {
	background: url('img/nav/contact-btn.png');
	width: 167px;
	height: 61px;
        margin:0;
}

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



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

/*********** Begin footer ***********/
#footer {
	background: url('img/footer/footer-bg.png') repeat-x;
	margin:20px 0 0 0;
	padding:0;
   }
   
#footer-content {
    width:820px;
	margin:0 auto;
	height:50px;
	padding:0;
	}
	
#footer-content p{
color:#ffffff;
font-size:85%;
width:400px;
float:left;
margin:20px 0 0 0;
	}

#footer-logo {
 margin:10px 0 0 15px;
float:right;      
}

#page-footer {
	clear:both;
	height:10px;
	}
/*********** end footer ***********/
/*********** Begin homepage **********/

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

#home {
     margin:0;
	 padding:0;
     height:350px;
	 width:960px;
	 clear:both;
	 background:url('img/page/home/home-bg.png') no-repeat;
	 }
	 
#home a{
     border:none;
	 }

*html #home .home-layout{
     width:236px;
	 margin:0 0 0 35px;
	 padding:32px 0 0 7px;
	 float:left;
	 }
	 
#home .home-layout{
     width:236px;
	 margin:0 0 0 70px;
	 padding:32px 0 0 7px;
	 float:left;
	 }
	 
*homl #home .home-layout{
	 margin:0;
	 padding:0px;
	 float:left;
	 }

#home .home-layout ul{

	 margin:0;
	 padding:0;
	 list-style-type:none;
	 float:left;
	 }

#home .home-layout ul li{
     margin:0;
	 padding:0;
	 }
	 
#home01 {
    background: url('img/page/home/home-img01.png') no-repeat; 
	width: 235px;
	height: 69px;
     margin:0;    
	 }
	 
#home01:hover{
     background: url('img/page/home/home-img01-hover.png') no-repeat;
	 }
	 
#home02 {
    background: url('img/page/home/home-img02.png') no-repeat; 
	width: 235px;
	height: 69px;
     margin:0;    
	 }
	 
#home02:hover{
     background: url('img/page/home/home-img02-hover.png') no-repeat;
	 }	
	 
#home03 {
    background: url('img/page/home/home-img03.png') no-repeat; 
	width: 235px;
	height: 69px;
     margin:0;    
	 }
	 
#home03:hover{
     background: url('img/page/home/home-img03-hover.png') no-repeat;
	 }

#home04 {
    background: url('img/page/home/home-img04.png') no-repeat; 
	width: 235px;
	height: 69px;
     margin:0;    
	 }
	 
#home04:hover{
     background: url('img/page/home/home-img04-hover.png') no-repeat;
	 } 
	 
#home .home-layout2{
     width:574px;
	 height:343px;
	 margin:3px 0 0 0;
	 padding:0;
	 float:left;
	 }	 
	 

#home ul li a p {
text-indent: -10000px;
width: 230px;
height: 65px;
cursor: pointer;
}

#home ul li a {
outline: none;
}
/************** end homepage ************/

/************** Begin Page **************/
#page {
     background: url('img/general/page-bg.png') no-repeat;
	 background-color:#276db8;
	 margin:0;
	 padding:5px 0 0 70px;
	 }

#page .page-bg {
	 background-color:#eef8fe;
	 width:814px;
	 margin:0;
	 padding:0 0 10px 6px;
	 }

#page .layout-content {
     width:804px;
	 border:#b5dbf8 2px solid;
	 background-color:#FFFFFF;
     margin:0;
	 margin-top:5px;
	 padding:0;
	 }

#page .layout-content2 {
     width:310px;
	 height:270px;
	 border:#b5dbf8 2px solid;
	 background-color:#FFFFFF;
     margin:5px 5px 0 5px;
	 padding:0;
	 float:right;
	 }
	 


#page .layout-content3 {
      float:left;
	  margin:5px 0 0 0;
	  }
	  
#sidebar {
     width:270px;
	 float:right;
     margin:0;
	 padding:15px 20px 0 0;
	 }
	 
#sidebar a img{
     border:none;
	 margin:10px 0 0 0;
	 }
	 
#sidebar ul{
     list-style-image:url('img/general/bullet.png');
	 margin:0 0 30px 0;
	 padding:0;
	 }
	 
#sidebar ul li{
	 margin:0 0 0 20px;
	 padding:0;
	 }	 
	 
#sidebar ul li h2{
	 margin:0;
	 padding:0 0 0 5px;
	 }	
	 
#flash {
     width:257px;
	 height:238px;
	 border:#b5dbf8 2px solid;
    margin:45px 0 0 0;
	 }
/************** End Page **************/

/************** Begin Company **************/

#company {
     margin:20px;
	 padding:0;
	 }

#company .content-layout{
      width:380px;
     margin:0;
	 padding:0;
	 float:left;
	 }

#company .content-layout p{
      text-align:justify;
	 }

.text-bold {
     font-weight:bold;
	 }

#company .content-layout2{
      width:360px;
     margin:0;
	 padding:0 0 5px 20px;
	 float:left;
	 }
#company .content-layout2 ul{
     margin:0;
	 padding:0;
	 list-style-type:none;
	 }

#company .content-layout2 ul li{
     width:177px;
	 height:153px;
     margin:0 3px 20px 0;
	 padding:0;
	 float:left;
	 }

#company .contact-click {
    float:right;

	width:107px;
	height:22px;
	margin:20px 10px 20px 0;
	}

.contact-click {
    float:right;

	width:107px;
	height:22px;
	margin:70px 10px 20px 0;
	}

.contact-click a img{
    border:none;
	}

/************** End Company **************/

/************** Begin Product **************/

#product {
     margin:15px;
	 padding:0;
	 }

#product .content-layout01 {
     width:490px;
	 float:left;
	 }

#product .content-layout01 ul{
     list-style-image:url('img/general/bullet.png');
	 margin:0;
	 padding:0;
	 }
	 
#product .content-layout01 ul li{
	 margin:0 0 0 20px;
	 padding:0;
	 }	 
	 
#product .content-layout01 ul li h2{
	 margin:0;
	 padding:0 0 0 5px;
	 }	
	 
#product .content-layout02 {
     background:url('img/page/product/refrigerator-img01.png') no-repeat;
	 width:200px;
	 height:183px;
	 float:left;
	 margin:20px 30px 50px 0;
	 }

#product .content-layout03 {
     background:url('img/page/product/refrigerator-img02.png') no-repeat;
	 width:210px;
	 height:183px;
	 float:left;
 	 margin:20px 0 50px 0;
	 }
	 
#product .content-layout04 {
     background:url('img/page/product/refrigerator-img03.png') no-repeat;
	 width:200px;
	 height:183px;
	 float:left;
 	 margin:0 30px 0 0;
	 }
	 
#product .content-layout05 {
     background:url('img/page/product/refrigerator-img04.png') no-repeat;
	 width:230px;
	 height:183px;
	 float:left;
	 }

#product .content-layout01 h4{
	 margin:80px 0 0 0;
	 }

#product .content-layout01 p{
	 margin:0 0 0 0;
	 }
	 
#product .content-layout01 a img{
	 margin:45px 0 0 40px;
	 border:none;
	 }
	 
#product .content-layout06 {
     width:300px;
	 float:left;
	 }

#product .content-layout06 .more-btn{

	 	 }
		 
/************** End Product **************/

/************** Begin Gallery **************/

#gallery {
    width:490px;
	padding:20px 0 0 20px;
	}

/************** End Gallery **************/

/************** Begin Contact **************/

#contactus {

	}

*html #contactus {
	}

#contactus h2{
    margin:0;
	padding:0;
    
	}

#contactus .content-layout{
     width:300px;
	 height:400px;
	 border:#b5dbf8 2px solid;
	 background-color:#FFFFFF;
     margin:5px 5px 0 5px;
	 padding:10px 0 0 10px;
	 float:right;
	}

#contactus .content-layout p{
	margin:0;
	padding:5px 0 30px 0;
	}

.col {
    width:300px;
	margin-right:10px;
	}
	
.col02 {
    width:310px;
	margin-right:10px;
	}
	
.contact-form {
     width:430px;
	 height:320px;
	 border:#b5dbf8 2px solid;
	 background-color:#FFFFFF;
     margin:60px 5px 0 30px;
	 padding:10px 0 0 10px;
	 float:left;
	 }
	 
	 
.contact-form .adjust {
width:350px;
margin:0 0 0 10px;
}	

.contact-form .adjust-2 {
width:350px;
margin:0 0 5px 10px;
}	

.contact-form #adjust-3 {
float:right;
} 
/************** End Contact **************/

#the-content {
position:absolute;
top:870px;
width:774px;
text-align:justify;
}