/*
colours:
Weldwell blue: #5B6EAC
*/



body
{ background: url(images/body_bg.jpg) gray; font: .75em/1.5em  verdana, arial, helvetica, sans-serif; margin:0 auto; color: black; }

#wrapper {
	border-left: solid white 2px;
	left: 9em;
	position: absolute;
	text-align: left;
	top: 165px;
	width: 80%;
	}


h1
{ color: white; font: bold italic 1.5em/2em verdana, arial, helvetica, sans-serif; padding: 0 0 0 .5em; }

#logobox { 
	background: #fff url(images/weldwelllogo.gif) 7em top no-repeat; 
	height: 165px; 
	text-indent: -1000px; 
	z-index: 6; 
}

#phone { 
	background: white;
	border: 1px solid silver;
	color:gray; 	
	font: 1em/2em verdana, arial, helvetica, sans-serif; 
	font-weight: bold; 
	float: right; 
	margin: 1em 13%; 
	padding: 1.5em;
	text-align: right; }

#navbar
{ position: relative; display: block; width: 9em; background: url(images/navbar_bg.gif); }

.navleft
{ font-size: .75em; color: gray; text-align: center;  }

.navleft a:link, a:visited
{ color: white; display: block; font-style: italic;  background: teal; padding: .25em; font-weight: bold; text-decoration: none; border: solid gray 2px; }

.navleft a:hover
{ color: black; background: #526EB0 url(images/nav_spark.gif); display: block; padding: .25em ; border: solid white 2px; }

.navleft_here

{ color: white; background: black; display: block; padding: .25em .25em 1em .25em; font-weight: bold; font-style: italic; text-align: center; font-size: .75em; border-bottom: solid white .25em; height: 1em;}

#content
{ color: black; background: silver url(images/contents_bg.jpg) no-repeat fixed; width: 95%; padding: 0 2em; }

#header, .header2
{ background: gray; }

 #header2
 { background: red; }
 
 .content a:link
{ color: teal; border-bottom: solid .2em teal; font-weight: bold; text-decoration: none; font-size: 1.1em; }

.content a:hover
{ background: black; }

.content a:active
{ background: gray; }

.content a:visited
{ color: gray; border-bottom: solid .2em teal; font-weight: bold; text-decoration: none; font-size: 1.1em; }

.container1
{ height: 180px; padding: 1em; margin-top: 2em; }


#pic1, #pic2, #pic3, #pic4, #pic5, #pic6, #pic7
{ border: solid white 2px; background: #5B6EAC; padding: .25em; position: absolute; }

#pic1 
 { position: relative;  float: right; clear: left; margin-left: 2em;  }

#pic2, #pic5
{left: 60px; }

#pic3, #pic6
{ left: 260px; }

#pic4, #pic7
{ left: 460px; }


.talk
{ border: solid 2px white; background: teal; margin: 1em 2em 0 0; width: 95%; padding: 1em; text-align: center; }

#fabrication_pic1, #fabrication_pic2, #fabrication_pic3
{ width: 318px; height: 240px; border: solid white 4px;  margin: 2em;  background: #5B6EAC; z-index: 0; padding: .5em; float: left; }

#fabrication_pic1
{ float: right; clear: left;}

#fabrication_pic2
{ margin: 2em 2em 2em 0; width: 240px;  }

#fabrication_pic3
{ margin: 0 2em 2em 0; width: 313px; }

#location_pic1
{ width:400px; height: 400px; border: solid white 4px;  margin: 0 2em;  background: #5B6EAC; z-index: 0; padding: .5em; float: right; }

#contact_pics
{ width: 40em;  float: right;}


#contact_pic1, #contact_pic2, #contact_pic3 
{ width:100px; height: 150px; border: solid white 4px;  margin: 0 1em;  background: #5B6EAC; z-index: 0; padding: .5em; float: right; }

#footer
{ background: white url(images/footer_bg.gif) no-repeat; width:100%; height: 2em; font-size: 2em; font-weight: bold; top: 92%; padding: .25em 0 0; z-index: 100; left: -10em;  }

.address, .fax
{ font:1em/1.5em  verdana, arial, helvetica, sans-serif; margin:2em 0 0; color: black;  }

.link, .link a, .link a:visited
{  background: none; border: none;  font-style: normal; font-weight: bold;  display: inline; color: teal; text-decoration: underline; }



.link a:hover, .link a:visited:hover
{ color: black; font-style: normal; }

.link a:visited
{ background: none; border: none; color: gray; text-decoration: underline; font-style: normal;  }