/*   

Theme Name: Amperes Global Marketing Sdn Bhd

Theme URI: www.amperes.com.my

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

Author: PCT - Pröductiön

Version: version 1

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

.hiddenpic {display:none;}

body {
    background-image: url('img/general/body-bg-btm.png');
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
	text-align:justify;

}


#body-bg {
     margin:0 auto;
	 width:960px;
	 padding:0;
}

h1 {
   font-size:120%;
   color:#1c4879;
   font-weight: bold;
   margin:0;
   padding:10px 0 0 20px;
   width:789px;
   height:28px;
   }

h2 {
   font-size:30px;
   color:#ffffff;
   font-weight: bold;
   margin:0;
   padding:0;
   }
   
h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size:18px;
   color: #000000;
   font-weight: bold;
   margin:0 0 20px 0;
   padding:0;
   }
   
p {
   font-size:13px;
   color:#424242;
   margin:0;
   padding:0;
   }   

a {
   outline:none;
   }

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

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



#logo {        
        padding:46px 0 0 20px;
		margin:0;
		width:158px;
		float:left;
}

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

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

/*********** Begin Nav **********/
#menu {
width:690px;
height:63px;
float:left;
margin:0 auto;
padding:46px 0 0 90px;
}

#menu ul{
     width:690px;
	 height:63px;
	 margin:0;
	 padding:0;
	 list-style-type:none;
	 float:left;
}

#menu ul li{
	 margin:0;
	 padding:0;
	 float:left;
	width: 132px;
	height: 63px;
}

#menu ul li a p {
	width: 92px;
	height: 38px;
padding:25px 0 0 40px;
cursor: pointer;
font-size:14px;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
}

#menu ul li a {
text-decoration:none;

}


li#home-btn {
	width: 132px;
	height: 63px;
        margin:0;
}

#menu ul li a p:hover {
	color:#ffffff;
	background:url('img/nav/nav-bg.png');
}

#home-btn li:hover {
   	width: 132px;
	height: 63px;
	color:#ffffff;
	background:url('img/nav/nav-bg.png');
}

#company-btn {
	width: 132px;
	height: 63px;
        margin:0;
}

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

#product-btn {

	width: 132px;
	height: 63px;
     margin:0;
}

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

#gallery-btn {

	width: 132px;
	height: 63px;
        margin:0;
}

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

#contact-btn {

	width: 132px;
	height: 63px;
        margin:0;
}

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



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

/*********** Begin footer ***********/
#footer {
	background: url('img/footer/footer-bg.png') repeat-x;
	margin:0 auto;
	padding:0;
	width:960px;
   }
   
#footer-content {
    width:930px;
	margin:0;
	height:59px;
	padding:0;
	}
	
#footer-content p{
color:#1e1e1e;
font-size:10px;
width:400px;
float:left;
padding:20px 0 0 30px;
	}

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

#page-footer {
	clear:both;
	height:30px;
	}
/*********** end footer ***********/
/*********** Begin homepage **********/
#main {
     margin:0;
	 padding:0;
	 width:960px;
     background-color:#d1deda;
	 }

#home {
	width:930px;
	padding:30px 0 0 30px;
   }

#home-banner {
   background:url('img/page/home/home-banner-bg.jpg');
   width:960px;
   height:332px;
   margin:0 auto;
   padding:0;
      }

#home-banner img {
    padding:0;
	margin:0 0 0 30px;
	}

#home .home-layout {

	 }
	 
#home .home-layout ul{
	 list-style:none;
	 margin:0;
	 padding:20px;
	 width:332px;
	 height:232px;
	 background:url('img/page/home/bar-bg01.png');
	 float:left;
	 }
#home .home-layout ul li{
     float:left;
	 margin:10px 0 0 0;
	 padding:0;
	 }
	 
#home .home-layout ul li p{
      color:#ffffff;
	 }
	 
#home .home-layout ul li a{
     text-decoration:none;
	 outline:none;
	 margin:0 0 0 90px;
	 padding:0;
	 }
	 
#home .home-layout ul li a img{
     text-decoration:none;
	 outline:none;
	 border:none;
	 margin:0 0 10px 0;
	 }
	 
	 
#home .home-layout2 {


	 }
	 
#home .home-layout2 ul{
	 list-style:none;
	 margin:0 0 0 30px;
	 padding:20px;
	 width:457px;
	 height:232px;
	 background:url('img/page/home/bar-bg02.png');
	 float:left;
	 }
#home .home-layout2 ul li{
     float:left;
	 margin:0 0 0 0;
	 padding:0;
	 color:#ffffff;
	 }
	 
#home .home-layout2 ul li p{
      color:#ffffff;
	  width:120px;
	  margin:0 0 0 0;
	  padding:0 30px 0 0;
	  float:left;
	 }
	 
#home .home-layout2 ul li a{
     text-decoration:none;
	 outline:none;
	 margin:0 0 0 230px;
	 padding:0;
	 }
	 
#home .home-layout2 ul li a img{
     text-decoration:none;
	 outline:none;
	 border:none;
	 margin:20px 0 10px 0px;
	 }
	 
#home .home-layout2 ul li img{
     text-decoration:none;
	 outline:none;
	 border:none;
	 margin:0 30px 0 0;
	 padding:0;
	 }
	 
/************** end homepage ************/

/************** Begin Page **************/

#main {
     margin:0;
	 padding:0;
	 width:960px;
     background-color:#d1deda;
	 }

#page {
	width:960px;
	padding:0;
	margin:0;
	background:url('img/page/showcase/showcase-bg.png') center top no-repeat;
	margin-top: 26px;
   }

#page-banner {
   background:url('img/general/page-banner-bg.png');
   width:960px;
   height:184px;
   margin:0 auto;
   padding:0;
      }

#page-banner img {
    padding:0;
	margin:0 0 0 30px;
	}

#page .layout-content {
	padding:5px 30px 0 30px;
 
   }

/************** End Page **************/

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

#company { 
    padding:20px;
	  }

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

#company ul li{
	margin:0 0 35px 0;
	padding:0;
	}
/************** End Company **************/

/************** Begin Products **************/
#products {
    clear:none;
	}

#products ul{
	 list-style:none;
	 margin:0;
	 padding:0;
	 }

#products ul li{
     width:450px;
	 height:170px;
	 background:url('img/page/products/product-line.png') bottom no-repeat;
	 float:left;
	 margin:0;
	 padding:0;
	 }

#products ul li img{
     margin:25px 0 0 25px;
	 float:left;
	 }
	 
#products ul li h3{
     margin:5px 0 0 15px;
	 width:290px;
     float:right;
	 }	
	 
#products ul li p{
     margin:5px 0 10px 15px;
     float:left;
	 font-size:12px;
	 color:#000000;
	 }

#products ul li img.pdf-btn{
     margin:0;
	 float:none;
	 margin:80px -30px 0 0;
	 float:right;
     }
	 
#products ul li a{
     color:#4e5e61;
     }
	 
	 
#products ul li .pdf-btn {
     width:100px;
	 float:right;
	 margin:0;
	 padding:0;
	 margin-top:80px;
	 }

#products ul li .pdf-btn img{
	 margin:0 5px 0 0;
	 padding:0;
	 border:none;
	 }
	 
#products ul li .pdf-btn2 {
     width:100px;
	 float:right;
	 margin:0;
	 padding:0;
	 margin-top:20px;
	 }

#products ul li .pdf-btn2 img{
	 margin:0 5px 0 0;
	 padding:0;
	 border:none;
	 }
	 
.product-content {
     width:450px;
	 height:170px;
	 background:url('img/page/products/product-line.png') bottom no-repeat;
	 float:left;
	 margin:0;
	 padding:0;
    }
	
.product-content h3{
     margin:20px 0 0 160px;
	 width:120px;
	 float:left;
    }
	
.product-content .pdf-btn2 {
     width:100px;
	 float:right;
	 margin:0;
	 padding:0;
	 margin-top:-25px;
	 }
	 
.product-content .pdf-btn3 {
     width:100px;
	 float:right;
	 margin:0;
	 padding:0;
	 margin-top:20px;
	 
	 }
	 
.product-content img{
     border:none;
	 margin:0 5px -5px 0;
	 padding:0;
	 }
	 
.product-content a{
     color:#4e5e61;
	 }
/************** End Products **************/

.product-content2 {
	float:right;
	padding-top:20px;
	width:350px;
	padding-right:20px;

}

.product-content2 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.product-content2 ul li {
	float: left;
	width: 50%;
	height: 40px;
	text-align:right;
}

.product-content2 ul li img {
	padding-right: 5px;
	margin-bottom:-5px;
}

.product-content2 ul li a img, .product-content2 ul li a{
	border: none;

	     color:#4e5e61;
}

html.product-content {
     width:450px;
	 height:170px;
	 background:url('img/page/products/product-line*html.png') bottom no-repeat;
	 float:left;
	 margin:0;
	 padding:0;
    }
	
*html.product-content h3{
     margin:20px 0 0 -200px;
	 width:120px;
	 float:left;
    }
	
*html.product-content .pdf-btn2 {
     width:100px;
	 float:right;
	 margin:0;
	 padding:0;
	 margin-top:-25px;
	 }
	 
*html.product-content .pdf-btn3 {
     width:100px;
	 float:right;
	 margin:0;
	 padding:0;
	 margin-top:20px;
	 
	 }
	 
*html.product-content img{
     border:none;
	 margin:0 5px -5px 0;
	 padding:0;
	 }
	 
*html.product-content a{
     color:#4e5e61;
	 }
/************** Begin Showcase **************/

#showcase {
	 }

#showcase p{
     padding:20px 40px 10px 40px;
	 }

/************** End Showcase **************/

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

#contact {
    background:url('img/page/showcase/showcase-bg.png') no-repeat;
     }

#contact-page ul.contact-info {
	width:341px; 
	list-style-type:none; 
	margin: 0;
	padding: 0;
	margin-left:520px;
}

#contact-page ul.contact-info h3 {
	margin:0; 
	padding:0;
	padding-bottom: 8px;
}


#contact-page ul.contact-info li {
	padding-top: 26px; 
}

#contact-page #google-map {
	position: absolute;
	top: 0;
	margin:20px 0 0 0;
}

#contact-page {
	position: relative;
	margin:20px;
}

.col {
     width:250px;
	 }
	 
.form-subject{
      margin:0 0 0 200px;
	  }
/************** End Contact **************/