/* @font-face {
    font-family: GothamMedium;
    src: url(/fonts/GothamMedium.ttf);
}

@font-face {
    font-family: GothamBook;
    src: url(fonts/GothamBook.ttf);
}

@font-face {
    font-family: GothamBold;
    src: url(/fonts/GothamBold.ttf);
}

@font-face {
    font-family: GothamMedium;
    src: url(/fonts/GothamMedium.ttf);
}

*/

html, body {
	height: 100%;         /* required */
}

a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

p { 
margin-top: 0.7em; 
margin-bottom: 0.7em;

}


    .Gothambodytext {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 20px;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	} 
	
	.GothambodytextSmall {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 15.5px;
	text-align: justify;
	text-align-last: left;
	color: white;
	} 
	
	 .GothambodytextTight{
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 15px;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	} 
	
	 .GothambodytextTightlocation {
	font-family: GothamBold, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 16px;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	} 
	
	
	
	 .GothambodytextTightContact {
	font-family: GothamMedieum, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: normal;
	line-height: 15px;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	} 
	
	.GothambodytextOrange {
	font-family: GothamBlack, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 20px;
	text-align: justify;
	text-align-last: left;
	color: #f1560a;
	text-transform:capitalize;
	} 
	
	.GothambodytextOrangeLocaton {
	font-family: GothamBlack, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 20px;
	text-align: justify;
	text-align-last: left;
	color: #f1560a;
	text-transform:capitalize;
	} 

	
	.GothamtitleCaps {
	font-family: GothamBold, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: normal;
	letter-spacing:0.7pt;
	line-height: 20px;
	text-align: justify;
	text-align-last: left;
	color: white;
	} 

	.GothamshutdownCaps {
		font-family: GothamBold, Myriad Pro, Arial, Helvetica, sans-serif;
		font-size: 24px;
		text-transform: normal;
		letter-spacing:0.7pt;
		line-height: 40px;
		text-align: justify;
		text-align-last: left;
		color: white;
		} 
	
	.GothamtitleCapsOrange {
	font-family: GothamBold, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: normal;
	letter-spacing:0.7pt;
	line-height: 20px;
	text-align: justify;
	text-align-last: left;
	color: #f1560a;
	} 
	
	.GothamMedium {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 18px;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	}
	
	.GothamMediumhistory {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 18px;
	text-align: justify;
	text-align-last: left;
	color: white;
	}
	
	.GothamMediumElec {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 15px;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	}
	
	.GothamMediumProducts {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 18px;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	}
	
	.GothamMediumabout {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 18px;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	}
	
	.GothamMediumOnsite {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:0.5px;
	line-height: 15px;
	text-align: justify;
	text-align-last: left;
	color: white;
	}
	
	.GothamMediumServices {
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:0em;
	line-height: 18px;
	text-align: justify;
	text-align-last: left;
	color: white;
	}
	
	.GothamMediumMachining{
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:0em;
	line-height: 18px;
	text-align: justify;
	text-align-last: left;
	color: white;
	}
	
	.GothamMediumWorkshop{
	font-family: GothamMedium, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:0em;
	line-height: 18px;
	text-align: justify;
	text-align-last: left;
	color: white;
	}
	
	.GothamBlack{
	font-family: GothamBold, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 15px;
	text-align: justify;
	text-align-last: left;
	color: #4e4e01;
	}
	
	.BioSubHeadings {
	font-family: BreweryBlack, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:1pt;
	line-height: 1.5em;
	text-align: justify;
	text-align-last: left;
	font-weight:bold;
	color: black;
	} 
	
	.Biotext {
	font-family: BreweryRegular, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:0.4pt;
	line-height: 1.25em;
	text-align: justify;
	text-align-last: left;
	} 
	
	.Biotextitalic {
	font-family: BreweryRegular, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:0.4pt;
	line-height: 1.25em;
	text-align: justify;
	text-align-last: left;
	font-style:italic;
	} 
	
	#BioText5 a:link{ color:#000; } 
	#BioText5 a:visited{ color:#000; } 
	#BioText5 a:hover{ color:#000; } 
	#BioText5 a:active{ color:#000}
	
	#BioText6 a:link{ color:#000; } 
	#BioText6 a:visited{ color:#000; } 
	#BioText6 a:hover{ color:#000; } 
	#BioText6 a:active{ color:#000}
	
	.arrow {
		font-size: 14pt;
		text-align: bottom;
	}
	
	.bodytextOpenStudio {
	font-family: BreweryRegular, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:0.3pt;
	line-height: 16pt;
	text-align: justify;
	text-align-last: left;
	color: #fff;
	} 
	
	.bodytextWorkshop {
	font-family: BreweryRegular, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	letter-spacing:0pt;
	line-height: 18pt;
	text-align-last: left;
	color: white;
	} 
	


body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}


div#distance { 
	margin-top:10px; /* half of content height */
	background: ;      /* temporary - used to see div #000d15*/
	width: 1px;           /* required to "hide" distance div */
	/*height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 801px;         /* required - desired height */
	width: 1020px;          /* required - desired width */
	background: #ffffff;     /* cosmetic #000d15*/
	margin: 0 auto;       /* required */
	clear: left;          /* required */	
}


div#tin {
	position:absolute;
	top:68px;
	left:45px;
	width:944px;
	height:629px;
}

div#menu {
	position:absolute;
	top:76px;
	left:51px;
	width:173px;
	height:615px;
}

div#footer {
	position:absolute;
	top:691px;
	left:51px;
	width:958px;
	height:44px;
}

div#Backgroundimage {
	position:absolute;
	top:76px;
	left:224px;
	width:765px;
	height:615px;
}

div#HomeText {
	position:absolute;
	top:211px;
	left:438px;
	width:500px;
	height:386px;
}

div#ServicesText {
	position:absolute;
	left:469px;
	top:229px;
	width:421px;
	height:373px;
	}

.OrangeBullet {
	color: #f1560a;
	font-family: GothamBlack, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.OrangeText {
	color: #f1560a;
}

.BlueBullet {
	color: #434a4a;
	font-family: GothamBlack, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div#ServicesarrowText {
	position:absolute;
	left:469px;
	top:632px;
	width:369px;
	height:14px;
	}
	
	div#ArrowBack {
	position:absolute;
	left:328px;
	top:516px;
	width:156px;
	height:54px;
	}
	
	div#ArrowForward {
	position:absolute;
	left:328px;
	top:570px;
	width:156px;
	height:64px;
	}
	
	div#OnsiteText {
	position:absolute;
	left:504px;
	top:509px;
	width:368px;
	height:161px;
	}
	
	div#EnergyText {
	position:absolute;
	left:301px;
	top:227px;
	width:422px;
	height:424px;
	}
	
	div#EnergyArrowNext {
	position:absolute;
	left:750px;
	top:603px;
	width:168px;
	height:53px;
	}
	
	div#EnergyArrowBack {
	position:absolute;
	left:750px;
	top:547px;
	width:168px;
	height:56px;
	}
	div#SpecialText {
	position:absolute;
	left:301px;
	top:483px;
	width:445px;
	height:62px;
	}
	
	div#SpecialArrowBack {
	position:absolute;
	left:294px;
	top:545px;
	width:155px;
	height:65px;
	}
	
	div#SpecialArrowNext {
	position:absolute;
	left:294px;
	top:610px;
	width:155px;
	height:61px;
	}
	
	div#workshopText {
	position:absolute;
	left:454px;
	top:477px;
	width:451px;
	height:174px;
	}
	
	div#workshopArrowBack {
	position:absolute;
	left:287px;
	top:477px;
	width:164px;
	height:56px;
	}
	
	div#workshopArrowNext {
	position:absolute;
	left:287px;
	top:533px;
	width:167px;
	height:56px;
	}

div#coolingText {
	position:absolute;
	left:504px;
	top:516px;
	width:429px;
	height:54px;
	}
	
	div#coolingArrowBack {
	position:absolute;
	left:338px;
	top:516px;
	width:166px;
	height:56px;
	}
	
	div#coolingArrowNext {
	position:absolute;
	left:338px;
	top:572px;
	width:166px;
	height:53px;
	}
	
	div#electricalText {
	position:absolute;
	left:538px;
	top:483px;
	width:348px;
	height:168px;
	}
	
	div#electricalArrowBack {
	position:absolute;
	left:360px;
	top:537px;
	width:178px;
	height:54px;
	}
	
	div#electricalArrowNext {
	position:absolute;
	left:360px;
	top:591px;
	width:178px;
	height:65px;
	}
	
	div#productText {
	position:absolute;
	left:283px;
	top:316px;
	width:627px;
	height:362px;
	}
	
	div#aboutText {
	position:absolute;
	left:619px;
	top:264px;
	width:295px;
	height:240px;
	}

	div#teamtext1 {
	position:absolute;
	left:287px;
	top:406px;
	width:304px;
	height:259px;
	}
	
	div#teamtext2 {
	position:absolute;
	left:613px;
	top:414px;
	width:300px;
	height:230px;
	}
	
	div#historyArrow1 {
	position:absolute;
	left:224px;
	top:599px;
	width:765px;
	height:34px;
	}
	
	div#historytext1 {
	position:absolute;
	left:314px;
	top:533px;
	width:544px;
	height:57px;
	}

div#LocationMap {
	position:absolute;
	left:443px;
	top:193px;
	width:475px;
	height:320px;
	}

div#LocationText1 {
	position:absolute;
	left:284px;
	top:189px;
	width:145px;
	height:252px;
	}
	
div#LocationText2 {
	position:absolute;
	left:284px;
	top:454px;
	width:145px;
	height:66px;
	}
	
div#LocationText3 {
	position:absolute;
	left:624px;
	top:537px;
	width:299px;
	height:58px;
	}
	
div#LocationText4 {
	position:absolute;
	left:625px;
	top:530px;
	width:293px;
	height:137px;
	}
	
div#ServicesArrow {
	position:absolute;
	left:788px;
	top:628px;
	width:48px;
	height:28px;
	}
	
div#Logos{
	position:absolute;
	left:637px;
	top:597px;
	width:301px;
	height:59px;
	}
	
div#AboutLogos{
	position:absolute;
	left:601px;
	top:532px;
	width:315px;
	height:69px;
	}

.spacer-10px {
    height: 10px;
}

.spacer-20px {
    height: 20px;
}

.spacer-30px {
    height: 30px;
}