/*
New CSS File for e2ECTA.com
Copyright 2009 Villagewerx LLC All rights reserved
*/

/* This stylesheet implements Steve & Tony's ideas */
body { background-color:#0C1F46; background-image:url(http://dev.e2ecta/images/layout/grad_1.png);/*/images/layout/87317089.jpg*/ }
#wrapAll { min-height:500px; overflow:hidden; }
.container_12 { background-color:transparent; }
#bannerWrapper { padding:0; background-color:transparent; height:100px; margin-top:2em;}
#logoE2 a { text-decoration:none; outline:none; }
#logoE2 img { float:left; display:inline; margin:0 10px 20px 0; }
#logoE2 h1 { font-size:2.35em; color:#fff; margin:15px 0 0; }
#logoE2 h1.small { font-size:11px; color:#B3E5FF; display:block; margin-top:-10px; padding-top:0; margin-left:60px; }
#tagline2 h2 { text-align:right; font-size:1.5em; font-style:italic; color:#fff; margin:40px 40px 20px 5px; }
body#home #pageBox { padding:0; border:1px solid #678492; background-color:#498DCA; background-image:url(/images/layout/heroE2ECTA.jpg); background-position:right center; margin-bottom:0;}
body#about #pageBox { padding:0; border:1px solid #678492; background-color:#498DCA; background-image:url(/images/layout/pageBoxBG.jpg); background-position:center top; }
body#articles #pageBox { padding:0; border:1px solid #678492; background-color:#498DCA; background-image:url(/images/layout/pageBoxBG.jpg); background-position:center top; }
body#wksht #pageBox { padding:0; border:1px solid #678492; background-color:#498DCA; background-image:url(/images/layout/pageBoxBG.jpg); background-position:center top; }
body#clients #pageBox { padding:0; border:1px solid #678492; background-color:#498DCA; background-image:url(/images/layout/pageBoxBG.jpg); background-position:center top; }
body#gallery #pageBox { padding:0; border:1px solid #678492; background-color:#498DCA; background-image:url(/images/layout/pageBoxBG.jpg); background-position:center top; }
body#products #pageBox { padding:0; border:1px solid #678492; background-color:#000; background-image:url(/images/layout/pageBoxBG.jpg); background-position:center top; }
body#services #pageBox { padding:0; border:1px solid #678492; background-color:#498DCA; background-image:url(/images/layout/pageBoxBG.jpg); background-position:center top; }
#pageBox { margin-bottom:30px; }
#home #contentWrapper { padding:0 0 30px; min-height:360px; background-color:transparent;}
#contentWrapper { padding:0 0 30px; min-height:660px; background-color:transparent; }
#lefty { padding:0; height:100%; background-color:transparent; text-align:left; }
#righty { padding:0; height:100%; background-color:transparent; text-align:left; }
#righty div.entry { margin-top:50px; padding-right:50px; }
hr.rule { color:#fff; background-color:#fff; height:1px; border:1px solid #fff; width:958px; text-align:center; margin:0 auto; padding:0; }
body#articles #pageBox .entry { padding-left:30px; margin-bottom:1em; }
body#articles #pageBox ul.rightAlign { text-align:right; list-style-type:none; }
body#articles #pageBox ul.rightAlign li { margin:0; padding:0; }
body#articles #pageBox ul.rightAlign li h3.linkTitle { margin:0 0 10px; padding:0 0 0 15px; font-family:myriad, "myriad pro"; font-size:14px; }
body#articles #pageBox ul.rightAlign li a:link,body#articles #pageBox ul.rightAlign li a:visited { text-decoration:none; color:#0B1E36; font-weight:600; }
body#articles #pageBox ul.rightAlign li a.selected,body#articles #pageBox ul.rightAlign li a:hover,body#articles #pageBox ul.rightAlign li a:active { color:#CCD7D7; }
body#articles #pageBox li p.newsDate { font-size:12px; font-family:arial; font-weight:bold; color:#0246B5; margin:0; }
body#products #pageBox .entry { padding-left:0; margin-bottom:1em; }
body#products #pageBox ul.rightAlign { text-align:right; list-style-type:none; }
body#products #pageBox ul.rightAlign li { margin:0; padding:0; }
body#products #pageBox ul.rightAlign li h3.linkTitle { margin:0 0 10px; padding:0 0 0 15px; font-family:myriad, "myriad pro"; font-size:15px; }
body#products #pageBox ul.rightAlign li a:link,body#products #pageBox ul.rightAlign li a:visited { text-decoration:none; color:#0B1E36; font-weight:600; }
body#products #pageBox ul.rightAlign li a.selected,body#products #pageBox ul.rightAlign li a:hover,body#products #pageBox ul.rightAlign li a:active { color:#CCD7D7; }
body#products #pageBox li p.newsDate { font-size:12px; font-family:arial; font-weight:bold; color:#0246B5; margin:0; }
body#clients #pageBox .entry { padding-left:0; margin-bottom:1em; }
body#clients #pageBox ul.rightAlign { text-align:right; list-style-type:none; }
body#clients #pageBox ul.rightAlign li { margin:0; padding:0; }
body#clients #pageBox ul.rightAlign li h3.linkTitle { margin:0 0 10px; padding:0 0 0 15px; font-family:myriad, "myriad pro"; font-size:15px; }
body#clients #pageBox ul.rightAlign li a:link,body#clients #pageBox ul.rightAlign li a:visited { text-decoration:none; color:#0B1E36; font-weight:600; }
body#clients #pageBox ul.rightAlign li a.selected,body#clients #pageBox ul.rightAlign li a:hover,body#clients #pageBox ul.rightAlign li a:active { color:#CCD7D7; }
body#clients #pageBox li p.newsDate { font-size:12px; font-family:arial; font-weight:bold; color:#0246B5; margin:0; }
body#clients #pageBox ul.left { float:left; width:45%; }
body#clients #pageBox ul.right { float:left; width:45%; }
body#clients #pageBox ul.left li,body#clients #pageBox ul.right li { font-size:14px; color:#fff; }
body#wksht #pageBox .entry { padding-left:0; margin-bottom:1em; }
body#wksht #pageBox ul.rightAlign { text-align:right; list-style-type:none; }
body#wksht #pageBox ul.rightAlign li { margin:0; padding:0; }
body#wksht #pageBox ul.rightAlign li h3.linkTitle { margin:0 0 10px; padding:0 0 0 15px; font-family:myriad, "myriad pro"; font-size:15px; }
body#wksht #pageBox ul.rightAlign li a:link,body#wksht #pageBox ul.rightAlign li a:visited { text-decoration:none; color:#0B1E36; font-weight:600; }
body#wksht #pageBox ul.rightAlign li a.selected,body#wksht #pageBox ul.rightAlign li a:hover,body#wksht #pageBox ul.rightAlign li a:active { color:#CCD7D7; }
body#wksht #pageBox li p.newsDate { font-size:12px; font-family:arial; font-weight:bold; color:#0246B5; margin:0; }
body#about #pageBox div.listWrapper { margin-top:150px; height:200px; padding-right:10px; border-right:1px black dotted; }
body#clients #pageBox div.listWrapper { margin-top:150px; height:200px; padding-right:10px; border-right:1px black dotted; }
body#wksht #pageBox div.listWrapper { margin-top:150px; height:200px; padding-right:10px; border-right:1px black dotted; }
body#services #pageBox div.listWrapper { margin-top:120px; height:230px; padding-right:10px; border-right:1px black dotted; }
body#articles #pageBox div.listWrapper { margin-top:90px; height:260px; padding-right:10px; border-right:1px black dotted; }
body#products #pageBox div.listWrapper { margin-top:90px; height:260px; padding-right:10px; border-right:1px black dotted; }
body#gallery #pageBox div.listWrapper { margin-top:150px; height:200px; padding-right:10px; border-right:1px black dotted; }
body#gallery #pageBox ul#util li { padding:1em; }
ul.rightAlign { text-align:right; list-style-type:none; }
ul.rightAlign li { margin:0; padding:0; }
ul.rightAlign li h3.linkTitle { margin:0 0 10px; padding:0; font-size:1em; line-height:1.25em; }
ul.rightAlign li a:link,ul.rightAlign li a:visited { text-decoration:none; color:#0246B5; }
ul.rightAlign li a.selected,ul.rightAlign li a:hover,ul.rightAlign li a:active { color:#F0F5F5; }
body#products #pageBox div.listWrapper ul.rightAlign li h3.linkTitle { margin-bottom:10px; }
body#services #pageBox div.listWrapper ul.rightAlign li h3.linkTitle { color:#F0F5F5; }
body#wksht #pageBox div.listWrapper ul.rightAlign li h3.linkTitle { color:#F0F5F5; }
body#about #pageBox .entry { padding-left:30px; }
body#about #pageBox table { color:#CCD7D7; }
body#about #pageBox table p { font-size:12px; margin-top:0; margin-bottom:0; }
body#about #pageBox table h5 { font-family:arial; font-size:13px; font-weight:bold; color:#F0F5F5; margin-bottom:0; margin-top:1em; }
body#about #pageBox ul li { color:#f0F5F5; list-style-type:none; }
#navigationWrapper { width:960px; padding:5px 0 0; height:85px; background-color:transparent; background-image:url(http://www.e2ecta.com/images/layout/transpBlack50.png); }
#contextLine { height:50px; background-color:transparent; }
#contextMsg,#utilNav2 { height:50px; background-color:transparent; }
#utilNav { font-size:13px; }
ul#util { float:right; list-style-type:none; margin-top:20px; }
ul#util li { display:inline; padding:1em; margin-left:5px; }
ul#util li a:link,ul#util li a:visited { text-decoration:none; color:#fff; }
ul#util li a.selected,ul#util li a:hover,ul#util li a:active { text-decoration:none; color:red; }
#sectionNav { width:960px; position:relative; top:0; height:35px; }
#Link1,#Link2,#Link3,#Link4,#Link5,#Link6 { float:left; width:159px; height:35px; margin-right:1px; text-align:center; }
#Link6 { margin-right:0; }
#Link1 a,#Link2 a,#Link3 a,#Link4 a,#Link5 a,#Link6 a { position:absolute; height:35px; width:159px; top:0; text-decoration:none; }
a#map1 { display:block; left:0; width:159px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpBlack75.png); }
a#map2 { display:block; left:160px; width:159px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpBlack75.png); }
a#map3 { display:block; left:320px; width:159px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpBlack75.png); }
a#map4 { display:block; left:480px; width:159px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpBlack75.png); }
a#map5 { display:block; left:640px; width:159px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpBlack75.png); }
a#map6 { display:block; left:800px; width:158px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpBlack75.png); }
a:hover#map1,a#map1.selected { display:block; left:0; width:159px; font-size:.9em; text-align:center; color:#F9F9F9; background-image:url(http://www.e2ecta.com/images/layout/transpRed90.png); }
a:hover#map2,a#map2.selected { display:block; left:160px; width:159px; font-size:.9em; text-align:center; color:#F9F9F9; background-image:url(http://www.e2ecta.com/images/layout/transpRed90.png); }
a:hover#map3,a#map3.selected { display:block; left:320px; width:159px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpRed90.png); }
a:hover#map4,a#map4.selected { display:block; left:480px; width:159px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpRed90.png); }
a:hover#map5,a#map5.selected { display:block; left:640px; width:159px; font-size:.9em; text-align:center; color:#E1A13B; background-image:url(http://www.e2ecta.com/images/layout/transpRed90.png); }
a:hover#map6,a#map6.selected { display:block; left:800px; width:158px; font-size:.9em; text-align:center; color:#6995A8; background-image:url(http://www.e2ecta.com/images/layout/transpRed90.png); }
a:link span,a:visited span { position:relative; top:8px; color:#6995A8; }
a.selected span,a:active span,a:hover span { position:relative; top:8px; color:#fff; }
body#products #pageGallery a.light:link {color: #fff!important; font-size: .9em;}
body#products #pageGallery a.light:visited {color: #ccc!important; font-size: .9em;}
#footerWrapper { width:960px; padding:5px 0 10px; background-color:transparent; background-image:url(http://www.e2ecta.com/images/layout/transpBlack50.png); }
#footerContent p { text-align:left; color:#B3E5FF; margin:0; padding:7px 0 0 30px; font-size:10px; letter-spacing:.1em; }
h3.context { text-align:left; padding:5px 0 0 30px; color:#498DCA; font-size:1.4em; font-family:arial; padding-top:10px; }
body#home h3.context { color:#B3E5FF; font-style:italic; }
body#services .entryServices {width: 610px; background-image:url(http://www.e2ecta.com/images/layout/transpBlack25.png); padding: 2em 1em 5em 2em; }
.rounded {-moz-border-radius:10px; -webkit-border-radius:10px;}
#hqAddress {background-image:url(http://www.e2ecta.com/images/layout/transpBlack25.png); padding: 2em 1em 5em 2em;  }
div.entry h1.detailTitle { color:#D7E0E0; font-family:arial; font-size:1.7em; }

div.entry h3.subtitle { font-size:1.25em; color:#0B1E36; margin-bottom:0; }
div.entry p.detailLede { color:#0246B5; font-family:helvetica; font-size:110%; font-style:italic; line-height:1.6; font-weight:600; }
div.entry div.detailText { font-size:15px; color:#1e1e1e;/*#F0F5F5*/; font-weight: 500; line-height:1.5; font-family:"trebuchet ms", futura, geneva, "myriad pro"; }
div.entry div.detailText b { font-size:14px; color:#F0F5F5;}
div.entry div.detailText span a {font-size:15px;}


div.entry span { font-size:18px; font-weight:bold; color:#B3E5FF; }
ul#hideLinks li { margin-left:0; }
ul#hideLinks a { color:#fff; font-size:16px; line-height:1.5; text-decoration:none; }
ul#hideLinks a:hover,ul#hideLinks a:visited { color:#0246B5; text-decoration:underline; }
body#home #pageBox div.entry { padding-left:25px; margin-top:100px; }
body#home #pageBox div.entry #displayType { width:100%; height:162px; background-image:url(http://www.e2ecta.com/images/layout/heroText2.png); background-repeat:no-repeat; display:block; }
body#home #lefty div.entry h1.detailTitle { font-family:"myriad pro"; font-weight:900; font-size:42px; color:#fff; margin-bottom:0; position:relative; left:-2000px; }
body#home #lefty div.entry h3.subtitle { font-family:"myriad pro"; font-weight:800; font-size:24px; color:#2F294F; margin-top:0; margin-bottom:0; line-height:30px; position:relative; left:-2000px; }
body#home #lefty div.entry h3 span { color:red; }
body#home #lefty div.entry p.detailLede { font-size:.9em; color:#0246B5; margin-top:1em; margin-bottom:0; }
h1.sideTitle { text-align:right; color:#0B1E36; font-size:1.25em; margin-top:50px; line-height:125%; margin-right:30px; }

/* GALLERY DISPLAY */
iframe { background-color:transparent; }
#pageGallery { background-image:url(http://www.e2ecta.com/images/layout/transpBlack50.png); position:relative; bottom:0; display:block; margin: 30px 0 0; padding: 10px 0 40px; width:645px; text-align:center; }
#pageGallery ul { list-style-type:none; margin-top:30px; }
#pageGallery ul li { display:inline; margin: 2px; padding:0px; }
.thumby { float:left; display:inline; margin-right:3px; }
img.thumbStrip { border:1px solid #769595; }
.nobackground { background-color:transparent; border:0; }

img.slides { border:10px solid #1e1e1e; margin:35px 0 45px; float:right; }
#caption { position:relative; left:-210px; top:-100px; font-size:12px; color:#fff; }
body#gallery #sidebar h2.sideTitle { color:#B3E5FF; font-family:arial; font-size:1.4em; margin-top:20px; }
h2.sideTitle span { color:#244775; font-size:medium; margin-top:0; }
body#gallery #sidebar div.sideList { color:#D7E0E0; font-size:smaller; }
body#gallery #sidebar div.sideList ul.left li { list-style-type:disc; display:block; padding-left:1em; text-indent:-1em; margin-left: 0;}

/*SCROLLABLE*/

/* scrollable root element */
#wizard { background:rgba(255,255,255,0.4); border:1px solid #33619C; font-size:12px; height: 640px; margin:20px auto; width:690px; overflow:hidden; position:relative; }

/* scrollable items */
#wizard .items { width:20000em; clear:both; position:absolute; }

/* single item */
#wizard .page { margin:0 auto; padding:40px; width:610px; float:left; min-height: 500px;}

/* title */
#wizard h2 { border-bottom:1px dashed #B3E5FF; font-size:22px; font-weight:normal; margin:10px 0; padding-bottom:15px; }
#wizard h2 em { display:block; font-size:14px; color:#0B1E36; font-style:normal; margin-top:5px; }

/* input fields */
#wizard ul { padding:0!important; margin:0!important; }
#wizard li { list-style-type:none; list-style-image:none; margin-bottom:25px; margin-left:0; }
#wizard label { font-size:15px; display:block; color:#2F294F; }
#wizard label strong { color:#789; position:relative; top:-1px; }
#wizard label em { display:block; font-size:11px; color:#244775; font-style:normal; margin-top:2px; line-height:1.85; }
#wizard .text { width:97%; padding:5px; border:1px solid #ccc; color:#456; letter-spacing:1px; }
#wizard select { border:1px solid #ccc; width:94%; padding:4px; }
#wizard label span { color:#b8128f; font-weight:bold; position:relative; top:4px; font-size:20px; }
#wizard input,#wizard textarea { border:1px solid #CCCCCC; padding:5px; letter-spacing:normal; margin-top:5px; }
#wizard input#address { width:97%; }
#wizard .double label { width:50%; float:left; margin-bottom:10px; }
#wizard .double .text { width:93%; }
#wizard div.clearfix { clear:left; padding-top:10px; height: 40px;}
#wizard .right { float:right; }

/* validation error message bar */
#drawer { background:#fff url(/img/global/gradient/h80.png) repeat-x scroll 0 0; _background-color:#fff; overflow:visible; position:fixed; left:0; top:0; text-align:center; padding:15px; font-size:18px; border-bottom:2px solid #789; width:100%; display:none; z-index:2; }
#wizard .error { border:1px solid red; }
#wizard #status { margin:0!important; height:35px; background:#123 url(/img/global/gradient/h30.png) repeat-x; padding-left:25px!important; _background:#123; }
#status li { list-style-type:none; list-style-image:none; float:left; color:#fff; padding:10px 20px; }
#status li.active { background-color:#830A0D; font-weight:normal; }
ul#firmType li,ul#svcType li { margin:0; }
ul#firmType li:last-child { margin-bottom:20px; }
#lunch_attendees { margin:0 0 15px 10px; }
#comments_questions { margin:0 0 0 10px; }
#acSystem { padding-bottom:15px; }
#wizard label.radioButtons { display:inline; }
.formRow { height:40px; }
#wizard input,#wizard textarea { background-color:rgba(255,255,255,0.4); }
#wizard ul#homeStatus li,#wizard ul#fuelType li,#wizard ul#heatType li,#wizard ul#acType li,#wizard ul#projectStart li { margin-bottom:0; }
body#wksht #wizard table tbody tr.formFields td ul { margin-bottom:15px!important; }
#wizard fieldset#projStart { margin:5px 0 25px; }
fieldset div { margin:0; width:100%; display:block; }

/*fieldset div:hover {background-color: rgba(255, 255, 255, 0.4);}*/
fieldset:first-child { padding-left:60px; }
fieldset legend { margin:10px 0 5px -60px; float:left; clear:both; width:100%; font-size:15px; display:block; text-align:left; color:#000; }
fieldset div.controls { margin:25px 0 0; padding:0; }
fieldset div label { line-height:1; float:left; display:block; width:130px; }
fieldset div input,fieldset div textarea,fieldset div select { float:left; display:inline; line-height:1; margin:0; }
fieldset div input.radio { margin:0 0 0 -160px; width:30px; }
div.radioButton { width:120px; display:inline; }
div.radioButton label { font-size:15px!important; color:#0246B5!important; }
#wizard label.textLabel { margin:0 5px 0 -60px; color:#000; }
#wizard td.fieldLabel { padding-right:30px; }

/* Third iteration of the Scrollable */
#aperture { margin-top:10px; margin-left:40px; width:720px; background-image:url(http://www.e2ecta.com/images/layout/transpBlack75.png); border:solid 1px #769595; }
#image_wrap,#scrollableNavWrap { margin:0 auto; }
.scrollable { position:relative; overflow:hidden; width:600px; height:120px; 
/* custom decorations */
border:1px solid #769595; }

/*	it's enough to set the width and height for the root element and not for this element.*/
.scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }
.items div.strip { float:left; width:600px; height:120px; background-image:url(http://www.e2ecta.com/images/layout/transpBlack25.png); }
img.slide { border:1px solid #769595; display:block; margin:15px auto; }

/* single scrollable item */
.scrollable img { cursor:pointer; float:left; margin:20px 0 20px 14px; background-color:#fff; border:1px solid #fff; width:100px; height:75px; 
/*-moz-border-radius:4px; -webkit-border-radius:4px;*/
opacity:.3; }

/* active item */
.scrollable .active { border:2px solid #FFF; position:relative; cursor:default; opacity:1; }

/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(../images/layout/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; }

/* right */
a.right { background-position:0 -30px; clear:right; margin-right:0; }
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }

/* left */
a.left { margin-left:20px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up,a.down { background:url(../images/layout/vert_large.png) no-repeat; float:none; margin:10px 50px; }

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position:0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }

/* disabled navigational button */
a.disabled { visibility:hidden!important; }

/* THIRD SCROLLABLE */

/* root element for single scroll */
.scrolls { position:relative; overflow:hidden; width:394px; height:266px; float:left; }

/* root element for the scroll pics */
.scrolls .pics { width:20000em; position:absolute; clear:both; }

/* single scroll item */
.pics div { float:left; cursor:pointer; width:400px!important; height:300px; margin:0; }

/* possible settings for the active scroll */
.scrolls.active { }