/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
margin:0px;
color: #444444;
font-family: Verdana, Arial, Tahoma, sans-serif;
background-color: #fff;
text-align: center; /*** Centers the design in old IE versions ***/
}
a { outline: none; }
body {
font-size: 70%;
}
p {
padding: 7px 0 7px 0;
color: #444444;
}

a {
color: #879a7a;
}
a:hover{
color: #444444;
text-decoration: none;
}

h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
color: #879a7a;
}
h2 {
font-size: 1.4em;
color: #879a7a;
}
h3 {
font-size: 1.3em;
color: #879a7a;
}
h1 a, #header h2{
color: #444444;
}
.clear { clear: both; }
#mainContainer {
width: 731px;
margin: 0 auto; /*** Centers the design ***/
background: #fff;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

#errors {
  width: 155px;
  padding: 10px;
  background: #FFD7D7;
  color: #C30000;
  font-weight: bold;
}
#errorsCareers {
  width: 300px;
  padding: 10px;
  background: #FFD7D7;
  color: #C30000;
  font-weight: bold;
}
#checking {
clear:both;
padding:5px 0px 5px 0px;
}
#logo img {
border:0px;
}
/**************************
HEADER
**************************/
#header {
width: 731px;
height: 87px;
vertical-align:top;
margin-left:auto;
margin-right:auto;
border-top: 4px solid #879a7a;
border-bottom: 1px solid #d5d5d5;
}
#logo {
float: left;
width: 203px;
height:87px;
overflow:hidden;
}
#hd_right {
float: right;
width: 501px;
height: 87px;
padding: 0px;
}
/**************************
NAVIGATION
**************************/
#nav {
margin:42px 0px 24px auto;
}
#nav ul {
text-align:right;
margin-bottom:0px;
padding-bottom:0px;
list-style: none;
}
#nav li {
display: inline;
padding-right: 0px;
}
#nav li a {
height:50px;
letter-spacing:0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444444;
}
#nav .mainActive {
border-bottom:4px solid #879a7a;
letter-spacing:0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
border-bottom:4px solid #879a7a;
font-size:12px;
color:#879a7a;
}
#nav li a:visited {
letter-spacing:0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#879a7a;
}
#nav li a:hover {
letter-spacing:0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
border-bottom:4px solid #879a7a;
font-size:12px;
color:#666666;
}

/**************************
PROJECTS
**************************/
#box1 {
position:relative;
display:inline;
padding:9px 12px 9px 2px;
border:0px;
}
#box2 {
position:relative;
display:inline;
padding:9px 12px 9px 2px;
border:0px;
}
#box3 {
position:relative;
display:inline;
padding:9px 12px 9px 2px;
border:0px;
}
#box4 {
position:relative;
display:inline;
padding:9px 12px 9px 2px;
border:0px;
}
#box5 {
position:relative;
display:inline;
padding:9px 12px 9px 2px;
border:0px;
}
#box6 {
position:relative;
display:inline;
padding:9px 12px 9px 2px;
border:0px;
}


/**************************
BUTTONS
**************************/
#butApplyNow {
display:block;
width:86px;
height:16px;
padding:0px;
margin:0px;
}
#butApplyNow a{
display:block;
width:115px;
height:16px;
vertical-align:middle;
font-size:12px;
font-style:normal;
font-weight:bold;
color:#879a7a;
text-decoration:none;
padding:0px;
margin:0px;
}
#butApplyNow a:hover{
display:block;
width:115px;
height:16px;
vertical-align:middle;
font-size:12px;
font-style:normal;
font-weight:bold;
color:#444444;
text-decoration:none;
padding:0px;
margin:0px;
}
#butApplyNow img {
padding:0px 5px 0px 0px;
border:0px;
}

/**************************
CONTENT AND COLUMNS
**************************/

/* FLASH */

#flash {
width: 731px;
height: 437px;
margin:0px;
padding:0px;
background: #cccccc url(/images/loading_bg.gif) no-repeat top left;
}

* html #flash {
height: 437px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#flash2 {
width: 450px;
height: 400px;
margin:0px;
padding:0px;
}

* html #flash2 {
height: 400px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#flashContainerInner {
width: 731px;
height: 45px;
margin:0px;
padding:0px;
}

#flashContainer {
height: 45px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#topText1 {
width: 486px;
height: 23px;
margin:0px;
padding:9px 5px 9px 5px;
}
#topText1 h2 {
display:block;
width:105px;
height:23px;
float:left;
font-size:11px;
padding:0px;
margin:0px;
text-align:left;
line-height:12px;
}
#topText1 p {
display:block;
position:relative;
width:356px;
height:23px;
border-left:1px solid #999999;
font-size:9px;
float:right;
padding:0px 0px 0px 10px;
margin:0px;
}

#topText2 {
width: 486px;
height: 23px;
margin:0px;
padding:9px 5px 9px 5px;
}
#topText2 h2 {
display:block;
width:105px;
height:23px;
float:left;
font-size:11px;
padding:0px;
margin:0px;
text-align:left;
line-height:12px;
}
#topText2 p {
display:block;
position:relative;
width:356px;
height:23px;
border-left:1px solid #999999;
font-size:9px;
float:right;
padding:0px 0px 0px 10px;
margin:0px;
}

#topText3 {
width: 486px;
height: 23px;
margin:0px;
padding:9px 5px 9px 5px;
}
#topText3 h2 {
display:block;
width:105px;
height:23px;
float:left;
font-size:11px;
padding:0px;
margin:0px;
text-align:left;
line-height:12px;
}
#topText3 p {
display:block;
position:relative;
width:356px;
height:23px;
border-left:1px solid #999999;
font-size:9px;
float:right;
padding:0px 0px 0px 10px;
margin:0px;
}

#topText4 {
width: 486px;
height: 23px;
margin:0px;
padding:9px 5px 9px 5px;
}
#topText4 h2 {
display:block;
width:105px;
height:23px;
float:left;
font-size:11px;
padding:0px;
margin:0px;
text-align:left;
line-height:12px;
}
#topText4 p {
display:block;
position:relative;
width:356px;
height:23px;
border-left:1px solid #999999;
font-size:9px;
float:right;
padding:0px 0px 0px 10px;
margin:0px;
}

#topText5 {
width: 486px;
height: 23px;
margin:0px;
padding:9px 5px 9px 5px;
}
#topText5 h2 {
display:block;
width:105px;
height:23px;
float:left;
font-size:11px;
padding:0px;
margin:0px;
text-align:left;
line-height:12px;
}
#topText5 p {
display:block;
position:relative;
width:356px;
height:23px;
border-left:1px solid #999999;
font-size:9px;
float:right;
padding:0px 0px 0px 10px;
margin:0px;
}

#topText6 {
width: 486px;
height: 23px;
margin:0px;
padding:9px 5px 9px 5px;
}
#topText6 h2 {
display:block;
width:105px;
height:23px;
float:left;
font-size:11px;
padding:0px;
margin:0px;
text-align:left;
line-height:12px;
}
#topText6 p {
display:block;
position:relative;
width:356px;
height:23px;
border-left:1px solid #999999;
font-size:9px;
float:right;
padding:0px 0px 0px 10px;
margin:0px;
}


/* CLIENT */


#client_indent {
display:block;
margin:0px;
padding:0px 0px 0px 25px;
margin:0px;
color:#444444;
}

.clientsHorizontal {
width:500px;
height:0px;
max-height:1px;
border-bottom:1px solid #999999;
margin:0px;
padding:0px;
}
* html #clientsHorizontal {
height: 0px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/* FEATURED PROJECTS */

#sitemapFP {
font-family:Arial, Helvetica, sans-serif;
float: left;
width: 400px;
text-align:left;
padding:0px;
margin:0px;
}
#sitemapFP ul {
font-family:Arial, Helvetica, sans-serif;
list-style: none;
padding: 0px;
text-align:left;
}
#sitemapFP li {
text-align:left;
padding:0px 0px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px dotted #879a7a;
}
#sitemapFP a {
margin:0px 0px 0px auto;
padding:0px 0px 0px 0px;
display:block;
width:auto;
height:100px;
color:#444444;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#sitemapFP a:active {
margin:0px 0px 0px auto;
color:#879a7a;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#sitemapFP a:hover {
margin:0px 0px 0px auto;
color:#999999;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#contentFP {
float: left;
width: 490px;
background: #fff;
}

#imageFP{
    width: 371px;
    height: 430px;
    margin: 0 auto;
}

#blankImg {
float:left;
padding:0px 10px 0px 0px;
display:block;
width:40px;
height:30px;
}

#thumbcontainer{
    width: 371px;
    margin: 0 auto;
    text-align: center;
  }
  .thumb{
    display: inline;
    height: 50px;
    width: 62px;
    border: 2px solid white;
    float:left;
    margin-top: 10px;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom: 10px;
  }

  .thumb a{
    display: block;
    height: 50px;
    width: 62px;
    text-decoration: none;
  }

.featured{
font-size:10px;
padding:0px;
margin:0px;
color:#879a7a;
display:block;
width:auto;
line-height:20px;
}

#featProjectBox {
clear:both;
width:731px;
height:277px;
padding:0px;
margin:0px;
}
#featProjectImg {
float:left;
width:371px;
padding:0px 5px 0px 0px;

}
#featProjectContent {
margin:0px;
padding:0px;
float:right;
width:343px;
height:auto;
}

/*///////////////////*/

#featProjectTitle img{
border:0px;
}
#featProjectText li {
padding:0px 0px 10px 0px;
}


/*FEATURED PROJECT COLOR CLASSES*/

a.color879a7a{
margin:0px;
padding:0px;
vertical-align:top;
text-align:left;
width:343px;
height:auto;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-decoration:none;
color:#879a7a;
}
a.color879a7a:hover{
color:#879a7a;
text-decoration:underline;
}


a.color0067ac{
margin:0px;
padding:0px;
vertical-align:top;
text-align:left;
width:343px;
height:auto;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-decoration:none;
color:#0067ac;
}
a.color0067ac:hover{
color:#0067ac;
text-decoration:underline;
}


a.color542989{
margin:0px;
padding:0px;
vertical-align:top;
text-align:left;
width:343px;
height:auto;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-decoration:none;
color:#542989;
}
a.color542989:hover{
color:#542989;
text-decoration:underline;
}

a.colorab0534{
margin:0px;
padding:0px;
vertical-align:top;
text-align:left;
width:343px;
height:auto;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-decoration:none;
color:#ab0534;
}
a.colorab0534:hover{
color:#ab0534;
text-decoration:underline;
}


a.colorf47a20{
margin:0px;
padding:0px;
vertical-align:top;
text-align:left;
width:343px;
height:auto;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-decoration:none;
color:#f47a20;
}
a.colorf47a20:hover{
color:#f47a20;
text-decoration:underline;
}


a.colorfdbe57{
margin:0px;
padding:0px;
vertical-align:top;
text-align:left;
width:343px;
height:auto;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-decoration:none;
color:#fdbe57;
}
a.colorfdbe57:hover{
color:#fdbe57;
text-decoration:underline;
}


/*///////////////////*/
#featProjectText {
color:#444444;
vertical-align:text-top;
margin:0px;
padding:0px;
border:0px;
width:343px;
}
#featProjectText img {
border:0px;
}
#featProjectText p {
padding: 25px 0px 0px 0px;
margin:0px;
}
#featProjectText h2 {
letter-spacing:-1;
padding:0px;
margin:0px;
color:#444444;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size:20px;
font-weight:normal;
line-height:24px;
}
#featProjectText h3 {
letter-spacing:-1;
padding:0px 0px 15px 0px;
margin:0px;
color:#aaaaaa;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size:14px;
font-weight:normal;
line-height:20px;
}
#featProjectThumbnail {
margin-left:0px;
text-align:left;
width: 371px;
height: auto;
max-height:33px;
border:0px;
padding:0px;
margin:0px;
}
#featProjectThumbnail ul {
margin:0px;
border:0px;
padding:0px;
height:33px;
max-height:33px;
list-style:none;
}
#featProjectThumbnail li {
margin:0px;
border:0px;
display:inline;
padding-right:10px;
padding-bottom:0px;
padding-top:0px;
}
#featProjectThumbnail img {
width:45px;
height:33px;
border:0px;
padding:5px 10px 0px 0px;
}

/*PARTNERS*/

#partnersContent {
clear:both;
display:block;
width:400px;
height:auto;
padding:10px;
margin:0px;
}
#partnersL {
display:block;
float:left;
border:0px;
text-align:center;
vertical-align:middle;
padding:15px;
margin:0px 0px 10px 0px;
max-width:160px;
max-height:160px;
}
#partnersR {
display:block;
float:right;
border:0px;
text-align:center;
vertical-align:middle;
padding:15px;
margin:0px 0px 10px 0px;
max-width:160px;
max-height:160px;
}

#partnersHorDiv {
display:block;
width:520px;
height:0px;
border-top:1px solid #999999;
margin:10px auto 0px 0px;
padding:0px;
}
* html #partnersHorDiv {
height: 0px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#contentPartners {
float: left;
color:#444444;
width: 546px;
background: #fff;
}

#contentPartners b {
color:#444444;
padding:0px;
margin:0px;
}

#contentPartners img {
float:right;
vertical-align:top;
}

.contentWrapPart{
margin-top:0px;
padding: 0px 5px 0px 0px;
}
.contentWrapPart p{
margin-top:0px;
padding: 0px;
}


/*NEWS*/

.newsContent {
display:block;
width:525px;
min-height:250px;
}
.newsContent p{
padding:0px;
margin:0px;
border:0px;
}
.news {
display:block;
width:525px;
padding-top:10px;
padding-bottom:10px;
}
.news a{
text-decoration:none;
}
.news p {
width:auto;
}
.news h1{
margin:0px;
padding:0px 0px 5px 0px;
line-height:18px;
font-size:18px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#879a7a;
}
.news h2{
margin:0px;
color:#444444;
font-size:10px;
font-style:italic;
font-weight:normal;
}
.newsText {
clear:both;
display:block;
width:515px;
padding-bottom:10px;
}
/*#newsText p {
padding:0px;
height:auto;
}*/
.news img{
border:0px;
}
.newsHorDiv {
clear:both;
display:block;
width:450px;
height:0px;
border-top:1px solid #999999;
margin:10px auto 0px 0px;
padding:0px;
}
* html .newsHorDiv {
height: 0px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.newsImage {
border:0px;
float:left;
padding-left:0px;
padding-right:10px;
padding-bottom:10px;
padding-top:0px;
height:128px;
width:84px;
}
.headlineText {
float:right;
margin:0px;
padding:0px 0px 0px 0px;
vertical-align:top;
vertical-align:text-top;
width:430px;
height:auto;
}
.headlineTextNoImage {
margin:0px;
padding:0px 0px 0px 0px;
vertical-align:bottom;
vertical-align:text-bottom;
width:525px;
height:auto;
}
.headlineTextNoImage a {
margin:10px 0px 0px 0px;
}
/*.headlineText h1{
margin:0px;
padding:0px;
line-height:18px;
font-size:18px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#879a7a;
}
.headlineText h2{
padding: 2px 0px 0px 0px;
margin:0px;
color:#444444;
font-size:10px;
font-style:italic;
font-weight:normal;
}
*/
.news p {
margin:7px 0px 0px 0px;
}

/*CAREERS*/

#careers {
display:block;
width:400px;
height:auto;
}
#careers form {
display:block;
height:auto;
}
#careers h1{
margin:0px auto 5px 0px;
padding:0px;
line-height:18px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#879a7a;
}
#careers h2{
margin:0px;
color:#444444;
font-size:10px;
font-style:italic;
font-weight:normal;
}
#careers p {
margin:0px;
padding:0px;
}
#careersHorDiv {
display:block;
margin:10px 0px 10px 0px;
width:300px;
height:1px;
background:#999999;
}
#applyNow {
background:url(/images/bullet_apply_now.gif) no-repeat;
display:block;
width:86px;
height:16px;
padding:0px;
margin:1px 3px 3px 0px;
border:0px;
text-align:right;
font-size:12px;
font-style:normal;
font-weight:bold;
color:#879a7a;
text-decoration:none;
vertical-align:text-top;
}

/*TESTIMONIALS*/

#contentTestimonials {
float: left;
width: 546px;
background: #fff;
margin:0px;
}

#contentTestimonials b {
color:#444444;
}

.contentWrapTest{
margin-top:0px;
padding: 0px;
}
.contentWrapTest p{
margin-top:0px;
padding: 0px;
}

/*PROJECT*/

#projectBox {
width:731px;
padding:0px;
margin:0px;
}
#projectContent {
border:0px;
margin:0px;
padding:0px;
width:300px;
}
#projectContentR {
border:0px;
margin:0px;
padding:0px;
float:right;
width:300px;
max-width:300px;
min-height: 350px;
height:auto;
}
#projectContentL {
border:0px;
margin:0px;
padding:0px;
display:block;
float:left;
width:393px;
max-width:393px;
min-height: 410px;
}
* html #projectImageBox {
height: 410px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#projectSubTitle {
padding:0px 0px 3px 0px;
text-align:right;
display:block;
color:#879a7a;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
width:127px;
height:auto;
border-bottom:1px solid #d4d4d4;
margin:0px 0px 0px auto;
}
#projectSideNav {
display:block;
width:275px;
height:auto;
border:0px;
padding:0px;
margin:0px;
}
#projSideNav ul {
margin:10px 0px 20px auto;
list-style:none;
text-align:right;
width:275px;
}

#projSideNav li a {
display:block;
padding:2px 10px 2px 0;
border-right:7px solid #cccccc;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#444444;
text-decoration:none;
}
#projSideNav li a:hover {
display:block;
border-right:7px solid #e8e8e8;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#879a7a;
text-decoration:none;
}

#projSideNav ul ul {
	margin: 0 0 0 0;
	width: 228px;
	padding-top: 4px;
	padding-bottom: 6px;
	border-right:7px solid #EBEBEB;
}

#projSideNav li.selected {
	padding-right:10px;
	background: #EBEBEB;
}

#projSideNav li.selected a {
	color: #879a7a;
	border-right:0px solid #EBEBEB;
}

#projSideNav li.selected li {
	margin: 4px 0px 4px 4px;

}

#projSideNav li.selected li a {
	border-right:0;
	color: #879a7a;
}

#projSideNav li.selected li a {
}

#projSideNav li.selected ul b {
	display: block;
	margin: 4px 0px 4px 4px;
}

.service-offerings div {
	float: left;
	width: 192px;
	height: 193px;
	background: #879A7A;
	margin: 0 12px 12px 0;
}

#projSideNavActive {
display:block;
width:auto;
height:auto;
padding:0px 10px 5px 5px;
margin:0px;
border-right:7px solid #879a7a;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#879a7a;
text-decoration:none;
}
#projectHorDiv {
display:block;
width:150px;
height:0px;
border-top:1px solid #999999;
margin:0px 0px 0px auto;
padding:0px;
}
* html #projectHorDiv {
height: 0px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#projectImageBox {
border:0px;
margin:0px;
padding:0px;
display:block;
width:410px;
height:399px;
}
* html #projectImageBox {
height: 399px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#projectTitle {
margin:0px;
padding:0px;
vertical-align:top;
text-align:right;
width:300px;
height:auto;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color:#879a7a;
text-decoration:none;
}
#projectText {
color:#444444;
text-align:right;
vertical-align:text-top;
margin:0px;
padding:0px 0px 10px 0px;
border:0px;
width:300px;
height:auto;
}
#projectSO {
color:#444444;
text-align:right;
vertical-align:middle;
margin:0px;
padding:0px 0px 10px 0px;
border:0px;
width:290px;
height:auto;
}
#projectSO a{
color:#444444;
text-align:center;
vertical-align:text-top;
margin:0px;
padding:0px 0px 10px 0px;
border:0px;
width:290px;
height:auto;
text-decoration:none;
}
#projectSO a:hover{
color:#444444;
text-align:center;
vertical-align:text-top;
margin:0px;
padding:0px 0px 10px 0px;
border:0px;
width:290px;
height:auto;
text-decoration:none;
}
#projectSO a:active{
color:#444444;
text-align:center;
vertical-align:text-top;
margin:0px;
padding:0px 0px 10px 0px;
border:0px;
width:290px;
height:auto;
text-decoration:none;
}
#projectSO a:visited{
color:#444444;
text-align:center;
vertical-align:text-top;
margin:0px;
padding:0px 0px 10px 0px;
border:0px;
width:290px;
height:auto;
text-decoration:none;
}
#projectSO img {
margin:0px;
vertical-align:bottom;
padding:0px 0px 0px 10px;
border:0px;
}
#projectSOList {
color:#444444;
text-align:center;
vertical-align:text-top;
margin:0px;
padding:0px 0px 10px 0px;
border:0px;
width:290px;
height:auto;
}
#projectSOList ul{
text-align:left;
margin: 3px 0 5px 35px;
}
#projectSOList li {
padding-bottom:2px;
}
#projectText img {
border:0px;
}
#projectText p {
padding: 7px 0px 0px 0px;
margin:0px;
text-align:right;
}
#projectText h2 {
letter-spacing:-1;
text-align:right;
padding:0px;
margin:0px;
color:#444444;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size:20px;
font-weight:normal;
line-height:24px;
}
#projectText h3 {
text-align:right;
padding:0px 0px 15px 0px;
margin:0px;
color:#aaaaaa;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size:14px;
font-weight:normal;
line-height:20px;
}
#projectThumbnail {
margin-left:0px;
text-align:right;
width: 300px;
height: 33px;
max-height:33px;
border:0px;
padding:5px 0px 0px 0px;
margin:0px;
}
#projectThumbnail ul {
clear:both;
margin:0px 0px 0px auto;
border:0px;
padding:0px;
height:33px;
max-height:33px;
text-align:right;
list-style:none;
}
#projectThumbnail a {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#879a7a;
text-decoration:none;
}
#projectThumbnail a:hover {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}
#projectThumbnail a:hover a:active {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;

}
#projectThumbnail li {
display:list-item;
margin:0px 0px 0px auto;
border:0px;
padding-right:0px;
padding-bottom:10px;
padding-top:0px;
text-align:right;
}
#projectThumbnail img {
border:0px;
padding:5px;
display:block
}
#MISubNav {
margin:0px;
padding:0px;
background:#999999;
}
#mainMenuImg1 {
float:left;
padding:0px 10px 10px 0px;
}
#mainMenuImg2 {
float:right;
padding:0px 0px 10px 0px;
}
#mainMenuImg3 {
float:left;
padding:0px 10px 10px 0px;
}
#mainMenuImg4 {
float:right;
padding:0px 0px 10px 0px;
}
.outer {
padding-left: 184px;
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 546px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 731px;
margin-left: -184px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: left;
width: 546px;
background: #fff;
padding:46px 0px 0px 0px;
}

#contentContact {
background:#fff;
float: left;
width: 546px;
}
#contentContact p {
display:block;
width:300px;
padding:0px 0px 0px 112px;
text-align:left;
}
* html #content {
position: relative;
}
.contentWrap{
margin-top:0px;
padding: 0px 5px 0px 0px;
}

.contentWrap p{
margin-top:0px;
padding: 0px;
}
.contentWrap p b{
margin-top:0px;
padding: 0px;
}

.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 10px;
}
.contentWrap li {
padding-bottom: 2px;
}
.contentWrapContact{
height:550px;
margin-top:16px;
padding: 0px;
}
.contentWrapContact p{
display:block;
width:310px;
height:auto;
}

.contentWrapContact ol, .contentWrapContact ul {
margin: 3px 0 5px 35px;
}
.contentWrapContact li {
padding-bottom: 2px;
}

#image {
border:0px;
float:left;
padding-left:0px;
padding-right:10px;
padding-bottom:10px;
padding-top:0px;
}
#splitter {
float:right;
width:1px;
height:50px;
}

/***********

FORMS

************/
#careersForm input {
  margin: 4px;
  display: block;
  border:1px solid #999999;
  float: left;
  color: #879a7a;
}
#careersForm label {
  color:#879a7a;
  display: block;
  float: left;
  margin: 4px;
  margin-top: 7px;
  width: 100px;
  text-align: right;
  font-weight: bold;
}

#careersForm select {
  margin: 4px;
  display: block;
  float: left;
  color: #3C3C3C;
}

#careersForm select option { color: #4B4B4B; }

#careersForm br { clear: left }

#careersForm h2 {
  font-size: 14px;
  border-bottom: 1px dotted #879a7a;
  width: 400px;
  margin-bottom: 5px;
  padding-bottom: 3px;
  color: #879a7a;
  font-weight: normal;
}

#careersForm fieldset {
  border: 1px solid #999999;
  width: 400px;
  margin-bottom: 0px;
  margin-top: 12px;
  padding-bottom: 10px;
}

#careersForm textarea {
  width: 300px;
  height: 150px;
  border:1px solid #999999;
}

#careersForm fieldset legend {
  color: #879a7a;
  font-weight: bold;
}



#contactForm {
display:block;
width:310px;
}

#contactForm fieldset {
  border: 1px solid #999999;
  width: 400px;
  margin-bottom: 0px;
  margin-top: 12px;
  padding-bottom: 10px;
}

contactForm br {
clear: left;
}
#contactSubmit {
float:right;
display:block;
width:100px;
height:18px;
}
#contactForm input {
  margin: 4px;
  display: block;
  border:1px solid #999999;
  float: left;
  color: #879a7a;
  width: 175px;
}

#contactForm label {
  color:#879a7a;
  display: block;
  padding:2px;
  float: left;
  margin: 4px;
  margin-top: 7px;
  width: 100px;
  text-align: right;
  font-weight: bold;
}

#contactForm select {
  margin: 4px;
  display: block;
  float: left;
  color: #3C3C3C;
}

#contactForm select option { color: #4B4B4B; }

#contactForm br { clear: left }

#contactForm h2 {
  font-size: 14px;
  border-bottom: 1px dotted #879a7a;
  width: 500px;
  margin-bottom: 5px;
  padding-bottom: 3px;
  color: #879a7a;
  font-weight: normal;
}

#contactForm fieldset {
  border: 1px solid #999999;
  width: 300px;
  margin-bottom: 0px;
  margin-top: 12px;
  padding-bottom: 10px;
}

#contactForm textarea {
  width: 175px;
  height: 150px;
  margin: 4px;
  border:1px solid #999999;
}

* html #contactForm textarea {
height: 150px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#contactForm fieldset legend {
  color: #879a7a;
  font-weight: bold;
}


/**************************
RIGHT COLUMN
**************************/
/*** div.right is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
#right {
font-family:Arial, Helvetica, sans-serif;
float: right;
width: 154px;
min-height: 250px;
text-align:right;
padding:0px;
margin:0px;
}
#right ul {
font-family:Arial, Helvetica, sans-serif;
list-style: none;
padding-bottom: 4px;
text-align:right;
}
#right li {
text-align:right;
padding:0px 0px 5px 0px;
margin:0px 0px 0px auto;
font-family:Arial, Helvetica, sans-serif;
}
#right li a {
border-right:4px solid #fff;
padding:5px;
margin:0px 0px 0px auto;
display:block;
width:auto;
color:#444444;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#right li .active {
border-right:4px solid #879a7a;
margin:0px 0px 0px auto;
padding:5px;
color:#879a7a;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#right li a:hover {
margin:0px 0px 0px auto;
color:#999999;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#rightFP {
font-family:Arial, Helvetica, sans-serif;
float: right;
width: 160px;
min-height: 250px;
text-align:right;
padding:0px;
margin:0px;
}
#rightFP ul {
font-family:Arial, Helvetica, sans-serif;
list-style: none;
padding-bottom: 4px;
text-align:right;
}
#rightFP li {
text-align:right;
padding:0px 0px 5px 0px;
margin:0px 0px 0px auto;
font-family:Arial, Helvetica, sans-serif;
}
#rightFP li a {
border-right:4px solid #fff;
padding-right:5px;
margin:0px 0px 0px auto;
display:block;
width:auto;
height:20px;
color:#444444;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#rightFP li .active {
border-right:4px solid #879a7a;
margin:0px 0px 0px auto;
padding-right:5px;
color:#879a7a;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#rightFP li a:hover {
margin:0px 0px 0px auto;
color:#999999;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#title {
margin:0px 0px 10px auto;
padding:0px 0px 2px 0px;
vertical-align:top;
text-align:left;
line-height:22px;
width:144px;
height:auto;
min-height:16px;
border-bottom:1px solid #999999;
}

* html #title {
height: 16px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#title h3 {
min-height:16px;
margin:0px 0px 0px auto;
padding:0px 0px 0px auto;
color:#879a7a;
line-height:22px;
font-weight:normal;
text-decoration:none;
font-style:normal;
text-align:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 22px;
}

#titleFP {
padding:0px 0px 2px auto;
vertical-align:top;
text-align:left;
line-height:22px;
width:160px;
height:auto;
min-height:16px;
border-bottom:1px solid #999999;
}

* html #titleFP {
height: 16px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#titleFP h3 {
min-height:16px;
margin:0px 0px 0px auto;
padding:0px 0px 0px auto;
color:#879a7a;
line-height:22px;
font-weight:normal;
text-decoration:none;
font-style:normal;
text-align:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 22px;
}
.subNavFix {
min-height:16px;
margin:0px 0px 0px auto;
padding:0px 0px 0px auto;
color:#879a7a;
line-height:22px;
font-weight:normal;
text-decoration:none;
font-style:normal;
text-align:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 22px;
}
* html #title h3 {
height: 16px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#title h3 span {
color:#879a7a;
font-size: 12px;
}
#title h3 a{
min-height:16px;
margin:0px 0px 0px auto;
padding:0px 0px 0px auto;
color:#879a7a;
line-height:22px;
font-weight:normal;
text-decoration:none;
font-style:normal;
text-align:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 22px;
}
* html #title h3 a{
height: 16px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#title h3 a:hover{
min-height:16px;
margin:0px 0px 0px auto;
padding:0px 0px 0px auto;
color:#879a7a;
line-height:22px;
font-weight:normal;
text-decoration:none;
font-style:normal;
text-align:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 22px;
}
* html #title {
height: 16px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#title h3 a:visited{
min-height:16px;
margin:0px 0px 0px auto;
padding:0px 0px 0px auto;
color:#879a7a;
line-height:22px;
font-weight:normal;
text-decoration:none;
font-style:normal;
text-align:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 22px;
}
* html #title {
height: 16px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/* CONTACT */

#titleContact {
margin:0px 0px 0px auto;
padding:0px;
vertical-align:top;
text-align:right;
width:144px;
height:30px;
border-bottom:1px solid #999999;
}
#titleContact h3 {
cursor:
margin:0px;
padding:0px;
font-weight:normal;
text-decoration:none;
font-style:normal;
text-align:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 22px;
}

/**************************
SITEMAP
**************************/
#sitemap {
font-family:Arial, Helvetica, sans-serif;
float: left;
width: 540px;
text-align:left;
padding:0px;
margin:0px;
}
/*
#sitemap ul {
font-family:Arial, Helvetica, sans-serif;
list-style: none;
padding-bottom: 4px;
text-align:right;
}
#sitemap li {
text-align:left;
padding:0px 0px 2px 0px;
margin:0px 0px 0px auto;
font-family:Arial, Helvetica, sans-serif;
}
#sitemap a {
margin:0px 0px 0px auto;
display:block;
width:auto;
padding:0px 0px 7px 0px;
color:#444444;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#sitemap a:active {
margin:0px 0px 0px auto;
color:#879a7a;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#sitemap a:hover {
margin:0px 0px 0px auto;
color:#999999;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
*/

/**************************
FOOTER
**************************/

#footerOne {
clear:both;
font-family: Arial, Helvetica, sans-serif;
color:#444444;
padding: 40px 5px 0px 5px;
width: 550px;
margin:auto auto 0px auto;
text-align: center;
vertical-align: bottom;
border-bottom: 1px solid #999999;
}
#footerOne a {
text-decoration:none;
color:#444444;
}
#footerOne a:hover{
text-decoration:underline;
color:#444444;
}
#footerOne ul {
margin-bottom:5px;
padding:0px;
list-style: none;
}
#footerOne li {
display: inline;
padding-right: 10px;
}
#footerTwo {
font-family: Arial, Helvetica, sans-serif;
color:#444444;
padding: 5px;
width: 550px;
height: 88px;
margin:auto auto 0px auto;
text-align: center;
vertical-align: top;
}
#footerTwo a{
color:#444444;
}

div.hoverText {
	background: transparent;
	color:#fff;
	margin:0px 0px 0px 0px;
	padding:10px;
	border:0px;
	overflow: hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/green-50.png');
}

div.hoverText[id] {
	background: transparent url(/images/green-70.png) repeat 0 0;
}