/*   

Theme Name: Professional Website v1-feature

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


Version: version 1

*/

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

}

#page {
	background:url(img/general/page-top-bg.jpg) top no-repeat;
	width:896px;
	margin:0 auto;

	

}

#clear-both {
	clear:both;
}


#content {
	margin:0 auto;
padding:37px 0 0;
width:804px;

}

#content-main {

}

#page-bottom-bg {
	background: url(img/general/page-bottom-bg.jpg) repeat-x bottom;
	
	}


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


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


h1 {

}



h2 {
	margin:0;
	padding:0;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;



}

h3 {
margin:0;
padding:0 0 0 23px;

}


p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#afafaf;
	text-align:justify;


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


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

/*********** Begin Header **********/
#header {

}

#header-content {
	width:960px;
	margin:0 auto;
	background:url(img/header/header-bg.jpg);
	height:136px;

}

#logo {
padding:28px 0 0 54px;
}


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

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




#nav {
	margin:0 auto;
	padding:0;
	width:960px;


}



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

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

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

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

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

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

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


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

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

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




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


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

}




#mms {

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

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


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


#about {
	height:550px;
	}
	
#about-title-bg {
	background: url(img/page/about/1.jpg);
	width:798px;
	height:13px;
	margin:0 0 30px;
	}	
	
#about-title-bg p{
	margin:0;
	padding:0 0 0 17px;
	color:#828282;
}

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

}

#about-content img{
	margin:0 40px 0 0;
	padding:0;
	float:left;

}

#about-content p {
	padding:30px 0 0 0;
	}
	
#style-1 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	
	}	
	
#products-title-bg {
background:url(img/page/products/1.jpg);
width:720px;
height:13px;

}	

#products-title-bg p {
padding:0 0 0 23px;
}


#products {
height:754px;
}


#products-content {
margin:27px 0 0 26px;
padding:0;
}

#products-content ul{
margin:0 0 15px;
padding:0;
list-style:none;
background:url(img/page/products/2.jpg) no-repeat;
width:708px;
height:217px;
}


#products-content ul li{
margin:10px 0 0 13px;
padding: 0;
float:left;
}


/*\*/ * html  #products-content ul li{
margin:10px 6px 0 5px;
padding: 0;
float:left;
}

/**/ 


#facilities {
height:1600px;
}


#facilities-title-bg {
background:url(img/page/facilities/title.jpg);
width:808px;
height:12px;
}

#facilities-title-bg p{
padding:0 0 0 20px;
}

iframe {
border:none;
margin:16px 0 0 0;
}

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

#facilities-content ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height:391px;
	width:393px;
	
}

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

#facilities-content h2 {
	margin:0 0 3px;
	}


#facilities-content p {
	margin:0 0 5px;
}

#contact-title-bg {
	background:url(img/page/contact/1.png) no-repeat;
	width:798px;
	height:10px;
	margin:0 0 30px;
}
#contact-title-bg p{
	padding:0 0 0 20px;
}

#contact {
	height:900px;
}

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

#contact-content-details {
	background:url(img/page/contact/3.jpg);
	width:336px;
	height:251px;
	margin:26px 0 0;
}

#contact-content-details p {
	line-height:16px;
padding:30px 0 0 44px;
}


#contact-form {
margin:0 0 0 124px;
padding:0;

}

#contact-form p{
text-align:right;
margin:0 3px 0 0;
}

#contact-form .adjust{
width:318px;
height:24px;
float:left;
border:none;
color:#AFAFAF;
background-color:#240103;
}

#contact-form table tr td{
margin:0 0 0px;
padding:0 0 4px;
}

#contact-form #adjust-2 {
width:423px;
height:147px;
float:left;
border:none;
color:#AFAFAF;
background-color:#240103;
}

p#style-2 {
margin:40px 0 64px 50px;
padding:0;
}

#map {
position:absolute;
right:0;

}

#map iframe {
border:3px solid #ffffff;
}

#send {
float:right;
}

#page-home {
width:830px;
margin:0 auto;
}

p#style-3 {
font-size:18px;
color:#fffefe;
margin:0 0 6px;
}

#home {
height:168px;
position:relative;

}

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

#home-content img {
padding:16px 0 0 0;
}

#home-content-pic {
position:absolute;
right:-45px;

}

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

}



#copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
text-align:center;
padding:20px 0 0 0;

}

#flash {
width:960px;
margin:0 auto;
position:relative;
clear:both;
}

#flash-content-1 {
position:absolute;
background:url(img/page/home/1.jpg) no-repeat;
width:293px;
height:86px;
top:20px;
right:30px;
padding:20px 0 0 0px;
}

#flash-content-2 {
position:absolute;
background:url(img/page/home/2.jpg) no-repeat;
width:293px;
height:89px;
top:120px;
right:30px;
padding:20px 0 0 0px;
}


#flash-content-3 {
position:absolute;
background:url(img/page/home/3.jpg) no-repeat;
width:293px;
height:86px;
top:223px;
padding:20px 0 0 0px;
right:30px;
}

#flash-content-1 p,#flash-content-2 p ,#flash-content-3 p {
font-size:16px;
font-family: Avanti;
padding:0 0 0 19px;
color:#ffffff;


}