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

/* This stylesheet implements Steve & Tony's ideas */

body {background-color: #020D29; background-image: url(/images/layout/87317089.jpg); background-position: center 50%;}
#wrapAll {height: 1100px; 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 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;}
	#tagline2 h2 span {font-size: small; vertical-align: super;}

	
body#home #pageBox {padding: 0; border: 1px solid #fff; background-color: #498DCA; background-image: url(/images/layout/heroE2ECTA.jpg); background-position: right center; margin-bottom: 0px;}
body#about #pageBox {padding: 0; border: 1px solid #fff; background-color: #498DCA; background-image: url(/images/layout/pageBoxBG.jpg); background-position: center top;}
body#articles #pageBox {padding: 0; border: 1px solid #fff; background-color: #498DCA; background-image: url(/images/layout/pageBoxBG.jpg); background-position: center top;}
body#clients #pageBox {padding: 0; border: 1px solid #fff; background-color: #498DCA; background-image: url(http://www.e2ecta.com/images/layout/pageBoxBG.jpg); background-position: center top;}
body#products #pageBox {padding: 0; border: 1px solid #fff; background-color: #000; background-image: url(/images/layout/pageBoxBG.jpg); background-position: center top;}
body#services #pageBox {padding: 0; border: 1px solid #fff; background-color: #498DCA; background-image: url(/images/layout/pageBoxBG.jpg); background-position: center top;}

#pageBox {margin-bottom: 150px;}

#contentWrapper {padding: 0; min-height: 360px; 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 0; 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: 0px; 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 0; 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: 0px; 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 0; 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#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#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;}

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 0; 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#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 0px; height: 100px; 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: 0px; height: 50px; padding-top; 0px;}
	#Link1, #Link2, #Link3, #Link4, #Link5, #Link6 {float: left; width: 159px; height: 50px; 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: 50px; width: 159px; top: 0px; text-decoration: none;}
	
	a#map1 {display: block; left: 0px; 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: 0px; 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: 16px; color: #6995A8;}
	a.selected span, a:active span, a:hover span {position: relative; top: 16px; color: #fff;}


#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;}


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 p.detailText {font-size: 14px; color: #F0F5F5; line-height: 1.5; font-family: "trebuchet ms", futura, geneva, "myriad pro";}
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;}

/* GALLERY DISPLAY */
iframe {background-color: transparent;}
#gallery {position: relative; bottom: 0; display: block; margin:0; padding: 20px 0 0 0; width: 685px; text-align: center;}
#gallery ul {list-style-type: none;}
#gallery ul li {display: inline; margin: 0; padding: 0;}
/*.thumby {float: left; display: inline; margin-right: 3px;}*/
.thumbStrip {border: 1px solid #ccc; padding: 2px; background-color: #fff; }
.nobackground {background-color: transparent; border: 0;}