/*   

Theme Name: Professional Website v1-feature

Theme URI: www.thecrane.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 Production


Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;
	background-color:#000;

}

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

	

}




#content {
	width:930px;
	margin:0 auto;

}

#content-main {

}



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


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


h1 {

}



h2 {
	background:url(img/general/h2-bg.jpg) no-repeat bottom;
	width:909px;
	font-family: "Myriad Pro";
	font-size:30px;
	color:#a1f60d;
	margin:0 0 18px;
	height:41px;
	font-weight:normal;
	padding:0;
	
	


	



}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0cc6f4;
	margin:0;
	padding:0;

}

h4 {
	margin:0;
	padding:0;
	font-family:"Myriad Pro";
	font-weight:bold;
	font-size:14px;
	}
	
	
	
	
h5 {
	font-weight:bold;
	font-size:16px;
	color:#0cc6f4;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
}

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


}

#about-content {
	float:left;
}

#about-content-pic {
	float:left;
	width:239px;
	}


#about-content-text {
	float:left;
	width:626px;
	margin:0 0 0 38px;
width:626px;

	
	}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


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

/*********** Begin Header **********/
#header {
	background:url(img/general/header-bg-rp.jpg);
	height:124px;

}

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

}

#logo {
	float:left;
	padding:10px 0 0;


}


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

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




#nav {
	float:right;



}



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

	
	}
	
	
#home-btn:hover {
	background:url(img/nav/1-btn-hv.jpg);
	height:115px;
	width:100px;
	float:left;
	}
	
	
#home-btn-on {
	background:url(img/nav/1-btn-hv.jpg);
	height:115px;
	float:left;
		width:100px;
	}	
	
#about-btn {
	background:url(img/nav/2-btn.jpg);
	height:115px;
	width:96px;
	float:left;
	}
	
#about-btn:hover {
	background:url(img/nav/2-btn-hv.jpg);
	height:115px;
	float:left;
	width:96px;
	}
		
	
#about-btn-on {
	background:url(img/nav/2-btn-hv.jpg);
	height:115px;
	float:left;
	width:96px;
	}

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

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


#products-btn-on {
	background:url(img/nav/3-btn-hv.jpg);
	height:115px;
	float:left;
	width:96px;
}


#partner-btn {
	background:url(img/nav/4-btn.jpg);
	height:115px;
	float:left;
	width:96px;
}


#partner-btn:hover {
	background:url(img/nav/4-btn-hv.jpg);
	height:115px;
	float:left;
	width:96px;
}

#partner-btn-on {
	background:url(img/nav/4-btn-hv.jpg);
	height:115px;
	float:left;
	width:96px;
}

#contact-btn {
	background:url(img/nav/5-btn.jpg);
	height:115px;
	float:left;
	width:95px;
}


#contact-btn:hover {
	background:url(img/nav/5-btn-hv.jpg);
	height:115px;
	float:left;
	width:95px;
}

#contact-btn-on {
	background:url(img/nav/5-btn-hv.jpg);
	height:115px;
	float:left;
	width:95px;
}


#banner {
	background:url(img/general/banner-bg-rp.jpg);
	height:358px;
}

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




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


/*********** Begin Footer **********/
#footer {
	background:url(img/footer/1.jpg);
	height:94px;
	clear:both;

}

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

}

#footer-pic {
position:absolute;
right:0;
top:20px;
}



#copyright {

}


#mms {

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

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



}


#about-content-text p {
	margin:0 0 30px;
}

#about-content-a-list {
	margin:0;
	padding:0;
	width:675px;
}

#about-content-a-list ul{
	margin:13px 0 0 30px;
	*margin:13px 0 0 15px;
	padding:0;
	list-style:url(img/page/about/3.jpg);
}
#about-content-a-list ul li{
	margin:0 0 30px;
	padding:0;
}

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

#about-content-a-list ul li p{
	margin:0;
	*padding:0 0 0 10px;
}


#about-content-a-list ul li ul{
	margin:12px 0 0 40px;
	padding:0;
	list-style:url(img/page/about/4.jpg);
}

#about-content-a-list ul li ul li{
	margin:0 0 6px ;
	padding:0;
}

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

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

#about-content-b h3{
	margin:0 0 10px;
	padding:0;
}


#about-content-b p {
	margin:0 0 30px;
}

#about-content-b {
	width:675px;
}


#about-top {
	background:url(img/page/about/top-bg.jpg) no-repeat;
	width:672px;
	height:5px;
	float:left;
}

#about-middle {
	background:url(img/page/about/middle-bg.jpg) repeat-y;
	width:672px;
	padding:5px 0;
}


/*\*/ * html #about-middle {
	background:url(img/page/about/middle-bg.jpg) repeat-y;
	width:672px;
	padding:0px 0 0;
	margin:-14px 0 0;
}



/**/ 



/*\*/ * html #about-bottom {
	background:url(img/page/about/bottom-bg.jpg)  no-repeat;
	width:672px;
	height:5px;
	float:left;
	margin:0 0 0px;
}
/**/ 


#about-bottom {
	background:url(img/page/about/bottom-bg.jpg)  no-repeat;
	width:672px;
	height:5px;
	float:left;
	margin:0 0 10px;
}

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


#about-middle ul li{
	margin:0;
	padding:0;
	float:left;
}


#about-middle ul li p{
	margin:0;
	padding:0;
}

#clear-both {
	clear:both;
}

#about-middle p {
	margin:0;
	padding:0;
	
}


#style-1 {
	padding:0 61px 0 20px;
}


table tr td#style-2 {
	padding:0 30px 0 0;
}

table tr td#style-2 p{
	padding:0;
	margin:0 0 10px;
}

#about {
	position: relative;
}

#about-pic-1 {
	position:absolute;
right:-40px;
top:846px;
}

#about-pic-2 {
position:absolute;
right:0;
top:1473px;
}

#about-pic-3 {
	position:absolute;
right:0;
top:2142px;
}

#about-pic-4 {
position:absolute;
right:0;
top:1389px;
}

#about-pic-5 {
position:absolute;
right:0;
top:2606px;
}

#products {
	margin:0;
	padding:0;
	height:2000px;
	}
	
#products-content {
	margin:0 7px 10px 0;
	padding:0;
	background:url(img/page/product/bg.jpg);
	width:450px;
	float:left;
	height:480px;
	
	}
#products-content ul{
	margin:24px 0 -21px 15px;
	padding:0;
	float:left;
	list-style:none;
	
}



#products-content ul#style-3{
	margin:24px 0 -21px 141px;
	padding:0;
	float:left;
	list-style:none;
	
}


/*\*/ * html   #products-content ul#style-3{
	margin:24px 0 -17px 71px;
	padding:0;
	float:left;
	list-style:none;
	
}


/**/ 


/*\*/ * html  #products-content ul{
	margin:19px 0 -17px 10px;	
	padding:0;
	float:left;
	list-style:none;
	
}
/**/ 



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

	
}

#products-content ul li p{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000000;
	text-align:center;

	
}

#products-content h4 {
	padding:21px 0 0 21px;
	}
	

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

#partner-content {
	margin:17px 0 0;
	padding:24px 0 0 37px;
	background:url(img/page/partners/bg.jpg) no-repeat;
	width:910px;
	height:437px;
	}

#partner-content ul{
	margin:0 0 7px;
	padding:0;
	list-style:none;
	float:left;
}

#partner-content ul li{
	margin:0 19px 0 0;
	padding:0;
}

#partner-content ul li p{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000000;
	text-align:center;
}


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

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

#map {
	background:url(img/page/contact/9.jpg);
	width:558px;
	height:428px;
	float:left;
	}
	
#contact-details {
	float:left;
	margin:0 0 0 71px;
	position:relative;
}

#contact-details p{
	margin:0 0 18px;
}

#form {
	clear:both;
	padding:33px 0 0 0;
	*padding:0px 0 0 0;
	margin:0 0 30px;
}

#form .adjust {
	background:url(img/page/contact/6.jpg);
	width:374px;
	height:32px;
	border:none;

	
}

#form #adjust-2 {
	background:url(img/page/contact/7.jpg);
	width:468px;
	height:109px;
	border:none;

	
}

#form p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#0cc6f4;
	margin:6px 0;
	}
	
#icon-1 {
	left:-26px;
position:absolute;
	}	
	
#icon-2 {
	left:-27px;
position:absolute;
top:84px;
	}	

#icon-3 {
	left:-26px;
position:absolute;
top:187px;
	}

#icon-4 {
left:-29px;
position:absolute;
top:240px;
	}
	
#icon-5 {
left:-29px;
position:absolute;
top:295px;
	}
	
#send {
	margin:6px 0 0 365px;
	}	
	
#home {
margin:0;
padding:0;
height:300px;

}	

#home-content {
width:584px;
float:left;
}

h6 {
font-family:"Myriad Pro";
font-size:30px;
color:#0cc6f4;
margin:0 0 20px;
padding:0;


}

#home-content img{
float:right;
margin:20px 0 0;
}

#home-content-right {
width:318px;
height:117px;
float:right;
}


#home-pic {
background:url(img/page/home/1.jpg);
width:318px;
height:117px;

}

#home-pic-2 {
background:url(img/page/home/2.jpg);
width:318px;
height:117px;

}

#home-pic p {
margin:0;
padding:74px 0 0 219px;
}

#home-pic-2 p {
margin:0;
padding:74px 0 0 215px;
}


#home-content-right a {
font-size:14px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

#home-content-right a:hover {
text-decoration:underline;
}

#footer-nav {
margin:0;
padding:30px 0 0 446px;
}

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

#footer-nav ul li{
margin:0;
padding:0;
background:url(img/footer/bullet.jpg) no-repeat left;
height:7px;
float:left;

}

#footer-nav a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
}

#footer-nav a:hover {
text-decoration:underline;
}

#footer-nav ul li p{
margin:-4px 20px 0 20px;
padding:0;
}

#copyright {
clear:both;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
float:right;
padding:10px 94px;
}

#map iframe {
padding:13px 0 0 11px;}