@charset "UTF-8";

body {
font: 80% 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
background: #cccccc;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 1px 0 0 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: #666666;
}
.oneColFixCtr #container {
width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF url(/site/images/mainFrameCap_topLeft.gif) no-repeat top left;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #container2 {
background: url(/site/images/mainFrameCap_topRight.gif) no-repeat top right;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtr #mainContent {
padding: 0; 
background: url(/site/images/mainFrameCap_bottomLeft.gif) no-repeat bottom left;
}
.oneColFixCtr #mainContent2 {
padding: 8px 20px 20px 21px; 
background: url(/site/images/mainFrameCap_bottomRight.gif) no-repeat bottom right;
}

#mainNav {
margin: 0;
padding: 0;
position: relative;
}

#mainNav img {
margin-right: 0;
position: relative;
top: 4px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

#mainNav #mnavLogo, #mainNav #mnavLogoLabel { 
margin-right: 47px; 
}

img#mnavLighting,
img#mnavElectrical,
img#mnavAccounts,
img#mnavEnergy,
img#mnavTechnology,
img#mnavSignage {
top: 8px;
}




.sideBox {
background-color: #CCCCCC;
position: relative;
padding: 0;
margin: 0 0 20px 0;
width: 197px;
}

.sideBox .head {
padding: 0;
background: #4886b8 url(/site/images/boxCap_topRight.gif) no-repeat top right;
}

.sideBox .head2 {
padding: 4px 10px 3px 10px;
background: url(/site/images/boxCap_topLeft.gif) no-repeat top left;
color: white;
text-align: center;
}

.sideBox .boxCopy {
padding: 0;
background: #CCCCCC url(/site/images/boxCap_bottomLeft.gif) no-repeat bottom left;
}

.sideBox .boxCopy2 {
padding: 5px 10px 1px 10px;
background: url(/site/images/boxCap_bottomRight.gif) no-repeat bottom right;
font-size: 85%;
}


.insideBox {
background-color: #eeeeee;
position: relative;
padding: 0;
margin: 0 0 0 0;
width: 310px;
}

.insideBox .head {
padding: 0;
background: #cccccc url(/site/images/insideBoxCap_topRight.gif) no-repeat top right;
}

.insideBox .head2 {
padding: 4px 10px 3px 10px;
background: url(/site/images/insideBoxCap_topLeft.gif) no-repeat top left;
color: black;
text-align: center;
}

.insideBox .boxCopy {
padding: 0;
background: #eeeeee url(/site/images/insideBoxCap_bottomLeft.gif) no-repeat bottom left;
}

.insideBox .boxCopy2 {
padding: 5px 10px 1px 10px;
background: url(/site/images/insideBoxCap_bottomRight.gif) no-repeat bottom right;
font-size: 85%;
text-align: left;
}

.insideBox .boxCopy2 .bottomLink {
text-align: center;
}



.head p{
position: relative; 
top: 0;
margin: 0;
padding: 0;
}

.boxCopy a {
font-weight: bold;
}





#subNav { 
position: relative; 
padding: 0;
margin: 0;
text-align: center;
background: #4886b8 url(/site/images/subnav/subnavCap_topLeft.gif) no-repeat top left;
}
#subNav2 { 
padding: 0;
margin: 0;
text-align: center;
background: url(/site/images/subnav/subnavCap_topRight.gif) no-repeat top right;
}


#copy {
margin: 20px 20px 20px 30px; 
width: 673px;
}

#sidebar {
left: 743px;
border-left: 0px solid #999999;
width: 197px;
position: absolute;
padding-left: 20px;
margin-top: 20px;  
}




h1, h2, h3 {
color: #4886b8;
margin-top: 20px;
margin-bottom: 3px;
padding: 0;
}

#sidebar h3 {
margin-top: 0;
}

h1, h2 {
font-size: 125%;
}

h3 {
font-size: 100%;
color: #333333;
}

p { 
margin: 0 0 10px 0;
padding: 0;
}

#footerLinks {
text-align: center;
padding-top: 5px;
}

#footerLinks a {
color: #666666;
text-decoration: none;
margin: 0 20px;
}

#footerLinks a:hover {
color: #4886b8;
text-decoration: none;
}

a {
color: #4886b8;
text-decoration: none;
}

a:hover {
color: #666666;
text-decoration: none;
}

ul {
margin: 0;
padding: 0 1em;
}

li {
list-style:square;
}

.label {
white-space: nowrap;
padding-right: 10px;
vertical-align: baseline;
}

.value {
font-weight: bold;
vertical-align: baseline;
}

#onlineSurvey .label {
margin-top: 20px;
}


.floatingImage {
float: left;
margin-right: 7px;
border: 1px solid white;
}

.insideFloatingImage {
float: left;
margin: 0 10px 5px 0;
border: 0px solid white;
}

.left {
text-align: left;
}

.large {
font-size: large;
}

.small {
font-size: smaller;
}

.date {
white-space: nowrap;
vertical-align: top;
padding: 2px 10px 2px 0; 
}

.info {
vertical-align: top;
padding: 2px 10px 2px 0; 
}

.location {
color: #666666;
}
.regionalDC {
color: #4886b8;
}
.masterDC {
color: #083667;
}

p.indented {
margin-left: 76px;
}

#vendors td {
vertical-align: top;
padding-right: 20px;
}

#vendors {
width: 100%;
}

li.mainSection {
margin-top: 10px;
list-style-type: none;
}

li.mainSection a {
font-weight: bold;
}

li.mainSection li a {
font-weight: normal;
color: #666666;
}

#printHeader {
display: none;
}

#caseStudies {
white-space: nowrap; 
clear: both; 
margin-top: 20px; 
}

#caseStudies img {
border: 1px solid #999999;
}
#caseStudies img:hover {
border: 1px solid #4886b8;
}

.vspaced {
padding-top: 20px;
}
.question {
vertical-align: top;
}
.answer {
vertical-align: top;
}
.question textarea {
width: 66%;
}

dd {
margin-bottom: 15px; 
}

dt {
font-weight: bold; 
}

.sidebarButton {
clear: both;
text-align: center;
padding-top: 10px;
}

.wideField {
width: 99%;
}

table#vendors td {
font-size: 80%;
white-space: nowrap;
}

#corporateDivision,
#signsDivision,
#energyDivision,
#accountsDivision,
#electricDivision,
#lightingDivision {
display: none;
}
#locationNav {
margin-top: 0;
text-align: left;
}
#locationNav a {
margin-right: 1.25em;
white-space: nowrap;
}
#locationNav a.selected {
color: #666666;
font-weight: bold;
}
.locationCol {
	width: 33%;
	float: left;
	margin: 0;
}
p.address {
font-size: 90%;
}

.portfolioItem {
width: 120px; 
height: 120px; 
vertical-align: middle; 
text-align: center; 
}

#htmlPortfolio {
text-align: center; 
width:939px; 
height:417px; 
overflow:auto; 
background-color: #000000; 
background-image: url(/site/images/portfolio-BG.jpg); 
position: relative;
padding-top: 20px;
}

#leftChevron {
width: 50px;
height: 100px;
float: left;
display: block;
position: absolute;
top: 168px;
left: 25px;
}

#rightChevron {
width: 50px;
height: 100px;
float: right;
display: block;
position: absolute;
top: 168px;
right: 25px;
}

#main {
position: relative;
}

#zoomView {
background-color: #000000; 
background-image: url(/site/images/portfolio-BG.jpg); 
position: absolute; 
width: 800px; 
height: 450px; 
left: 70px; 
top: 0; 
display: none;
text-align: center; 
}

#zoomImg {
display: block;
}


#footerLinks a#greenLink:hover {
color: #093;
}

h2#greenHeader {
color: #093;
}


table#toolbox {
width: 100%;
}

table#toolbox td {
width: 50%;
padding: 10px;
vertical-align: top;
text-align: left;
}