/* 
Napa Electric Style Sheet

light blue: #7a9cca;
dark blue: #2E52A0;
dark yellow: #D1B14E
background: #7B9DCB
nav blue: #2629A8
nav yellow: #D2B14D
-------------------- */


/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { background: #7B9DCB url(../images/ne_bg.jpg) 0 0 repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; color: #222; }
ul, li { list-style: none; }

p { padding: 0 10px 20px 0; line-height:1.35em; }
h1 { font-size: 140%; font-weight: bold; padding:0 0 10px 2px; color:#FFF; background-color:inherit; }
h2 { font-size: 120%; font-weight: bold; padding:2px 12px; color:#444; background-color:#D2B14D; font-size:0.9em; text-transform:uppercase; }
h3 { font-size: 110%; font-weight: bold; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #CC6600; }
h4 { font-size: 100%; font-weight: bold; padding:7px 0 0 17px; }
h5 { font-size: 100%; font-weight: 200; padding:0; }

a:link { background-color: inherit; color: #0F075A; text-decoration: underline; }
a:visited { background-color: inherit; color: #96ABD5; text-decoration: underline; }
a:hover { background-color: inherit; color: #D1B14E; text-decoration: underline; }
a:active { background-color: inherit; color: #D1B14E; text-decoration: underline; }


h2 a:link { background-color: inherit; color: #444; text-decoration: underline; }
h2 a:visited { background-color: inherit; color: #444; text-decoration: underline; }
h2 a:hover { background-color: inherit; color: #000; text-decoration: underline; }
h2 a:active { background-color: inherit; color: #000; text-decoration: underline; }

/* structure
----------------------------------------- */
#edges { margin:0 auto; width:950px; margin-top:10px; background:url(../images/ne_edges.jpg) 0 0 repeat-x #7B9DCB; color: inherit; border-left:1px solid #4C6FB0; border-right:1px solid #4C6FB0; }
#wrapper { margin:0 auto; background:url(../images/ne_wrapper_bg.jpg) 0 0 repeat-x #7B9DCB; color: inherit; text-align: left; } 
#header { padding:0 10px; border-left:3px solid #A1BAD9; border-right:3px solid #A1BAD9; height:235px; }
#maincontainer { width:910px; }

/* main page */
.content { float:left; width:553px; padding:0 0 0 25px; }
.content li { list-style: square; margin:5px 0 0 30px; }
.content ul { margin:5px 0 30px 10px; }

.innernav { color:#fff; float:left; font-size:0.85em; height:85px; overflow:hidden; outline:none; margin:-90px 0 0 236px; z-index:1; } 
.innernav a { color:#6573B4; background-color:inherit; padding:0 10px; }
.innernav a:hover { color:#D1B14E; background-color:inherit; }

.innernav2 { color:#fff; float:left; font-size:0.85em; height:85px; overflow:hidden; outline:none; margin:-90px 0 0 366px; z-index:1; } 
.innernav2 a { color:#6573B4; background-color:inherit; padding:0 10px; }
.innernav2 a:hover { color:#D1B14E; background-color:inherit; }


/* inner nav - about us */
.about .innernav a.i-about,
.safety .innernav a.i-safety,
.references .innernav a.i-references,
.history .innernav a.i-history { color:#333; background-color:inherit; padding:0 10px; text-decoration:none; }

/* inner nav - Electrical Services */
.services .innernav a.i-services,
.commercial .innernav a.i-commercial,
.industrial .innernav a.i-industrial,
.residential .innernav a.i-residential,
.solar .innernav a.i-solar { color:#333; background-color:inherit; padding:0 10px; text-decoration:none; }
.winery .innernav2 a.i-winery,
.telecom .innernav2 a.i-telecom,
.design .innernav2 a.i-design,
.maintenance .innernav2 a.i-maintenance { color:#333; background-color:inherit; padding:0 10px; text-decoration:none; }

/* inner nav - showcase projects */
.showcase .innernav a.i-showcase,
.winery .innernav a.i-winery { color:#333; background-color:inherit; padding:0 10px; text-decoration:none; }

/* inner nav - lighting showroom */
.lighting .innernav a.i-lighting,
.design .innernav a.i-design,
.installation .innernav a.i-installation,
.vendors .innernav a.i-vendors,
.associates .innernav a.i-associates { color:#333; background-color:inherit; padding:0 10px; text-decoration:none; }

/* inner nav - contact us */
.contact .innernav a.i-contact, 
.corporate .innernav a.i-corporate, 
.contacts .innernav a.i-contacts,
.employee .innernav a.i-employee { color:#333; background-color:inherit; padding:0 10px; text-decoration:none; }

.sidebar { float:left; width:318px; margin:-30px 0 0 10px; padding:0; background-color:#fff; color:inherit; border-right: 3px solid #3C5FA6; }
.didyouknow { padding:15px; }


/* 3-up inside page */
.three-up-left { float:left; padding:0 0 0 35px; width:280px; }
.three-up-left li { list-style: square; margin:5px 0 0 30px; }
.three-up-center { float:left; padding:15px 0 0 0; text-align:center; width:270px; }
.three-up-right { float:left; padding:0 0 0 35px; width:280px; }
.three-up-right li { list-style: square; margin:5px 0 0 30px; }
.wide { margin:0 auto; padding:0 0 0 25px; }

/* showroom inside page */
.showroom { padding:0 25px; }


/* static "did you know" section
----------------------------------------- */
.knowextra { float:left; width:100px; padding:0 15px; background-color:#fff; color:inherit; }
.knowextra li { list-style: none; }

p.learnmore { display:none; /* removed margin:150px 0 0 20px; */ }


/* contact form look bad flush left
----------------------------------------- */
.forms { margin-left:50px; }
.errorMessage { color:#990000; font-weight:bold; background-color:inherit; }
.required { font-weight:bold; }


/* project gallery set up
----------------------------------------- */
.project1 { float:left; width:260px; padding:10px; text-align:left; }
.project2 { float:left; width:260px; padding:10px; text-align:left; }
.project3 { float:left; width:260px; padding:10px; text-align:left; }

img.gallerythumb { border:1px solid #003399; padding:1px; margin:0 22px; }
img.internalthumb { border:1px solid #003399; padding:1px; margin:0 2px; }

/* images for the "did you know" section
----------------------------------------- */
.know1 { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_cat-5.jpg) 0 0 no-repeat #fff; }

.knowbulbs { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_bulbs.jpg) 0 0 no-repeat #fff; }
.knowbulbs2 { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_bulbs2.jpg) 0 0 no-repeat #fff; }
.knowdimming { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_dimming.jpg) 0 0 no-repeat #fff; }
.knowtubes { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_tubes.jpg) 0 0 no-repeat #fff; }
.knowtubes2 { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_tubes2.jpg) 0 0 no-repeat #fff; }
.knowdining { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_dining.jpg) 0 0 no-repeat #fff; }
.knowgfci { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_gfci.jpg) 0 0 no-repeat #fff; }
.knowcircuits { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_circuits.jpg) 0 0 no-repeat #fff; }
.knowfans { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_fans.jpg) 0 0 no-repeat #fff; }
.knowfans2 { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_fans2.jpg) 0 0 no-repeat #fff; }
.knowsecurity { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_security.jpg) 0 0 no-repeat #fff; }
.knowentry { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_entry.jpg) 0 0 no-repeat #fff; }
.knowreading { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_reading.jpg) 0 0 no-repeat #fff; }
.knowpendants { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_pendants.jpg) 0 0 no-repeat #fff; }
.knowada { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_ada.jpg) 0 0 no-repeat #fff; }
.knowlandscape { float:left; width:167px; height:345px; padding:10px 10px 20px 10px; background:url(../images/ne_know_landscape.jpg) 0 0 no-repeat #fff; }

.know2 { float:left; width:167px; height:345px; padding:10px 10px 20px 10px;background:url(../images/ne_know_wires.jpg) 0 0 no-repeat #fff; }


.knowservices { display:block; text-indent:-9999px; background:url(../images/ne_know_services.jpg) 0 0 no-repeat #fff; height:122px; width:116px; }
.knowprojects { display:block; text-indent:-9999px; background:url(../images/ne_know_projects.jpg) 0 0 no-repeat #fff; height:119px; width:116px; }
.knowshowcase { display:block; text-indent:-9999px; background:url(../images/ne_know_showroom.jpg) 0 0 no-repeat #fff; height:134px; width:116px; }

.glance1 { float:left; width:135px; padding:20px 5px 30px 9px; }
.glance2 { float:left; width:130px; padding:20px 5px; }

.twoup1 { float:left;  width:500px; padding:0 15px 0 25px; }
.twoup2 { float:left; width:230px; padding:38px 15px; }


/* classes
----------------------------------------- */
.logoarea { }
a.logo { background:url(../images/ne_logo.jpg) no-repeat 0 0; width:330px; height:245px; margin:0; overflow:hidden; outline:none; float:left; z-index:1; text-indent:-9999px; }

.phonearea { }
a.phone { background:url(../images/ne_phone.jpg) no-repeat 0 0; width:380px; height:108px; margin-left:200px; overflow:hidden; outline:none; float:left; z-index:1; text-indent:-9999px; }

.ataglance { }
.ataglance li { list-style: square; margin-left:18px; font-size:0.95em; }

.staff { color:#003399; background-color:inherit; font-weight:bold; }


/* top navigation
----------------------------------------- */
.navigation { float:left; margin:3px 0 0 3px; width:573px; height:15px; }
.navigation ul { padding:0; margin:0; list-style:none; }
.navigation li { float:left; margin:0; padding:0; width:auto; }
.navigation li a { display:block;  height:15px; text-indent:-9999px; overflow:hidden; }

/* nav images normal */
.navigation .n-home a { background: url(../images/ne_nav_home.jpg); width:57px; }
.navigation .n-about a { background: url(../images/ne_nav_about.jpg); width:74px; }
.navigation .n-services a { background: url(../images/ne_nav_services.jpg); width:121px; }
.navigation .n-projects a { background: url(../images/ne_nav_projects.jpg); width:118px; }
.navigation .n-lighting a { background: url(../images/ne_nav_showroom.jpg); width:122px; }
.navigation .n-contact a { background: url(../images/ne_nav_contact.jpg); width:81px; }

/* nav hover */
.navigation li a:hover { background-position:0 -15px; }

/* nav on */
.home .navigation .n-home a,
.about .navigation .n-about a ,
.services .navigation .n-services a ,
.projects .navigation .n-projects a ,
.lighting .navigation .n-lighting a ,
.contact .navigation .n-contact a  { background-position:0 -30px; }


/* drop down
----------------------------------------- */
.navigation li:hover ul, .navigation li.hover ul { display: block; }

.navigation ul li .first {border-top: 1px solid #2E5098; }
.navigation li li { border-bottom: 1px solid #2E5098; border-left: 1px solid #2E5098; border-right: 1px solid #2E5098; }
.navigation li ul { display: none; position: relative; top: 5px; margin-left:-10px; }
.navigation li li a {display:block; height:1.5em; font-size:0.85em; padding:2px 0; text-indent:2px; overflow:visible; color:#333; background:#fff; float: left; border: 0; text-decoration:none; width:auto; }
.navigation li li a:hover { color: #fff; background: #2E5098; text-decoration:none; }

/* area specific - a (about) */
.navigation li ul.c-about { width: 74px; }
.navigation li li:hover { display: block; }

.navigation li li.a-history{ width: 94px; background: #fff; }
.navigation li li.a-history:hover { width: 94px; background: #2E5098; }
.navigation .a-history a { background: #fff; }

.navigation li li.a-references{ width: 94px; background: #fff; }
.navigation li li.a-references:hover { width: 94px; background: #2E5098; }
.navigation .a-references  a { background: #fff; }

.navigation li li.a-safety{ width: 94px; background: #fff; }
.navigation li li.a-safety:hover { width: 94px; background: #2E5098; }
.navigation .a-safety a { background: #fff; }

/* area specific - s (services) */
.navigation li ul.c-services { width: 121px; }
.navigation li li:hover { display: block; }

.navigation li li.s-commercial{ width: 146px; background: #fff; }
.navigation li li.s-commercial:hover { width: 146px; background: #2E5098; }
.navigation .s-commercial a { background: #fff; }

.navigation li li.s-industrial{ width: 146px; background: #fff; }
.navigation li li.s-industrial:hover { width: 146px; background: #2E5098; }
.navigation .s-industrial a { background: #fff; }

.navigation li li.s-residential{ width: 146px; background: #fff; }
.navigation li li.s-residential:hover { width: 146px; background: #2E5098; }
.navigation .s-residential  a { background: #fff; }

.navigation li li.s-solar{ width: 146px; background: #fff; }
.navigation li li.s-solar:hover { width: 146px; background: #2E5098; }
.navigation .s-solar  a { background: #fff; }

.navigation li li.s-telephone{ width: 146px; background: #fff; }
.navigation li li.s-telephone:hover { width: 146px; background: #2E5098; }
.navigation .s-telephone a { background: #fff; }

.navigation li li.s-data{ width: 146px; background: #fff; }
.navigation li li.s-data:hover { width: 146px; background: #2E5098; }
.navigation .s-data a { background: #fff; }

.navigation li li.s-design{ width: 146px; background: #fff; }
.navigation li li.s-design:hover { width: 146px; background: #2E5098; }
.navigation .s-design a { background: #fff; }

.navigation li li.s-maintenance{ width: 146px; background: #fff; }
.navigation li li.s-maintenance:hover { width: 146px; background: #2E5098; }
.navigation .s-maintenance a { background: #fff; }

/* area specific - p (projects) */
.navigation li ul.c-projects { width: 118px; }
.navigation li li:hover { display: block; }

.navigation li li.p-commercial{ width: 138px; background: #fff; }
.navigation li li.p-commercial:hover { width: 138px; background: #2E5098; }
.navigation .p-commercial a { background: #fff; }

.navigation li li.p-residential{ width: 138px; background: #fff; }
.navigation li li.p-residential:hover { width: 138px; background: #2E5098; }
.navigation .p-residential a { background: #fff; }

.navigation li li.p-industrial{ width: 138px; background: #fff; }
.navigation li li.p-industrial:hover { width: 138px; background: #2E5098; }
.navigation .p-industrial  a { background: #fff; }

.navigation li li.p-winery{ width: 138px; background: #fff; }
.navigation li li.p-winery:hover { width: 138px; background: #2E5098; }
.navigation .p-winery a { background: #fff; }

/* area specific - l (lighting) */
.navigation li ul.c-lighting { width: 122px; }
.navigation li li:hover { display: block; }

.navigation li li.l-associates{ width: 142px; background: #fff; }
.navigation li li.l-associates:hover { width: 142px; background: #2E5098; }
.navigation .l-associates a { background: #fff; }

.navigation li li.l-design{ width: 142px; background: #fff; }
.navigation li li.l-design:hover { width: 142px; background: #2E5098; }
.navigation .l-design a { background: #fff; }

.navigation li li.l-installation{ width: 142px; background: #fff; }
.navigation li li.l-installation:hover { width: 142px; background: #2E5098; }
.navigation .l-installation  a { background: #fff; }

.navigation li li.l-vendors{ width: 142px; background: #fff; }
.navigation li li.l-vendors:hover { width: 142px; background: #2E5098; }
.navigation .l-vendors a { background: #fff; }

/* area specific - c (contact) */
.navigation li ul.c-contact { width: 81px; }
.navigation li li:hover { display: block; }

.navigation li li.c-associates{ width: 121px; background: #fff; }
.navigation li li.c-associates:hover { width: 121px; background: #2E5098; }
.navigation .c-associates a { background: #fff; }

.navigation li li.c-showroom{ width: 121px; background: #fff; }
.navigation li li.c-showroom:hover { width: 121px; background: #2E5098; }
.navigation .c-showroom a { background: #fff; }

.navigation li li.c-employee{ width: 121px; background: #fff; }
.navigation li li.c-employee:hover { width: 121px; background: #2E5098; }
.navigation .c-employee a { background: #fff; }


/* Main Container
----------------------------------------- */
#maincontainer { padding-top:20px; }
#maincontainer p { padding:0 30px 20px 2px; }

#maincontainer a:link { background-color: inherit; color: #222; text-decoration: underline; }
#maincontainer a:visited { background-color: inherit; color: #444; text-decoration: underline; }
#maincontainer a:hover { background-color: inherit; color: #D1B14E; text-decoration: underline; }
#maincontainer a:active { background-color: inherit; color: #D1B14E; text-decoration: underline; }


/* Sequitur & CLoser
------------------------ */
#sequitur {margin:0 auto; padding-top:20px; background:url(../images/ne_seq_bg.jpg) 0 0 repeat-x #7B9DCB; height:220px; }
.statement {margin-left:25px; background:url(../images/ne_photo.jpg) 0 0 no-repeat; height:205px; text-indent:-9999px; }
#closer {margin:0 auto; padding-top:0px; background:url(../images/ne_seq_bg.jpg) 0 0 repeat-x #7B9DCB; height:110px; }

/* Footer 
------------------------ */
#footer { padding:20px 0; text-align:center; font-size:0.9em; }
#footer li { padding:0 15px 0 22px; display:inline; padding:0 15px 0 22px; }
#footer li.first { background:none; }
#footer li a { background-color:inherit; color:#333; text-decoration: underline; }
#footer li a:visited { background-color:inherit; color:#333; text-decoration: underline; }
#footer li a:hover { background-color:inherit; color:#ccc; text-decoration: underline; }

#footer p { padding: 0 0 2px 0; }

.designer { color:#333; background-color:inherit; margin-top:15px; line-height:1.5em; }
a.designer { color:#B7BFC9; background-color:inherit; text-decoration:none; font-size:0.95em; }
a.designer:hover { color:#CCC; background-color:inherit; text-decoration:none; }

/* Images
----------------------------------------- */
img { border: none; }
img.whiteborder { margin:5px 0; padding:2px; border:1px solid #fff }
img.commonphoto { margin:5px 0; padding:2px; border:1px solid #999; }
img.commonbutton { margin:-10px 0 0 50px; }
img.tagtext { margin-top:2px; }


/* Self Cleared Float
----------------------------------------- */
#topnav:after,
#header:after,
#wrapper:after,
#edges:after,
#sequitur:after,
#maincontainer:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

.tier1:after,
.tier2:after,
.tier3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

.sidebar:after,
.didyouknow1:after,
.glance1:after,
.glance2:after,
.know1:after,
.know2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }