body {
	color: #696969;
	background-color: #585858;
	font-family: Arial, Helvetica, "MS Sans Serif", sans-serif;
	font-size: 62.5%;
	text-align: left;
   margin: 0;
   padding: 0;

}

h1 {font-size: 3.5em;}  
h1.Content {
   font-size: 2.75em;
   position: relative;
   vertical-align: top;
   padding-top: 0px;
   color: #9c2039;
   width: 653px;
   text-align: left;
} 
h2 {
   font-size: 2.0em;
   position: relative;
   vertical-align: top;
   padding-top: 0px;
   color: #9c2039;
   /*width: 653px;*/
   text-align: left;
}  

h2.contentNews {
   width: 315px;
   top: -15px;
}

a.h2Main {
   font-size: 1.25em;
   position: relative;
   top: -36px;
   left: 450px;
   text-decoration: underline;
}
h3 {font-size:1.25em}
h4 {font-size:1em}  
p {
	font-size: 1.2em;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
}

hr {
   width: 653px;
   border: 1px dashed #d6d3d6;
}

ul {
	font-size: 1.2em;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
}

input, select, th, td {
	font-size:1em;
	font-weight: normal;
	text-decoration: none;
}

a {
	color: #a50031;
}

a:hover {
	color: #6b696b;
}

a.h2 {
	color: #a50031;
   text-decoration: none;

}

a.h2:hover {
	color: #6b696b;
   text-decoration: none;
}

img {
   position: relative;
   border: none;		
}

h2.home {
   color: #9c2039;
   background-color: transparent;
   text-align: right;
   
}

p.home {
   color: #390b16;
   background-color: transparent;
   text-align: right;
   font-size: 1.15em;
}

a.home {
   color: #a50031;
	text-decoration: none;
   padding-left: 5px;
   font-weight: bold;
}

a.home:hover {
	color: #a5a5a5;
}

h2.homeRev {
   color: #ffffff;
   background-color: transparent;
   text-align: right;
   
}

p.homeRev {
   color: #ffffff;
   background-color: transparent;
   text-align: right;
   font-size: 1.15em;
}

a.homeRev {
   color: #ffffff;
	text-decoration: none;
   padding-left: 5px;
   font-weight: bold;
}

a.homeRev:hover {
	color: #a5a5a5;
}

.bold {
   font-weight: bold;
}

.inputField {
   border: 1px solid #d6d7d6;
   color: #6b696b;
}


/* Home - Index page */
#tblIndex tr.tblInnerRow {
   background-color: #e2e2e2;
}

.tblIndex {
   width: 960px;
   height: auto;
}

.tblMain {
   width: 960px;
   height: auto;
}

#tblMain tr.tblInnerRow {
   background-color: #e2e2e2;
}

#logoHdrSDI {
   left: 16px;
   top: 1px;
   width: 78px;
   height: 66px;
}

#rowSegment2 {
   background-image: url(../images/bkTop2.jpg);
   background-repeat: repeat-x;
   height: 15px;
}

#bgMainSplash {
  
   background-repeat: no-repeat;
   height: 404px;
   width: 932px;
   border: none;
}

#bgLandingSplash {
   background-image: url(../images/bkLanding.jpg);
   background-repeat: no-repeat;
   height: 235px;
   width: 932px;
   border: none;
}

.bgSplash {
   background-repeat: no-repeat;
   height: 140px;
   width: 932px;
   border: none;
}

#bgNEWSplash {
   background-image: url(../images/headers/hdrNEWS.jpg);

}

#bgINTRANETSplash {
   background-image: url(../images/headers/hdrINTRANET.jpg);

}
#bgCAREERSplash {
   background-image: url(../images/headers/hdrCAREERS.jpg);

}

#bgABOUTSDISplash {
   background-image: url(../images/headers/hdrABOUTSDI.jpg);	
}

#bgOURBUSplash {
   background-image: url(../images/headers/hdrOURBUS.jpg);
}

#bgRESplash {
   background-image: url(../images/headers/hdrRE.jpg);
}

#bgSSSplash {
   background-image: url(../images/headers/hdrSS.jpg);
}

#bgGOVSplash {
   background-image: url(../images/headers/hdrGOV.jpg);
}

#bgINFSplash {
   background-image: url(../images/headers/hdrINF.jpg);
}

#bgSITEMAPSplash {
   background-image: url(../images/headers/hdrSITEMAP.jpg);
}

#bgTRANSPORTATIONSplash {
   background-image: url(../images/headers/hdrTRANSPORTATION.jpg);
}

#bgEDUCATIONSplash {
   background-image: url(../images/headers/hdrEDUCATION.jpg);
}


#rowSegment3 {
   background-image: url(../images/bkTop3.jpg);
   background-repeat: repeat-x;
   height: 73px;
   top: -1px;
}

#rowSegment4 {
   background-image: url(../images/bkTop4.jpg);
   background-repeat: repeat-x;
   background-color: #e2e2e2;
   height: 13px;
}

.divFloatLeft { float: left; }


.spacerH13 { height: 13px; width: 100%; }
.spacerH15 { height: 15px; width: 100%; }
.spacerH16 { height: 16px; width: 100%; }
.spacerH21 { height: 21px; width: 100%; }
.spacerH22 { height: 22px; width: 100%; }
.spacerH26 { height: 26px; width: 100%; }
.spacerH31 { height: 31px; width: 100%; }

.spacerW6 { width: 6px; height: auto; }
.spacerW14 { width: 14px; height: auto; }
.spacerW22 { width: 22px; height: auto; }
.spacerW14Wht { width: 14px; height: auto; background-color: #fff; }
.spacerW16Wht { width: 16px; height: auto; background-color: #fff; }
.spacerW685 { width: 685px; height: 22px; }

.divHomeSpc { height: 10px; width: 12px; }
.spacerLeftColumn { width: 205px; height: 22px; }

.backgroundGradientHorizontal {
   background-image: url(../images/sliceVerticalTopGradient.jpg);
   background-repeat: repeat-x;
}

.sepCenterVertical {
	height: auto;
	width: 56px;
	background-image: url(../images/middleDivider.jpg);
	background-repeat: repeat-y;
}

/* Extranet box in Header */
#divExtranet {
   background-image: url(../images/bkExtranet.jpg);
	background-repeat:none;overflow:hidden;
   height: 70px;
   width: 280px;
   top: 4px;
   left: 654px;
   float: right;
}

.tabProfolio {
   width: 73px;
   height: 24px;
   cursor: pointer;
}

#tabProfolio {
   position: relative;
   top: 9px;
   left: 122px;
}

.tabSDIknow {
   width: 78px;
   height: 24px;
   cursor: pointer;
}

#tabSDIknow {
   position: relative;
   top: 9px;
   left: 119px;
}

#divLogin {
   position: relative;
   top: 8px;
   left: 0px;
   height: 30px;
}

#fldUsername {
   position: relative;
   top: 0px;
   left: 30px;
   width: 82px;
}


#fldPw {
   position: relative;
   top: 0px;
   left: 35px;
   width: 82px;
}



#btnGo {
   position: relative;
   top: 4px;
   left: 40px;
}

.btnGo {
   height: 18px;
   width: 27px;
   cursor: pointer;
}


/* Header */
.searchButton {
   width: 53px;
   height: 16px;
   cursor: pointer;
   position: relative;
   left: 407px;
   top: 4px;
}

.textFieldSearch {
   width: 75px;
   border: 1px solid #d6d7d6;
   color: #6b696b;
}

#fldHdrSearch {
   position: relative;
   left: 405px;
   top: 1px;   
}

#menuTop {
   float: left;
   position: relative;
   top: 30px;
   left: 30px;
   width: 555px;
   text-align: left;
  
}

#menuTop a {
   padding: 0px 13px 0px 13px;
   color: #6b696b;
   text-decoration: none;
   font-size: 1em;
   font-weight: bolder;

}

#menuTop a:hover {
   color: #a50031;
}
#menuTop a:btnActive {
   color: #a50031;
	
} 

#p7menubar, #p7menubar ul{
	
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	
}
 
#p7menubar a {
	display: block;
	text decoration: none;
	padding; 0px 13px 0px 13px;
	border-right: 1px solid #a50031;
	font-size: 1.25em;
	color: #a50031
}

#p7menubar a.trigger {
	padding: 0px 13px 0px 13px;
}

#p7menubar li {
	
	float:left;
	width: 9em;
}

#p7menubar li ul, #7menubar ul li {
	
	width: 8em;
}

#p7menubar ul li a {
	color: #565656;
	border-right: 0;
	padding: 0px 13px 0px 13px;
}

#p7menubar li ul {
	position: absolute;
	display: none
	background-color: #a50031;
	
}




/* Left Nav */

#tdLeftNav {
   width: 293px;
}

#tdLeftNavSecondary {
   width: 240px;
}

#divToolbar {
   position: relative;
   top: 139px;
   left: 4px;
   background-color: transparent;
   color: #fff;
   width: 294px;
   padding-top: 0px;  
}

#divToolbar div#btnActive {
   background-color: #d6d7d6;
}

#divToolbar div.leftNav {
   width: 217px;
   background-color: transparent;
   color: #fff;
   line-height: 12px;
   margin-bottom: 5px;
   text-align: right;
   padding: 7px 77px 7px 0px;
}

#divToolbar a {
   position: relative;
   color: #fff;
   background-color: transparent;   /*#4b0082*/
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
   font-weight: bolder;
}

#divToolbar a.leftNav {
   position: relative;
   width: 293pc;
}

#divToolbar a.btnActive {
   color: #5a595a;
   background-color: transparent;
}

#divToolbar a:hover {
   background-color: transparent;
   color: #5a595a;
   text-decoration: none;
   width: 293px;
}



#bkHomeCS1 {
   background-image: url(../images/bkHome1Gray.jpg);
   height: 157px;
   width: 303px;
}

/* Center Splash */
.imgSplash {
   width: 620px;
   height: 390px;
}

#imgSplash {
   position: relative;
   left: 4px;
   top: 4px;
}

div.imgLandingSplash {
   width: 674px;
   height: 219px;
}

div#imgLandingSplash {
   position: relative;
   left: 9px;
   top: 7px;
   border: 1px solid;
}

h1.LandingH1 {
   position: relative;
   right: 0px;
   text-align: right;
   padding-right: 32px;
   margin-top: 155px;
   width: 642px;
   color: #fff;
   background-color: transparent;
   font-weight: normal;
}

h1.LandingH1 span.redDot {
   color: #a51c39;
}


/* Case Study images - Home */

.divHomeCS {
   vertical-align: top;
   text-align: right;
   margin-top: 30px;
   padding-left: 15px;
   padding-right: 23px;
}

#bkHomeCS2 {
   height: 157px;
   width: 303px;
}

#bkHomeCS3 {
   background-image: url(../images/bkHome3Red.jpg);
   height: 157px;
   width: 303px;
}

.logoCrainsBest {
   width: 48px;
   height: 64px;
   cursor: pointer;
}

#logoCrainsBest {
   padding-top: 7px;
   padding-left: 10px;
   float: right;
}

.GeneralPeterPace {
   width: 48px;
   height: 64px;
   cursor: pointer;
}

#GeneralPeterPace {
   padding-top: 7px;
   padding-left: 10px;
   float: right;
}

/* Footer */
td.txtFooter {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   color: #fff;
   text-align: left;
}

a.linkFooter {
   padding-top: 0px; 
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #fff;
   background-color: transparent;
   text-align: left;  
   text-decoration: none;
}

a.linkFooter:hover {
   color: #e2e2e2;
   text-decoration: underline;
}


/* Landing Page Solutions */

#divToolbarLeft {
   position: relative;
   top: 85px;
   left: 7px;
   background-color: transparent;
   color: #fff;
   width: 237px;
   padding-top: 0px;  
}

#divToolbarLeft div#btnActive {
   background-color: #d6d7d6;
}

#divToolbarLeft div.leftNav {
   width: 200px;
   background-color: transparent;
   color: #fff;
   line-height: 12px;
   margin-bottom: 5px;
   text-align: right;
   padding: 7px 38px 7px 0px;
}

#divToolbarLeft a {
   position: relative;
   color: #fff;
   background-color: transparent;   /*#4b0082*/
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
   font-weight: bolder;
}

#divToolbarLeft a.leftNav {
   position: relative;
   width: 237pc;
}

#divToolbarLeft a.btnActive {
   color: #9c1c42;
   background-color: transparent;
}

#divToolbarLeft a:hover {
   background-color: transparent;
   color: #5a595a;
   text-decoration: none;
   width: 237px;
}

.mainContent {
   background-color: #fff;
   width: 600px;
   height: auto;
}


#divSolutions {
   position: relative;
   top: 0px;
   left: 0px;
   background-color: transparent;
   width: 178px;
   padding: 0px 0px 5px 27px;  
   line-height: 16px;
}

#divSolutions a {
   position: relative;
   color: #4a494a;
   background-color: transparent;   /*#4b0082*/
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
   font-weight: bolder;
   margin-bottom: 15px;
   padding-bottom: 10px;
}

#divSolutions a.itemActive {
   color: #9c2039;
   background-color: transparent;
}

#divSolutions a:hover {
   background-color: transparent;
   color: #9c2039;
   text-decoration: none;
   width: 178px;
}

#divPDF {
   position: relative;
   top: 0px;
   left: 0px;
   background-color: transparent;
   width: 178px;
   padding: 0px 0px 5px 27px;  
   line-height: 16px;
}

#divPDF a {
   position: relative;
   color: #4a494a;
   background-color: transparent;   /*#4b0082*/
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
   font-weight: bolder;
   margin-bottom: 15px;
   padding-bottom: 10px;
}

#divPDF a.itemActive {
   color: #9c2039;
   background-color: transparent;
}

#divPDF a:hover {
   background-color: transparent;
   color: #9c2039;
   text-decoration: underline;
   width: 178px;
}
.divideHoriz {
   height: 26px;
   width: 212px;
}

#divideHoriz {
   position: relative;
   left: 12px;
}

#hdrArticles {
   width: 177px;
   height: 33px;
   padding-top: 25px;
}

p.textArticle {
   line-height: 14px;
   text-align: justify;
   padding-left: 27px;
}

p.articlesMore {
   text-align: right;
}

p.articlesMore a {
   color: #9c2039;
   text-decoration: underline;
   position: relative;
   top: -15px;
}

/* Landing Pages */
.imgSeparatorCenter {
   height: 22px;
   width: 56px;
}

.imgFillerMidTop {
   height: 37px;
   width: 56px;
}

/* PDF - Landing pages */
.imgFillerMidTop {
   height: 37px;
   width: 56px;
}



/* Success Stories DIVs */

.divCS {
   position: relative;
   width: 600px;
   height: 128px;
   vertical-align: top;
   clear: both;
   margin-bottom: 2px;
}

div.caseStudyFrame {
   background-image: url(../images/common/caseStudyFrame.jpg);
   width: 180px;
   height: 128px;
}

div#csFrame1 {
   position: absolute;
   top: 0px;
   left: 0px;
}

div#csFrame2 {
   position: absolute;
   top: 0px;
   left: 227px;
}

div#csFrame3 {
   position: absolute;
   top: 0px;
   left: 454px;
}

div.caseStudyFrame div {
   height: 115px;
   width: 170px;
   position: absolute;
   top: 7px;
   left: 4px;
   cursor: pointer;
   font-size: 1.2em;
}

.divCS a {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	height: 57px;
	width: 187px;
}

.divCS a:hover {
   color: #a50031;
   background-color: transparent;
   text-decoration: none;
}

.divCS span {
	position: absolute;
	bottom: 1px;
	text-align: center;
	font-weight: bold;
	width: 160px;
	left: 7px;
	height: 94px;
	vertical-align: bottom;
}


/* News area */

.divNews {
   position: relative;
   width: 600px;
   height: 128px;
   vertical-align: top;
   clear: both;
   margin-bottom: 20px;
}

.divNewsArea {
   width: 180px;
   height: 128px;
   line-height: 14px;
   text-align: left;
   font-size: 1.2em;
}

div#divNewsArea1 {
   position: absolute;
   top: 0px;
   left: 0px;
}

div#divNewsArea2 {
   position: absolute;
   top: 0px;
   left: 227px;
}

div#divNewsArea3 {
   position: absolute;
   top: 0px;
   left: 454px;
}

p.newsMore {
   text-align: right;
   font-size: 1.1em;
   top: -15px;
}

div.divNewsArea a {
   color: #9c2039;
   text-decoration: underline;
   position: relative;
   font-size: .8em;
}

div.divNewsArea a:hover {
   color: #bfbfbf;
}

/* Offerings */

.divOfferings {
   position: relative;
   width: 653px;
   height: 106px;
   vertical-align: top;
   clear: both;
   margin-top: 30px;
}

div.divOffering {
   background-image: url(../images/common/offeringframe.jpg);
   width: 321px;
   height: 106px;   
}



div#offering1 {
   position: absolute;
   top: 0px;
   left: 0px;
}

div#offering2 {
   position: absolute;
   top: 0px;
   left: 331px;

}
div.divOffering div {
   height: 92px;
   width: 307px;
   position: absolute;
   top: 7px;
   left: 7px;
   cursor: pointer;
   font-size: 1.75em;
   font-weight: normal;
}

.divOfferings a {
   color: #fff;
   background-color: transparent;
   text-decoration: none;
   height: 57px;
   width: 187px;
}

.divOfferings a:hover {
   color: #a50031;
   background-color: transparent;
   text-decoration: none;
}

.divOfferings span {
   position: absolute;
   top: 22px;
   left: 15px;
   text-align: left;
   width: 277px;
}

a.darkText {
   color: #636163;
}

/* Content Pages */

#divSolutionsMenu {
   position: relative;
   top: 10px;
   left: 7px;
   background-color: transparent;
   color: #fff;
   width: 237px;
   padding-top: 0px;  
}

#divSolutionsMenu div#btnActive {
   background-color: #d6d7d6;
}

#divSolutionsMenu div.leftNav {
	width: 190px;
	background-color: transparent;
	color: #fff;
	line-height: 12px;
	margin-bottom: 5px;
	text-align: right;
	padding-top: 7px;
	padding-right: 8px;
	padding-bottom: 7px;
	padding-left: 0px;
}

#divSolutionsMenu a {
   position: relative;
   color: #fff;
   background-color: transparent;   /*#4b0082*/
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
   font-weight: bolder;
}

#divSolutionsMenu a.leftNav {
   position: relative;
   width: 237pc;
}

#divSolutionsMenu a.btnActive {
   color: #9c1c42;
   background-color: transparent;
}

#divSolutionsMenu a:hover {
   background-color: transparent;
   color: #5a595a;
   text-decoration: none;
   width: 237px;
}

/* Content - Success and News */

div.divContentNews {
   position: relative;
   width: 653px;
   height: 106px;
   vertical-align: top;
   clear: both;
   margin-top: 30px;
   margin-bottom: 30px;
}

div.divContentNews #contentNews, div.divContentNews #contentSuccess {
   width: 318px;
   margin-right: 5px;
}

div.divContentNews div {
   height: 106px;
   vertical-align: top;
   float: left;
   
}

div.divContentNews div.spacerW6 {
   border-left: 1px solid #636163;
   height: 100%;
}

p.contentMore {
   position: relative;
   text-align: right;
   font-size: 1.1em;
   top: -10px;
   right: 15px;
}

div.divContentNews p {
   width: 300px;
   padding-top: 0px;
  /* padding-right: 15px;*/
}

p.contentLinks a {
   text-decoration: none;
   color: #636163;
}

p.contentLinks a:hover {
   text-decoration: none;
   color: #a51c39;
}
