body {
	margin: 0;
	padding: 0;
	xbackground: #DDDDDD url(images/img01.gif) repeat-x;
	background: #999999 url(images/img01.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	xcolor: #737373;
	color: #222222	  
}

form {
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 3em;
	color:		#B01312;
}

h2 {
	font-size: 2em;
	color:		#B01312;
}

h3 {
	font-size: 1em;
	color:		#B01312;
}

p, ul, ol {
	margin-bottom: 1.8em;
	line-height: 160%;
}

ul, ol {
}

blockquote {
}

a {
	color: #414141;
}

a:hover {
	text-decoration: none;
	color:		#b01312;
}

hr {
	display: none;
}

/* Menu */

#menu {
	width: 960px;
	height: 45px;
	margin: 0 auto;
	padding: 0px 0;
	background: url(images/img02.jpg) no-repeat center top;
}

#menu ul {
	height: 45px;
	margin: 0;
	padding: 0;
	background: url(images/img03.gif) no-repeat;
	list-style: none;
}

#menu li {
	float: left;
	height: 45px;
	background: url(images/img03.gif) no-repeat right top;
}

#menu a {
	float: left;
	height: 20px;
	margin: 0px;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	color: #000000;
}

#menu a:hover {
	background: url(images/img02dker.gif) repeat-x;
	color: #FFFFFF;
	height: 45px;
}

#menu .current_page_item a {
	height: 45px;
	color: #FFFFFF;
}

/*See how to highlight current page notes */

#home a#homenav,
#about a#aboutnav, 
#quote a#quotenav, 
#contact a#contactnav,
#machining a#machinenav,
#swiss a#swissnav,
#other a#othernav,
#equip a#equipnav,
#quality a#qualitynav,
#k16 a#k16nav,
#l20 a#l20nav
   {
	height: 45px;
	color: #FFFFFF;
}

/* Splash */

#headerphoto {
	width: 960px;
	xheight: 200px;
	height: 100px;
	margin: 0 auto;
}

/* Logo */

#logo {
	width: 960px;
	height: 91px;
	margin: 0 auto;
	border-bottom: 6px solid #3F3F3F;
	color: #414141;
	background-color: 	#f2f2f2;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0 40px;
}

#logo h1 {
	float: left;
	padding-top: 30px;
	xletter-spacing: -3px;
	text-transform: uppercase;
	font-size: 3em;
	color:	 #B01312;
}

#logo h2 {
	float: right;
	padding-top: 49px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}

#logo a {
	text-decoration: none;
	xcolor:  #414141;
	color:	 #B01312;
}

/* Page - changed the padding to get it to butt up against the header photos. */

#page {
	width: 960px;
	margin: 0 auto;
	xpadding: 30px;
	padding: 0;
	xbackground-color:	#F2F2F2;
	background-color:	#32B6CA;	
}

/* Content Changed width to have it go all the way to the left.*/

#content {
	float: right;
	width: 710px;
	background-color: 	#f2f2f2;
	padding : 	
}

.post {
	padding-bottom: 20px;
}

.post .title {
	margin: 0;
	xpadding: 5px 20px;
	padding:  10px 40px;
	xletter-spacing: -2px;
	xborder-bottom: 1px solid #B9B9B9;
	border-bottom: 1px solid #B01312;
	text-transform: uppercase;
	font-size: 24px;
	background-image:url(images/screwbkg710w.jpg);
	background-repeat: repeat;
}

.post .title a {
	text-decoration: none;
}

.post .entry {
	padding: 10px 40px;
}

.post .meta {
	xheight: 26px;
	xbackground: #F5F5F5;
	background-color:	#32B6CA;
	border-top: 1px solid #E9E9E9;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	xfont-size: smaller;
	padding: 5px;
}

.post .posted {
	float: left;
	height: 16px;
	padding: 5px 40px;
}

.post .permalink, .post .comments {
	float: right;
	height: 16px;
	padding: 5px 40px;
}

.post .permalink {
}

/* Sidebar */

#sidebar {
	float: left;
	width: 250px;
	xbackground-color: 	#f2f2f2;
	margin: 0;
	padding: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 40px;
	background-color:	#32B6CA;
}

#sidebar li ul {
	padding: 20px 10px 40px 40px;
}

#sidebar li li {
	margin: 0;
	padding-left: 10px;
	padding-bottom: 5px;
	background: url(images/img04.gif) no-repeat left 50%;
}

#sidebar p {
	padding: 0 40px;
}

#sidebar h2 {
	height: 20px;
	margin: 0;
	padding: 20px 0 9px 40px;
	xbackground: url(images/img07.jpg) no-repeat;
	xborder-bottom: 1px solid #B9B9B9;
	xborder-bottom: 1px solid #B01312;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/* Search */

#search form {
	padding: 20px;
}

#search br {
	display: none;
}

#search #s {
	width: 135px;
}

/* Footer */

#footer {
	clear: both;
	width: 960px;
	xheight: 50px;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 6px solid #3F3F3F;
	font-size: smaller;
	text-align: center;
	line-height: normal;
	background-color: #00a5bd;
}

#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
}

/* Photos */

.photos {
	text-align: center;
}

/*css popup image viewer - opens left to right from the top of the image*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 		/*CSS for enlarged image*/
position: absolute;
background-color: #B01312;
padding: 2px;			/*change for the border width*/
left: -1000px;			/*opens from left to right from top - change to right to open from right to left from top*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 	/*CSS for enlarged image*/
border-width: 0;
padding: 2px;			/*change for the border width*/
}

.thumbnail:hover span{ 	/*CSS for enlarged image on hover*/
visibility: visible;
top: auto;				
left: 10px; 				/*position where enlarged image should offset horizontally */
}

/*opens from the top right down and to the left of the image*/

.thumbnailrt{
position: relative;
z-index: 0;
}

.thumbnailrt:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailrt span{ 		/*CSS for enlarged image*/
position: absolute;
background-color: #B01312;
padding: 2px;			/*change for the border width*/
right: -1000px;			/*opens from right to left - change to left to open from left to right*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailrt span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;			/*change this to change the width of the border*/
}

.thumbnailrt:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: auto;				
right: 10px; 			/*position where enlarged image should offset horizontally */
}

/*Code for popup image code to open from bottom left up to the right */

.thumbnailbtleft{
position: relative;
z-index: 0;
}

.thumbnailbtleft:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailbtleft span{ 		/*CSS for enlarged image*/
position: absolute;
background-color: #B01312;
padding: 2px;				/*change for the border width*/
bottom: 0px;					/*opens now from bottom right up to left*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailbtleft span img{ 	/*CSS for enlarged image*/
border-width: 0;
padding: 2px;				/*change this to change the width of the border*/
}

.thumbnailbtleft:hover span{ 	/*CSS for enlarged image on hover*/
visibility: visible;
top: auto;			
left: 10px; 				/*position where enlarged image should offset horizontally*/
						/*use left to open from left - use right to open from the right */
}

/*code to have the opup image start in the lower right corner of the photo and flow up and right to left*/

.thumbnailbtrt{
position: relative;
z-index: 0;
}

.thumbnailbtrt:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailbtrt span{ 		/*CSS for enlarged image*/
position: absolute;
background-color: #B01312;
padding: 2px;				/*change for the border width*/
xright: -1000px;				/*opens from right to left - change to left to open from left to right*/
bottom: 0px;					/*opens now from bottom right up to left*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailbtrt span img{ 	/*CSS for enlarged image*/
border-width: 0;
padding: 2px;				/*change this to change the width of the border*/
}

.thumbnailbtrt:hover span{ 	/*CSS for enlarged image on hover*/
visibility: visible;
top: auto;			
right: 10px; 				/*position where enlarged image should offset horizontally */
}