/*
	Date: September 04, 2008 
	Title: Metal Works Classics
=============================================
*/
body{
	font-family:Arial,Verdana, "Trebuchet MS",Georgia, Lucida,Helvetica,Tahoma, sans-serif;
	font-size:13px;
	text-align:center;
	color:#CAC8C8;
	background:#040404 url(images/bodybg.jpg) repeat-x 0 97px;
}
*{
	margin:0; padding:0;
}
img,fieldset{
	border:none;
}
ul,ol,li{
	list-style:none;
}	
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#196C00;
	text-decoration:underline;
}
.hide,h1 b,h2 b,h3 b,h4 b,h5 b,a i{
     position: absolute;
     left: -9999px;
}
.text{
	font-family:Arial;
	font-size:12px;
	line-height:14px;
	color:#D9D9D9;
}
/* -------- start of page structure design
*/
#wrap{
	width:1000px;
	margin:0 auto;
}
#hdr2{
	width:1000px; height:97px;
	background:url(images/top_bg.jpg) no-repeat;
}	
#hdr{
	width:1000px; height:97px;
	//background:url(images/hdr.jpg) no-repeat;
	background:url(images/hdr.png) no-repeat;
	overflow:hidden;
}
#hdr a{
	width:400px; height:40px;
	margin:25px 0 0 10px;
	float:left;
	display:inline;
	display:block;
}
#nav{
	width:930px; height:41px;
	margin:0 0 0 70px;
}
#nav ul{
	overflow:hidden;
	width:930px; height:40px;
}
#nav li{
	float:left;
	display:block;
}
#nav a{
	display:block;
	float:left;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	line-height:40px;
	height:40px;
}
#nav #selected{
	background-position:0 -40px;
}
.home{
	background:url(images/home.jpg) no-repeat;
	width:145px;
}
.home:hover{
	background:url(images/home.jpg) no-repeat 0 -40px;;
}
.aboutus{
	background:url(images/aboutus.jpg) no-repeat;
	width:106px;
}
.aboutus:hover{
	background:url(images/aboutus.jpg) no-repeat 0 -40px;
}
.facility{
	background:url(images/facility.jpg) no-repeat;
	width:120px;
}
.facility:hover{
	background:url(images/facility.jpg) no-repeat 0 -40px;
}
.projects{
	background:url(images/projects.jpg) no-repeat;
	width:122px;
}
.projects:hover{
	background:url(images/projects.jpg) no-repeat 0 -40px;
}
.gallery{
	background:url(images/gallery.jpg) no-repeat;
	width:110px;
}
.gallery:hover{
	background:url(images/gallery.jpg) no-repeat 0 -40px;
	width:110px;
}
.store{
	background:url(images/store.jpg) no-repeat;
	width:94px;
}
.store:hover{
	background:url(images/store.jpg) no-repeat 0 -40px;
}
.contact{
	background:url(images/contact.jpg) no-repeat;
	width:159px;
}
.contact:hover{
	background:url(images/contact.jpg) no-repeat 0 -40px;
}
#container{
	background:url(images/bannnnnnnn.jpg) repeat-x 0 28px;
	display:block;
	width:1000px;	height:332px;
	position:relative;
	margin-top:-2px;
}

.banner{
	position:absolute;
	z-index:1;
	width:980px; height:332px;
	display:block;
	background:url(images/topbanner2.png) no-repeat;
	overflow:hidden;
	margin:8px 10px 0 10px;
	left:0;
	top:0;
}
* html .banner{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/topbanner2.png", sizingMethod="crop");
}
.conarea{
	width:980px; height:332px;
	position:absolute;
	z-index:2;
	left:10px;
	top:8px;
}
.left a.sidelinks{
	/*color:#D9D9D9;*/
	color:#0000FF;
	text-decoration: underline;
	background:none;
	display:inline;
	width:auto;
	height:auto;
	font-size:9px;
}
.left a.sidelinks:hover{
	display:inline;
	width:auto;
	height:auto;
	background:none;
	color:#F3CE4C;
	text-decoration:none;
	font-size:9px;
}
.banright a.sidelinks{
	/*color:#D9D9D9;*/
	color:#0000FF;
	text-decoration: underline;
	background:none;
	display:inline;
	width:auto;
	height:auto;
	font-size:9px;
}
.banright a.sidelinks:hover{
	display:inline;
	width:auto;
	height:auto;
	background:none;
	color:#F3CE4C;
	text-decoration:none;
	font-size:9px;
}
.banleft{
	width:732px;
	float:left;
}
.banright{
	width:248px;
	float:right;
	text-align:left;
}
.left{
	width:248px;
	float:left;
	text-align:right;
}
.left ul{
	width:236px;
	margin:27px 0 0 12px;
}
.left li{
	display:block;
	width:236px; height:69px;  
}
.left a{
	background:url(images/leftban2.gif) no-repeat;
	display:block;
	width:238px; height:69px;
	text-decoration:none;
	color:#D9D9D9;
}
.left a:hover{
	display:block;
	width:238px; height:69px;
	background:url(images/leftban1.gif) no-repeat;
	color:#F3CE4C;
	text-decoration:none;
}
.left a img{
	margin:2px 11px 0px 4px;
	float:left;
	display:block;
}
.left a:hover img{
}
.left a span{
	font-family:Arial;
	font-size:12px;
	line-height:14px;
	color:#D9D9D9;
	padding:15px 0px 0 0;	
	text-align:left;
	display:block;
}
.left a:hover span{
	color:#F3CE4C;
}
.left a:hover strong{
	color:#D9D9D9;
}	
.bancon{
	width:482px;
	float:right;
}
.bancon img{
	margin:10px 0 0 0;
	padding:0;
	border:0;
}
.banright ul{
	width:238px;
	margin:27px 9px 0 1px;
}
.banright li{
	display:block;
	width:238px; height:69px;  
}
.banright a{
	background:url(images/banright.jpg) no-repeat;
	display:block;
	width:238px; height:69px;
	text-decoration:none;
	color:#D9D9D9;
}
.banright a:hover{
	background:url(images/banrthover.jpg) no-repeat;
	display:block;
	width:238px; height:69px;
	color:#F3CE4C;
	text-decoration:none;
}
.banright a img{
	margin:2px 4px 2px 0;
	display:block;
}
.banright a span{
	display:block;
	font-family:Arial;
	font-size:12px;
	line-height:14px;
	color:#D9D9D9;
	padding:15px 0 0 25px;
}
.banright a:hover span{
	color:#F3CE4C;
	text-decoration:none;
}
.banright a:hover strong{
	color:#D9D9D9;
}
/* ------------------ start of mainbody design 
*/
#mainbody{
	width:1000px;
	background:#3A3A3A;
	padding:18px 0 20px 0;
	text-align:left;
}
#mainbody h1{
	margin:0 10px;
}
#mainbody fieldset{
	width:980px;
	background:#080808 url(images/mainbodybtm.jpg) no-repeat bottom;
	overflow:hidden;
	margin:0 10px;
	padding:14px 0 16px 0;
	display:block;
}
.contype1{
	width:683px;
	float:left;
	margin-left:7px;
	display:inline;
}
.contype1 p{
	font-family:Arial;
	font-size:13px;
	line-height:15px;
	color:#CAC8C8;
	padding:5px 10px 16px 0;
}
.contype1 img{
	margin-right:15px;
}
.contype2{
	width:283px;
	float:right;
	margin-left:7px;
	display:inline;
}
#ftr{
	width:1000px;
	height:128px;
	text-align:center;
}
#ftr p{
	color:#CAC8C8;
	padding-top:30px;
	line-height:18px;
}
#ftr a{
	font-size:11px;
	color:#CAC8C8;
	margin-right:36px;
}
#ftr a:hover{
	text-decoration:underline;
}

/* ---------- start of subpage design
*/
/* ------------ about Us page
*/
#submain{
	width:1000px;
	background:#3A3A3A;
	margin-top:26px;
	padding-bottom:10px;
	text-align:left;
}
#submain h2{
	margin:0px 10px;
	padding-top:10px;
}
#submain fieldset{
	width:980px;
	margin:0 10px;
	display:block;
	overflow:hidden;
	padding-bottom:40px;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #000000;
	background-image: url(images/about-usbg.jpg);
}

.aboutleft{
	width:256px;
	float:left;
	border:1px solid #404040;
	display:inline;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
.aboutleft img{
	margin:3px;
}
.aboutrighr{
	width:660px;
	float:right;
	padding-right:10px;
}
.aboutrighr h3{
	font-size:18px;
	padding-top: 58px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.aboutrighr p{
	line-height:16px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0;
}
.aboutrighr dl{
	width:560px;
	display:block;
	margin-top:38px;
}
.aboutrighr dd{
	width:386px;
	display:block;
}
.aboutrighr label{
	width:386px;  
	display:block;
	line-height:24px;

}
.aboutrighr input{
	width:230px;  height:20px;
	border:1px solid #7A7A7A;
	background:#494949;
	padding-left:5px;
	line-height:20px;
}
.aboutrighr textarea{
	width:230px;  height:86px;
	border:1px solid #7A7A7A;
	background:#494949;
	margin-bottom:8px;
	padding-left:5px;
}
.aboutrighr .altdd{
	width:87px; height:23px;
	border:0;
	background:none;
	padding:0;
	margin:0;
}
.aboutrighr h4{
	margin:18px 0 8px 0;
	font-size:21px;
}
.aboutrighr address{
	font-style:normal;
}
.aboutrighr a{
	color:#CAC8C8;
}
.aboutrighr a:hover{
	color:#D80101;
	text-decoration:none;
}
.aboutrighr img{
	margin-top:8px;
}

.subright{
	width:560px;
	float:right;
	padding-right:10px;
}
.subright h3{
	font-size:18px;
	padding-top: 58px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.subright p{
	line-height:16px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0;
}
.subright dl{
	width:560px;
	display:block;
	margin-top:38px;
}
.subright dd{
	width:386px;
	display:block;
}
.subright label{
	width:386px;  
	display:block;
	line-height:24px;

}
.subright input{
	width:230px;  height:20px;
	border:1px solid #7A7A7A;
	background:#494949;
	padding-left:5px;
	line-height:20px;
}
.subright textarea{
	width:230px;  height:86px;
	border:1px solid #7A7A7A;
	background:#494949;
	margin-bottom:8px;
	padding-left:5px;
}
.subright .altdd{
	width:87px; height:23px;
	border:0;
	background:none;
	padding:0;
	margin:0;
}
.subright h4{
	margin:18px 0 8px 0;
	font-size:21px;
}
.subright address{
	font-style:normal;
}
.subright a{
	color:#CAC8C8;
}
.subright a:hover{
	color:#D80101;
	text-decoration:none;
}
.subright img{
	margin-top:8px;
}
.subleft{
	width:358px;
	float:left;
	border:1px solid #404040;
	display:inline;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
.subleft img{
	margin:3px;
}
/* ---------- gallery subpage
*/

.gallary{
		width:980px;
		background:#000 url(images/about-usbg.jpg) repeat-x 0 0;
		margin:0 10px;
		overflow:hidden;
		padding:27px 0 90px 0;
}
.gallary dd{
	display:block;
	float:left;
	margin:0 0 20px 20px;
	display:inline;
	width:170px;	height:94px;
	line-height:90px;
	border:1px solid #414141;
	text-align:center;
}
*+ html .gallary dd{
	line-height:94px; /*only for IE7 */
}
html:first-child .gallary dd{
    line-height:96px;
}
.gallary dd img {
	margin-top: expression(( 96 - this.height ) / 2); 
}
html>body .gallary dd img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}

/*-------- Project page design
--------------------------*/
#project{
	width:1000px;
	background:#3A3A3A;
	margin-top:26px;
	padding-bottom:10px;
	text-align:left;
}
#project h2{
	margin:0px 10px;
	padding-top:10px;
}
#project fieldset{
	width:980px;
	margin:0 10px;
	overflow:hidden;
	display:block;
	background:#000 url(images/about-usbg.jpg) repeat-x 0 0;
}
#project fieldset h3{
	padding:20px 0 20px 20px;
	font-size:21px;
}
.type1{
	margin-left:20px;
	overflow:hidden;
	display:block;
}
.type1 dd{
	display:block;
	width:308px;
	float:left;
	margin-right:9px;
	display:inline;
}
.type1 dd span{
	display:block;
	width:304px;	height:210px;
	line-height:206px;
	border:1px solid #414141;
	text-align:center;
}
*+ html .type1 dd span{
	line-height:210px; /*only for IE7 */
}
html:first-child .type1 dd span {
    line-height:212px;
}
.type1 dd span img {
	margin-top: expression(( 212 - this.height ) / 2); 
}
html>body .type1 dd span img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}
.type1 h4{
	width:297px; height:20px;
	background:#616060 url(images/plus.jpg) no-repeat right;
	padding-left:10px;
	margin:12px 0;
	line-height:20px;
	color:#000;
	font-size:13px;
	font-weight:bold;
}



	.type1 h5 {
	width:296px;
	height:20px;
	padding-left:10px;
	line-height:20px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	background-color: #616060;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}

.type1 p{
	padding-left:10px;
}
.type2{
	width:960px;
	display:block;
	background:#000;
	margin:0 10px;
	padding:18px 0 26px 20px;
	overflow:hidden;
}
.type2 dd{
	display:block;
	float:left;
	margin:12px 12px 0 0;
	display:inline;
	width:105px;	height:74px;
	line-height:70px;
	border:1px solid #414141;
	text-align:center;
}
*+ html .type2 dd{
	line-height:74px; /*only for IE7 */
}
html:first-child .type2 dd{
    line-height:76px;
}
.type2 dd img {
	margin-top: expression(( 76 - this.height ) / 2); 
}
html>body .type2 dd img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}
/* --------------- store page
*/
.box1{
	width:940px;
	padding-bottom:5px;
	margin:0 20px 5px 20px;
	overflow:hidden;
	border-bottom:1px solid #3A3A3A;
}
.box1 img{
	float:left;
	margin-right:15px;
	display:inline;
}
.box1 p{
	padding-top:10px;
	line-height:16px;
}
.box2{
	width:940px;
	overflow:hidden;
	margin:5px 20px 40px 20px;
}
.box2 img{
	float:left;
	margin-right:20px;
	display:inline;
}
.box2 p{
	padding-top:10px;
	line-height:16px;
}

/* ----------- pagination
*/
div.pagination {
	text-align:right;
	padding-right: 15px;
	padding-bottom: 15px;
	margin: 3px;
}

div.pagination a 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active 
{
	border: 1px solid #000099;
	color: #000;
}
div.pagination span.current 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;

	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
div.pagination span.disabled 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}