body {
   font-family: Calibri, Verdana, Arial;
   background-color:black;
}

/* For Google Map */
iframe{
	border: 1px solid #CC0000;	
}

h1 {
	font-size: 250%;
	margin-top: -5px;;
	margin-left: 23px;
    color: #999999;
	line-height: 1.1em;
	margin-bottom: 10px;
}

h1.ourTeam {
	margin-bottom: 0;	
}

h1.black {
	font-size:210%;
	color: #000000;	
}

h2 {
	font-size: 150%;
	margin-left: 23px;
    color: #333333;
}

h2.articleTitle,  h2.staffName {
    font-size: 210%;
	line-height: 1.3em;
}

h2.articleTitle span, h2.staffName span {
	color: #666666;
}

h3 {
	font-size: 112%;
	line-height: 1.3em;
	color: #333333;
	margin-left: 23px;
	margin-bottom: 10px;
}

h3.articlesInPlanningNewsText {
	margin-left: 24px;
}

h3.articleTitle {
	font-size: 210%;
}

h3.projects {
    margin-top: 15px;
}

p {
	font-size: 100%;
	color: #555555;	
	margin-left: 24px;
	line-height: 1.5em;
}

#articleContent {
	margin-left: 24px;
	padding-right: 11px;
}

p.articleText {
	margin-left: 0px;
}

p.aboutUs {
	font-size: 94%;	
}

p.date {
	color: #cc0000;	
	margin-bottom: 0;
	margin-top: 7px;
	font-size: 120%;
}

p.writtenBy.endOfArticle {
	margin-left: 0px;	
}

p.writtenBy span {
	color: #000000;	
	margin-left: 0px;
}

p.qualification {
	font-size: 120%;
	margin-bottom: 7px;
}

p.cvText {
    line-height: 1.5em;
}

p.pdfInfo {
	margin-left: 17px;
	color: #333333;
}

p.contactField {
    color:#000000;
	font-size: 100%;
}

p.contactDetails {
	font-size: 100%;	
	color: #555555;
}

p.contactDetails.black {
	color: #000000;
	font-size: 110%;
}

p.qualificationTextAlignRight {
	text-align:right; 
	position:relative; 
	bottom:18px;	
}

a {
    text-decoration: underline;
    color: #cc0000;
}

a:hover {
    text-decoration: none;
    color: #cc0000;
}

hr {
	color: #cc0000;
	margin: 35px 0px 29px 14px;
	width: 796px;
}

hr.bottom {
	margin-bottom: 4px;
}

h4.expertiseText {
	font-size: 170%;
	font-weight: bold;
	background-color: #e8e8e8;
	color: #999999;
	margin-top: 32px;
	margin-left: 13px;
	padding: 7px 0px 7px 10px;
}

#homeIcon {
	margin-left: 29px;
}

#sitemapWelcomeText {
	position: relative;
	bottom: 2px; 
	margin-left: 2px;
}

td.expertise {
	width: auto;
	padding-right: 2px;
}

/* center wrapper, min max width */
#pagewrapper {
    width: 1024px;
	background-position: right 0px;
	overflow: visible;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
	vertical-align: top;
	position: relative;
	font-size:75%;
}

.innerWrapper {
	width: 967px;	
	margin-left: 27px;
	margin-right: 27px;
}

.innerWrapper.header {
	margin-top: 32px;
	border-bottom: 1px solid #cccccc;
}

.innerWrapper.headerNoBorder {
	margin-top: 32px;
}

.innerWrapper.main {
	width: 978px;
	margin-top: 0;
	margin-right: 0;
}

.innerWrapper.footer {
	height: 94px;
	margin-top: 0;
	margin-right: 0;
	border-top: 1px solid #cc0000;
}

#topWrapper {
	height: 201px;
}

#logoWrapper {
    background: url("../images/bg-logo-left.jpg");
    float: left;
    width: 202px;
    height: 201px;
    margin-top: 1px;
}

img#companyLogo {
    margin-top: 33px;
    margin-left: 40px;
}

#imageWrapper {
    width: 822px;
    height: 201px;
    float: left;
}

#header {
    height: 100px;
	background: url("../images/header-background.png") no-repeat;
	border-top: 1px solid black;          
}

.breadcrumbs {
    margin-top: 10px;
	margin-bottom: 7px;
	margin-left: 15px;
	color:#cc0000;
}

.breadcrumbs a {
    color:#cc0000;
    text-decoration: none;
}

.breadcrumbs span.lastitem { 
   color:#777777;
}

#main {
	background: url("../images/main-background.png");
	padding-bottom: 20px;
}

#leftCol {
	float: left;
	width: 153px;
}

.map {
	height: 294px;
	width: 156px;
	margin-right: 5px;
	position: relative;
    bottom: 10px;
	background-image: url("../images/map-domestic.jpg");	
	display: block;
}

.map:hover {
	background-image: url("../images/map-domestic-hovered.jpg");	
}

.map.international {
	background-image: url("../images/map-international.jpg");	
}

.map.international:hover {
	background-image: url("../images/map-international-hovered.jpg");	
}

.map.locatedRight{
	margin-top: 26px;
}

#rightCol {
	float: left;
	width: 814px;
	margin-top: 19px;
}

#rightColFrontPageOnly {
	float: left;
	width: 814px;
	margin-top: 0;
}

#innerRightCol {
	margin-left: 4px;	
}

.contentLeftSection {
	float: left;
    width: 48em;
}

.contentLeftSection.downloadsPage {
	width: 430px;
}

.contentRightSection {
	float: right;
    width: 224px;
	margin-bottom: 14px;
}

.contentRightSection.welcomePage {
	width: 373px;
    text-align: left;
}

.contentRightSection.leftBorder {
    width: 331px;
    text-align: left;
	border-left: 1px solid #cc0000;
}

.contentRightSection img.insideArticle {
	margin-left: 32px;
    text-align: left;
}

.contentRightSection a.insideArticle {
	margin-left: 32px;
    text-align: left;
	padding-bottom: 10px;
	text-decoration:underline;
	color: #cc0000;
}

#articleContent {
	color: #696969;	
}

.customUl {
	margin-top: 10px;	
	margin-bottom: 10px;
}

.customUl li {
	margin-top: 10px;
	margin-left: 59px;
	list-style-image: url("../images/article-bullet-point.png");
    line-height: 1.7em;
    color: #555555;
}

.customUl.article li {
	margin-left: 24px;
}

.linkIconWrapper {
	width:789px; 
}

.linkIconWrapper.alignRight {
	text-align:right;
}

.linkIconWrapper.alignLeft {
	margin-left: 24px;
}

.linkIconWrapper img {
	position: relative;
	top: 4px;
	margin-right: 4px;
}

a.linkText {
	color: #cc0000;	
}

a.linkText.rightMargin {
	margin-right: 22px;
}

#footer {
	height: 94px;
	margin-bottom: 20px;
	font-size: 90%;
	background: url("../images/footer-background.png") no-repeat;
	text-align: center;
}

#footer p.companyInfo {
	color: #666666;
	margin-top: 14px;
	font-size: 110%;
	margin-left: 0;
}

#footer p.copyright {
	font-size: 120%;
	color: #999999;
	margin-left: 0;
}

#footer a {
	color: #999999;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

.redPipe {
	color: #CC0000;
}

/*****************
The following styles are only applied to Pages named: Downloads_<name>
******************/
.downloadsWrapper {
	width: auto;
    margin-left: 24px;	
}

.downloadsWrapper .firstRow {
	border-top:2px solid #cc0000; 
	padding-top:4px; 
	padding-bottom:4px;
}

p.insideTableLeft {
	float:left; 
	width:155px;
}

.downloadsWrapper .secondRow {
	border-top:1px dotted #6e6e6e; 
	border-bottom:1px dotted #6e6e6e; 
	padding-top:4px; 
	padding-bottom:4px;
}

.downloadsWrapper .thirdRow {
	padding-top:4px; 
	padding-bottom:4px;
}

/*****************
The following styles are only applied to Global Content Block named: GlobalFunction_DisplayMemberPhoto
******************/
.rightArea {
	float: right;
	width: 373px;
	margin-bottom: 14px;
        text-align: right;
}

.rightArea.leftBorder {
	border-left: 1px solid #cc0000;
}

.rightArea img.insideArticle {
	margin-left: 32px;
}

.rightArea a.insideArticle {
	margin-left: 32px;
	padding-bottom: 10px;
	text-decoration:underline;
	color: #cc0000;
}

/*****************
The following styles are only applied to Global Content Block named: RCC_<pagename>
RCC stands for Right Column Content
******************/
.contentRightSection .container {
     border-style: solid;
	 border-color: #999999;
	 border-width: 15px 15px 15px 15px;
     text-align: center;
}

.contentRightSection .container img {
     margin-top: 15px;
     margin-bottom: 15px;
}

p.rightColumnContent {
     background-color: #999999;
     margin-left: 0px;
     color: #FFFFFF;
     font-size: 140%; 
	 font-weight: bold;
     padding-bottom: 15px;       
}

p.rightColumnContent a {
     color: #cc0000;     
}

p.rightColumnContent.projectsPage {
     text-align: left;   
	 font-weight: normal;
}

p.rightColumnContent.projectsPage.smallerFontSize {
     font-size: 100%;  
}

/*****************
The following styles are only applied to table
******************/
table.downloadTable {
     margin-left:15px;
     margin-top:13px;
}

table.expertiseTable {
	margin-left: 13px; 
	margin-top: 2px;
	margin-bottom: 10px;
}

/********************
VERTICAL MENU
*********************/
.verticalSubnav {
     margin-bottom: 26px;
     margin-top: 19px
}

.verticalSubnav.frontPageOnly {
     margin-top: 0;
}

.verticalSubnav ul {
     list-style: none;
}

.verticalSubnav ul li {
     list-style: none;
}

.verticalSubnav li a.subnav {
	text-decoration: none;
	margin-top: 2px;
	background-image: url("../images/subnav-left.jpg");	
	width: 149px;
	min-height: 20px;
	display: block;
	color: #777777;
}	

.verticalSubnav li a.selected {
	text-decoration: none;
	margin-top: 2px;
	background:  url("../images/subnav-left.jpg") -149px 0;	
	width: 149px;
	min-height: 20px;
	display: block;
	color: #474739;
}	

.verticalSubnav li a.subnav:hover {
	background:  url("../images/subnav-left.jpg") -149px 0;
	width: 149px;
	min-height: 20px;
	display: block;
	color: #474739;
}

.verticalSubnav li a.subnav span {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

.verticalSubnav li a.subnav.hidden {
	background-color: #dbdbdb;
	background-image: none;
	margin-top: 0px;
}

.verticalSubnav li a.subnav.hidden.selected {
	background:  url("../images/subnav-left.jpg") -149px 0;
}

.verticalSubnav li a.subnav.hidden:hover {
	background:  url("../images/subnav-left.jpg") -149px 0;
}

.verticalSubnav.expertise {
    margin-top: 0px;
    margin-bottom: 0px;
}

.verticalSubnav.expertise li a.subnav {
	background-image: url("../images/subnav-bottom.jpg");
	width: 264px;
	min-height: 26px;
	color: #cc0000;
}

.verticalSubnav.expertise li a.subnav:hover {
	background:  url("../images/subnav-bottom.jpg") -264px 0;
	min-height: 26px;
	width: 264px;
	color: #474739;
}

.verticalSubnav.expertise li a.subnav span {
	margin-left: 11px;
	margin-right: 11px;
}

/********************
HORIZONTAL GLOBAL MENU
*********************/
#globalNav  {
   float:left;
   line-height:normal;
}

#globalNav  ul {
   margin:0;
	padding-top:10px;
	list-style:none;
}

#globalNav  li {
   display:inline;
	padding:0;
}

#globalNav a {
   float:left;
	background:url("../images/globalNav-tab-left.jpg") no-repeat left top;
	margin:0;
	text-decoration:none;
}

#globalNav a span {
	float:left;
	display:block;
	background:url("../images/globalNav-tab-right.jpg") no-repeat right top;
	padding:6px 20px 6px 15px;
	color:#666;
	margin-right: 2px;
}

#globalNav #current {
  	background-position:0% -27px;
}
  
#globalNav #current span {
  	background-position:100% -27px;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#globalNav a span {float:none;}
/* End IE5-Mac hack */
#globalNav a:hover span {
  	color:#6a6a6a;
}
  
#globalNav a:hover {
  	background-position:0% -27px;
}
  
#globalNav a:hover span {
  	background-position:100% -27px;
}

/* CONTACT MAP STYLES */
.mapLeftSection{
	width: 42%;	
	padding-right: 10px;
	float: left;
}

.mapRightSection{
	width: 56%;
	float:left;
}