/* Customised Styling */ .table {font-size: 10px;} body.solutions #header {background: #6D273E;} body.solutions #header h1 {background-image: url(../images/interface/ebx_solutions.gif);} body.solutions #header ul {border-top: 1px solid #8A5265;} body.solutions #header ul li {border-left: 1px solid #8A5265;} body.solutions a.company {background-image: url(../images/nav/solutions/company.gif);} body.solutions a.products {background-image: url(../images/nav/solutions/products.gif);} body.solutions a.solutions {background-image: url(../images/nav/solutions/solutions.gif);} body.solutions a.work {background-image: url(../images/nav/solutions/work.gif);} body.solutions a.alliances {background-image: url(../images/nav/solutions/alliances.gif);} body.solutions a.knowledge {background-image: url(../images/nav/solutions/knowledge.gif);} body.solutions a.contact {background-image: url(../images/nav/solutions/contact.gif);} body.solutions #intro {background-image: url(../images/interface/bg_intro_solutions.gif);} body.solutions #content .bg {padding-bottom: 70px; background-image: url(../images/interface/bg_bottom_solutions.gif);} body.solutions #content .lhs.section {border-color: #7A3A4F;} body.solutions #content .lhs.section h5 {background-image: url(../images/interface/title_section_solutions.gif);} body.solutions h2 {color: #6D273E;} body.products #header {background: #577E7C;} body.products #header h1 {background-image: url(../images/interface/ebx_products.gif);} body.products #header ul {border-top: 1px solid #799896;} body.products #header ul li {border-left: 1px solid #799896;} body.products a.company {background-image: url(../images/nav/products/company.gif);} body.products a.products {background-image: url(../images/nav/products/products.gif);} body.products a.solutions {background-image: url(../images/nav/products/solutions.gif);} body.products a.work {background-image: url(../images/nav/products/work.gif);} body.products a.alliances {background-image: url(../images/nav/products/alliances.gif);} body.products a.knowledge {background-image: url(../images/nav/products/knowledge.gif);} body.products a.contact {background-image: url(../images/nav/products/contact.gif);} body.products #intro {background-image: url(../images/interface/bg_intro_products.gif);} body.products #content .bg {padding-bottom: 77px; background-image: url(../images/interface/bg_bottom_products.gif);} body.products #content .lhs.section {border-color: #759E9B;} body.products #content .lhs.section h5 {background-image: url(../images/interface/title_section_products.gif);} body.products h2 {color: #577E7C;} body.work #header {background: #467158;} body.work #header h1 {background-image: url(../images/interface/ebx_work.gif);} body.work #header ul {border-top: 1px solid #6B8D79;} body.work #header ul li {border-left: 1px solid #6B8D79;} body.work a.company {background-image: url(../images/nav/work/company.gif);} body.work a.products {background-image: url(../images/nav/work/products.gif);} body.work a.solutions {background-image: url(../images/nav/work/solutions.gif);} body.work a.work {background-image: url(../images/nav/work/work.gif);} body.work a.alliances {background-image: url(../images/nav/work/alliances.gif);} body.work a.knowledge {background-image: url(../images/nav/work/knowledge.gif);} body.work a.contact {background-image: url(../images/nav/work/contact.gif);} body.work #intro {background-image: url(../images/interface/bg_intro_work.gif);} body.work #content .bg {padding-bottom: 77px; background-image: url(../images/interface/bg_bottom_work.gif);} body.work #content .lhs.section {border-color: #587F68;} body.work #content .lhs.section h5 {background-image: url(../images/interface/title_section_work.gif);} body.work h2 {color: #467158;} body.alliances #header {background: #935B39;} body.alliances #header h1 {background-image: url(../images/interface/ebx_alliances.gif);} body.alliances #header ul {border-top: 1px solid #A97C61;} body.alliances #header ul li {border-left: 1px solid #A97C61;} body.alliances a.company {background-image: url(../images/nav/alliances/company.gif);} body.alliances a.products {background-image: url(../images/nav/alliances/products.gif);} body.alliances a.solutions {background-image: url(../images/nav/alliances/solutions.gif);} body.alliances a.work {background-image: url(../images/nav/alliances/work.gif);} body.alliances a.alliances {background-image: url(../images/nav/alliances/alliances.gif);} body.alliances a.knowledge {background-image: url(../images/nav/alliances/knowledge.gif);} body.alliances a.contact {background-image: url(../images/nav/alliances/contact.gif);} body.alliances #intro {background-image: url(../images/interface/bg_intro_alliances.jpg);} body.alliances #content .bg {padding-bottom: 77px; background-image: url(../images/interface/bg_bottom_alliances.gif);} body.alliances #content .lhs.section {border-color: #9E6B4C;} body.alliances #content .lhs.section h5 {background-image: url(../images/interface/title_section_alliances.gif);} body.knowledge #header {background: #64607D;} body.knowledge #header h1 {background-image: url(../images/interface/ebx_knowledge.gif);} body.knowledge #header ul {border-top: 1px solid #838097;} body.knowledge #header ul li {border-left: 1px solid #838097;} body.knowledge a.company {background-image: url(../images/nav/knowledge/company.gif);} body.knowledge a.products {background-image: url(../images/nav/knowledge/products.gif);} body.knowledge a.solutions {background-image: url(../images/nav/knowledge/solutions.gif);} body.knowledge a.work {background-image: url(../images/nav/knowledge/work.gif);} body.knowledge a.alliances {background-image: url(../images/nav/knowledge/alliances.gif);} body.knowledge a.knowledge {background-image: url(../images/nav/knowledge/knowledge.gif);} body.knowledge a.contact {background-image: url(../images/nav/knowledge/contact.gif);} body.knowledge #intro {background-image: url(../images/interface/bg_intro_knowledge.gif);} body.knowledge #content .bg {padding-bottom: 70px; background-image: url(../images/interface/bg_bottom_solutions.gif);} body.knowledge #content .lhs.section {border-color: #73708A;} body.knowledge #content .lhs.section h5 {background-image: url(../images/interface/title_section_knowledge.gif);} body.knowledge h2 {color: #64607D;} body.company #header {background: #727836;} body.company #header h1 {background-image: url(../images/interface/ebx_company.gif);} body.company #header ul {border-top: 1px solid #8E935E;} body.company #header ul li {border-left: 1px solid #8E935E;} body.company a.company {background-image: url(../images/nav/company/company.gif);} body.company a.products {background-image: url(../images/nav/company/products.gif);} body.company a.solutions {background-image: url(../images/nav/company/solutions.gif);} body.company a.work {background-image: url(../images/nav/company/work.gif);} body.company a.alliances {background-image: url(../images/nav/company/alliances.gif);} body.company a.knowledge {background-image: url(../images/nav/company/knowledge.gif);} body.company a.contact {background-image: url(../images/nav/company/contact.gif);} body.company #intro {background-image: url(../images/interface/bg_intro_company.jpg);} body.company #content .bg {padding-bottom: 77px; background-image: url(../images/interface/bg_bottom_alliances.gif);} body.company #content .lhs.section {border-color: #878D47;} body.company #content .lhs.section h5 {background-image: url(../images/interface/title_section_company.gif);} body.company h2 {color: #727836;} body.homecol #header {background: #00517E;} body.homecol #header h1 {background-image: url(../images/interface/ebx_home.gif);} body.homecol #header ul {border-top: 1px solid #337498;} body.homecol #header ul li {border-left: 1px solid #337498;} body.homecol #content .bg {padding-bottom: 77px; background-image: url(../images/interface/bg_bottom_alliances.gif);} body.homecol a.company {background-image: url(../images/nav/home/company.gif);} body.homecol a.products {background-image: url(../images/nav/home/products.gif);} body.homecol a.solutions {background-image: url(../images/nav/home/solutions.gif);} body.homecol a.work {background-image: url(../images/nav/home/work.gif);} body.homecol a.alliances {background-image: url(../images/nav/home/alliances.gif);} body.homecol a.knowledge {background-image: url(../images/nav/home/knowledge.gif);} body.homecol a.contact {background-image: url(../images/nav/home/contact.gif);} body.homecol.contact a.contact {background-image: url(../images/nav/home/contact_highlighted.gif)} body.homecol h2 {color:#73726A;} html, body {border:0; padding:0; margin:0; background: #ECEEDB; font-family: verdana, arial, sans-serif;} * html {font-size: 0;} form {border:0; padding:0; margin:0;} ul, ol {padding:0; margin:0; } .skipnav, .invisanchor{display:block; height:0; width:0; margin:0; padding:0; overflow:hidden; visibility: collapse;} img {border:none;} #pagetop { width: 814px; margin: -2px auto 0 auto;; background: url(../images/interface/bg_pagetop.gif) top left no-repeat;} #pagebottom {float:left; clear:both; width: 814px; padding-bottom: 8px; background: url(../images/interface/bg_pagebottom.gif) bottom left no-repeat;} #main {float:left; margin-top: 8px; clear:both; width: 794px; padding: 0 10px; background: url(../images/interface/bg_pageborder.gif) top left repeat-y;} #logo {position: absolute; margin-left: 9px; margin-top: -28px; width: 77px; height: 103px; } /* is there a firefox fix? */ #logo img { z-index: 100;} #topnav {font-weight: bold; color: #016196; width: 794px; margin:0 auto; padding:9px 0 0 0; height: 13px; text-align:right; font-size: 10px;} #topnav a {text-decoration:none; font-weight: bold; color: #016196;} #topnav a:hover {text-decoration: underline;} #header {width: 794px; height: 86px;} #header h1 {margin:0; float:right; padding-top: 58px; width: 302px; background-repeat: no-repeat; background-position: top left; overflow: hidden;/*WIN IE5 Hack*/ height: 58px; voice-family: "\"}\""; voice-family:inherit; height: 0;} /*headshots - 8.8.2006 by cg */ .headshot { border: 1px solid #BEC0B3; margin: 0px 12px 4px 0px;} /* Navigation */ #header ul { float:left; margin:0 -1px 0 0; padding:0 0 0 133px; width: 661px; height: 27px; list-style: none; display:block; } #header ul li {float:left;} #header ul li, #header ul li a {display:block; margin:0; padding:0;} #header ul li a {padding-top: 27px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; height: 27px;voice-family: "\"}\""; voice-family:inherit; height: 0;} #header ul li a:hover {background-position: 0 -27px;} #header ul a.company {width: 69px;} #header ul a.products {width: 139px;} #header ul a.solutions {width: 81px;} #header ul a.work, #header ul a.alliances {width: 77px;} #header ul a.knowledge {width: 127px;} #header ul a.contact {width: 84px;} /* Intro Style */ #intro {width: 794px; height: 146px; background-repeat: no-repeat;} #intro h2 {display:none;} #intro p {padding: 70px 170px 0 40px; margin:0; font-size: 11px; line-height: 18px;} /* Content */ .subpage #content {margin-top: 20px;} * html .subpage #content {margin-top: 18px;} .subpage .pagetop{ border-top: 2px solid #D1D5C2; margin: -13px -15px 0 -15px; padding-bottom: 15px;} #content {float:left; clear:both; width: 794px; background: url(../images/interface/bg_contentborder.gif) top left repeat-y;} /* bottom graphic */ #content .bg {float:left; clear:both; width: 734px; padding: 13px 30px; background-repeat: no-repeat; background-position: bottom left;} #content .rhs {float:right; width: 525px; padding-top: 17px;} #content .lhs {float:left; clear:left; } /* Left Hand Side Styles*/ #content .lhs.section {width: 174px; border: 2px solid #CCC; margin-bottom: 13px;} #content .lhs.section h5 {margin:0; padding-top: 17px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; height: 17px; voice-family: "\"}\""; voice-family:inherit; height: 0;} #content .lhs.section * {display:block; margin:0;} #content .lhs.section ul {padding:0 8px; list-style:none; font-size: 9px;} #content .lhs.section ul li {padding: 6px 0; background: url(../images/interface/bg_hrdotted.gif) bottom left repeat-x;} #content .lhs.section ul li a {font-weight: normal;} #content .lhs.section ul li.last {background:none; margin-bottom:3px;} #content .info {width: 178px; margin-bottom: 5px; background:#E6E9DF; } #content .info.bordered {width: 174px; border: 2px solid #BEC0B3; margin-left: 20px; background: #FFF;} #content .info h5 {margin:0; padding-top: 19px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; height: 19px; voice-family: "\"}\""; voice-family:inherit; height: 0;} #content h5.emailupdates {background-image: url(../images/interface/title_emailupdates.gif)} #content h5.marketreport {background-image: url(../images/interface/title_marketreport.gif)} #content h5.relatedlinks {background-image: url(../images/interface/title_relatedlinks.gif)} #content h5.carolinaheelsplitter { background-image: url(../images/interface/title_credit_sales.gif); padding-left: 5px; } #content h5.municipalities { background-image: url(../images/interface/title_municipalities.gif); padding-left: 5px; } #content div.hr {display:block; height: 1px; margin: 4px 10px; border:none; background: url(../images/interface/bg_hrdotted.gif) top left repeat-x;} #content .rhs div.hr {float:left; clear:both; width: 525px; margin:4px 0;} /* html #content .lhs hr {margin:0 5px;}*/ #content .lhs p {padding:4px 10px; margin:0 !important;} #content .lhs form p {padding:4px 10px;} #content .lhs input {width: 158px; margin:0; font-size: 11px; font-family: verdana, arial, sans-serif; color: #545351;} * html #content .lhs input {width: 153px;} /*Home Page Styles */ body.home div.info {float:right; clear:right; width: 193px !important; margin-right: 0 !important;} * html body.home div.info {margin-right: -3px !important;} body.home div.info p {padding: 0 10px; font-size: 9px !important;} body.home #content h5 {width: 193px;} body.home #content {width: 764px; padding: 15px; background:none;} #content h5.featuredproject {background-image: url(../images/interface/title_featuredproject.gif);} #content h5.getanswers {background-image: url(../images/interface/title_getanswers.gif);} #content h5.highlights {background-image: url(../images/interface/title_highlights.gif);} body.home .maincontent {float:left;} body.home #flash {width: 556px; height: 260px; margin-bottom: 5px;} body.home div.overview {float:left; clear:both; width: 552px; border: 2px solid #D1D5C2; font-size: 0;} body.home div.overview p {padding:0 16px; font-size: 10px; line-height: 14px; margin:0;} body.home div.overview p strong {font-size: 11px;} body.home div.overview div {float:left !important; margin:0; width: 275px; border-top:2px solid #D1D5C2;} body.home div.overview div.left {border-right:2px; clear:left;border-right:2px solid #D1D5C2;} * html body.home div.overview div.left {margin-right: -12px; margin-bottom:-30px; } body.home div.overview div.right{border-left: 2px solid #d1D5C2;clear:right; margin-left:-2px;} body.home div.overview h3 {margin:0; padding-top: 30px; width: 275px; background-repeat:no-repeat; overflow: hidden; height: 30px; voice-family: "\"}\""; voice-family:inherit; height: 0;} body.home div.overview h3.solutions {background-image: url(../images/interface/title_solutionstailored.gif);} body.home div.overview h3.whatoffer {background-image: url(../images/interface/title_whatweoffer.gif);} /* Contact Page Styles */ div.contact {float:right; width: 245px; background: #E6E9DF;} div.contact p {width: 226px; padding: 9px; border-bottom: 3px solid #FFF; margin:0 !important;} div.contact ul {list-style:none; width: 205px; padding: 0 20px;} div.contact ul li {display:block; height: 22px; background: url(../images/interface/bg_hrdotted.gif) top left repeat-x;} div.contact ul li a {display:block; height: 19px; padding-top: 3px;} div.addresses {width: 251px; float:left;} div.addresses h3, div.addresses p {padding-left: 10px;} div.addresses div.hr {width: 251px !important;} fieldset {border:none;} label {width: 100px; float:left; clear:both; margin-bottom: 10px; white-space: nowrap; font-size: 11px;} label input, label select {float:left; clear:both; } input.submit {float:left; clear:both;} /* Contact Us Page*/ form.contactform {padding-top: 30px; } * html form.contactform {float:left; clear:both;} form.contactform label {clear:both; width: 260px; margin:0 0 10px 0; text-align:right; /* padding-top: 4px;*/} form.contactform label input { margin: 0 0 0 5px; clear:none; float:none;} form.contactform label.select {text-align:left; padding-left: 105px; } * html form.contactform label.select {height: 45px;} html>body form.contactform label.select {padding-left: 114px;} form.contactform label.select input {float:none;} form.contactform label select{float:left; clear:both; margin:4px 0 0 0;} /* left and right thumbnail/paragraph styles for products&services, solutions, ourwork & alliances sections*/ #content div.leftimage, #content div.rightimage {float:left; clear:both; width: 525px;} #content div.leftimage p, #content div.leftimage h4 {float:right; width: 375px; text-align: left;} #content div.leftimage img {float:left; clear:left; margin:4px 12px;} #content div.rightimage p, #content div.rightimage h4 {float:left; width: 375px;} #content div.rightimage img {float:right;clear:right; margin:4px 12px;} #content div.leftimage h4, #content div.rightimage h4 {margin-top: 4px;} /* Main Content Styles */ #content p {margin:10px 0; color: #545351; font-size: 10px; line-height: 15px;} #content p.clearl {clear:left;} #content ul, #content ol {margin: 0 0 10px 0; padding: 0 0 0 25px; color: #545351; font-size: 10px;} #content ol {margin: 10px 0;} #content ul li, #content ol li {line-height: 15px;} #content img.copyleft {float:left; margin: 1px 20px 10px 0px;} #content .rhs div.hr {width: 525px; float:left; clear:both !important; margin-bottom: 10px;} #content h2 {text-transform: uppercase; font-size: 20px; font-weight: normal; margin:0; letter-spacing: 0.06em; } #content h3{margin:0; color: #73726A; font-size: 11px; text-transform: uppercase; font-weight: bold; clear:left; } #content h4{margin:0 0 -10px 0; color: #545351; font-size: 11px; font-weight: bold;} #content .right {float:right; clear:right;} #content .info.right, #content img.right {margin: 0 0 10px 10px; } #content a, #content a:link{text-decoration:none; font-weight: bold; color: #016196;} #content a:hover{text-decoration:underline;} #content p.intro {font-size: 12px; /*font-weight: bold;*/} #content blockquote {font-style: italic; padding: 4px 10px 0 10px; margin:0;} #content p.date {width: 100px; float:left; padding-right:0; clear:left;} #content p.news {width: 400px; float:right; padding-left: 0; clear:right;} .clear {clear:both;} ul.linkedlist {list-style: none; padding: 0 16px !important; margin:10px 0;} ul.linkedlist li {list-style:none; margin:0 0 7px 0; padding: 0 0 0 13px; background: url(../images/interface/bg_liarrow.gif) 0 3px no-repeat; color: #016196; line-height: 13px; font-weight: bold;} ul.linkedlist * li {margin-top:2px; padding: 0; background: none; color: #545351; font-weight: normal;} .info ul.linkedlist li {margin: 3px 0;} .info ul.linkedlist li a {font-weight: normal !important;} #footer {width: 784px; height: 50px;margin:0 auto; background: url(../images/interface/bg_footerstar.gif) top right no-repeat; } #footer p{color:#68665F; font-size: 9px; margin:3px 0; float:left; clear:left; white-space: nowrap; } #footer p.footernav {letter-spacing: 2px;} #footer p a, #content li ul a, #content li ul a:link, #content a.grey, #content a:link.grey {color: #68665F; text-decoration:none; letter-spacing: normal; font-weight: normal;} #footer p a:hover, #content li ul a:hover, #content a:hover.grey {text-decoration:underline;} #footer p.siteby {float:right; clear:none; padding-right: 20px;} /* use this class for elements that require clearing*/ /* The clear list */ #pagetop:after, #pagebottom:after, #main:after, #content:after, #content .bg:after, .leftimage img:after, .rightimage img:after, div.hr:after, form.contactform label select:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html #pagetop, * html #pagebottom, * html #main, * html #content, * html #content .bg, * html div.hr, * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* Add any elemenets using image replacement to this declaration Don't forget to add the background-image seperately */ #ex1{ /*Size of the image*/ padding-top: 133px; width: 243px; /*The image*/ background-repeat: no-repeat; /*Hide the text*/ overflow: hidden; /* WIN IE5 hack */ height: 133px; voice-family: "\"}\""; voice-family:inherit; height: 0; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; /* margin: 0; padding: 0; position: relative; float:none; clear:both;*/ } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { /* position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;*/ display:none; } .sIFR-hasFlash h2 { visibility: hidden; /*letter-spacing: -9px;*/ font-size: 18px; height: 22px; margin:0; padding:0; } .new { color: #CC0000; font-weight: bold; }