/*   

Theme Name: Marketing Website v1-feature

Theme URI: www.cleancon.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 AP, PCT sdn.bhd. copyrighted.

Author: PCT - Production


Version: version 1

*/

/* begin structure */
body {

	margin:0 auto;
	
	background:#FFFFFF;

}

#wrap {

	margin:0 auto;
	
	background:url(img/general/body-img-bg.png) repeat-y top;
	
	outline:none;

}

#header {

	width:1020px;
	
	background:url(img/header/header-img-bg.png) no-repeat;
	
	margin:0 auto;

}

#page {

	width:960px;
	
	margin:0 auto;
	
	background-color:#FFFFFF;

}

#page-content {

	width:960px;

}

#nav {

	width:962px;
	
	height:70px;
	
	margin:0 auto;

}

#banner {

	width:962px;
	
	height:135px;
	
	margin:0 auto 20px;

}

#footer {

	height:50px;
	
	width:960px;
	
	margin:0 auto;
	
	background:url(img/footer/footer-bg.png) no-repeat;

}

.preload {

	display:none;

}

/* end structure */
















/* begin general setting */

img {

	border:none;

}

p {

	font-family:Arial, Helvetica, sans-serif;

}

a {

	outline:none;

}




/* end general setting */























/* begin header */

#logo {

	width:247px;
	
	height:188px;
	
	padding:12px 0 0 39px;

}

#home-banner {

	width:962px;
	
	height:326px;
	
	margin:0 auto;
	
	background:url(img/header/banner-img-home.png) no-repeat;
	
	position:relative;
	
	

}

#home-banner #banner-home-btn {

	width:223px;
	
	height:38px;
	
	display:block;
	
	position:absolute;
	
	top:234px;
	
	left:11px;


}
/* end header */















/* begin nav */

#home-btn {

	background:url(img/header/nav-btn-home.png) no-repeat;
	
	width:194px;
	
	height:70px;
	
	float:left;

}

#home-btn:hover {

	background:url(img/header/nav-btn-home-hover.png) no-repeat;
	
}

#truck-btn {

	background:url(img/header/nav-btn-truck.png) no-repeat;
	
	width:193px;
	
	height:70px;
	
	float:left;

}

#truck-btn:hover {

	background:url(img/header/nav-btn-truck-hover.png) no-repeat;
	
}

#rough-btn {

	background:url(img/header/nav-btn-rough.png) no-repeat;
	
	width:193px;
	
	height:70px;
	
	float:left;

}

#rough-btn:hover {

	background:url(img/header/nav-btn-rough-hover.png) no-repeat;
	
}

#crawler-btn {

	background:url(img/header/nav-btn-crawler.png) no-repeat;
	
	width:193px;
	
	height:70px;
	
	float:left;

}

#crawler-btn:hover {

	background:url(img/header/nav-btn-crawler-hover.png) no-repeat;
	
}

#contact-btn {

	background:url(img/header/nav-btn-contact.png) no-repeat;
	
	width:189px;
	
	height:70px;
	
	float:left;

}

#contact-btn:hover {

	background:url(img/header/nav-btn-contact-hover.png) no-repeat;
	
}




/* end nav */






















/* begin footer */

#footer-content a {

	color:#3c3a3a;
	
	text-decoration:none;

}

#footer-content a:hover {

	color:#0000FF;

}

#footer-content p {

	margin:16px 0 0 20px;
	
	padding:0;
	
	float:left;
	
	color:#3c3a3a;
	
	font-size:70%;

}

#footer #mms {
	
	float:right;
	
	margin:1px 15px 0 0;

}






/* end footer */



















/* begin home */

#home-div1 {

	height:34px;
	
	width:960px;
	
	margin:5px 0 0;
	
}

#home-div1 img {

	float:left;

}

#home-div2 {

	height:114px;
	
	width:960px;
	
	margin:5px 0 15px 0;

}

#home-div2 img {

	float:left;

}

#home-div2 img.move {

	margin:0 0 0 7px;

}




/* end home */

















/* begin rough */

#truck {

	height:522px;

}

#truck a {

	margin:0 0 20px;

}
#truck-layout1 {

	float:left;
	
	margin:0;
	
	padding:0;
	
	width:641px;
	
	height:525px;
	

}

#truck-layout1 #truck-page-btn {

	background:url(img/page/truck/02truck01.png) no-repeat;
	
	width:641px;
	
	height:154px;
	
	display:block;

}

#truck-layout1 #truck-page-btn:hover {

	background:url(img/page/truck/02truck01-hv.png) no-repeat;

}

#truck-layout1 #truck-page-btn-2 {

	background:url(img/page/truck/02truck02.png) no-repeat;
	
	width:641px;
	
	height:154px;
	
	display:block;

}

#truck-layout1 #truck-page-btn-2:hover {

	background:url(img/page/truck/02truck02-hv.png) no-repeat;

}

#truck-layout1 #truck-page-btn-3 {

	background:url(img/page/truck/02truck03.png) no-repeat;
	
	width:641px;
	
	height:154px;
	
	display:block;

}

#truck-layout1 #truck-page-btn-3:hover {

	background:url(img/page/truck/02truck03-hv.png) no-repeat;

}

#truck-layout2 {
	
	float:right;
	
	margin:0;
	
	padding:0;
	
	width:300px;
	
	height:357px;

}





/* end rough */