body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	COLOR: #000000;
	margin: 0px;
	background-color: #fff;
}

img {
  border: none;
}

h1 {
	font-size: 100%;
	color: #538BC3;
	font-weight: bold;
	margin: 0px;
}

h2 {
	font-size: 100%;
	margin-top: 10px;
	margin-bottom: -20px
}

#content h1 {
	font-size: 120%;
	font-weight: bold;
}

a:hover {
COLOR: #000000; 
TEXT-DECORATION: underline;
font-size: 100%;
}

a {
COLOR: #538BC3; 
TEXT-DECORATION: none;
font-size: 100%;
}

a.bluebackground:hover {
COLOR: #000000; 
TEXT-DECORATION: underline;
font-size: 100%;
}

a.bluebackground {
COLOR: #FFFFFF; 
TEXT-DECORATION: none;
font-size: 100%;
}

#holder {
	position: relative;
}

#headerHolder {
	position: relative;
	top: 190px;
	padding-left: 30px;
	font-size: 150%;
}

#topbar {
	position: absolute;
	top: 0px;
	width: 100%;
}

#brushedsteel {
    position: relative;
	height: 103px;
	background-image:url(interface/brushed_steel.gif);
	background-repeat: repeat;
	right:0px;
	top:0px;
}

#blueFade {
    position: absolute;
	width: 260px;
	height: 100px;
	background-image:url(interface/fade_blue_curl.gif);
	background-repeat: no-repeat;
	right: 0px;
	top:-8px;
}

#repeatsquare{
	position: relative;
	top:55px;
	height: 32px;
	background-image:url(interface/blue_square.gif);
	background-repeat: repeat;
	z-index: 1;
}

#yorkshire_laser_fabrication {
    position: absolute;
	right: 10px;
	top: 59px;
	z-index: 3;
}

#yellowgradient{
	height: 54px;
	background-image:url(interface/yellow_gradient.gif);
	background-repeat: repeat-x;
	z-index: 0;
}

#box{
	position: relative;
	width: 166px;
	height: 155px;
	background-image:url(interface/box.gif);
	margin-left: 7px;
	top: -131px;
	z-index: 3;
}

#boxHome{
	position: relative;
	width: 166px;
	height: 155px;
	background-image:url(interface/box_home.gif);
	margin-left: 7px;
	top: -131px;
	z-index: 3;
}

#boxProducts{
	position: relative;
	width: 166px;
	height: 155px;
	background-image:url(interface/box_products.gif);
	left: 7px;
	top: -131px;
	z-index: 3;
}

#boxMachinary{
	position: relative;
	width: 166px;
	height: 155px;
	background-image:url(interface/box_machinary.gif);
	left: 7px;
	top: -131px;
	z-index: 3;
}

#boxContact{
	position: relative;
	width: 166px;
	height: 155px;
	background-image:url(interface/box_contact.gif);
	left: 7px;
	top: -131px;
	z-index: 3;
}

#buttons{
	position: relative;
	margin-left: 180px;
	top: -203px;
	z-index: 3;
}

/* NAVIGATION BUTTONS */

			.cssnav	{
						position:relative;
						font-family: arial, helvetica, sans-serif;
						white-space: nowrap;
						display: inline;
						margin: 0px 5px 5px 0px; 
						padding: 0;
						float: left; 
			}
			
			.cssnav #laserCutting {
						background-image: url(interface/button/laser_cutting_roll.gif);
						background-repeat: no-repeat;
						width: 134px;	
						height: 26px;					
			}
			
			.cssnav #fabrication {
						background-image: url(interface/button/fabrication_roll.gif);
						background-repeat: no-repeat;
						width: 115px;	
						height: 26px;					
			}
			
			.cssnav #service {
						background-image: url(interface/button/service_roll.gif);
						background-repeat: no-repeat;
						width: 83px;	
						height: 26px;					
			}
			
			.cssnav #machinery {
						background-image: url(interface/button/machinery_roll.gif);
						background-repeat: no-repeat;
						width: 103px;	
						height: 26px;					
			}
			
			.cssnav #about {
						background-image: url(interface/button/about_roll.gif);
						background-repeat: no-repeat;
						width: 70px;	
						height: 26px;					
			}
			
			.cssnav #links {
						background-image: url(interface/button/links_roll.gif);
						background-repeat: no-repeat;
						width: 60px;		
						height: 26px;				
			}
			
			.cssnav a {
						display: block;
						color: #000000;
						font-size: 11px;
						height: 26px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
			}
			.cssnav a:hover {
						color: #ffffff;
			}
			
			.hiddenLink {
				visibility: hidden;
			}

			.cssnav img.laserCutting {width: 134px; height: 26px;}
			.cssnav img.fabrication {width: 115px; height: 26px;}
			.cssnav img.service {width: 83px; height: 26px;}
			.cssnav img.machinery {width: 103px; height: 26px;}
			.cssnav img.about {width: 70px; height: 26px;}
			.cssnav img.links {width: 60px; height: 26px;}
			
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
						position: relative;
						float: left; 
						left: 30px;
						top: -29px;
						margin: 0px;
						padding: 0px;
						cursor: pointer;
						height: 14px;
						text-align: center;
			}
/* END OF NAVIGATION */

#rightbox{
	float: right;
	width: 212px;
	margin-right: 10px;
	margin-left: 30px;
	margin-top: 0px;
	z-index: 0;
}

/***** CONTACT *****/

#contact{
	position: relative;
	background-color: #538BC3;
	width: 212px;
	background-image: url(interface/contact/background.gif);
	background-repeat: repeat-x;
	z-index: 1;
	
}

#contactYLF {
	position: relative;
	top: 25px;
	margin-bottom: -10px;
	text-align: center;
}

#map {
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#information {
	position: relative;
	color:#FFFFFF;
	left: 5px;
	top: 35px;
	z-index: 1;
	font-weight: bold;
	width: 100%;
	font-size: 80%
}

#logos {
	position: relative;
	top: 45px;
	padding-left: 15px;
}

#iso {
	position: relative;
	top: -60px;
	padding-left: 100px;
}

#bobby {
	position: relative;
	top: -50px;
}

/***** NEWS *****/

#newsBox{
	position: relative;
	background-color: #538BC3;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 212px;
	z-index: 1;
	font-size: 90%;
}

#allNewsLink {
	padding: 0px 5px 10px 0px;
	text-align: right;
	color: #FFFFFF;
}

#newsTop {
	position: relative;
	height: 17px;
	background-image: url(interface/contact/background.gif);
	background-repeat: repeat-x;
}

#latestNews {
	position: relative;
	text-align: center;
}

.newsItem {
	padding: 5px;
	font-size: 90%;
	COLOR: #FFFFFF;
}

.newsTitle {
	font-weight: bold;
}

.newsBody {
	border-bottom: dashed 1px #FFFFFF;
	padding-bottom: 10px;
}

.newsDivider {
	position: relative;
	margin: 10px 30px 0px 30px;
	height: 1px;
	background-color: #FFFFFF;
	font-size: 0pt;
}

.mainNewsListItem {
	margin-bottom: 25px;
}

/***** CONTENT *****/

#contentHolder {
	position: relative;
	font-size: 130%;
	height: 100%;
	top: 200px;
	padding-left: 30px;
}

#content {
	position: relative;
	line-height: 1.5em;
}

blockquote {
	text-align: right;
	margin-right: 20%;
}

.quotereference {
	position: relative;
	font-size: 80%;
	width: 100%;
	line-height: 1.2em;
	color: #538BC3;
}

.floatLeft {
	position: relative;
	float:left;
	/*border: 1px solid #9D9D9D;*/
}

.clearLeft {
	clear: left;	
}

.floatRight {
	position: relative;
	float:right;
}

.clearRight {
	clear: right;	
}

.floatright_contact {
	position: relative;
	margin-right: 20px;
	float:right;
}

/***** LASER CUTTING *****/

p.laserCuttingImages {
	text-align: center;
}

img.laserCuttingImages {
	margin: 0px 10px 0px 10px;
	padding: 5px;
	border: 1px solid #E5E5E5;
}

.floatLeft #laserCuttingVideo {
	border: 1px solid #E5E5E5;
	padding: 5px;
	margin: 20px 25px 5px 0px;
}

.floatLeft #laserCuttingVideo p {
	width: 220px;
	font-size: 80%;
	line-height: 1em;
	text-align: center;	
}

/***** FABRICATION *****/

.fabricationImage {
	margin: 0px 10px 20px 0px;
	padding: 5px;
	border: 1px solid #E5E5E5;
}

img.cncPunchImage {
	margin: 5px 10px 0px 0px;
	padding: 5px;
	border: 1px solid #E5E5E5;
}

/***** MACHINERY *****/

#machineryRow {
	position: relative;
	margin-top: 10px;
}

#machineryRow div.row {
	clear: left;
	text-align: center;
	overflow: hidden;
	height: 100%;
}

.machineHolderLeft {
	float: left;
	width: 300px;
}

.machineHolderRight {
	display: inline;
	width: 300px;
}

#otherTool {
	position: relative;
}

img.machineImage {
	margin: 5px 10px 0px 0px;
	padding: 5px;
	border: 1px solid #E5E5E5;
}

/***** ABOUT *****/

img.aboutImage {
	margin: 5px 10px 0px 0px;
	padding: 5px;
	border: 1px solid #E5E5E5;
}

.directionsImage {
	text-align: center;
}


/***** FOOTER *****/

#footerHolder {
	position: relative;
}

#redLineBottom {
	position: relative;
	height: 1px;
	background-color: #538BC3;
	font-size: 0pt;
	margin-right: 10px;
}

#footerElement {
	position: relative;
	font-size: 80%;
	color: #538BC3;
}

#copyright {
	position: relative;
	width: 176px;
}
	
#footerNavigation {
	position: relative;
	margin: 0px 20px 0px 20px;
}

#topOfPage {
	position: relative;
}

#eConnectedLink {
	font-size: 80%;
}

#footerEnd {
	position: absolute;
	padding-bottom: 10px;
}


/* SKIP IMPLEMENTATION */

.skip {	
	position: absolute; 
	top: -4em; 
	display: none
} /*Opera*/

* html .skip {
	display: block; 
	position: absolute; 
	top: -4em; 
	left: 0; 
	z-index: 0
} /*Seen by IE*/

html:not([dummy]) .skip {
	display: block; 
	position: absolute; 
	top: -4em; 
	left: 0; 
	z-index: 0
} /*Seen by Moz and FF*/

.skip a {
	left: 0; 
	z-index: 0
}

.skip a:focus, .skip a:active {
	display: inline; 
	z-index: 2; 
	position: absolute; 
	top: 200px; 
	left: 200px;
	width: 8em;
	padding: 5px;
	background: #FFF;
	color: #333;
	border: 2px solid Gray;
	font-size: 1.5em;
	text-align: center;
	white-space: nowrap;
}
.skip a#cont {
	position: absolute; 
	top: -9em; 
	width: 13.2em
}

.skip a#cont:focus, .skip a#cont:active {
	position: absolute; 
	top: 15em; 
	left: 0em; 
	z-index: 2
}

.skip a:hover {
	COLOR: #538BC3;
	TEXT-DECORATION: underline;
}

.alignCenter {
	text-align: center;
}