#mainBox {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 800px;
}

#header {
	height: 90px;
	position: relative;
}

#logo {
	position: absolute;
	left: -8px;
	top: 42px;
}

#gradientBottom {
	background: transparent url("../images/gradient-bottom.jpg") 1px bottom repeat-x;
}

#columnSeparator {}

#borderSides {
	background: transparent url("../images/border-sides.gif") left top repeat-y;
}

#borderTop{
	background: transparent url("../images/border-top.png") left top no-repeat;
}

#borderBottom{
	background: transparent url("../images/border-bottom.jpg") left bottom no-repeat;
	padding-bottom: 8px;
}

#pageHeight {
	height: 535px;
}

#sectionHeaderBG {
	background: transparent url("../images/gradient-section-title.jpg") left top no-repeat;
}

#sectionHeader {
	position: relative;
	padding-left: 1px;
	float: left;
}

#sectionHeader2 {
	position: relative;
	padding-left: 0;
	float: left;
	border-bottom: 1px solid #ccc;
}

.sectionHeaderBorderBottom {
	border-bottom: 1px solid #ccc;
}

#sectionHeader img, #sectionHeader2 img {
	float: left;
}

#bar {
	background: #fff url("../images/bar.jpg") center 4px no-repeat;
	height: 30px;
	clear: both;
	margin-left: 1px;
	margin-right: 1px;
}

#columnBlock {
	padding: 0 1px 0 1px;
}

/* About column layout */
#columnBlockAbout {
	padding: 0 1px 0 1px;
	height: 100%;
}

#columnBlockAbout #col1 {
	width: 388px;
	float: left;
}

#columnBlockAbout #col2 {
	width: 388px;
	float: left;
}



/* Contact column layout */
.cSContact {
	background: transparent url("../images/dotgray.gif") 581px top repeat-y;			
}

#columnBlockContact {
	padding: 0 1px 0 1px;
	height: 100%;
}

#columnBlockContact #col1 {
	width: 580px;
	float: left;
}

#columnBlockContact #col2 {
	width: 217px;
	float: right;
}


/* Capabilities column layout */
.cSCapabilities {
	background: transparent url("../images/dotgray.gif") 510px top repeat-y;		
}

#columnBlockCapabilities {
	padding: 0 1px 15px 1px;
}

#columnBlockCapabilities #col1 {
	width: 509px;
	float: left;
}

#columnBlockCapabilities #col2 {
	width: 288px;
	float: right;
}

.boxOverflow {
	height: 120px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	/*
	scrollbar-3dlight-color:#ffd700;
	scrollbar-arrow-color:#ff0;
	scrollbar-base-color:#ff6347;
	scrollbar-darkshadow-color:#ffa500;
	scrollbar-face-color:#008080;
	scrollbar-highlight-color:#ff69b4;
	scrollbar-shadow-color:#f0f;
*/
}

.roundedCornerBox {}
.roundedCornerBox .borderTop {
	background: transparent url("../images/dotgray.gif") left top repeat-x;
}

.roundedCornerBox .borderRight {
	background: transparent url("../images/dotgray.gif") right top repeat-y;
}

.roundedCornerBox .borderBottom {
	background: transparent url("../images/dotgray.gif") left bottom repeat-x;
}

.roundedCornerBox .borderLeft {
	background: transparent url("../images/dotgray.gif") left top repeat-y;
}

.roundedCornerBox .cornerTopLeft {
	background: transparent url("../images/roundedbox-corner-tl.gif") left top no-repeat;
}

.roundedCornerBox .cornerTopRight {
	background: transparent url("../images/roundedbox-corner-tr.gif") right top no-repeat;
}

.roundedCornerBox .cornerBottomLeft {
	background: transparent url("../images/roundedbox-corner-bl.gif") left bottom no-repeat;
}

.roundedCornerBox .cornerBottomRight {
	background: transparent url("../images/roundedbox-corner-br.gif") right bottom no-repeat;
	padding: 0 5px 5px 5px;
}



/* Process column layout */
.cSProcess {
}

#columnBlockProcess {
	padding: 0;
	background: transparent url("../images/four-column-separator.gif") left top repeat-y;
	height: 210px;		
}

.blockPhase {
	width: 200px;
	float: left;	
}

#columnBlockProcess .blockPhase h1.pageTitle {
	color: #333;
}

/* Generic Two column layout */
.cSGenericTwoColumnBlock {
	background: transparent url("../images/generic-twocol-separator.gif") left top repeat-y;
}

#genericTwoColumnBlock {
	padding: 0;
	height: 100%;
}

#genericTwoColumnBlock #col1 {
	width: 125px;
	float: left;
	border-top: 1px solid #ccc;
}

#genericTwoColumnBlock #col2 {
	width: 672px;
	float: right;
	border-top: 1px solid #ccc;
}

#subColumnBlock {
	clear: both;
	padding: 0 5px 4px 5px;
}

#subCol1 {
	width: 450px;
	float: left;
	padding-top: 10px;
}

#subCol2 {
	width: 200px;
	float: right;
	padding-top: 15px;
	padding-bottom: 15px;
}


#crumbs {
	background: #fff url("../images/crumbs-background.jpg") left 4px repeat-x;
	height: 36px;
	text-transform: uppercase;
	position: relative;
}

#crumbs .leftSide {
	background: transparent url("../images/crumbs-left.jpg") left 4px no-repeat;
	height: 100%;
}

#crumbs .rightSide {
	background: transparent url("../images/crumbs-right.jpg") right 4px no-repeat;
	padding: 10px 6px 0 6px;
	height: 100%;
}

#crumbs .active {
	letter-spacing: 1px;
}

#crumbs .phase a {
	color: #666;
}

#crumbs .phase {
	padding-right: 30px;
}

.flow {
	color: #A11113;
}




#footer {
	padding: 2px 2px 30px 2px;
	color: #333;
}

#footer p {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#copyright {
	float: left;
	width: 200px;
}

#location {
	float: right;
	width: 350px;
	text-align: right;
}

.red {
	color: #a11113;
	font-weight: bold;
}

/* Helper class */
.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	line-height:0em;
	display: block;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}