@charset "UTF-8";

H1 {
	margin-top:10px;
	padding: 80px;
	text-align: left;
	color:#FFF;
	font-size: 18px;
}

a:hover{
	text-decoration:underline;
	color:#600;
}

a {
	color:#B5121B; 
	outline:none;
	text-decoration:underline;
	font-weight: bold;
}

#body {
	background-color:#FFF;
	height: 620;
	position: absolute;
	margin-left: 326px;
	margin-top: 15px;
	border: 3px solid black;
	width: 620px;
}

#body-text {
	margin-top:10px;
	padding: 18px;
	text-align: left;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
.oneColFixCtr #container {
	height: 600px;
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 975px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 535px;
	background: #000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	color: #FFF;
	margin-top: 175px;
	z-index: 2;
}

.bodytxt {
	color:#000;
	font-size: 13px;
}
.reference {
	color:#FFF;
	font-size: 11px;
	text-align: left;
	font-style: italic;
}
.bodybld {
	color:#069;
	font-size: 13px;
	font-weight:bold;
}

.bodybld2 {
	color:#7A941C;
	font-size: 13px;
	font-weight:bold;
}

#electrical-images {
	width: 337px;
	height: 467px;
	position:absolute;
	margin-left: 326px;
	margin-top:-170px;
}
#logo {
	position:absolute;
	width:75px;
	height:100px;
	margin-left: 119px;
}
#company {
	position:absolute;
	width:300px;
	height:350px;
	margin-top: 45px;
	margin-left: 18px;
}
#text {
	font-size: 24px;
	margin-top: 125px;
	width: 300px;
	position: absolute;
}
#text2 {
	font-size: 24px;
	margin-top: 188px;
	width: 300px;
	position: absolute;
	margin-left:670px
}

#text3 {
	color:#333;
	margin-top: -75px;
	width: 486px;
	position: absolute;
	margin-left:-50px;
	top: 125px;
}



.med {
	font-size:13px;
}
.header {
	font-size:18px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.headerblk {
	color:#000;
	font-size:20px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contact-info {
	width: 975px;
	background:#000;
	margin-left: auto;
	margin-top: 410px;
	position: absolute;
}
#contact-info2 {
	width: 328px;
	background:#000;
	margin-left: 0px;
	margin-top: 460px;
	position: absolute;
}

/*===== navigation =====*/

#navigation {
	margin-left: -30px;
	margin-top: -26px;
	position: absolute;
	text-align: left;
	width: 300px;
	top: 163px;
}
		#navigation .nav {
			border-top:0px solid #cbcbcb;
		}
			#navigation .nav li {
	font-size:14px;
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 70px;
			}
				#navigation .nav li a {
	display:block;
	color:#B5121B;
	text-decoration:none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	background:url(images/arrow1.gif) no-repeat 0 60px;
	padding:0px 0px 0px 0px;
				}
				#navigation .nav li:hover a {
	color:B5121B;
	font-family: Verdana, Arial, sans-serif;
	position: relative;
	border-right:0px solid #000;
	text-align: left;
				}
	
	#navigation .nav li a.active {
	background-color:#F00;
	padding-bottom:32px !important;
	background-position:8px 19px !important;
	}
				
/*===== end navigation =====*/
.oneColFixCtr #container #mainContent #body #body-text .bodytxt .bodybld {
}
#reference {
	position: relative;
	margin-top: 225px;
	text-align:left;
}
#sdbr {
	background-color:#000;
	width: 25px;
	height:111px;
	position:absolute;
	margin-top:-111px;
	margin-left:950px;
}
#bulb {
	position:absolute;
	z-index: -1;
	top: 0px;
	margin-left: 0px;
}

#links {
	width: 300px;
	margin-left: 25px
}