/* Global Styles */
* { margin: 0 0 0 0; padding: 0 0 0 0; }
body { background-color:Black; }
div.container { width: 974px; margin: 0 auto 0 auto; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top:0px solid #C2272D; background-color: White;padding-top:8px;background-image:url(/images/header.png);background-position:top left;background-repeat:no-repeat;}

img { border: none; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #666666; margin-bottom: 15px; text-align: left; }
h1 { font-family: Georgia, "Times New Roman" ,Times,serif; font-size: 24px; font-weight: normal; color: #C2272D; margin-bottom: 10px; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; font-weight: bold; color: #666666; margin-bottom: 10px; margin-top: 20px;}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; font-weight: bold; color: #666666; margin-bottom: 10px; margin-top: 20px;}
.error {border:1px solid Red;}

a { color: #C2272D; text-decoration: none; }
a.selected { color: #C2272D; text-decoration: none; }
a:hover { color: #C2272D; text-decoration:underline; }

/* Primary Nav */
div.primary {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #bbbbbb; height: 80px;}
div.primary ul {clear: right;list-style: none; float: right; padding-top: 26px;width:650px;}
div.primary ul li { height: 14px; float:right; padding-right: 12px; padding-left: 15px; }
div.primary a:hover {border-bottom-color:#CCCCCC; color: #000000; border-bottom-style: solid; border-bottom-width: 4px; padding-bottom: 5px;text-decoration:none;}
div.primary li a { text-transform: uppercase; color: #000000; }
div.primary li a.selected { border-bottom-color: #C2272D; color: #000000; border-bottom-style: solid; border-bottom-width: 4px; padding-bottom: 5px; }
div.primary li a.selectedOrange { border-bottom-color: #F57921; color: #000000; border-bottom-style: solid; border-bottom-width: 4px; padding-bottom: 5px; }
div.primary li a.selectedYellow { border-bottom-color: #FFC20F; color: #000000; border-bottom-style: solid; border-bottom-width: 4px; padding-bottom: 5px; }
div.primary li a.selectedBlue { border-bottom-color: #53B7E8; color: #000000; border-bottom-style: solid; border-bottom-width: 4px; padding-bottom: 5px; }
div.primary img { float: left; }
div.extranetlogin { font-size: 10px; letter-spacing: -1px; float: right; padding: 12px 12px 12px 13px; }

/* breadcrumb */
div.breadcrumbcontainer { width: 950px; height: 21px; background-color: #e5e5e5; margin-left: 12px; margin-top: 12px; margin-bottom: 12px; }
div.breadcrumbcontainer a {color:#666666;}
div.breadcrumbcontainer p { padding-left: 5px; padding-top: 5px; font-size: 10px; letter-spacing: -1px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; color: #666666; margin-bottom: 0px; text-align: left; color: #666666; float: left; }
div.breadcrumbcontainer ul { list-style: none; float: left; padding-top: 5px; padding-left: 5px; }
div.breadcrumbcontainer li { list-style: none; padding-left: 3px; padding-right: 0px; font-size: 10px; letter-spacing: -1px; font-family: Verdana, Arial, Helvetica, sans-serif; float: left; }

/* main carousel */
div.maincarouselcontainer { margin: 12px 12px 12px 12px; height: 219px;overflow:hidden;}
div.maincarouselnavigation { width: 948px; height: 21px; background-color: #e5e5e5; margin-left: 12px; margin-top: 12px; margin-bottom: 12px; text-align: center; }

/* homecontent */

div.homecontentcontainer { width: 948px; margin: 12px 12px 12px 12px; }
div.homecontentlefthandcontainer { width: 720px; height: 290px; border-right: solid 1px #cccccc; float: left; margin-bottom: 12px; }
div.homecontentlefthandcolumn { font-family: Georgia, "Times New Roman" ,Times,serif; font-size: 18px; line-height: 27px; color: #333333; border-bottom: solid 1px #cccccc; margin-right: 12px; padding-bottom: 12px; }
div.homecontentrighthandcolumn { width: 210px; float: right; font-family: Verdana,Arial,sans-serif; height: 270px; }

div.threecolumns { margin-top: 24px; width: 235px; float: left; }
div.threecolumns a {color:#666666;}
div.threecolumns h2 { font-family: Georgia, "Times New Roman" ,Times,serif; font-size: 18px; color: #C2272D; margin-bottom: 15px; margin-top: 5px; font-weight: normal; }

div.threecolumns ul { list-style: none; }
div.threecolumns ul li { list-style: none; font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 19px; }

/* homecontent - clients carousel*/
div.clientscarousel { border-top: solid 1px #cccccc;clear:both;margin-left:10px;padding-top:10px;margin-right:10px;padding-bottom:10px;}
div.clientscarousel ul { margin: 12px 0px 0px 12px; float: left; list-style: none; }
div.clientscarousel ul li { margin-right: 12px; float: left; }

/*  latestnews*/
div.latestnews { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 14px; color: #C2272D;border-bottom:1px solid #CCCCCC;padding-bottom:15px;margin-bottom:10px;}
div.latestnews img { margin-left: 5px; vertical-align: bottom; }
div.latestnews h4 { font-family: Verdana,Arial,sans-serif; font-size: 13px; font-style: normal; letter-spacing: -1px; color: #333333; }
div.latestnews ul { margin-top: 5px; }
div.latestnews ul li { margin-top: 8px; list-style: none; line-height: 14px; }

/*  newsletter-sign-up*/
div.newslettersignup { margin-top: 8px;}
div.newslettersignup h4 { font-family: Verdana,Arial,sans-serif; font-size: 12px; letter-spacing: -1px; color: #333333; margin-top: 36px; }
div.newslettersignup p { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 16px; color: #333333; margin-top: 5px; }
div.newslettersignup input.textbox { width: 200px; height: 20px; border-width: 1px; border-style: solid; border-color: #dddddd; font-family: Verdana,Arial,sans-serif; font-size: 11px; color: #888888; margin-bottom: 5px; padding-top: 3px; padding-left: 3px; }
div.newslettersignup input.newslettersubmit { width: 205px; height: 25px; border-width: 1px; border-style: solid; border-color: #dddddd; font-family: Verdana,Arial,sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #888888; letter-spacing: 1px; padding-bottom: 2px; }

/*  footer*/
div.footercontainer { width: 974px; margin: 0 auto 0 auto; font-family: Verdana,Arial,sans-serif; font-size: 10px; line-height: 15px; color:White; margin-top: 10px; padding-bottom: 20px; letter-spacing: -1px; clear:both;}
div.footercontainer a {color:White;}
div.footerlefthandcolumn { float: left; width: 400px; }
div.footerlefthandcolumn ul { list-style: none; float: left; }
div.footerlefthandcolumn li { list-style: none; float: left; padding-right: 15px; }
div.footerrighthandcolumn { width: 300px; float: right; text-align: right; color:White;}

/* site Map two col layout */
div.columnonewide {border-right: solid 1px #cccccc; padding-right: 20px; margin-left:10px; min-height: 400px;width:680px;}
div.columnonewide ul { margin-left: 30px; margin-bottom: 15px; }
div.columnonewide li { list-style: bullet; color: #666666; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 21px; margin-bottom: 7px;}

/*  3 columns layout - services/case studies*/
div.threecolcontentcontainer { width: 948px; margin: 12px 12px 12px 12px; display: block; clear: left; }
div.columnone h4 { font-family: Georgia, "Times New Roman" ,Times,serif; font-size: 17px; font-weight: normal; color: #C2272D; }

div.threecolcontentcontainer h1 { font-family: Georgia, "Times New Roman" ,Times,serif; font-size: 23px; color: #C2272D; margin-bottom: 15px; }
div.columnone { width: 235px; float: left; }
div.columntwo { width: 450px; border-right: solid 1px #cccccc; padding-right: 20px; margin-left: 250px; min-height: 400px; }
div.columntwo img { margin-right: 10px; }
div.columntwo a { text-decoration: underline; }
div.columntwo ul { margin-left: 30px; margin-bottom: 15px; }
div.columntwo li { list-style: bullet; color: #666666; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 21px; margin-bottom: 7px;}
div.columnthree { float: right; width: 210px; }

div.columnthree h5 { color: #333333; font-family: Verdana,Arial,sans-serif; font-size: 13px; letter-spacing: -1px; }
div.columnthree ul { list-style: none; margin-bottom: 20px; margin-top: 5px; }
div.columnthree li { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 20px; }
div.caseimages ul {  list-style: none;}
div.caseimages li {  margin-top: 30px;}

/* secondary colum one nav */
div.columnone ul { list-style: none; margin-bottom: 20px; margin-top: 5px; }
div.columnone ul li { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 20px; }
div.columnone ul li a.selected { font-family: Verdana,Arial,sans-serif; font-size: 11px; font-weight: bold; line-height: 20px; }

/* tersary nav col one */
div.columnone ul li ul { margin-bottom: 10px; margin-left: 20px; }
div.columnone ul li ul li { list-style-type: circle; }
div.columnone ul li ul li a.selected { list-style-type: circle; }

/*  talk to us user control*/
div.talktous { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 14px; color: #C2272D; border-bottom: solid 1px #e5e5e5 }
div.talktous h4 { color: #333333; font-family: Verdana,Arial,sans-serif; font-size: 13px; letter-spacing: -1px; margin-bottom: 5px; }
div.talktous p { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 17px; color: #333333; }

/*  case studies*/
div.bannercontainer { margin: 12px 12px 12px 12px; height: 219px; }
div.bannercontainerbottombar { width: 948px; height: 21px; background-color: #e5e5e5; margin-left: 12px; margin-top: 12px; margin-bottom: 12px; text-align: center; }
div.casestudyteasercontainer ul {margin-left:0;list-style:none;}
div.casestudyteasercontainer li { height: 132px; border: solid 1px #E5E5E5; margin-bottom: 12px;}
div.casestudyteasercontainer li img { margin: 12px; float: left; }
div.casestudyteasercontainer li h2 { font-family: Verdana,Arial,sans-serif; font-size: 16px; font-weight: normal; color: #C2272D; margin-top: 12px; letter-spacing: -1px; }
div.casestudyteasercontainer h3 { font-family: Verdana,Arial,sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; color: #888888; margin-bottom: 10px; margin-right: 5px;}
div.casestudyteasercontainer p { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 15px; color: #333333; }
div.columntwocasestudies { border-right: 1px solid #CCCCCC; margin-left: 250px; min-height: 400px; padding-right: 20px; width: 450px; }
div.casestudyteasercontainer a { text-decoration:none; }
div.columntwocasestudies h2 { font-family: Verdana,Arial,sans-serif; font-size: 12px; line-height: 17px; color: #666666; margin-bottom: 10px; }
div.columntwocasestudies h3 { font-family: Verdana,Arial,sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; color: #888888;}
div.columntwocasestudies ul { margin-left: 30px; margin-bottom: 15px;  }
div.columntwocasestudies li { list-style: bullet; color: #666666; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 21px; margin-bottom: 7px;}
div.columntwocasestudies  a { text-decoration: underline; }


/*  clients*/
div.slideshow {margin-bottom:10px;}
div.slideshow img {border:1px solid #CCCCCC;margin-left:10px;}
div.clientscontainer { width: 950px; margin: 12px 12px 12px 12px; }
div.clientscontainerleftcol { width: 450px; }
ul.clientslist2col { list-style: none; height: 275px; width: 460px; margin-bottom: 60px;margin-right:15px;}
div.clientscontainerleftcol ul { font-family: Verdana,Arial,sans-serif; font-size: 11px;  padding-bottom: 20px; border-bottom: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px;}
ul.clientswehaveworkedlist2col {height:110px;}
div.clientscontainerleftcol li { margin-left: 12px; list-style: bullet; line-height: 20px;color:#666666;}
ul.clientslist2col li { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 20px; width: 220px; float: left; color: #666666; margin-left:0px; }
div.clientscontainerrightcol { width: 480px; float: right; }
div.clientscontainerrightcol ul { list-style: none; }
div.clientscontainerrightcol li { margin-left: 12px; float: left; margin-bottom: 8px; }
h2.clientslist2col { margin-top: 20px; }
h3.clientslist2col { margin-top: 20px; font-family: Verdana,Arial,sans-serif; font-size: 11px; color: #666666;}
ul.clientswehaveworkedlist2col { list-style: none; width: 480px; border: none; }
ul.clientswehaveworkedlist2col li { font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 20px; width: 220px; float: left; color: #666666; margin-left:0px; border-bottom: none;}
div.clientscontainerrightcol ul li.mainimage { border: 1px; border-color: #cccccc; border-style: solid; height: 346px; }
div.clientscontainerrightcol ul li.thumbs { border: 1px; border-color: #cccccc; border-style: solid; height: 106px; }
div.backtoclients { margin-top: 30px; }
div.clientcalltoaction { color: #333333; font-family: Verdana,Arial,sans-serif; font-size: 13px;  margin-bottom: 5px; margin-left: 10px;}
ul.relavantcasestudies li { list-style: none; border-style: none; margin-left: 0px;}

/* Contact Page */
div.vcard {margin-top:20px;font-family:Verdana;line-height:22px;font-size:12px;}

/* News Items */
div.newsitem {font-family:Verdana;font-size:12px;}

/* paging */
div.pagination {margin-top: 15px; margin-bottom: 15px; margin-right: 0; text-align:left;display:block;margin-left:0px;}
div.pagination ul.pagecontrol {margin:0 0 0 10px;padding:0 0 0 0;}
div.pagination ul.pagecontrol li, ul.pagecontrol ul, ul.pagecontrol ul li { display: inline; }
div.pagination ul.pagecontrol li {padding-right:2px;margin-left:0px;margin-right:0px;}
div.pagination ul.pagecontrol li.pagelist ul {margin:0 0 0 0;padding:0 0 0 0;}
div.pagination ul.pagecontrol li.pagelist {padding-right: 0pt;}

div.pagination ul.pagecontrol a {background-color:White;border: 1px solid #CCCCCC; padding: 3px 5px; text-decoration: none;font-family:Verdana;font-size:10px;color:#4A414E;}
div.pagination ul.pagecontrol a:hover {border: 1px solid #808080; color: #808080; }
div.pagination ul.pagecontrol li.button-active a {background-color:#F5F5F5;border: 1px solid #808080; color: #808080; }
div.pagination ul.pagecontrol li.button-previous { padding-right: 6px; }
div.pagination ul.pagecontrol li.button-next { padding-left: 3px; }
div.pagination li.pagelist ul li {background-color:White}

/* Social bookmarks */
div.bookmarks {font-family:Verdana;padding-bottom:10px;font-size:12px;margin-top:10px;}

/* Social Media */
div.media {margin-top:10px;}
div.media h4 {margin-bottom:5px;}
div.media img {margin:0 5px 0 0;}

/* Enviromental Partners */
div.environment {}
div.environment h4 { font-family: Verdana,Arial,sans-serif; font-size: 13px; font-style: normal; letter-spacing: -1px; color: #333333;margin-bottom:5px;}

/* Forum*/
div.form {padding-top:15px;padding-bottom:20px;}
div.form label {float:left;font-family:Arial;font-size:13px;width:180px;color:#666666;}
div.form input {font-family:Arial;font-size:14px;width:220px;display:inline;padding:4px;margin-bottom:8px;color:#666666;margin-top:-3px;}
div.form input.button {width:120px;margin-left:180px;padding:2px;font-size:12px;text-transform:uppercase;}