html{
background:url(images/html_bg.jpg) repeat;
}
body
{
background:url(images/bg.jpg) repeat-x top;
font-family:Calibri;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000;
}
a{
color:#d73508;
text-decoration:none;
}
h1{
font-size:30px;
margin:0px;
padding:10px 0 10px 0;
color:#FFFFFF;
font-weight:normal;
}
.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
font-family:Calibri;
font-size:11px;
}
.wrap{
width:842px;
margin:auto;
padding-left:40px;
padding-right:40px;
}
.header{
	width:842px;
	height:120px;
	font-size: 24px;
	color: #009;
	font-weight: bold;
	font-style: italic;
}
.logo{
padding:20px 10px 10px 10px;
float:left;
}
/*-----------------------------menu-------------------*/
#menu{
width:880px;
height:38px;
background:url(images/menu_bg.jpg) no-repeat center;
margin:auto;
clear:both;
float:left;
}
#menu ul{
width: auto;
float:left;
display:block;
list-style:none;
padding:2px 0 0 130px;
margin:0px;
text-align:center;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:37px;
}
#menu ul li a{
display:block;
padding:0px;
padding:0 17px 0 17px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:34px;
}
#menu ul li.selected a{
display:block;
padding:0px;
padding:0 17px 0 17px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:34px;
background:url(images/bt_a.jpg) no-repeat center;
}
#menu ul li a:hover{
color:#fff;
text-decoration:none;
background:url(images/bt_a.jpg) no-repeat center;
}
/*----------------tab_bg---------*/
.tab_bg{
width:880px;
height:320px;
clear:both;
margin:15px 0 0 0;
float:left;
background:url(images/tab_bg.jpg) no-repeat center;
}
.tab_left{
width:225px;
float:left;
padding:0px 0 0 0px;
}
.middle_text{
	width:320px;
	float:left;
	padding:10px 0 0 10px;
	color: #FFC;
}
.middle_text p{
color:#FFFFFF;
}
.tabs{
width:276px;
float:right;
padding:10px 25px 0 0;
}
.tab{
display:block;
width:276px;
height:67px;
margin:0 0 4px 0;
background:url(images/tab_bg.png) no-repeat center bottom;
_background:url(images/tab_bg.gif) no-repeat center bottom;
text-decoration:none;
}
p.tab_text{
width:190px;
color:#FFFFFF;
padding:20px 0 0 10px;
}
p.tab_text a{
font-size:14px;
font-weight:bold;
color:#deff6b;
text-decoration:none;
}
img.tab_icon{
float:right;
padding:0px 5px 0 0px;
}
span.green{
font-size:14px;
font-weight:bold;
color:#deff6b;
}
/*-------------------center_content------------*/
.center_content{
width:880px;
clear:both;
padding:0 0 50px;
height:auto;
}
.left_content{
width:400px;
float:left;
padding:10px 0 0 20px;
}
.right_content{
width:400px;
float:left;
padding:10px 0 0 30px;
}
.title{
/*color:#313e40;*/
color:#06F;
font-size:18px;
font-weight:bold;
/*padding:15px 0 0 0;
clear:both;*/
}
.title span{
color:#d54525;
}
.read_more_tab{
width:400px;
height:19px;
text-align:right;
padding:0 10px 0 0;
line-height:19px;
}
.read_more_tab a{
text-decoration:none;
color:#65ad0f;
}
.list_tab{
width:370px;
float:left;
clear:both;
padding:10px 0 10px 0;
}
p.list{
width:335px;
float:left;
padding:0 0 0 10px;
}
img.arrow{
width:23px;
float:left;
padding:5px 0 0 0px;
}


/*-----------------testimonials-----------------*/
.testimonials{
width:375px;
_width:365px;
background:url(images/quotes_left.gif) no-repeat left top;
padding:0 0 0 30px;
float:left;
margin:15px 0 5px 15px;
_margin:15px 0 5px 5px;
}
.testimonials p{
background:url(images/quotes_right.gif) no-repeat right bottom;
padding:0 25px 15px 0;
color:#D94F25;
font-style:italic;
}
.test_author{
float:right;
padding:0 25px 0 0;
font-style:italic;
color:#000;
}

img.phone_icon{
float:left;
}
.info_box{
padding:10px 0 0 0;
}
p.info{
float:left;
padding:0 0 0 10px;
line-height:23px;
}
span.red{
color:#D94F25;
font-size:12px;
font-weight:bold;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width:880px;
height:65px;
margin:auto;
color:#003156;
border-top:1px #B2BFA7 dotted;
}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #003156;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #003156;
}

#prod1{
	width:262px;
	background:url(images/tab_new.png) no-repeat;
	border:1px solid #FFF;
}

#prod2{
	width:262px;
	background:url(images/tab_new.png) no-repeat;
	border:1px solid #FFF;
}

#prod3{
	width:175px;background:
	url(images/tab.png) no-repeat;
	border:1px solid #FFF;
}

.prod{
	height:auto;
	float:left;
	padding-left:0px;
	padding-right:10px;
}

#machine{
	width:285px;
	height:auto;
	float:left;	
}

#capability{
	width:285px;
	height:auto;
	float:left;
}

#machinery{
	width:285px;
	height:auto;
	float:left;	
}

.titletext{
color:#FFF;
font-size:18px;
padding:15px 0 0 0;
clear:both;
}



#about{
	width:500px;
	height:auto;
	float:left;	
	font-size:12px;
	padding-right:10px;
}

#wirecutting{
	width:250px;
	height:125px;
	float:left;	
}

#history{
	float:left;
	width:350px;
	height:auto;	
	margin-top:5px;
}

#history ul{
	line-height:20px;	
	color:#039;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#technical{
	float:left;	
	width:300px;
	height:auto;
	text-align:justify;
}

#services{
	width:895px;
	height:auto;
	float:left;	
	font-size:12px;
	padding-right:10px;
}

.clear{
	clear:both;	
}

#left{
	width:300px;
	height:auto;	
	float:left;
	margin-top:25px;
}

#right{
	width:300px;
	height:auto;	
	float:left;
	margin-top:25px;
	margin-right:5px;
}

#contact{
	width:875px;
	height:auto;
	float:left;	
	font-size:12px;
}
#contdetails{
	width:250px;
	height:auto;
	float:left;	
}

#contdetails ul{
	list-style:none;	
	font-family:calibri;
	font-size:12px;
	padding-left:5px;
	color:#333;
}

#contactform{
	float:left;
	height:auto;
	float:left;	
	width:400px;
}

#contactimage{
	float:left;
	height:auto;
	width:auto;	
}

#rightright{
	float:left;
	width:250px;
	height:auto;
	margin-top:25px;
}

#products{
	width:850px;
	height:auto;
	float:left;	
	font-size:12px;
	margin-left:15px;
}

#prodleft{
	
}

#prodcenter{
	
}

#prodright{
	
}








/*************Image Slide Show*************/
#slideshow {
    position:relative;
    height:112px;
	text-align:center;
}

#slideshow IMG {
	position:absolute;
	top:0px;
	left:77px;
	z-index:8;
	opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/************Image Slide Show*************/




/*Form*/

form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;

	width:350px;
	
}

.formular fieldset {
	margin-top: 20px;
	padding : 15px;
	
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input, .formular select, .formular textarea {
	display : block;
	margin-bottom: 5px;
}

.formular .text-input {
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular textarea {
	width: 250px;
	height:70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	background: url('/img/form/button-bg.png') repeat-x;
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor:pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}





/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:850px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}					
		
		
