@charset "utf-8";
/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; }



#content {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 800px;	
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

body {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-image: url(../images/background.jpg);
	background-repeat:repeat-x;
}

#header {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 175px;
	width: 800px;
	background-image:url(../images/header.jpg);
	
}

#services{
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:160px;

	background-image:url(../images/our_services.jpg);
}

#title_1{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	background-image:url(../images/home.jpg);
}

#title_2{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/portfolio.jpg);
}

#title_3{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/contact.jpg);
}

#title_4{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/design.jpg);
}

#title_5{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/laser.jpg);
}

#title_6{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/punch.jpg);
}

#title_7{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/folding.jpg);
}

#title_8{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/fabrication.jpg);
}

#title_9{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/finishing.jpg);
}

#title_10{/* -- !!!!!!!!!! CHANGE FOR EVERY PAGE !!!!!!!!!!-- */
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:40px;
	width:640px;
	float:right;
	background-image:url(../images/powder.jpg);
}

#links{
	padding:0 0 0 0;
	margin:50px 0 0 0;
	width:160px;
	height:95px;
	float:left;
}

#links p{
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family:calibri,verdana;
	font-size:0.75em;
	color:#666;
}

#links IMG{
	padding:0 0 0 0;
	margin:0 0 0 0;
	margin-top:0px;
	margin-bottom:10px;
}


#main{
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:640px;
	min-height:400px;
	float:right;
}

#leftcol{
	width:160px;
	float:left;
}

#homeimg{
	padding:0 0 0 0;
	margin:10px 20px 0 0;
	height:199px;
	width:300px;
	background-image:url(../images/kjb_home.png);
	float:right;
	
}

#txtwrap{
	width:275px;
	float:left;
}

#main p {
	padding:0 0 0 0;
	margin:0 0 0 0;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:10px;
	font-family:Calibri, Verdana;
	color:#333;
	font-size:0.75em;
	
	
}

#main li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	margin-left:25px;
	padding-bottom:5px;
	font-family:Calibri, Verdana;
	color:#333;
	font-size:0.75em;
}

a.thumb IMG{
	padding:0 0 0 0;
	margin:0 0 0 0;
	margin-left:20px;
	margin-top:15px;
	
}


#footimg{
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:800px;
	height:150px;
	background-image:url(../images/footer2.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#footimg p {
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family:Calibri, Verdana;
	color:#333;
	font-size:0.7em;
}

#footcontact{
	padding:30px 0 0 0;
	margin:0 0 0 0;
	text-align:right;
}

#footcontainer{
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:200px;
	width:100%;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	clear:both;
}

a {
    outline: none;
 }
a img {
    border:none;
 }

h1.hide{
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:none;
}

h2.hide{
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:none;
}

h3.hide{
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:none;
}

h4{
	padding:0 0 0 0;
	margin:10px 0 0 20px;
	font-family:Calibri, Verdana;
	color:#036;
}


table{
	padding:0 0 0 0;
	margin:10px 0 0 0;
	font-family:calibri, verdana;													
	color:#333;
	font-size:0.75em;
	margin-left:50px;
}	

.italic{
	font-style:italic;
	
}

#eform{
	padding:0 0 0 0;
	margin:0px 0 0 0;
}

ol{
	padding:0 0 0 0;
	margin:0 0 0 65px;
}

ul{
	padding:0 0 0 0;
	margin:15px 0 0 30px;
}






													/* -- !!!!!!!!!! TOP NAV Image swap !!!!!!!!!!-- */
													#top_nav{
														width:270px;
														height:35px;
														margin:0 auto;
														margin-top:140px;
														background:#acacac url(../images/top_nav.jpg) no-repeat; 
														float:right;
													}
													
													
													#top_nav ul{
														border: 0;
														margin: 0;
														padding: 0;
														list-style-type: none;
														text-align: center;
														clear: left;
													}
													
													#top_nav ul li{
														display: block;
														float: left;
														text-align: center;
														padding: 0;
														margin: 0;
													}
													
													#top_nav ul li a span{
														display:none;
													}
													
													
													#top_nav ul li a{
														width:90px;
														height:35px;
														margin:0px;
														padding:0px;
														display: block;
														
															
													}
													
													/* -- Hovers -- */
													
													#top_nav ul li a.home:hover{
														background: url(../images/top_nav.jpg) -0px -35px;
													}
													
													#top_nav ul li a.portfolio:hover{
														background: url(../images/top_nav.jpg) -90px -35px;
													}
															
													#top_nav ul li a.contact:hover{
														background: url(../images/top_nav.jpg) -180px -35px;
													}
														
														
																											/* -- !!!!!!!!!! SERVICE NAV Image swap !!!!!!!!!!-- */
																											
																											#service_nav{
																												padding:0 0 0 0;
																												margin:0 0 0 0;
																												width:160px;
																												height:140px;
																												
																												float:left;
																												
																												background:#acacac url(../images/side_nav.jpg) no-repeat; 
																												
																											}
																											
																											
																											#service_nav ul{
																												border: 0;
																												margin: 0;
																												padding: 0;
																												list-style-type: none;
																												text-align: center;
																												
																											}
																											
																											#service_nav ul li{
																												display: block;
																												float: left;
																												text-align: center;
																												padding: 0;
																												margin: 0;
																											}
																											
																											#service_nav ul li a span{
																												display:none;
																											}
																											
																											
																											#service_nav ul li a{
																												width:160px;
																												height:20px;
																												margin:0px;
																												padding:0px;
																												display: block;
																													
																											}
																											
																											/* -- Hovers -- */
																											
																											#service_nav ul li a.design:hover{
																												background: url(../images/side_nav.jpg) -160px -0px;
																											}
																											
																											#service_nav ul li a.laser_profiling:hover{
																												background: url(../images/side_nav.jpg) -160px -20px;
																											}
																													
																											#service_nav ul li a.punch_profiling:hover{
																												background: url(../images/side_nav.jpg) -160px -40px;
																											}
																											
																																																													                                                                                                            #service_nav ul li a.folding_forming:hover{
																												background: url(../images/side_nav.jpg) -160px -60px;
																											}
																											
																											#service_nav ul li a.fabrication:hover{
																												background: url(../images/side_nav.jpg) -160px -80px;
																											}
																													
																											#service_nav ul li a.finishing:hover{
																												background: url(../images/side_nav.jpg) -160px -100px;
																											}
																											
																											#service_nav ul li a.powder_coating:hover{
																												background: url(../images/side_nav.jpg) -160px -120px;
																											}