/*   

Theme Name: Professional Website v1-feature

Theme URI: www.coppertech.com.my

Description: A marketing website base on feacture concept with following benefit - Optimum for featured products or business, directional to access the designated information and is emphasize on the innovativeness of the products or businesses. Design by , PCT sdn.bhd. copyrighted.

Author: Pct


Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;

}

#page {
	width:960px;
	margin:0 auto;

	

}




#content {
	margin:20px 0 0;

}




#error {
	margin-top: 60px;
}
/*********** End Sturcture **********/


/*********** Begin General setting **********/


h1 {

}



h2 {
	margin:0 0 26px;
	padding:0 0 9px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#000000;
	font-weight: normal;
	border-bottom:solid 1px #e7e7e7;



}



p {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;

}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


/*********** End General setting **********/

/*********** Begin Header **********/
#header-nav{
	background:url(img/header/header-nav-bg.jpg) scroll center no-repeat;
	height:100px;


}

#header-nav-content {
	
margin:0 auto;
padding:0;
width:960px;
	
}


#header-nav-content ul{
	margin:0;
	padding:0;
	list-style:none;
	
}

#header-nav-content ul li{
	margin:0;
	padding:0;
	float:left;
	
}

#header-nav-content ul li p{
	margin:0;
	padding:0;
	
}





#logo {

}


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

/*********** Begin Nav **********/




#nav {
	margin:0;
	padding:0;


}

#home-btn {
	background:url(img/nav/home-btn.jpg);
	width:80px;
	height:100px;
	float:left;
}

#home-btn:hover {
	background:url(img/nav/home-btn-hv.jpg);
	width:80px;
	height:100px;
	float:left;
}

#about-btn {
	background:url(img/nav/about-btn.jpg);
	width:102px;
	height:100px;
	float:left;
}


#about-btn:hover {
	background:url(img/nav/about-btn-hv.jpg);
	width:102px;
	height:100px;
	float:left;
}

#certificate-btn {
	background:url(img/nav/certificate-btn.jpg);
	width:108px;
	height:100px;
	float:left;
}

#certificate-btn:hover {
	background:url(img/nav/certificate-btn-hv.jpg);
	width:108px;
	height:100px;
	float:left;
}


#our-btn {
	background:url(img/nav/our-btn.jpg);
	width:131px;
	height:100px;
	float:left;
}

#our-btn:hover {
	background:url(img/nav/our-btn-hv.jpg);
	width:131px;
	height:100px;
	float:left;
}


#project-btn {
	background:url(img/nav/project-btn.jpg);
	width:117px;
	height:100px;
	float:left;
}

#project-btn:hover {
	background:url(img/nav/project-btn-hv.jpg);
	width:117px;
	height:100px;
	float:left;
}


#career-btn {
	background:url(img/nav/career-btn.jpg);
	width:99px;
	height:100px;
	float:left;
}

#career-btn:hover {
	background:url(img/nav/career-btn-hv.jpg);
	width:99px;
	height:100px;
	float:left;
}


#services-btn {
	background:url(img/nav/services-btn.jpg);
	width:111px;
	height:100px;
	float:left;
}

#services-btn:hover {
	background:url(img/nav/services-btn-hv.jpg);
	width:111px;
	height:100px;
	float:left;
}

#products-btn {
	background:url(img/nav/products-btn.jpg);
	width:100px;
	height:100px;
	float:left;
}

#products-btn:hover {
	background:url(img/nav/products-btn-hv.jpg);
	width:100px;
	height:100px;
	float:left;
}

#contacts-btn {
	background:url(img/nav/contacts-btn.jpg);
	width:112px;
	height:100px;
	float:left;
}

#contacts-btn:hover {
	background:url(img/nav/contacts-btn-hv.jpg);
	width:112px;
	height:100px;
	float:left;
}
/*********** End Nav **********/


/*********** Begin Footer **********/
#footer {
	background:url(img/footer/footer-bg-rp.jpg) repeat-x;
	height:58px;

}

#footer-content {

}



#copyright {

}


#mms {

}
/*********** End Footer **********/

/*********** Begin Home **********/
#home {



}


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


a:hover {
	color:#1f8738;
	text-decoration:none;
	}
	
	
#header {
	background:url(img/header/header-bg.jpg) repeat-x;
	height:137px;
}


#about {
	margin:0;
	padding:0;
}

#about {
	height:802px;
margin:0 auto;
padding:0;
width:909px;
}

#about-content-a {
	margin:0;
	padding:0;
	position:relative;
	
}

#about-content-a-img {
	position:absolute;
	background:url(img/page/about/4.jpg);
	width:10px;
	height:22px;
	top:-2px;
}

#about-content-a p{
	padding:0 0 0 17px;
}
	

#about-content-b {
	margin:0;
	padding:0;
	clear:both;
}

#about-content-b img{
	margin:0 0 0 30px;
	padding:0;
	float:right;
}

#about p {
	margin:0 0 25px;
}


#about-content-c {
	margin:0;
	padding:0;
}

#about-content-c img{
	margin:0 30px 0 0px;
	padding:0;
	float:left;
}

#specification-content-bg {
	margin:0;
	padding:0;
	clear:both;
}


#specification-content-bg-top {
	background:url(img/page/specification/bg-top.png);
	background-repeat:no-repeat;
	width:960px;
	height:8px;
	margin:0;
	padding:0;

}


/*\*/ * html #specification-content-bg-top {
	background:url(img/page/specification/bg-top.png);
	background-repeat:no-repeat;
	width:960px;
	height:8px;
	margin:0 0 -11px;
	padding:0;

}

 /**/ 




#specification-content-bg-middle {
	background:url(img/page/specification/bg-middle.png) repeat-y;
	width:960px;
	

}


#specification-content-bg-bottom {
	background:url(img/page/specification/bg-bottom.png);
	background-repeat:no-repeat;
	width:960px;
	height:7px;
	

}


/*\*/ * html #specification-content-bg-bottom {
	background:url(img/page/specification/bg-bottom.png);
	background-repeat:no-repeat;
	width:960px;
	height:7px;
	margin:0 0 -11px;
	

}


/**/ 




#specification-content-bg-middle-text-a {
	float:left;
	padding:0 0 0 53px;	
	width:467px;
}


#specification-content-bg-middle-text-b {
	float:left;
margin:0 0px 0 0;
}

#clear-both {
	clear:both;
}

#specification-content {
	margin:0 0 4px;
	}
	
	#specification-content-bg-white {
		margin:9px 0 0 0;
	}
#specification-content-bg-white p {
	margin:0 0 14px;
	}
	
	



#project {
	height:1082px;
}





#project-reference {
	margin:0 6px 25px;
	padding:0;
	width:464px;
	float:left;
	height:145px;
	


}


/*\*/ * html  #project-reference {
	margin:0 6px 25px;
	padding:0;
	width:464px;
	float:left;
	height:180px;
	


}
 /**/ 

#project-reference-img {
	float:left;
	width:195px;
}
	
#project-reference-details {
	float:left;
	width:269px;
}

#project-reference-details ul {
	margin:0 0 0 27px;
	padding:0;
	color:#b4d82b;
	list-style: square;
	font-size:10px;
	clear:both;
	
}

#project-reference-details ul li{
	margin:0;
	padding:0;
}

#project-reference-details ul li p{
	margin:0;
	padding:0;
	color:#000000;
}


h3 {
	background:url(img/page/project/15.jpg) no-repeat;
	height:26px;
	width:257px;
	margin:0;
	padding:0;
	float:right;


}

h3 p {
		margin:0;
	padding:5px 0 0 10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#project-reference-border-top {
	background:url(img/page/project/13.jpg) no-repeat;
	width:463px;
	height:5px;
	margin:0 0 0px;
	padding:0 0 14px;
	clear:both;
	}


/*\*/ * html #project-reference-border-top {
	background:url(img/page/project/13.jpg) no-repeat;
	width:463px;
	height:5px;
	margin:0 0 0px;
	padding:0 0 0px;
	clear:both;
	}

/**/ 

#project-reference-border-bottom {
	width:463px;
	height:2px;
	clear:both;
	margin:20px 0 0 0;
	float:left;
	}
	

#project-reference-wrap {
	margin:20px 0;
	}
	

#career {
	height:900px;

	position:relative;
}


#career-content {
	border-bottom:5px solid #98C5DF;
height:263px;
margin:0;
padding:0;
}


#career-content img{
	margin:0;
	padding:0;
	float:right;
}


#career-content p {
	margin:0 0 20px;
}

p#style-1 {
	clear:both;
font-weight:bold;
margin:0 0 5px;
	
}


#career-content-a {
	margin:10px 0 30px;
width:453px;
float:left;	
	
}


#career-content-a-pic {
	float:left;
	width:190px;
}

#career-content-details {
	float:left;
	width:263px;
}


#career-content-details ul{
		margin:0 0 0 27px;
	padding:0;
	color:#b4d82b;
	list-style: square;
	font-size:10px;
	clear:both;
	
	
}

#career-content-details ul li{
	margin:0;
	padding:0;
	
}

#career-content-details ul li p{
	margin:0;
	padding:0;
	color:#000000;
	
}

	#career-border-1 {
		background:url(img/page/career/7.jpg) no-repeat;
		width:960px;
		height:15px;
		position:absolute;
		top:404px;
		left:0;
	}




/*\*/ * html #career-border-1 {
		background:url(img/page/career/7.jpg) no-repeat;
		width:960px;
		height:15px;
		position:absolute;
		top:414px;
		left:0;
	}
 /**/ 


#career-border-2 {
	background:url(img/page/career/7.jpg) no-repeat;
	width:960px;
	height:15px;
	position:absolute;
	top:557px;
		left:0;
}



/*\*/ * html #career-border-2 {
	background:url(img/page/career/7.jpg) no-repeat;
	width:960px;
	height:15px;
	position:absolute;
	top:575px;
		left:0;
}

 /**/ 


*:first-child+html #career-border-2 {
	background:url(img/page/career/7.jpg) no-repeat;
	width:960px;
	height:15px;
	position:absolute;
	top:568px;
	left:0;
}





#career-border-3 {
	background:url(img/page/career/7.jpg) no-repeat;
	width:960px;
	height:15px;
	position:absolute;
	top:743px;
	*top:773px;
	left:0;
}



#career p#style-2 {

padding:29px 0 0;
*margin:-10px 0 0;
clear:both;
	
}


#services {
	margin:0;
	padding:0;
	height:611px;
	position:relative;
}


#services-content {
	margin:0;
	padding:0;
}





#services-content img{
	margin:0;
	padding:0;
	float:right;
}

#services-content p {
	margin:0 0 27px;
}

#services-content p#style-3 {
	margin:0 0 79px;
	padding:0;
	
}


h4 {
	background:url(img/page/services/2.jpg) left no-repeat;
	height:22px;
	margin:0;
	padding:5px 0 0 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#373737;
	
}


#services-content-list {
	margin:0;
	padding:0;
}

#services-content-list ul{
	margin:0 0 0 17px;
	padding:0;
	list-style: square;
	color:#b4d82b;
	font-size:12px;
}

#services-content-list ul li{
	margin:0 0 4px;
	padding:0;
}

#services-content-list ul li p{
	margin:0;
	padding:0;
	color:#000000;
}



#services-content-list-a #services-content-list {
	margin:30px 0 0 0;
	padding:0;
}







#services-content-list-b #services-content-list {
	left:489px;
position:absolute;
top:263px;

}

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


#flash embed {
       margin-top:-20px;
}

#home-flash {
	width:960px;
	margin:53px auto 0;
}



h5 {
	background:url(img/page/certificate/title-cert.jpg) no-repeat;
	width:269px;
	height:23px;
	margin:0;
	padding:0 0 0 16px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#cert-content {
		margin:0;
		padding:0;

}

#cert-content ul{
	
		padding:0;
		list-style:none;
		float:left;
		margin:0 17px 54px;

}


/*\*/ * html #cert-content ul{
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		margin:0 15px;

}

 /**/ 

#cert-content ul li{
	margin:0;
	padding:0;

}

#cert-content ul li p{
	margin:0;
	padding:0;

}
	
	
#cert-content ul li#style-4{
	margin:0 0 0 4px;
	padding:0;
	background:url(img/page/certificate/shadow.jpg);
	width:266px;
	height:60px;
	

}	

#cert-content ul li#style-5{
	width:263px;
	height:413px;
	margin:10px 0 0 4px;
}


#cert {
	height:1700px;
	position:relative;
	}

#cert-pic {
bottom:107px;
position:absolute;
right:321px;
}


#cert-content ul li#style-4 p{
	margin:0;
	padding:19px 0 0 89px;
	
}

#cert-content ul li#style-4 a {
	color:#ffffff;
}

#cert-content ul li#style-4 a:hover {
	color:#000000;
	text-decoration:underline;
}

#sidebar-content-list {
	margin:0;
	padding:0;
}


#sidebar-content-list ul{
	margin:20px 0 0;
	padding:0;
}

#sidebar-content-list ul li{
	margin:0;
	padding:0;
	list-style:none;
}

#sidebar-content-list ul li p{
	margin:0;
	padding:0;
}


#sidebar-content-list a{
	margin:0;
	padding:10px 0 0 17px;
	background:url(img/page/product/btn.png) no-repeat;
	width:262px;
	height:39px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

#sidebar-content-list a:hover{
	margin:0;
	padding:10px 0 0 17px;
	background:url(img/page/product/btn-hv.png)  no-repeat;
	width:262px;
	height:39px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	
	
}

p#style-5 {
	background:url(img/page/product/1.png) left no-repeat;
	height:22px;
	margin:0 0 21px;
padding:0 0 0 20px;
	font-size:18px;
	font-weight:bold;
}













#product {
height:567px;
}







#wrapper{
width: 960px;
margin: 0 auto;
}
#left{
float: left;
width: 262px;
}
#right{
float: left;

}



#sidebar {
	float:left;
	width:262px;
}


#content-main {
	float:right;

}



#style-6 {
	font-weight:bold;
	margin:21px 0 0 10px;
	
}

#style-7 {
	margin:0px 0 0 10px;
	
}



p#style-8 {
	background:url(img/page/contact/1.jpg) left no-repeat;
	height:22px;
	padding:6px 0 0 17px;

}


#contact-content {
	margin:20px 0 0 0;
}



#contact-content .adjust {
	width:423px;
	height:25px;
	margin:0 0 10px;
	border:solid 1px #aacfe5;
}

#contact-content #adjust-2 {
	width:423px;
	height:127px;
	margin:0 0 10px;
	border:solid 1px #aacfe5;
}


#contact-content table tr td p {
	font-weight:bold;
}



#contact-form {
	width:595px;
	float:left;
	position:relative;
	}

#contact-bar-1 {
	position:absolute;
	background:url(img/page/contact/7.jpg) no-repeat;
	height:5px;
	width:573px;
	top:45px;
}


#contact-bar-2 {
	position:absolute;
	background: url(img/page/contact/8.jpg) no-repeat;
	height:1px;
	width:573px;
	top:410px;
	*top:420px;
}
	
	
	
#contact-form table {
	margin:44px 0 0 17px;
}


#address {
	float:left;
margin:0 0 0 20px;
position:relative;
	}
	
	
#contact {
height:729px;
}

#address p#style-9 {
	font-weight:bold;
	margin:0px 0 0 0;
	padding:0 0 0 30px;
}

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

#address-icon-1 {
	position:absolute;
	background:url(img/page/contact/3.jpg) no-repeat;
	width:27px;
	height:20px;
	top:47px;
}

#address-icon-2 {
	position:absolute;
	background:url(img/page/contact/4.jpg) no-repeat;
	width:27px;
	height:23px;
	top:159px;
	
}

#address-icon-3 {
	position:absolute;
	background:url(img/page/contact/5.jpg) no-repeat;
	width:27px;
	height:20px;
	top:213px;
}

#address-icon-4 {
	position:absolute;
	background:url(img/page/contact/6.jpg) no-repeat;
	width:27px;
	height:16px;
	top:267px;
}

#header-home {
	width:960px;
	margin:0 auto;
	position:relative;
}

#home-border {
	background:url(img/page/home/4.jpg) repeat-x;
	height:3px;
}


#home-content-1 {
	background:url(img/page/home/1.jpg);
	width:308px;
	height:187px;
	float:left;
	}
	
#home-content-2 {
	background:url(img/page/home/2.jpg);
	width:343px;
	height:187px;
	float:left;
	}


#home-content-3 {
	background:url(img/page/home/3.jpg);
	width:309px;
	height:187px;
	float:left;
	}	
	
#footer-home {
	background: url(img/footer/footer-home-rp.jpg) repeat-x;
	height:56px;
	clear:both;
	}	
	

p#style-10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:11px 0 0 26px;
	
	
}

p#style-11 {
	font-size:14px;
	color:#535252;
	width:260px;
	margin:10px auto 0;
	
}


p#style-12 {
	color:#535252;
font-size:14px;
margin:10px 0 0 27px;
width:185px;
text-align:left;
	
}

p#style-13 {
	color:#535252;
font-size:14px;
margin:10px 0 0 27px;
width:160px;
text-align:left;
	
}

#home-view {
	background:url(img/page/home/view.jpg);
	width:102px;
	height:26px;
	float:left;
	margin:8px 0 0 20px;
}

#home-view:hover {
	background:url(img/page/home/view-hv.jpg);
	width:102px;
	height:26px;
	float:left;
	margin:8px 0 0 20px;
}


#footer-content {
	width:960px;
	margin:0 auto;
}

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444343;
}

#copyright p{
	padding:26px 0 0;
text-align:center;
}

#logo-title {
background:url(img/page/product/logo/logo-bg.jpg);
width:930px;
height:23px;
}

#logo-title p {
padding:0 0 0 18px;
font-weight:bold;

}

#partner {
width:960px;
float:left;
margin:0 0 39px;

}

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

#partner ul li{
margin:0;
padding:0;
float:left;
height:55px;
}

/*\*/ * html #partner ul li{
margin:0;
padding:0;
float:left;
height:71px;
}
/**/