/* CHC Mechanical CSS */

body
{
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.jpg) top repeat-x #4D5E7A;
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#004e97;
}

img { border: 0; }
form { margin: 0px; padding: 0px; }
.clear { clear: both; }

#whitebar {
	position: absolute;
	left:0px;
	height:169px;
	width:1000px;
	background-image: url(../images/whitebar.jpg);
	background-repeat: repeat-x;
	top: 0px;
}

#bluebar {
	position: relative;
	height:4px;
	width:781px;
	background-color:#004e97;
}

#container {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	background-image: url(#);
	background-repeat: no-repeat;
}

#container1 {
	position: relative;
	width: 1007px;
	margin: 0px auto;
	background-image: url(../images/contbg.jpg);
	background-repeat: repeat-y;
}
 
a {
	color: #FFF;
	text-decoration:none;
	font-weight:normal;
}
a:hover {
	color: #FFF;
	text-decoration:underline;
	font-weight:normal;
}

#leftfloat a { color: #de060a; text-decoration:none; font-weight:bold; }
#leftfloat a:hover { color: #de060a; text-decoration:underline; font-weight:bold; }

#sidenav a {
	display:block;
	padding-left:14px;
	color:#00589d;
}

#sidenav a:hover {
	background:url(../images/navarrow.jpg) left center no-repeat;
	color:#00589d;
	text-decoration:none;
}

#sidenav a.sub {
	font-weight:normal;
	padding-left:26px;
}

#sidenav a:hover.sub {
	font-weight:normal;
	padding-left:26px;
}

#subnavright a {
	color: #002b58;
	text-decoration:none;
	font-weight:bold;
}

#subnavright a:hover {
	color: #002b58;
	text-decoration:underline;
	font-weight:bold;
}

#interiortextnav a {
	display:block;
	padding-left:14px;
	font-weight:bold;
	color:#004e97;
}

#interiortextnav a:hover {
	background:url(../images/subheadarrow.jpg) left center no-repeat;
	color:#004e97;
	text-decoration:none;
}

#careersleft a {
	color:#dc0000;
	text-decoration:none;
	font-weight:normal;
}
#careersleft a:hover {
	color:#dc0000;
	text-decoration:underline;
	font-weight:normal;
}

#careersright a {
	color:#dc0000;
	text-decoration:none;
	font-weight:normal;
}
#careersright a:hover {
	color:#dc0000;
	text-decoration:underline;
	font-weight:normal;
}

#careersnav a {
	display:block;
	padding-left:14px;
	font-weight:bold;
	color:#004e97;
}

#careersnav a:hover {
	background:url(../images/subheadarrow.jpg) left center no-repeat;
	color:#004e97;
    font-weight:bold;
	text-decoration:none;
}

/* ----- Padding ----- */

#sidenavpad {
	padding-left:35px;
	padding-top: 14px;
	padding-right: 29px;
}

#latestnewspad {
	padding-left:29px;
	padding-top: 18px;
	padding-right: 29px;
}

#addresspad {
	padding-left:29px;
	padding-right: 29px;
}

#colpad {
	padding-left:22px;
	padding-top: 14px;
	padding-right: 12px;
}

#colbottompad {
	padding-left:22px;
	padding-top: 14px;
	padding-right: 10px;
}

#footerpad {
	padding-left:138px;
	padding-top: 26px;
}

#latestnewspad {
	padding-left:28px;
	padding-top: 10px;
}

#subnavleftpad {
	padding-top: 12px;
	padding-left: 18px;
}

#subnavrightpad {
	padding-top: 11px;
	padding-right: 18px;
}

#mainpad {
	padding-top: 29px;
	padding-left: 34px;
}

#interiorheadpad {
	padding-top: 17px;
	padding-left: 24px;
}

#interiortextnavpad {
	padding-left:20px;
	padding-right: 0px;
}

.awardspad {
	padding-left:40px;
	padding-right: 0px;
}

/* ----- Styles ----- */

.latestnewsstyle {
	color:#00589d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.latestnewsstyle1 {
	color:#dc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.colbulletsstyle {
	color:#dc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.interiorheadstyle {
	color:#004e97;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.careersstyle {
	color:#dc0000;
}

/* ----- H ----- */

h1 { color:#de060a;font-family: Arial, Helvetica, sans-serif;
  font-size: 18px; text-transform: capitalize; text-transform: uppercase; }

/* ----- Content ----- */

/* ---- Header ---- */

#header {
	position:relative;
	width:1000px;
}

#headerleft {
	position:relative;
	float:left;
	width:218px;
}

#headerright {
	position:relative;
	float:right;
	width:782px;
	height:132px;
	background-image:url(../images/headerbg_40th.jpg);
	background-repeat:no-repeat;
}
#headerText{
  position: absolute;
  top: 32px;
  left: 0px;
  width: 460px;
  text-align: right;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
#headerText p{ margin: 0px 0px 8px 0px; padding: 0px; }
#headerProjectText{
  position: relative;
  font-style: italic;
}
#headerProjectText h2{
  font-size: 16px;
  font-style: normal;
  margin: 0px 0px 4px 0px;
  padding: 0px;
}
#headerPhoto{
  position: absolute;
  top: 10px;
  left: 519px;
}
#headerArrowLeft{
  position: absolute;
  top: 37px;
  left: 488px;
}
#headerArrowRight{
  position: absolute;
  top: 37px;
  left: 708px;
}

/* ---- Top Navigation ---- */

#topnav {
	position:relative;
	width:1000px;
	height:37px;
}

/* ---- Side Navigation ---- */

#sidenav {
	position:relative;
	width:218px;
	background-color:#FFF;
	border-right:solid 1px #fbd049;
}

/* ---- Sub Navigation ---- */

#subnav {
	position:relative;
	width:781px;
	height:35px;
	background-color:#002b58;
	background-image:url(../images/subnavbg.jpg);
	background-repeat:no-repeat;
}

#subnavleft {
	position:relative;
	float:left;
	width:219px;
	color:#002b58;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
}

#subnavright {
	position:relative;
	float:right;
	width:500px;
	color:#f5b010;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right
}

/* ---- Interior text Navigation ---- */

#interiortextnav {
	position:relative;
	float:left;
	width:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height: 250px;
	margin-top: 60px;
}
#projectsNote{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 300px;
}


/* ---- Careers Navigation ---- */

#careersnav {
	position:relative;
	float:left;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

/* ---- Col Floats ---- */

#leftfloat {
	position:relative;
	float:left;
	width:219px;
	padding-left: 2px;
	line-height:140%;
}

#rightfloat {
	position:relative;
	float:right;
	width:782px;
	padding-right: 4px;
	line-height:120%;
} 
	
/* ---- Main ---- */

#latestnews {
	position:relative;
	width:218px;
	background-image:url(../images/redline.jpg);
	background-position: center bottom ;
	background-repeat:no-repeat;	
}

#address {
	position:relative;
	width:218px;
	color: #de060a;
	font-size:13px;
	font-weight:bold;
	margin-top:20px;
}

/*--col 1--*/

#col1 {
	position:relative;
	float:left;
	width:195px;
}

#col1body {
	position:relative;
	width:195px;
	height:440px;
	background-color:#ceced2;
	color:#054170;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#photo1 {
	position:relative;
	padding-top:14px;
	text-align:center;
}

#col1bottom {
	position:relative;
	width:195px;
	height:71px;
	background-color:#5f7790;
	background-image:url(../images/colbottomarrow1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fbd55c;
	line-height:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#col1bottom a{
  color:#fbd55c;
	line-height:14px;
	font-weight:bold;
}
#col1bottom a:hover{ text-decoration: none; }

/*--col 2--*/

#col2 {
	position:relative;
	float:left;
	width:195px;
}

#col2body {
	position:relative;
	width:195px;
	height:440px;
	background-color:#f5f5f7;
	color:#054170;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#photo2 {
	position:relative;
	padding-top:14px;
	text-align:center;
}

#col2bottom {
	position:relative;
	width:195px;
	height:71px;
	background-color:#738aa2;
	background-image:url(../images/colbottomarrow2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fbd55c;
	line-height:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#col2bottom a{
  color:#fbd55c;
	line-height:14px;
	font-weight:bold;
}
#col2bottom a:hover{ text-decoration: none; }

/*--col 3--*/

#col3 {
	position:relative;
	float:left;
	width:196px;
}

#col3body {
	position:relative;
	width:196px;
	height:440px;
	background-color:#ceced2;
	color:#054170;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#photo3 {
	position:relative;
	padding-top:14px;
	text-align:center;
}

#col3bottom {
	position:relative;
	width:196px;
	height:71px;
	background-color:#5f7790;
	background-image:url(../images/colbottomarrow1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fbd55c;
	line-height:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#col3bottom a{
  color:#fbd55c;
	line-height:14px;
	font-weight:bold;
}
#col3bottom a:hover{ text-decoration: none; }

/*--col 4--*/

#col4 {
	position:relative;
	float:left;
	width:195px;
}

#col4body {
	position:relative;
	width:195px;
	height:440px;
	background-color:#f5f5f7;
	color:#054170;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#photo4 {
	position:relative;
	padding-top:14px;
	text-align:center;
}

#col4bottom {
	position:relative;
	width:195px;
	height:71px;
	background-color:#738aa2;
	background-image:url(../images/colbottomarrow2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fbd55c;
	line-height:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#col4bottom a{
  color:#fbd55c;
	line-height:14px;
	font-weight:bold;
}
#col4bottom a:hover{ text-decoration: none; }


/* ---- Interior ---- */

#main {
	position:relative;
	float:left;
	width:781px;
}

#mainfloatleft {
	position:relative;
	float:left;
	width:416px;
}

#mainfloatright {
	position:relative;
	float:right;
	width:300px;
}

#interiorhead {
	position:relative;
	float:left;
	width:300px;
	background:url(../images/headarrow.jpg) left center no-repeat;
	color:#004e97;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	height: 50px;
}

#interiorphoto {
	position:relative;
	float:left;
	width:378px;
	margin-top: 10px;
}

#interiortext {
	position:relative;
	float:left;
	width:400px;
	margin-top: 20px;
	color:#004e97;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#interiorcont{
	position:relative;
	float:left;
	width:700px;
	color:#004e97;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#interiorphotosubleft {
	position:relative;
	float:left;
	width:203px;
	margin-top: 10px;
	margin-bottom: 40px;
}

#interiorphotosubright {
	position:relative;
	float:right;
	width:203px;
	margin-top: 10px;
	margin-bottom: 40px;
}

.awards {
	width:600px;
	background:url(../images/ribbon.gif) top left  no-repeat;
	color:#004e97;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#careersleft {
	position:relative;
	float:left;
	width:300px;
	color:#004e97;
}

#careersright {
	position:relative;
	float:right;
	width:410px;
	color:#004e97;
}

.newsImg{
  display: block;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
.projectImg{
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 3px;
  border: 1px solid #cccccc;
}
.projectImgRel{
  padding: 3px;
  border: 1px solid #cccccc;
}

/* ---- Bottom Navigation ---- */

/* ---- Footer ---- */

#footer {
	position:relative;
	float:left;
	width:1002px;
	height:102px;
	background-image:url(../images/footerbg.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}
	
#rightplank {
	position:absolute;
	width:100px;
	height:102px;
	right: -100px;
	top: 0px;
}
