@charset "utf-8";
/* CSS Document for ECA */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 75% Arial, Helvetica, sans-serif; color: #000; padding-top:10px}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
p.right {text-align: right;}
p.grey, ul.grey {color: #666;}
img.centre, p.centre {text-align: center;}
.clear {clear: both;}
.nomarg {margin-bottom: 0;}
a img {border: none;}
h1 {font: 80% Arial, Helvetica, sans-serif; color: #000; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #4C2879;} 
h2 {font: 180% Arial, Helvetica, sans-serif; color: #000; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #4C2879;}
h3 {font: 140% Arial, Helvetica, sans-serif; color: #4C2879; margin-bottom: 2px; font-weight:normal;}
p.hdg {font: 140% Arial, Helvetica, sans-serif; color: #4C2879; margin-bottom: 2px;}
img.left { float: left; margin-right: 15px; margin-bottom: 15px; }
img.right {float: right; margin-left: 30px; margin-bottom: 15px;}

#wrapper {width: 994px; margin: auto auto;}

#header { height: 105px; position: relative; }
#header img.logo {float: left; width: 390px; height: 105px;}
#header p.tel {text-align: right; font: 400 160% Arial, Helvetica, sans-serif; margin-bottom: 0; padding-top: 16px; padding-right: 5px;}
#header p.email {font-size: 70%; margin-bottom: 0; text-align: right; font: 100% Arial, Helvetica, sans-serif; margin-bottom: 0; padding-right: 5px;}
#header p.email a:link, #header p.email a:visited {text-decoration: underline; color: #000;}
#header p.email a:hover {text-decoration: none;}
#header .search { background: url(images/search-bkg.jpg) repeat-y right; height: 20px; padding: 5px; border-bottom: 1px solid #FFF; position: absolute; top: 74px; width: 984px; left: 0px; }
#header .search form {float: right;}
#header .search form input {border: 1px solid #CCC; background: #FFF; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666; padding: 2px 5px;}
#header .search form .submit {border: none; background: none; padding: 0; margin-left: 5px;}

ul.nav {float: left; width: 180px; clear: left; background: #4C2879; height: 249px;}
ul.nav li {list-style-type: none; position: relative;}
ul.nav li a:link, ul.nav li a:visited, ul.nav li span {background: #4C2879; border-bottom: 1px solid #996DCF; color: #FFF; padding: 13px 0 13px 20px; width: 160px; display: block; text-decoration: none;}
ul.nav li a:hover {background: #F2EFF5; color: #4C2879;}
ul.nav li a#last:link, ul.nav li a#last:visited {border-bottom: none; padding: 12px 0 12px 20px;}

ul.nav li ul {position: absolute; top: -1px; left: 180px; display: none; border-top: 1px solid #996DCF; border-left: 1px solid #996DCF;}
ul.nav li ul a:link, ul.nav li ul a:visited {background: #F2F0F7; padding-left: 7px; border-bottom: 1px solid #996DCF; color: #333; text-decoration: none; display: block; width: 160px; line-height: 16px; padding: 3px 0 3px 7px;}
ul.nav li ul a:hover {background: #4C2879; color: #FFF;}
ul.nav li:hover ul, ul.nav li.over ul {display: block;}
ul.nav li ul#services a:link, ul.nav li ul#services a:visited {width: 118px;}

.photo {float: right; width: 813px;}

#content {padding: 30px 30px 15px 30px; clear: left; }
#content p {line-height: 16px; font: Arial, Helvetica, sans-serif;}
#content p a:link, #content p a:visited, #content ul a:link, #content ul a:visited {color: #000;}
#content p a:hover {text-decoration: none;}
#content ul {margin-bottom: 15px;}
#content ul li {list-style-type: square; list-style-position: outside; margin-left: 15px; line-height: 18px;}
#content .purpleBox {float: left; width: 271px; margin: 5px 15px 15px 0; background: #F2F0F7; padding: 15px;}
#content .purpleBox p.hdg {font-size: 150%; margin-bottom: 0;}
#content .purpleBox p.grey {font-size: 100%; color: #666;}
#content .purpleBox a:link, #content .purpleBox a:visited {background: url(images/more-link-bkg.jpg) no-repeat; width: 117px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 0 8px; display: block; height: 25px; text-decoration: none;}
#content .purpleBox a:hover {background: url(images/more-link-bkg-o.jpg);}
#content .purpleBox#lastPurpleBox {margin-right: 0;}
#content .contactTitle {float: left; width: 100px; background: #F2F0F7; padding: 10px; margin-bottom: 1px; font-weight: bold;}
#content .contactDetail {margin-left: 120px; padding: 10px; margin-bottom: 1px;}
#content .contactTitle#address {padding-bottom: 90px;}
#content .map {float: right; width: 425px; margin-left: 30px;}
#content .map p.small {color: #999; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: right;}
#content .team {border-bottom: 1px dotted #CCC; padding-top: 15px; min-height: 130px;}
#content .team#lastTeam {border-bottom: none;}
#content .team img {float: left; margin-right: 15px; margin-bottom: 15px;}
#content .team p.teamTxt {margin-left: 130px;}
#content .team p.hdg span {font-size: 90%; color: #888;}
#content .team p.hdg {margin-bottom: 10px; margin-left: 130px;}
#content a.moreWhite:link, #content a.moreWhite:visited {background: url(images/white-more-link-bkg.jpg) no-repeat; width: 117px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 0 8px; display: block; height: 25px; text-decoration: none;}
#content a.moreWhite:hover {background: url(images/white-more-link-bkg-o.jpg);}
#content a.moreLilac:link, #content a.moreLilac:visited {background: url(images/lilac-more-link-bkg.jpg) no-repeat; width: 117px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 0 8px; display: block; height: 25px; text-decoration: none;}
#content a.moreLilac:hover {background: url(images/lilac-more-link-bkg-o.jpg);}
#content a.morevideo:link, #content a.morevideo:visited {background: url(images/video-more-link-bkg.jpg) no-repeat; width: 117px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 0 8px; display: block; height: 25px; text-decoration: none;}
#content a.morevideo:hover {background: url(images/video-more-link-bkg-o.jpg);}
#content a.moretest:link, #content a.moretest:visited {background: url(images/test-more-link-bkg.jpg) no-repeat; width: 117px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 0 8px; display: block; height: 25px; text-decoration: none;}
#content a.moretest:hover {background: url(images/test-more-link-bkg-o.jpg);}
#content .rightColPics {float: right; width: 200px;  background: #FFF; border-left: 30px solid #FFF;}
#content .rightColPics p {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: right; line-height: 12px;}

#content .feature {background: #F2EFF5; padding: 15px 15px 1px 15px; margin-bottom: 15px;}
#content .feature#allowRtCol { width: 670px; }
#content .feature p.hdg a {color: #4C2879;}
#content .threeCol#about .feature {height: 240px;}
#content .threeCol#clients .feature {background: none; height: 120px; text-align: center; border: 5px solid #F2EFF5; width: 280px; padding: 10px 5px 10px 5px;}
#content .threeCol#clients .feature img {margin-bottom: 10px;}
#content .threeCol#clients .feature p {color: #666;}
#content .threeCol#clients .feature p a:link, #content .threeCol#clients .feature p a:visited {color: #666; text-decoration: none;}
#content .threeCol#clients .feature p a:hover {text-decoration: underline;}
#content .threeCol .feature {margin-right: 15px; width: 270px; float: left; height: 140px; }
#content .threeCol .feature#lastFeature {margin-right: 0;}
#content .fourCol .feature {margin-right: 15px; width: 192px; float: left; height: 160px;}
#content .fourCol .feature#lastFeature {margin-right: 0;}

#content a.arrow:link, #content a.arrow:visited {background: url(images/link-arrow-purple.gif) no-repeat left; padding-left: 15px; color: #4C2879;}
#content .associatesLeft {float: left; width: 430px;}
#content .associatesRight {margin-left: 444px;}
#content .associates {border: 5px solid #F2EFF5; margin-bottom: 14px; padding: 15px 15px 1px 15px;}
#content .associates p.assocTxt {margin-left: 115px;}
#content .associates p.assocTextSml {margin-left: 215px;}
#content a.pdf:link, #content a.pdf:visited {background: #F4F4F4 url(images/pdf.gif) no-repeat left; border-bottom: 1px dashed #CCC; padding: 10px 10px 10px 40px; width: 85%; display:block;}
#content .businessAssurance { background: #4C2879; padding: 15px 15px 1px 15px; color: #FFF; float: right; width: 600px; margin-left: 30px; margin-bottom: 15px; text-align: right; }
#content .businessAssurance p {font: 110% Arial, Helvetica, sans-serif;}
#content .businessAssurance p a {color: #FFF; font: italic 80% Verdana, Arial, Helvetica, sans-serif;}
#content .clientTitle {float: left; width: 250px; padding: 10px; font-weight: bold; margin-bottom: 1px; clear: left;}
#content .clientDetail {border-left: 270px solid #F2F0F7; padding: 10px; margin-bottom: 1px;}
#content ul.sitemap li {background: url(images/sitemap-arrow.gif) no-repeat left top; padding-left: 20px; line-height: 28px; list-style-type: none; margin: 0;}
#content ul.sitemap ul {margin-bottom: 0;}
#content p.breadcrumb {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #4C2879; margin-bottom: 30px;}
#content p.breadcrumb a:link, #content p.breadcrumb a:visited {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999;}

#content form#contactform {background: #F2F0F7; width: 350px; padding: 10px 10px 0 10px; float: right; margin-left: 30px; position: relative;}
#content form#contactform label {float: left; width: 100px; font-weight: bold;}
#content form#contactform p {margin-bottom: 0;}
#content form#contactform input, textarea {border: 1px solid #666; background: #FFF; margin-left: 120px; width: 200px; position: relative; top: -15px;}
#content form#contactform input.submit {background: #4C2879; color: #FFF; width: 75px; text-align: center; margin-top: 15px;}

.footer {border-top: 1px solid #999; padding-top: 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999; clear: both;}
.footer#homePg {position: relative; top: 15px;}
.footer p.left { float: left; width: 400px; }
.footer p.right { float: right; text-align: right; width: 400px; }
.footer p.right a:link, .footer p.right a:visited {color: #999;}
.footer p.right a:hover {text-decoration: none;}