/*   

Theme Name: Keystone Images

Theme URI: www.keystone.com.my

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

Author: PCT - Production

Version: version 1

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

.hiddenpic {display:none;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	background: url('img/header/header-bg.png') repeat-x;
	background-color:#eeeeee;
	text-align:justify;
	margin:0;
}


h1 {
   font-size:20px;
   color:#669900;
   font-family:Georgia, "Times New Roman", Times, serif;
   margin:0;
   padding:25px 0 20px 10px;
   font-weight:100;

   }

h2 {
   font-size:22px;
   color:#ffffff;
   font-family:"Georgia", Times New Roman, Times, serif;
   font-weight:100;
   margin:0;
   }

h3 {
   font-size:17px;
   color:#ffffff;
   font-family:"Georgia", Times New Roman, Times, serif;
   font-weight:100;
   margin:0 0 20px 0;
   padding:0;
   }
   
h4 {
   font-size:45px;
   color:#000000;
   font-family:Georgia, "Times New Roman", Times, serif;
   margin:0;
   padding:0px 0 0 0;
   }
   
p {
   font-size:13px;
   color:#000000;
   margin:0;
   padding:0;
   }   

a {
   outline:none;
   }

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



#header {
	height: 193px;
       	background: url('img/page/home/home-header-bg.png') repeat-x;
}

#header .header-layout{
      margin:0 auto;
	  width:960px;
	  }

#home-header {
       	background: url('img/page/home/home-header-bg.png') repeat-x;
		height:421px;
		
       }

#home-header .home-header-layout {
         margin:0 auto;
		 width:960px;

	}

#home-header .home-header-layout h2{
        padding:0 0 10px 10px;

	}

#home-header .home-header-layout .banner-box{
       	background: url('img/page/home/home-banner-bg.png') no-repeat;
		width:338px;
        padding:20px;
		float:left;
	}

#home-header .home-header-layout .banner-box a img{
        outline:none;
		border:none;
	}

#home-header .home-header-layout .flash{
		width:338px;
		height:238px;
		margin:-110px 0 0 10px;
		padding:0px;
		float:left;
	}

#home-header .home-header-layout .banner-box img{
        margin:0 0 10px 0;
	}

	
#logo {        
        padding:15px 0 0 0;
		margin:0;
		float:left;
}

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


#banner {
      margin:0;
	  padding:0;
	  }
/************ End Header ************/

/*********** Begin Nav **********/
#menu{
		margin:0;
		padding:0;
		width:557px;

		float:left;
		font-family:Georgia, "Times New Roman", Times, serif;
	}

#home-header .home-header-layout #menu{
		margin:0;
		padding:0;
		width:560px;
		height:141px;
		float:left;
		font-family:Georgia, "Times New Roman", Times, serif;
	}

#menu ul{
		list-style:none;
		padding:0;
		margin:15px 0 0 0;
		}

#menu li{
		list-style:none;
		display:block;
		float:left;
		height:40px;
		padding:0;
		margin:0 5px 0 0;

		}

#menu li a{
		display:block;
		float:left;
		color:#000000;
		text-transform:uppercase;
		font-size:18px;
		font-weight:bold;
		line-height:40px;
		text-decoration:none;
		padding:0 10px;				
		}

#menu li a:hover{
		color:#ffffff;
		background:#fb9118;
		}
		

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

/*********** Begin footer ***********/
#footer {
	margin:0;
	padding:10px 0 0 0;
	background:url('img/footer/footer-bg.png');
	   }

#footer-home {
	margin:0;
	padding:0;
	background:url('img/page/home/home-footer-bg.png');
		font-size:10px;
	   }

#footer-home #footer-content {
	height:62px;
	margin:0 auto;
	width:960px;
	}
	
#footer-home #footer-content p{
    padding:33px 0 0 470px;
	color:#3c3a3a;
	width:330px;
	font-size:10px;
    }

#footer-home #footer-content ul{
     list-style:none;
	 float:left;
	 margin:33px 0 0 10px;
	 padding:0;
	 }

#footer-home #footer-content ul li{
	 float:left;
	 margin:0 30px 0 0;
	 padding:0;
	 color:#666666;
	 }

#footer-home #footer-content ul li a{
	 text-decoration:none;
	 color:#666666;
	 }

#footer-home #footer-content ul li a:hover{
	 text-decoration:none;
	 color:#ffffff;
	 }

   
#footer #footer-content {
	height:214px;
	margin:0 auto;
	width:960px;
	}
	
#footer-home #footer-content p{
    padding:35px 0 0 280px;
	margin:0;
	color:#3c3a3a;
	font-size:10px;
	width:170px;
	float:left;
	}



#footer-logo {
    float:left;
	margin:20px 0 0 0;
	padding:0;
}

#page-footer {
	clear:both;
	height:10px;
	}

#footer #footer-content #footer-content2{
    padding:0px 0 0 0;
	margin:0;
	}
	
#footer #footer-content2 p{
    padding:35px 0 0 320px;
	margin:0;
	color:#3c3a3a;
	font-size:10px;
	width:170px;
	float:left;
    }

*html #footer #footer-content2 p{
    padding:35px 0 0 270px;
	margin:0;
	color:#3c3a3a;
	font-size:10px;
	width:170px;
	float:left;
    }
	
#footer #footer-content2 ul.footer-list2{
     list-style:none;
	 float:left;
	 margin:30px 0 0 10px;
	 	font-size:10px;
	 padding:0;
	 }

#footer #footer-content2 ul.footer-list2 li{
	 float:left;
	 margin:0 30px 0 0;
	 padding:0;
	 color:#666666;
	 }

#footer #footer-content2 ul.footer-list2 li a{
	 text-decoration:none;
	 color:#666666;
	 }

#footer #footer-content2 ul.footer-list2 li a:hover{
	 text-decoration:none;
	 color:#ffffff;
	 }
	 





#footer #footer-content #footer-content1{
     height:145px;
	 margin-bottom:5px;
	}

#footer #footer-content #footer-content1 ul{
    list-style-type:none;
    margin:0;
	 padding:0;
	}



#footer #footer-content #footer-content1 ul li{
    float:left;
	margin:0;
	padding:0;
	}
	
#footer #footer-content #footer-content1 ul li h3{
       font-size:35px;
	   width:165px;
   color:#666666;
   font-family:"Georgia", Times New Roman, Times, serif;
   font-weight:bold;
   margin:0 0 0 0;
   padding:50px 0 0 10px;
   float:left;
	}
	
#footer #footer-content #footer-content1 ul li h4{
       font-size:35px;
   color:#cccccc;
   font-family:"Georgia", Times New Roman, Times, serif;
   font-weight:bold;
   margin:0 0 0 0;
   padding:50px 0 0 10px;
   width:350px;
   float:left;
	}
	
#footer #footer-content #footer-content1 ul li p{
       font-size:15px;
   color:#666666;
   font-family:"Georgia", Times New Roman, Times, serif;
   margin:0 0 0 10px;
   width:515px;
	}
	
#footer #footer-content #footer-content1 ul li p a{
   color:#669900;

	}
	
#footer #footer-content #footer-content1 ul li img{
	 margin:20px 0 0 0;
	}
	
#footer #footer-content #footer-content1 ul li h2 {
   font-size:16px;
   color:#8cc63f;
   font-family:"Georgia", Times New Roman, Times, serif;
   font-weight:100;
   margin:20px 0 0 18px;
   }
   
#footer #footer-content #footer-content1 ul li ul.footer-list{
         list-style-type: disc;
		 color:#cccccc;
		 margin:10px 0 0 0;
		 width:185px;
		 float:left;
		 font-size:12px;
		 padding:0px;
   } 



#footer #footer-content #footer-content1 ul li ul.footer-list2{
         list-style-type: disc;
		 color:#cccccc;
		 margin:10px 0 0 0;
		 width:235px;
		 float:left;
		 font-size:12px;
		 padding:0px;
   } 

#footer #footer-content #footer-content1 ul li ul li{
       margin:0 0 0 30px;
	   padding:0 0 0 0;
   }   

#footer #footer-content #footer-content1 ul li ul.footer-list2 li{
       margin:0 0 0 20px;
	   padding:0 0 0 0;
   }

*html #footer #footer-content #footer-content1 ul li ul.footer-list li{
       margin:0 0 0 40px;
	   float:none;
   }  

*html #footer #footer-content #footer-content1 ul li ul.footer-list2 li{
       margin:0 0 0 30px;
	   float:none;
   }
   
*+html #footer #footer-content #footer-content1 ul li ul.footer-list li{
       margin:0 0 0 35px;
	   float:none;
   } 

*+html #footer #footer-content #footer-content1 ul li ul.footer-list2 li{
       margin:0 0 0 30px;
	   float:none;
   }
/*********** end footer ***********/

 

/*********** Begin homepage **********/
#main {
      width:960px;
	  margin:0 auto;
	  }

#home {
     margin:0;
	 padding:0;
	 }
	 
#home a{
     border:none;
	 }

#home .home-layout ul li h1 {
      margin:0 0 20px 0;
	  padding:0;
	  font-size:18px;
      }


#home .home-layout{
   padding:15px 0 5px 10px;
	 margin:0;

	 }

*html #home .home-layout{
   padding:15px 0 5px 0;
	 margin:0;

	 }

#home .home-bg .home-layout ul{
     list-style-type:none;
	 margin:0 10px 0 0;
	 padding:0;
	 float:left;
	 width:300px;
	 height:280px;
	 background:url('img/page/home/home-line.png') right no-repeat;

	}

*+html #home .home-bg .home-layout ul{
     list-style-type:none;
	}

*html #home .home-bg .home-layout ul{
     list-style-type:none;
     margin:0 0 0 5px;
	 padding:0;
	 float:left;
     width:290px;
	}


#home .home-bg .home-layout ul li{
	 padding:0;

	}

#home .home-bg .home-layout ul li ul{
      list-style-image:url('img/page/home/home-bullet.png');
	  height:100px; 

	 }

*html #home .home-bg .home-layout ul li ul li{
       padding:0;
	 margin-bottom:15px;
	 }

*+html #home .home-bg .home-layout ul li ul li{

	 margin-bottom:15px;
	 }
	 
#home .home-bg .home-layout ul li ul li{
     width:250px;
	 margin:0 0 15px 25px;
	 }	
	 
#home .home-bg .home-layout ul.home-side3 {
     list-style-type:none;
	 margin:0 10px 0 0;
	 padding:0;
	 float:left;
	 width:300px;
	 background:none;

     } 
	 
	 
#home .home-bg .home-layout ul.home-side3 li ul.home-side-bg{
     list-style-type:none;
	 margin:20px 10px 0 0;
	 padding:10px 0 0 10px;
	 float:left;
	 background:#ffffff;
	 width:290px;
	 height:120px;
    list-style-image:none; 

     }
	 
#home .home-bg .home-layout ul.home-side3 li ul.home-side-bg li{
     margin:0;
	 padding:0;
	 font-weight:bold;
	 font-size:15px;

     } 
	 
#home .home-bg .home-layout ul.home-side3 li ul.home-side-bg li a img{
     border:none;
	 padding:20px 0 20px 0;

     }   
/*********** End Home page ***********/	 

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


#page {
	 }


#page .layout-content {
     width:960px;
	 margin:0;
	 padding:0;
	 }
	 

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

/*************** begin about ****************/
#about {
	
	width:960px;

}

#about p {

	text-align:justify;
	
	padding:0 420px 20px 10px;
	font-family:

}


#about img {
	
	float:right;
	
	margin:-65px 0 0 0;

}


/*************** end of about ************/

/*************** begin service *************/

#service {
	
	width:960px;
	

}

#service #our_range_of_service {

	background:url(/wp-content/themes/keystone/img/page/service/service_img01.png) no-repeat;
	
	width:477px;
	
	
	float:left;

}

#service #our_range_of_service ul {
	
	margin:0 0 0 20px;
	
	padding:0;

}

#service #our_range_of_service ul li {
	
	list-style-type:disc;
	
	margin:0 0 26px;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	

}



#service #prepare_your_images {

	width:483px;
	
	
	float:left;

}

#service #prepare_your_images h1 {

	margin:-65px 0 0px 0;

}


*html #service #prepare_your_images h1 {

	margin:-60px 0 0px 0;
	display:inline;

}

#service #prepare_your_images img {

	float:left;
	
	border:none;

}

#service #prepare_your_images p {

	margin:0 12px 18px 14px;
	
	text-align:justify;

}

#service #prepare_your_images input {

	width:298px;
	
	height:39px;
	
	background:url(/wp-content/themes/keystone/img/page/service/service_img02.png) no-repeat;
	
	border:none;
	
	color:#669900;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	
	font-size:20px;
	
	margin:5px 0 0 93px;
	

}

#service #prepare_your_images p a {

	width:298px;
	
	height:39px;

}
#service #prepare_your_images p a img {

	border:none;
	
	margin:5px 0 0 93px;

}

/********** end of service **********/

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

#contact {
	
	width:960px;
	
	height:660px;

}

#contact #form {

	width:722px;
	
	height:250px;
	
	float:left;
	
	color: #555555;

}


#contact #form iframe{
border:2px #669900 solid;
margin:0 0 0 10px;
}

#contact #form img {
	
	float:right;
	
	margin:-35px 0 0;

}

#contact #form table {

	padding:0 9px 0 9px;
	
	border:none;

}

#contact #info {

	width:238px;
	
	float:left;
	
	margin:-65px 0 0 0;
	
	z-index:1;

}

#contact #info p {

	margin:0 0 24px 14px;

}

#contact #info a {

    color:#669900;

}

#contact #info h1 {
    width:200px;

}

*html #contact #info h1 {
    width:200px;
	margin:40px 0 0 0;

}

#contact #info p b {

	font-size:110%;

}

/********** end of contact **********/