/*   



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 Sturcture **********/

body {

	margin: auto;



}



#page {

width:940px;

margin:0 auto;

	



}





#page-border-top {

margin:37px 0 30px;

padding:0;

}



#content {

width:920px;

}



#content-main {

width:920px;

position:relative;

}







#error {

	margin-top: 60px;

}

/*********** End Sturcture **********/





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

body {

	font-size: 0.8em;

}



h1 {

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

font-size:22px;

color:#000000;

margin:0 0 16px 10px;

padding:0;

}







h2 {

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

font-size:18px;

color:#000000;





}



h3 {

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

font-size:13px;

color:#000000;

font-weight:bold;

}





p {

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

font-size:13px;

color:#000000;



}



img {

	border: 0;

}



a {

	outline: none;

}



a img {

	cursor: pointer;

}





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



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

#header {

	height: 151px;

	background-image:url('img/header/header-bg.png');

}



#header-content {

width:950px;

height:99px;

margin:0 auto;

}



#logo {

float:left;

margin:10px 0px 0 0;

padding:0;

}



#call-us {

float:right;

margin:23px 25px 0 0;

}

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



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





#home-btn {

width:153px;

height:52px;

float:left;

background-image:url('img/nav/home-btn.png');

}



#home-btn:hover {

background-image:url('img/nav/home-btn-hv.png');

width:153px;

height:52px;

float:left;

}





#about-btn {

width:153px;

height:52px;

float:left;

background-image:url('img/nav/about-btn.png');

}



#about-btn:hover {

background-image:url('img/nav/about-btn-hv-1.png');

width:153px;

height:52px;

float:left;

}



#gallery-btn {

width:153px;

height:52px;

float:left;

background-image:url('img/nav/gallery-btn.png');

}





#gallery-btn:hover {

background-image:url('img/nav/gallery-btn-hv-1.png');

}





#range-btn {

width:153px;

height:52px;

float:left;

background-image:url('img/nav/range-btn.png');

}





#range-btn:hover {

background-image:url('img/nav/range-btn-hv-1.png');

}





#contact-btn {

width:153px;

height:52px;

float:left;

background-image:url('img/nav/contact-btn.png');

}





#contact-btn:hover {

background-image:url('img/nav/contact-btn-hv-1.png');

}



#nav {

width:768px;

margin:0 auto;



}

















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





/*********** Begin Footer **********/

#footer {

	font-weight: lighter;

	font-size: 88;

	color: #666666;

	clear: both;

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

	height:45px;

	border-top-color:#dadada;

	border-top-style:solid;

	border-top-width:5px;

}



#footer-content {

	width: 950px;

	height:45px;

	margin: auto;

}



#footer-content img {

	float: right;

}



#copyright {

margin:20px 0 0 0;

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

font-size:10px;

width:400px;

}





#mms {

margin:-30px 0 0 0;

padding:0;

float:right;

}

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



/*********** Begin Home **********/

#home {

width:940px;





}



#home-layout-1 {

width:150px;

height:300px;

margin:40px 0 0 0;

float:left;

}



#home-layout-2 {

width:768px;

height:340px;

float:left;

margin:0 0 40px 0;

}



#home-layout-3 {

width:940px;

margin:0 0 0 10px;



}



#home-layout-3 h2 {

margin:0 0 3px 2px;

padding:0;

width:350px;

}







#home-layout-3 ul {

margin:0 35px 20px 0;

padding:0;

list-style:none;

float:left;

width:433px;

}



#home-layout-3 ul li{

margin:0;

padding:0;

float:left;

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

font-size:13px;

color:#000000;

}



#home-layout-3 ul li img {

float:left;

margin:10px 0 0 8px;

}



#home-layout-3 ul li p {

width:264px;

margin:8px 0 0 5px;

padding:0;

height:90px;

}





#home-layout-3 a {

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

font-weight:bold;

color:#a72c32;

font-size:13px;

text-decoration:none;

}









/*********** End Home **********/





.style-1 {

width:138px;

height:138px;

border-top-color:#de4749;

border-top-style:solid;

border-top-width:3px;

}



.style-2 {

width:295px;

border-top-color:#d9d9d9;

border-top-style:solid;

border-top-width:3px;

}



h4 {

margin:0 0 0 5px;

padding:0;

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

font-weight:bold;

color:#a72c32;

font-size:13px;

}







/*****************begin range of services page**************/

#range-of-services {

margin:27px 0 0 15px;

padding:0;



}





#range ul {

margin:0;

padding:0 0 0 70px;

list-style-type: none;

}



#range ul li{

margin:0;

padding:0;

}



#range ul li h3 {

margin:0;

padding:0;

}



#range ul li p {

margin:0 0 10px 24px;

padding:0;

width:800px;

height:27px;

}



#range-layout-1 {

margin:40px 0 0 53px;

padding:0;

}



#range-layout-1 ul {

margin:0;

padding:0;

list-style:none;

}





#range-layout-1 ul li {

margin:0;

padding:0;

}



#range-layout-1 ul li ul {

margin:0 30px 0 0;

padding:0;

float:left;

}



#range-layout-1 ul li ul li {

margin:0;

padding:0;

}



#range-layout-1 ul li ul img {

margin:0;

padding:0;

}



#range-layout-1 ul li ul li h3 {

margin:0 0 0 10px;

padding:0;

}



.style-3 {

list-style:disc;



}





h5 {

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

font-size:13px;

color:#000000;

font-weight:bold;

margin:0 0 30px 0;

padding:0;

}


#pre-load {
display:none;
}



/****************end range of services page**************/

#contact {



	width:920px;

	

	height:600px;

	

	margin:25px 0 0;

	

	position:relative;



}



#contact #contact-1 {



	width:430px;

	

	float:left;

	

	height:477px;

	

	margin:0 0 0 10px;



}



#contact #contact-2 {



	width:430px;

	

	float:right;

	

	height:477px;

	

}



#contact #contact-1 p {



	margin:5px 0 5px 2px;

	

	padding:0;



}



#contact #contact-1 input.adjust {



	width:430px;



}



#contact #contact-1 textarea.adjust {



	width:430px;

	

	height:130px;



}



#contact #contact-1 input.send {



	margin:10px 0 0 188px;



}



#contact #contact-2 p {



	margin:0 0 15px 0;

	

	padding:0;



}



#contact #contact-2 h3 {

	

	margin:0;

	

	padding:0;





}



#contact #contact-2 a {



	color:#000000;

	

	text-decoration:none;



}



#contact #contact-2 a:hover {



	color:#0033FF;



}



#contact img {



	position:absolute;

	

	top:-10px;

	          

	left:722px;



}

































































/** begin gallery **/



#gallery_1 p {



	margin:30px 0 15px 10px;



}



#gallery_1 ul {



	margin:0 0 30px 188px;

	

	padding:0;

	

	width:567px;

	

	height:825px;



}



#gallery_1 ul li {



	float:left;

	

	list-style-type:none;

	

	width:166px;

	

	height:275px;

	

	margin:0 23px 0 0;



}



#gallery_1 h3 {



	margin:3px 0 0 0;

	

	padding:0;



}































/** end gallery **/



/** begin about **/



#about {



	margin:0 0 50px 0;



}





#about #about-content ul {

	

	margin:0 0 0 50px;

	

	padding:0;



}



#about #about-content {



	margin:34px 15px 0 10px;



}



#about #about-content p {



	text-align:justify;



}



#about #about-content h2 {



	margin:25px 0 0 0;



}



#about #about-content p.divider {



	margin:5px 0;



}



/** end about **/