/* @override http://sandbox.core101.net/esabx/ww2/assets/css/styles.css */

/* ----------------------------------------------------
	General
-----------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #000000 url(../images/background.jpg) repeat-x top left;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0pt 0pt 8px;
}

	p a {
		text-decoration: none;
	}
	
h1 {
	color: #ffe600;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0px 10px 40px;
}

	h1 a {
		text-decoration: none;
		color: #ffe600;
	}

h2 {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 5px 25px 5px 40px;
}

h3 {
	color: #ffe600;
	font: 13px "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
}

h7 {
	color: #ffe600;
	font-weight: bold;
}

li {
	background-image: url(../images/list-cross.png);
	background-position: 0pt 0.3em;
	background-repeat: no-repeat;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0pt 0pt 5px 15px;
	width: 250px;
	list-style-type: none;
	margin-left: -40px;
}

img {
	border: none;
}

form, fieldset {
	border: none;
}

.text {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0pt 0pt 8px;
}

.clear {
	clear: both;
}

sup, sub { vertical-align: 0;
           position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }

/* ----------------------------------------------------
	dropmenudiv
-----------------------------------------------------*/
div#dropmenudiv {
	line-height: 30px;
	opacity: 0.9;
	filter: alpha(opacity=70);
	-moz-opacity: .90;
	position: absolute;
	z-index: 100;
	font: 12px "Arial", "Helvetica", sans-serif;
}

	div#dropmenudiv a {
		display: block;
		line-height: 25px;
		opacity: 1;
		padding: 1px 0pt;
		text-indent: 20px;
		width: 100%;
		text-decoration: none;
		color: #ffffff;
	}
	
		div#dropmenudiv a:hover {
			background: #000000;
			color: #ffde00;
		}



/* ----------------------------------------------------
	Wrapper
-----------------------------------------------------*/
div#wrapper {
	width: 792px;
	margin: 40px auto;
	text-align: center;
}



/* ----------------------------------------------------
	Header
-----------------------------------------------------*/
div#header {
	height: 87px;
}



/* ----------------------------------------------------
	Nav
-----------------------------------------------------*/
div#nav {
	height: 49px;
	background: url("../images/nav-background.jpg") no-repeat center top;
	font: 12px "Arial", "Helvetica", sans-serif;
	padding-left: 20px;
	margin-top: -4px;
}

	div#nav a {
		float: left;
		height: 35px;
		line-height: 40px;
		padding: 2px 20px 10px;
		text-decoration: none;
		color: #ffffff;
	}
	
		div#nav .navLink a:hover {
			background-image: url(../images/top-nav-link-transparent.png);
			background-repeat: repeat-x;
			color: #ffde00;
		}
		
	div#nav div.esabLink {
		float: right;
		height: 29px;
		margin-right: 56px;
		margin-top: 7px;
		width: 77px;
	}



/* ----------------------------------------------------
	Main
-----------------------------------------------------*/
div#main {
	background: url("../images/content-area-background.jpg") repeat-y center top;
	margin-top: -5px;
	text-align: left;
	overflow: hidden;
	clear: both;
}

	/* ----------------------------------------------------
		300x
	-----------------------------------------------------*/
	div#m300x {
		background: url(../images/mm-300-background.jpg) no-repeat left top;
		width: 750px;
		margin: auto;
		padding-top: 20px;
		min-height: 365px;
	}
	
		div#m300x div#left {
			float: left;
			position: relative;
			left: 270px;
		}
		
			div#m300x div#left div.standardTable table {
				margin-bottom: 1em;
				width: 300px;
				font: 11px Arial, Helvetica, sans-serif;
			}
			
				div#m300x div#left div.standardTable table caption {
					text-align: left;
				}
				
				div#m300x div#left div.standardTable table tr {
					background: #444444;
				}
				
					div#m300x div#left div.standardTable table tr td {
						border-bottom: 1px solid #cccccc;
						padding: 2px;
					}
					
						div#m300x div#left div.standardTable table tr.level2 td {
							padding-left: 5px;
						}
						
						div#m300x div#left div.standardTable table tr.level3 td {
							padding-left: 10px;
						}
				
					div#m300x div#left div.standardTable table tr.evenRow {
						background: #666666;
					}
		
		div#m300x div#right {
			float: right;
			background-image: url(../images/content-nav-background.png);
			background-repeat: no-repeat;
			height: 365px;
			width: 150px;
		}
		
			div#m300x div#right h2 {
				font: 13px Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 0px 0px 10px 13px;
			}
			
			div#m300x div#right h3 {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				margin: 0px 0px 10px 13px;
				font-weight: normal;
			}
			
			div#m300x div#right a {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				line-height: 20px;
				margin-left: 5px;
				padding: 3px 10px 2px;
				text-decoration: none;
			}
			
			div#m300x div#right a:hover {
				background: url(../images/content-nav-link-background.jpg);
				color: #ffde00;
			}
			
			div#m300x div#left a {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				line-height: 20px;
				margin-left: 5px;
				padding: 3px 10px 2px;
				text-decoration: none;
			}
			
			div#m300x div#left a:hover {
				color: #ffde00;
			}
			
	/* ----------------------------------------------------
		mts3500i
	-----------------------------------------------------*/
	div#mts3500i {
		background: url(../images/mts3500i-background.jpg) no-repeat left top;
		width: 750px;
		margin: auto;
		padding-top: 20px;
		min-height: 365px;
	}
	
		div#mts3500i div#left {
			float: left;
			position: relative;
			left: 270px;
		}
		
			div#mts3500i div#left div.standardTable table {
				margin-bottom: 1em;
				width: 300px;
				font: 11px Arial, Helvetica, sans-serif;
			}
			
				div#mts3500i div#left div.standardTable table caption {
					text-align: left;
				}
				
				div#mts3500i div#left div.standardTable table tr {
					background: #444444;
				}
				
					div#mts3500i div#left div.standardTable table tr td {
						border-bottom: 1px solid #cccccc;
						padding: 2px;
					}
					
						div#mts3500i div#left div.standardTable table tr.level2 td {
							padding-left: 5px;
						}
						
						div#mts3500i div#left div.standardTable table tr.level3 td {
							padding-left: 10px;
						}
				
					div#mts3500i div#left div.standardTable table tr.evenRow {
						background: #666666;
					}
		
		div#mts3500i div#right {
			float: right;
			background-image: url(../images/content-nav-background.png);
			background-repeat: no-repeat;
			height: 365px;
			width: 150px;
		}
		
			div#mts3500i div#right h2 {
				font: 13px Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 0px 0px 10px 13px;
			}
			
			div#mts3500i div#right h3 {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				margin: 0px 0px 10px 13px;
				font-weight: normal;
			}
			
			div#mts3500i div#right a {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				line-height: 20px;
				margin-left: 5px;
				padding: 3px 10px 2px;
				text-decoration: none;
			}
			
			div#mts3500i div#right a:hover {
				background: url(../images/content-nav-link-background.jpg);
				color: #ffde00;
			}
			
			div#mts3500i div#left a {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				line-height: 20px;
				margin-left: 5px;
				padding: 3px 10px 2px;
				text-decoration: none;
			}
			
			div#mts3500i div#left a:hover {
				color: #ffde00;
			}		
			
			
	/* ----------------------------------------------------
		wire
	-----------------------------------------------------*/
	div#wire {
		/* background: url(../images/wire-area-background.jpg) no-repeat left top; */
		width: 750px;
		margin: auto;
		padding-top: 20px;
		min-height: 365px;
	}
	
	div.bg1{ /* background image with 2 rolls */
		background: url(../images/wire-area-background.3.jpg) no-repeat left top;
	}

	div.bg2{
		background: url(../images/wire-area-background.2.jpg) no-repeat left top;
	}
	

	
		div#wire div#left {
			float: left;
			position: relative;
			left: 280px;
			width: 300px;
		}
		
			div#wire div#left p a {
				color: #ffde00;
			}
			
				div#wire div#left p a:hover {
					text-decoration: underline;
				}
			
			div#wire div#left div#generalForm {
				width: 256px;
			}
			
				div#wire div#left div#generalForm .general {
					margin-right: 8px;
					padding: 10px;
				}
				
					.general select, .general input, .general textarea {
						background: #cccccc;
						border: none;
					}
					
					.general select {
						width: 145px;
					}
					
					.general textarea {
						width: 200px;
					}
					
					.general .divider {
						border-bottom: 1px solid #bebba2;
						height: 2px;
						margin: 8px 0px 8px 0px;
						width: 100%;
					}
					
					.general .submitHolder {
						width: 100%;
						text-align: right;
					}
					
						.general .submit {
							background: url(../images/form-button-send.jpg) no-repeat center center;
							height: 23px;
							width: 60px;
						}
		
		div#wire div#right {
			float: right;
			background-image: url(../images/content-nav-background.png);
			background-repeat: no-repeat;
			height: 365px;
			width: 150px;
		}
		
			div#wire div#right h2 {
				font: 13px Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 0px 0px 10px 13px;
			}
			
			div#wire div#right h3 {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				margin: 0px 0px 10px 13px;
				font-weight: normal;
			}
			
			div#wire div#right a {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				line-height: 20px;
				margin-left: 5px;
				padding: 3px 10px 2px;
				text-decoration: none;
			}
			
			div#wire div#right a:hover {
				background: url(../images/content-nav-link-background.jpg);
				color: #ffde00;
			}
			
				div#wire div#right .contactHeader {
					color: #ffe600;
					font: 12px Arial, Helvetica, sans-serif;
					font-weight: bold;
					margin: 5px 5px 10px 13px;
				}
			
	/* ----------------------------------------------------
		helmet
	-----------------------------------------------------*/
	div#helmet {
		background: url(../images/helmet-background.jpg) no-repeat left top;
		width: 750px;
		margin: auto;
		padding-top: 20px;
		min-height: 365px;
	}
	
		div#helmet div#helmetInner {
			margin-left: 270px;
			width: 450px;
		}
		
	/* ----------------------------------------------------
		guarantee
	-----------------------------------------------------*/
	div#guarantee {
		background-image: url(../images/satisfaction-logo.png);
		background-repeat: no-repeat;
		background-position: 20px 40px;
		width: 750px;
		margin: auto;
		padding-top: 20px;
		min-height: 365px;
	}
	
		div#guarantee div#left {
			float: left;
			position: relative;
			left: 280px;
			width: 300px;
		}
		
			div#guarantee div#left p a {
				color: #ffde00;
			}
			
				div#guarantee div#left p a:hover {
					text-decoration: underline;
				}
			
			div#guarantee div#left li {
				background: none;
				padding: 0pt 0pt 5px 0px;
				list-style-type: decimal;
				margin: 0px;
			}
			
				div#guarantee div#left li a {
					color: #ffe600;
				}
		
		div#guarantee div#right {
			float: right;
			background-image: url(../images/content-nav-background.png);
			background-repeat: no-repeat;
			height: 365px;
			width: 150px;
		}
		
			div#guarantee div#right h2 {
				font: 13px Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 0px 0px 10px 13px;
			}
			
			div#guarantee div#right h3 {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				margin: 0px 0px 10px 13px;
				font-weight: normal;
			}
			
			div#guarantee div#right a {
				color: #ffffff;
				font: 12px Arial, Helvetica, sans-serif;
				line-height: 20px;
				margin-left: 5px;
				padding: 3px 10px 2px;
				text-decoration: none;
			}
			
			div#guarantee div#right a:hover {
				background: url(../images/content-nav-link-background.jpg);
			}
			
				div#guarantee div#right .contactHeader {
					color: #ffe600;
					font: 12px Arial, Helvetica, sans-serif;
					font-weight: bold;
					margin: 5px 5px 10px 13px;
				}
	
	/* ----------------------------------------------------
		projects
	-----------------------------------------------------*/
	div#projects {
		width: 780px;
		margin: auto;
		padding-top: 15px;
	}
	
		div#projects .projects {
			margin: auto;
			width: 740px;
		}
		
		div#projects .projects .projectSpace {
			float: left;
			width: 185px;
			text-align: center;
		}
		
			div#projects .projects .projectSpace h4 {
				font: 11px Arial, Helvetica, sans-serif;
				font-weight: normal;
				padding-left: 15px;
				text-align: left;
			}
			
				div#projects .projects .projectSpace h4 a {
					color: #ffe600;
					text-decoration: none;
				}
		
			div#projects .projects .projectSpace img {
				border: 1px solid #cccccc;
				padding: 4px;
			}
		
	/* ----------------------------------------------------
		twoColumn
	-----------------------------------------------------*/
	.twoColumn {
		float: left;
		margin-right: 8px;
		padding: 10px 10px 10px 0px;
		width: 430px;
		border: none;
	}
	
		.twoColumn fieldset {
			margin-top: 6px;
		}
	
		.twoColumn .divider {
			border-bottom: 1px solid #bebba2;
			height: 2px;
			margin: 8px 0px 8px 0px;
			width: 100%;
		}
		
		.twoColumn select, .twoColumn input, .twoColumn textarea {
			background: #cccccc;
			padding: 2px;
			border: none;
		}
		
		.twoColumn .submitHolder {
			width: 100%;
			text-align: right;
		}
		
			.twoColumn .submit {
				background: url(../images/form-button-send.jpg) no-repeat center center;
				height: 23px;
				width: 60px;
			}
			
		.twoColumn .left {
			float: left;
			width: 160px;
		}
		
		.twoColumn .right {
			float: right;
		}



/* ----------------------------------------------------
	BottomNav
-----------------------------------------------------*/
div#bottomNav {
	background: url("../images/bottom-nav-background.jpg") no-repeat center top;
	clear: both;
	overflow: hidden;
	width: 100%;
	height: 94px;
}

	div#bottomNav div#highlights {
		display: block;
		height: 72px;
		padding: 18px 0 0 0;
	}
	
	div#bottomNav div#navText {
		padding: 0;
		text-align: left;
		margin: 47px 0 0 40px;
		float: left;
		width: 150px;
		overflow: hidden;
	}
	
	div#bottomNav div#navText h3{
	 font-size: 12px;
	 padding: 0; margin: 0;
	}
	
	div#bottomNav div#navButtons {
		padding-top: 23px;
		margin-right: 39px; 
		float: right;
		font-size: 11px;
	}
	
		div#bottomNav div#navButtons div#navButtonsInner {
			padding-top: 10px;
			float: left;
			width: 555px;
		}
		
		div#navButtonsInner img { padding: 0 1px 0 0; margin: 0;}
	
	div#bottomNav div.clear {
		clear: both;
	}



/* ----------------------------------------------------
	Footer
-----------------------------------------------------*/
div#footer {
	background: url(../images/footer-background.jpg) no-repeat center top;
	font: 11px "Arial", "Helvetica", sans-serif;
	color: #dddddd;
	height: 40px;
	padding-top: 10px;
}

	div#footer a {
		color: #cccccc;
		margin: -2px 12px 0pt;
		text-decoration: none;
	}