@charset "utf-8";

/* Universal Reset */

* {

	vertical-align: baseline;

	outline: 0 none;

	padding: 0;

	margin: 0;

}





body {

	

	background:#fff;

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

	background-position:top left;

	background-repeat:repeat-x;

}



h1{

	font-family:Arial;

	font-size:18px;

	color:#8c0606;

	font-weight:bolder;

	padding:15px 0px 5px 20px;

	text-align:left;

}

h2{

	font-family:Arial;

	font-size:14px;

	color:#8c0606;

	font-weight:bolder;

	padding:8px 0px 5px 20px;

	text-align:left;

}

h3{

	font-family:Arial;

	font-size:12px;

	color:#8c0606;

	font-weight:bolder;

	padding:7px 0px 0px 10px;

	text-align:left;

	text-transform:uppercase;

}

h4{

	font-family:Arial;

	font-size:12px;

	color:#ffffff;

	font-weight:bolder;

	padding:7px 0px 0px 0px;

	text-align:center;

	text-transform:uppercase;

}

h5{

	font-family:Arial;

	font-size:14px;

	color:#8c0606;

	font-weight:bolder;

	padding:0px 0px 3px 0px;

	text-align:center;

}





#header{

	position:relative;

	width:958px;

	height:359px;

	margin-left:auto;

	margin-right:auto;



}

#subpageheader{

	position:relative;

	width:958px;

	height:287px;

	margin-left:auto;

	margin-right:auto;



}

#headbg{

	position:absolute;

	width:978px;

	height:200px;

	top:45px;

	left:-12px;

	background-image:url(../images/header.png);

	z-index:1;

}



#logo{

	position:absolute;

	width:316px;

	height:163px;

	top:10px;

	left:14px;

	background-image:url(../images/logo.png);

    z-index:2;

	cursor:pointer;

}

#phone{

	position:absolute;

	width:150x;

	height:40px;

	top:17px;

	right:195px;

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

	font-size:20px;

	padding:0px 0px 0px 0px;

	font-weight:bolder;

	text-align:center;

	color:#FFF;

	font-style:oblique;

}

#address{

	position:absolute;

	z-index:5;

	width:136x;

	height:58px;

	top:8px;

	right:14px;

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

	font-size:13px;

	padding:0px 0px 0px 0px;

	font-weight:bold;

	text-align:right;

	color:#FFF;

}

#address a{

	

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

	font-size:13 px;

	font-weight:bold;

	text-align:right;

	color:#FFF;

	text-decoration:none;

}

#address a:hover{

	color:#ab2323;

	text-decoration:none;

}

#quote{

	position:absolute;

	width:192px;

	height:47px;

	top:78px;

	right:123px;

	background-image:url(../images/quotebtn.png);

    z-index:2;

}

#link{

	width:192px;

	height:25px;

	margin-top:17px;

}



	

#link a{

	

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

	font-size:13px;

	padding:10px 0px 0px 30px;

	font-weight:bolder;

	text-align:center;

	color:#FFF;

	text-decoration:none;

}

#link a:visited{

	

}

#link a:hover{

	color:#e6e0b5;

}



#flashbanner{

   position:absolute;

	width:958px;

	height:242px;

	top:117px;

	left:0px;

    z-index:3;

}

#headerimg{

   position:absolute;

	width:958px;

	height:170px;

	top:117px;

	left:0px;

    z-index:3;

}



#wrapper{

	position:relative;

	width:958px;

	margin-left:auto;

	margin-right:auto;

	background-image:url(../images/contentbg.png);

	background-position:top;

	background-repeat:repeat-y;

	

	

}

#top{

	position:absolute;

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

	background-position:top right;

	background-repeat:no-repeat;

	width:950px;

	height:198px;

	top:0px;

	left:4px;

}



#bottom{

	position:absolute;

	background-image:url(../images/bottom.png);

	background-repeat:no-repeat;

	width:958px;

	height:9px;

	bottom:-9px;

	left:0px;



}



#main{

	width:950px;

	min-height:600px;

	margin-right:auto;

	margin-left:auto;



}

#left{

	position:relative;

	float:left;

	margin-left:5px;

	width:226px;



	



}

#leftbottom{

	position:absolute;

	bottom:30px;

	left:45px;

	height:80px;

	width:145px;

}

#leftbottom a{

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

	font-weight:normal;

	font-size:12px;

	text-align:left;

	color:#000;

	text-decoration:none;

}

#leftbottom a:hover{



	color:#8c0606;

	text-decoration:none;

}

#leftbottom a img{

	float:right;

	border:none;

}

#lefttop{

	background-image:url(../images/leftTop.png);

	background-repeat:no-repeat;

	width:226px;

	height:52px;

	margin-top:35px;

	text-align:center;

}



#content{

	position:relative;

	float:right;

	width:709px;

	margin-top:35px;



}

#slideshow{

	position:relative;

	float:right;



	margin:10px 10px 30px 10px;

	z-index:0;

}





#content a{

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

	font-weight:normal;

	font-size:14px;

    color:#8c0606;

	text-decoration:none;



	

}

#content a:visited{



    color:#8c0606;

	text-decoration:none;

	

}

#content a:hover{



    color:#000;

	text-decoration:none;

	

}

#content p{

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

	font-weight:normal;

	font-size:14px;

	line-height:18px;

	text-align:left;

	color:#000;

	padding:0px 20px 15px 20px;



}



#content ul{

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

	font-weight:bold;

	font-size:13px;

	text-align:left;

	color:#000;

	padding:0px 0px 15px 20px;

	list-style-type:none;

	



}



ul.normal li{

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

	font-weight:normal;

	font-size:14px;

	text-align:left;

	color:#000;

	list-style-type:disc;

	margin:0px 0px 0px 22px;



}



#content ul li ul{

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

	font-weight:normal;

	font-size:14px;

	text-align:left;

	color:#000;

	padding:0px 0px 10px 25px;

	list-style-type:disc;



}



.imgcontainer{

	float:left;

	height:154px;

	width:169px;

	margin: 5px 0px 20px 7px;

	background-image:url(../images/imgbg.png);

	background-repeat:no-repeat;

	background-position: bottom center;



}



#speciallist ul{

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

	font-weight:bold;

	font-size:13px;

	text-align:left;

	color:#000;

	padding:0px 0px 15px 35px;

	list-style-type:none;



}



#speciallist ul li ul{

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

	font-weight:normal;

	font-size:14px;

	text-align:left;

	color:#000;

	padding:0px 0px 10px 25px;

	list-style-type:disc;



}

.imgcontainer:hover{



	background-image:url(../images/imgbgover.png);





}



.imgcontainer span{

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

	font-size:12px;

	font-weight:normal;

	text-align:center;

	color:#000;

	line-height:18px;

	padding:0;



}

.imgcontainer a:link span{

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

	font-size:12px;

	font-weight:normal;

	text-align:center;

	color:#000;

	line-height:18px;

	text-decoration:none;

	padding:0;



}

.imgcontainer a:hover span{

	color:#640505;



}

.imgcontainer img{

	border: 1px solid black;

	

}

.imgcontainer a img{

	border: 1px solid black;

	

}

.imgcontainer a:hover img{

	border: 1px solid #8c0606;

	

}



/*Top Nav*/

#nav{

	position:absolute;

	width:940px;

	height:35px;

	left:9px;

	top:0px;

	z-index:9;

	background: black url(../images/nav.jpg) center center repeat-x;

	cursor:pointer;

}

#nav ul{

margin: 0;

padding: 0;

float: left;

font: bold 13px Arial;

width: 100%;

margin-bottom: 1em;

border: 1px solid #3c3b3b;

border-width: 1px 0;

list-style-type: none;

z-index:9;

}



#nav ul li{

display: inline;

position: relative;

display: inline;

float: left;

z-index:5;

background: black url(../images/nav.jpg) center center repeat-x;

}



#nav ul li a{

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

font-size:12px;

font-weight:bolder;

text-transform:uppercase;

float: left;

color: white;

padding: 9px 11px;

text-decoration: none;

border-right: 1px solid black;

border-left: 1px solid #3c3b3b;

}



#nav ul li a:visited{

color: white;

}



#nav ul li .current{

color: white;

background: transparent url(../images/nav-selected.jpg) center center repeat-x;

}

#nav ul li a:hover{

color: white;

background: transparent url(../images/nav-hover.jpg) center center repeat-x;

}

#nav ul li .current:hover{

color: white;

background: transparent url(../images/nav-selected.jpg) center center repeat-x;

}



#nav ul li .current span{

	position:relative;

	padding-bottom:17px;



background: transparent url(../images/arrow.png);

background-position:bottom center;

background-repeat:no-repeat;



}

/*1st sub level menu*/

#nav ul li ul{

	left:0px;

position: absolute;

top: 1em; /* no need to change, as true value set by script */

display: block;

visibility: hidden;

z-index:9;

}



/*Sub level menu list items (undo style from Top level List Items)*/

#nav ul li ul li{

display: list-item;

float: none;

z-index:9;

}

/* Sub level menu links style */

#nav ul li ul li a{

display: block;

width: 240px; /*width of sub menu levels*/

color: #FFF;

text-align:left;

background-color:#000;

text-decoration: none;

padding: 5px 5px;

border: 1px solid #3c3b3b;

z-index:9;

}



/*End*/





/*Side Nav\*/



.markermenu{

	position:relative;

	width: 226px; /*width of menu*/

	height:555px;

	

	

}



.markermenu ul{

list-style-type: none;

margin: 5px 0;

padding: 0;



}

.markermenu ul li{



padding: 0px 9px 0px 7px;



}





.markermenu ul li a{

background:url(../images/leftarrow.gif) no-repeat 2px center;

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

font-size:12px;

color: #000;

font-weight:bold;

display: block;

width: auto;

padding: 6px 0;

padding-left: 20px;

text-decoration: none;

text-align:left;

border-bottom: 1px solid #8e979d;

}





* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

width: 175px;

}



.markermenu ul li a:visited, .markermenu ul li a:active{

color: #000;

}



.markermenu ul li a:hover{

color:#8c0606;

background-image:url(../images/leftarrow-over.gif); /*onMouseover image change. Remove if none*/





}

.markermenu ul li .current{

background-color:#818181;

}

.markermenu ul li .current:hover{

background:url(../images/leftarrow.gif) no-repeat 2px center;

background-color:#818181;

color: #000;

}



/* Holly Hack for IE \*/

* html .markermenu ul li { height: 1%; }

* html .markermenu ul li a { height: 1%; }

/* End */





#footer{

	width:950px;

	height:34px;

	margin-right:auto;

	margin-left:auto;

	font-family:Arial;

    font-size:11px;

    font-weight:normal;

    text-align:left;

    padding: 20px 10px 20px 10px;

	margin-bottom:10px;

    color:#000;

	text-decoration:none;

}

#footer p{



    color:#000;

	text-decoration:none;

	padding: 3px 5px 0px 0px;

	

}

#footer a{



    color:#000;

	text-decoration:none;

	padding: 0px 6px 10px 6px;

	

}

#footer a:visited{



    color:#000;

	text-decoration:none;

	

}

#footer a:hover{



    color:#8c0606;

	text-decoration:none;

	

}

#footerleft{

	float:left;

}

#footerright{

	float:right;

	text-align:right;

}



#form{

	float:left;

	margin:30px 0px 0px 45px;

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

	font-size:12px;



}

.left{

	float:left;

}

.right{

	float:right;

}

table{

	float:left;

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

	font-weight:normal;

	font-size:14px;

}

.locations{

	width:500px;

	height:250px;

	float:left;	

}

.imgright {

	float:right;

	height:200px;

	width:250px;

	background-image:none;

	background-repeat:no-repeat;

	border: 1px solid #000000;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 25px;

}

.imageright {

	float:right;

	border: 1px solid black;

	margin: 0px 20px 10px 20px;

}

.isoright {

	float:right;

	margin: 0px 40px 10px 20px;

}

.isoright a img{
border:none;
		
	
}



.border {

	float:left;

	border: 1px solid black;

	margin: 0px 20px 10px 20px;

}

.border1 {

	border: 1px solid black;

	margin: 10px 20px;

}

.border2 {

	border: 1px solid black;

	margin: 0px 0px;

}

#slideshow center {

	position:relative;

	z-index:0;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 30px;

	margin-left: 10px;

}

.imgleft {

	float:left;

	height:170px;

	width:310px;

	background-image:none;

	background-repeat:no-repeat;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 5px;

}

.locations1 {

	width:270px;

	height:300px;

}

.leftquality p{

	margin-top: 15px;



}

.rightquality p{

		margin-top:15px;



}

.leftcnc{

	float:left;

	width:180px;

	margin-left:125px;



}

.rightcnc{

	float:right;

	width:180px;

	margin-right:130px;

}





#mitutoyo{

	margin-top:30px;

}

#form{

	padding:0px 25px 0px 25px;

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

	font-size:12px;

	font-weight:normal;

	color:#54311e;

	text-align:left;

	



}

#form form{

	border: none; 



}

#form input {

 

}



.indent{

	width:300px;

}

.indentcopy{

	margin-left:35px;

	text-align:left;

	margin-top:-13px;

	margin-bottom:15px;

}

.required{

 background-color: #fefd84;

 width:80%;

}

.notrequired{

 width:80%;

}

#form textarea {

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

	font-size:12px;

	font-weight:normal;

}

#form select {

 width:250px;

}

table{

	border:none;

	margin-left:auto; 

	margin-right:auto;

}

td{

	border:none;

	vertical-align:top;

}

tr{

	border:none;

}.indent {

	float:none;

	margin-left: 35px;

	width: 400px;

	margin-top: -12px;

}

#links {

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

	font-weight:normal;

	font-size:14px;

	line-height:18px;

	text-align:left;

	color:#000;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 20px;

}

.imgleft2 {

	float:left;

	height:125px;

	width:175px;

	background-image:none;

	background-repeat:no-repeat;

	border: 1px solid #000000;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 5px;

}