@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000000;
	background-position:center;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#3366cc;
}
blockquote {
	margin:0px 0px 0px 10px;
}
#mainWrapper {
	width:936px;
	position:relative;
	text-align:left;
	margin:30px 0px 0px 0px;
}
#topNav {
	position:absolute;
	top:-30px;
	left:0px;
	width:936px;
	z-index:999;
	font-size:11px;
}
#topNav .highlight {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 0px 0px;
}

#mainTable {
	width:936px;
	height:680px;
	position:relative;
	border:1px solid #a97537;
	background-image:url(../images/back.gif);
	background-repeat:repeat-x;
	background-position:center;
}
#mainTableHome {
	width:936px;
	height:680px;
	position:relative;
	border:1px solid #a97537;
}
.home {
	background-image:none;

}
.globalPhone {
	color: white; font-size: 12px;
	text-align: right;
	font-weight:bold;
	position:absolute;
	top:24px;
	right:30px;
	z-index:998;
}
.logo {
	position:absolute;
	top:30px;
	left:34px;
	background-color:#000000;
	width:130px;
	text-align:center;
}
.floatLeft {
	float:left;
	margin:0px 10px 0px 0px;
}
.floatRight {
	float:right;
	margin:0px 0px 0px 20px;
}

/* -- Content Styles -- */

.contentArea {
	position:absolute;
	top:116px;
	left:0px;
	background-color:#FFFFFF;
	width:936px;
	height:480px;
}

.contentNarrow {
	position:absolute;
	left:198px;
	top:16px;
	width:486px;
	font-size:11px;
	text-align:left;
	line-height:20px;
	overflow:hidden;
}
.contentNarrow #sliderDiv1 {
	position:absolute;
	left:472px;
	top:36px;
}
.contentNarrow span {
	position:absolute;
	top:-16px;
}
.contentNarrow b i a {
	font-size:11px;
	color:#a97537;
	font-style:normal;
}
.contentNarrow b i a:hover {
	font-size:11px;
	color:#000000;
	font-style:normal;
}

.contentNarrow a {
	font-size:18px;
	color:#a97537;
	margin-right:30px;
}
.contentNarrow a:hover {
	font-size:18px;
	color:#000000;
}
.contentNarrow H1 {
	color:#a97537;
	background-color:#000000;
	font-size:11px;
	padding-left:6px;
	letter-spacing:1px;
	text-align:center;
}

.contentNarrow .electrical H1 {
	color:#FFFFFF;
	background-color:#005e9d;
	font-size:11px;
	padding-left:6px;
	width:348px;
	letter-spacing:1px;
	line-height:20px;
}
.contentNarrow .electrical H1 span {
	margin-top:-10px;
}
.contentNarrow H2 {
	font-size:18px;
	color:#a97537;
	font-weight:normal;
	margin:14px 0px;
}
.contentWide {
	position:absolute;
	left:198px;
	top:16px;
	width:702px;
	font-size:11px;
	text-align:left;
	line-height:20px;
}
.contentWide H1 {
	color:#a97537;
	background-color:#000000;
	font-size:11px;
	padding-left:6px;
	letter-spacing:1px;
	text-align:center;
}

/* -- Careers Styles -- */

.careerNarrow {
	position:absolute;
	left:198px;
	top:46px;
	width:470px;
	height:410px;
	font-size:9px;
	text-align:left;
	line-height:14px;
	overflow:hidden;
}
#sliderDiv1 {
	position:absolute;
	left:672px;
	top:56px;
}

.careerNarrow p {
	padding-bottom:14px;
	border-bottom:1px solid #a97537;
	margin-right:10px;
}

.careerNarrow a {
	color:#a97537;
	margin-right:30px;
}

.careerNarrow a:hover {
	color:#000000;
}
.careerNarrow H1 {
	color:#a97537;
	background-color:#000000;
	font-size:11px;
	padding-left:6px;
	letter-spacing:1px;
	line-height:20px;
	text-align:center;
}

.careerNarrow H2 {
	font-size:18px;
	color:#a97537;
	font-weight:normal;
	margin:14px 0px;
}
.careerNarrow H2 a {
	font-size:18px;
	color:#a97537;
	margin-right:30px;
}

.careerNarrow H2 a:hover {
	font-size:18px;
	color:#000000;
}
.careerNarrowBlue {
	position:absolute;
	left:198px;
	top:46px;
	width:500px;
	font-size:9px;
	text-align:left;
	line-height:14px;
	overflow:auto;
	height:410px;
}

.careerNarrowBlue a {
	font-size:18px;
	color:#005e9d;
	margin-right:30px;
}
.careerNarrowBlue p {
	color:#737768;
	padding-bottom:14px;
	border-bottom:1px solid #005e9d;
	margin-right:10px;
	font-style:italic;
}
.careerNarrowBlue p b {
	color:#005e9d;
	font-style:normal;
}
.careerNarrowBlue a:hover {
	font-size:18px;
	color:#000000;
}
.careerNarrowBlue H1 {
	color:#005e9d;
	background-color:#000000;
	font-size:11px;
	padding-left:6px;
	letter-spacing:1px;
	line-height:20px;
	text-align:center;
}

.careerNarrowBlue H2 {
	font-size:18px;
	color:#005e9d;
	font-weight:normal;
	margin:14px 0px;
}
.careerNarrowGold {
	position:absolute;
	left:198px;
	top:46px;
	width:486px;
	font-size:9px;
	text-align:left;
	line-height:normal;
	overflow:auto;
	height:410px;
}

.careerNarrowGold a {
	font-size:18px;
	color:#a97537;
	margin-right:30px;
}
.careerNarrowGold p {
	padding-bottom:14px;
	border-bottom:1px solid #a97537;
	margin-right:10px;
	font-style:italic;
}
.careerNarrowGold p b {
	color:#a97537;
	font-style:normal;
}
.careerNarrowGold a:hover {
	font-size:18px;
	color:#000000;
}
.careerNarrowGold H1 {
	color:#a97537;
	background-color:#000000;
	font-size:11px;
	padding-left:6px;
	width:348px;
	letter-spacing:1px;
	line-height:20px;
	text-align:center;
}

.careerNarrowGold H2 {
	font-size:18px;
	color:#a97537;
	font-weight:normal;
	margin:14px 0px;
}
a.btnApply {
	display:block;
	background-color:#a97537;
	width:120px;
	height:20px;
	margin:10px 0px 0px 0px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	line-height:18px;
}
a.btnApply:hover {
	color:#a97537;
	background-color:#000;
}


/* -- Contact Styles -- */

.contactArea {
	position:absolute;
	top:116px;
	left:0px;
	background-color:#000000;
	background-image:url(../images/contactBack.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:480px;
}
.contactNarrow {
	position:absolute;
	left:198px;
	top:16px;
	width:354px;
	font-size:10px;
	text-align:left;
	line-height:14px;
	color:#FFFFFF;
}
.contactNarrowish {
	position:absolute;
	left:198px;
	top:16px;
	width:500px;
	font-size:10px;
	text-align:left;
	line-height:14px;
	color:#FFFFFF;
}

.contactNarrow a, .contactNarrowish a {
	color:#ffffff;
	text-decoration:none;
}
.contactNarrow a:hover, .contactNarrowish a:hover  {
	color:#a97537;
}
.contactNarrow H1, .contactNarrowish H1 {
	color:#a97537;
	background-color:#000000;
	font-size:11px;
	padding-left:6px;
	width:348px;
	letter-spacing:1px;
	line-height:20px;
	text-align:center;
}
.contactNarrow H2, .contactNarrowish H2 {
	font-size:14px;
	color:#a97537;
	font-weight:normal;
	margin:14px 0px;
}
a.standOut {
	color:#a97537;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
a.standOut:hover {
	color:#FFF;

}

#submit {
margin-top:10px;
}

/* -- Management Styles -- */

.bioBox {
	clear:both;
	margin-right:10px;
}
.bioPhoto {
	width:82px;
	float:left;
	text-align:left;
	margin:0px 10px 16px 0px;
}
.bioText {
	font-size:10px;
	line-height:16px;
	text-align:left;
	border-top:1px solid #a97537;
	width:574px;
	float:right;
	margin-bottom:16px;
	padding-top:5px;
}
.bioText b {
	color:#a97537;
	font-size:11px;
}


/* -- Datacenter Styles -- */
.datacenter {
	width:348px;
}
.dcNarrowText {
	width:320px;
	float:right;
	font-size:10px;
	text-align:left;
	line-height:14.5px;
	margin-right:30px;
	margin-top:14px;
}

.dcNarrowText H3 {
	color:#a97537;
	font-size:12px;
	font-weight:normal;
}
.dcNarrowText b {
	color:#a97537;
	font-size:10px;
	font-weight:bold;
}
.dcNarrowText img {
	margin-top:4px;
	_margin-top:0px;
}
.dcNarrowText li {
	list-style:url(../images/designBullet.gif);
	list-style-position:inside;
}
.dcBullets {
	width:220px;
	float:left;
	font-size:10px;
	text-align:left;
	line-height:14px;
	_line-height:12px;
	margin-right:14px;
	margin-top:10px;
}
.dcBullets b {
	color:#a97537;
	font-size:10px;
	font-weight:bold;
}
.dcBullets img {
	margin-top:4px;
	_margin-top:0px;
}
.dcBullets ul {
	list-style:url(../images/designBullet.gif);
	margin-left:0;
	margin-top:0;
	padding-left:14px;
}

/* -- Electrical Styles -- */
.eNarrowText {
	width:320px;
	float:right;
	font-size:10px;
	text-align:left;
	line-height:14.5px;
	margin-right:30px;
	margin-top:14px;
	color:#737768;
}
.eNarrowText .rightcolumnScroll{
	width:300px;
	height:416px;
	position:absolute;
	left:582px;
	top:46px;
	overflow:hidden;
}
.eNarrowText #sliderDiv1 {
	position:absolute;
	left:910px;
	top:56px;
}
.eNarrowText p {
	font-size:10px;
}

.eNarrowText H3 {
	color:#005e9d;
	font-size:12px;
	font-weight:normal;
}
.eNarrowText H3 span {
	letter-spacing:-.5px;
}
.eNarrowText b {
	color:#005e9d;
	font-size:10px;
	font-weight:bold;
}

.eNarrowText img {
	margin-top:4px;
	_margin-top:0px;
}
.eNarrowText li {
	list-style:url(../images/electricBullet.gif);
	list-style-position:inside;
}


/* -- Scroll Styles -- */

.scrollWide {
	position:absolute;
	left:198px;
	top:130px;
	width:700px;
	height:320px;
	text-align:left;
	overflow:hidden;
}
.scrollWide #sliderDiv1 {
	position:absolute;
	left:688px;
	top:0px;
}
.scrollNarrow {
	position:relative;
	left:0px;
	top:0px;
	width:450px;
	height:390px;
	text-align:left;
	overflow:hidden;
}
.contentNarrow #barsliderDiv1 {
	margin:7px 0px 0px 0px;
}


/* -- Navigation Styles -- */

.navArea {
	width:162px;
	float:left;
}
.slideshow {
	width:162px;
	height:160px;
}
.navTan {
	background-image:url(../images/navBackTan.jpg);
	font-size:10px;
	text-align:left;
	height:300px;
	_height:320px;
	padding:20px 0px 0px 0px;
	position:relative;
}
.navTan h1 {
	font-size:15px;
	margin:0px 0px 0px 16px;
}
.navTan ul {
	list-style-position:outside;
	margin-left:-22px;
	_margin-left:16px;
}
.navTan li{
	list-style:none;
	line-height:11.5px;
	margin:0px 5px 7px 0px;
}
.navTan li a {
	color:#000000;
	text-decoration:none;
}
.navTan li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.navTan li b {
	color:#FFF;
}
.navBlue {
	background-image:url(../images/navBackBlue.jpg);
	font-size:10px;
	text-align:left;
	height:300px;
	_height:320px;
	padding:20px 0px 0px 0px;
	position:relative;
}
.navBlue h1 {
	font-size:15px;
	margin:0px 0px 0px 16px;
}
.navBlue ul {
	list-style-position:outside;
	margin-left:-22px;
	_margin-left:16px;
}
.navBlue li{
	list-style:none;
	line-height:12px;
	margin:0px 5px 5px 0px;
}
.navBlue li a {
	color:#000000;
	text-decoration:none;
}
.navBlue li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.navBlue li b {
	color:#FFF;
}
#quote {
	width:160px;
	text-align:center;
	position:absolute;
	bottom:20px;
}
/* -- Photos -- */

.photosNarrow {
	background-color:#eee3d7;
	width:216px;
	height:480px;
	float:right;
}
.photosNarrow .rightcolumnScroll{
	width:200px;
	height:416px;
	position:absolute;
	left:720px;
	top:46px;
	overflow:hidden;
}
.photosNarrow #sliderDiv1 {
	position:absolute;
	left:910px;
	top:56px;
}
.photosNarrow h3 {
	color:#a97537;
	text-align:left;
	margin:24px 0px 0px 12px;
	font-size:12px;
}
.photosNarrow p {
	font-size:9px;
	line-height:14px;
	text-align:left;
	margin:0px 8px;
	color:#a97537;
}
.photosNarrowBlue {
	background-color:#ccdfeb;
	width:216px;
	height:480px;
	float:right;
}
.photosNarrowBlue .rightcolumnScroll{
	width:200px;
	height:416px;
	position:absolute;
	left:720px;
	top:46px;
	overflow:hidden;
}
.photosNarrowBlue #sliderDiv1 {
	position:absolute;
	left:910px;
	top:56px;
}
.photosNarrowBlue h3 {
	color:#005e9d;
	text-align:left;
	margin:24px 0px 0px 12px;
	font-size:12px;
}
.photosNarrowBlue p {
	font-size:9px;
	line-height:14px;
	text-align:left;
	margin:0px 8px;
	color:#005e9d;
}

/* -- Footer -- */

.footer {
	position:absolute;
	top:686px;
	left:0px;
	width:936px;
	font-size:9px;
	color:#a97537;
	white-space:nowrap;
}
#homefooter {
	width:936px;
	font-size:9px;
	color:#a97537;
	margin:50px 0px 0px 0px;
}
#homefooter a {
	color:#3366cc;
}
#homefooter a:hover {
	color:#a97537;
}
#google {
	width:26px;
	height:25px;
	float:right;
	background:url('/images/googleplus.png') no-repeat 0px 0px;
}
#google:hover {
	cursor:pointer;
	background:url('/images/googleplus.png') no-repeat -29px 0px;
}


.datalink {
	margin:0px;
}
.datalink a {
	margin:0px;
	font-size:10px;
	line-height:normal;
	text-decoration:none;
}
.datalink a:hover {
	margin:0px;
	font-size:10px;
	line-height:normal;
	text-decoration:none;
}
.elelink {
	margin:0px;
}
.elelink a {	
	margin:0px;
	font-size:10px;
	text-decoration:none;
	color:#005e9d;
	line-height:normal;
}
.elelink a:hover {	
	font-size:10px;
	text-decoration:none;
	line-height:normal;
}


/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:left;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	display: none;
	color:#a97537;
	position: absolute;
	top: 1.1em; margin-top: 8px; /* I'm using ems and px to allow people to zoom their font */
	left: -1px;
	white-space:nowrap;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	margin-top: 0;
	left: 165px;
}
#listMenu-id-1, #listMenu-id-2, #listMenu-id-3, #listMenu-id-4 {
margin-top:20px;
}
/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	display: block;
	position: relative;
	list-style: none;
	margin-top: 0px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	float: none;
	height:20px;
	margin-top: -1px;
 	_width:200px;
 	background-color:#a97537;
	-moz-opacity: 0.90;
	opacity: 0.90;
	filter:alpha(opacity=90); /* IE's opacity*/
	padding-bottom:6px;
}
.menulist ul>li:last-child {
	margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
	display: block;
	padding: 6px 18px 13px 0px;
	margin:0px 3px 0px 0px;
	color: #a97537;
	text-decoration: none;
}

.menulist a:hover{
	color:#FFF;
}

.menulist ul li a {
	color: #000;
	text-decoration: none;
	padding-bottom:4px;
	font-weight:bold;
	margin-left:9px;
}

.menulist ul li a:hover {
	color: #FFF;

}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus 
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color: #000000;
}
.menulist a.highlighted {
	color: #000000;

}*/


/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display: none;
}
.menulist ul a .subind {
	display: block;
	float: right;

}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
}
.menulist ul a {
	float: none;
}
/* \*/
.menulist a {
	float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
	float: left;
	width: 100%;
}

* html .menulist ul li {
	float: left;
	height: 1%;
}
* html .menulist ul a {
	height: 1%;
}
/* End Hacks */