/*   

Theme Name: KS Print Enterprise

Theme URI: www.ksprint.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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	background: url('img/general/body-bg.png') repeat-x;
	background-color:#ffffff;
	text-align:justify;
	width:980px;
	margin:0 auto;
}



h2 {
   font-size:18px;
   color:#000000;
   margin:0;
   }

h3 {
   font-size:18px;
   color:#ffffff;
   font-weight:100;
   margin:0;
   padding:0;
   }
   
h4 {
   font-size:28px;
   color:#1589d2;
   font-family: "Times New Roman", Times, serif;
   margin:0;
   padding:0px 0 0 0;
   }

h5 {
   font-size:14px;
   color:#000000;
   font-family: Georgia, "Times New Roman", Times, serif;
   margin:0;
   padding:0px 0 0 0;
   }
   
p {
   font-size:14px;
   color:#000000;
   margin:0;
   padding:0;
   }   

a {
   outline:none;
   text-decoration:none;
   color:#000000;
   }

img {
outline:none;
border:none;
}

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

#header {

	width:980px;

		  background:url('img/general/page-bg.png') repeat-y;
	}

#header-layout {
	height: 371px;
	width:980px;
	background: url('img/page/page-header01.png') no-repeat;
	}

#home-header {
	height: 123px;
	width:980px;
	background: url('img/header/header-bg.png') no-repeat;
}


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

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


#flash {
padding:0 0 0 10px;
	  }
	  
#banner img{
margin:-10px 0 0 10px;
}
/************ End Header ************/

/*********** Begin Nav **********/
#menu{
		margin:45px 0 0 90px;
		padding:0;
		width:691px;
		height:41px;
		background:url('img/nav/nav-bg.png');
		float:left;
	}

#menu a{
		list-style:none;
		padding:0;
		margin:9px 0 0 30px;
		}


		
#home-btn {
background:url(img/nav/home-btn.png);
width:83px;
height:25px;
float:left;
}

#home-btn-on {
background:url(img/nav/home-btn-hover.png);
width:83px;
height:25px;
float:left;
}

#home-btn:hover {
background:url(img/nav/home-btn-hover.png);
width:83px;
height:25px;
float:left;
}

#printing-btn {
background:url(img/nav/printing-btn.png);
width:101px;
height:25px;
float:left;

}

#printing-btn-on {
background:url(img/nav/printing-btn-hover.png);
width:101px;
height:25px;
float:left;

}

#printing-btn:hover {
background:url(img/nav/printing-btn-hover.png);
width:101px;
height:25px;
float:left;

}


#folder-btn {
background:url(img/nav/folder-btn.png);
width:130px;
height:24px;
float:left;
}

#folder-btn-on {
background:url(img/nav/folder-btn-hover.png);
width:130px;
height:24px;
float:left;
}

#folder-btn:hover {
background:url(img/nav/folder-btn-hover.png);
width:130px;
height:24px;
float:left;
}

#gallery-btn {
background:url(img/nav/gallery-btn.png);
width:102px;
height:24px;
float:left;

}

#gallery-btn-on {
background:url(img/nav/gallery-btn-hover.png);
width:102px;
height:24px;
float:left;

}

#gallery-btn:hover {
background:url(img/nav/gallery-btn-hover.png);
width:102px;
height:24px;
float:left;

}

#contact-btn {
background:url(img/nav/contact-btn.png);
width:98px;
height:25px;
float:left;
}

#contact-btn:hover {
background:url(img/nav/contact-btn-hover.png);
width:98px;
height:25px;
float:left;
}


#contact-btn-on {
background:url(img/nav/contact-btn-hover.png);
width:98px;
height:25px;
float:left;
}
		
		
/*********** End Nav **********/



 

/*********** Begin homepage **********/
#main {
      width:980px;
	  margin:0 auto;
	  background:url('img/general/page-bg.png') repeat-y;
	  }

#home {
     margin:0;
	 padding:20px 30px 10px 30px;
	 height:140px;
	 }
	 
.home-layout{
     width:300px;
	 float:left;
	 }
	 
.home-layout h2 {
     border-bottom:1px solid #0d56a3;
	 }
	 
.home-layout .more-btn {
     float:right;
	 margin:-20px 0 0 0;
	 background:url('img/page/home/more-btn.png');
	 width:39px;
	 height:15px;
	 font-size:11px;
	 font-weight:bold;
	 padding:0 0 0 4px;
	 
	 }
	 
.home-layout img{
margin:10px 10px 0 0;
float:left;
}

.home-layout p{
margin:10px 0 0 0;
}


.home-layout2{
     width:275px;
	 float:left;
	 margin:0 20px 0 20px;
	 }
	 
.home-layout2 h3 {
color:#b9c9d5;
float:left;
font-size:18px;
margin:0 5px 0 0;
}

.home-layout2 img {
margin:10px 0 0 0;
}
/*********** End Home page ***********/	 

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


#page {
padding:20px 0 0 28px;
	 }

#page .title{
padding:0 0 0 0;
}

#page .title h2{
background:url('img/page/title-bg.png');
width:887px;
height:26px;
margin:0;
padding:0;
padding:6px 0 0 35px;
color:#045bce;
font-weight:100;
}

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

/*************** begin printing ****************/
#printing ul{
padding:0;
margin:20px 0 0 0;
list-style:none;
}

#printing ul li {
width:270px;
margin:0 20px 20px 20px;
float:left;
}

#printing ul li p{
text-align:center;
width:270px;
margin:5px 0 0 0;
}

/*************** end of printing ************/

/*************** begin folder *************/
#folder{
padding:20px 0 0 0;
}

#folder p{
padding:0 0 15px 0;
width:670px;
}

.folder-img{
float:right;
margin:0 80px 0 0;
}

.folder-layout {
margin:100px 0 0 10px;
}

.folder-layout img{
margin:0 0 30px 0;
}
/********** end of folder **********/
/********** begin gallery ***********/

/********** end of gallery **********/
#gallery iframe{
}

#gallery p{
padding:20px 0 0 20px;
}
/********** begin contact ***********/
#contact {
padding:20px 0 0 10px;
}

#contact .map {
background:#b9c9d5;
width:573px;
height:424px;
float:left;
padding:15px 0 0 15px;
}

#contact .contact-layout{
background:url('img/page/contact/contact-bg.jpg') no-repeat;
width:261px;
height:399px;
margin:30px 0 0 610px;
}

#contact .contact-layout p{
float:none;
}

#contact .contact-layout ul{
list-style:none;
margin:0;
padding:0;
}

p.contact-title {
padding:0 0 0 620px;
}

#contact .contact-layout ul li{
width:230px;
height:93px;
margin:0 0 0 40px;
padding:10px 0 0 15px;
}


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

#footer {
      width:980px;
	  margin:0 auto;
	  background:url('img/general/page-bg.png') repeat-y;
}

#footer-layout {
     background:url('img/footer/footer-bg.png') no-repeat;
	 height:72px;
	 margin:0 0 0 10px;
	 }
	 
#footer-layout p{
padding:30px 0 0 0;
width:960px;
text-align:center;
font-size:12px;
}

/* begin form */
#form1 {

	width:856px;
	
	height:224px;
	
	background:url('img/page/contact/contact-form-bg.jpg') no-repeat;
	
	margin:25px 0 0 0;
	padding:10px 0 0 20px;

}

#form1 #form-left {

	width:410px;
	
	float:left;

}

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

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

}

#form1 #form-left p {

	color:#000000;
	margin:5px 0 10px 0px;
	padding:0;
	width:50px;

}

#form1 #form-left table {

}

#form1 #form-left td {

	padding:12px 0 5px 0;

}

#form1 #form-right {

	width:428px;
	
	
	float:left;

}

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

}

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

}

#form1 #form-right td {

	padding:10px 0 5px 0;

}

#form1 #form-btn {
	margin:-7px 40px 0 0;
	float:right;
}

*+html #form1 #form-btn {
	margin:-12px 40px 0 0;
	float:right;
}

*html #form1 #form-btn {
	margin:-12px 0 0 0;
	padding:0 40px 0 0;
	float:right;
}

#form1 #form-right p {

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

}

.col{
  width:337px;
  height:28px;
  margin:0 0 0 5px;
  border:none;
  background:url('img/page/contact/col-01.jpg');
  }
  
.col2{
  width:337px;
  height:84px;
  border:none;
  margin:0 0 10px 5px;
  background:url('img/page/contact/col-02.jpg');
  }
  
/* end form */

#img-preload {
 display:none;
}