/*=--------------GENERAL STYLES ------------------*/

* {margin: 0; padding: 0;}

body {background: #fff url(../images/backgrounds/bgMain3.gif) no-repeat center top; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #808080; line-height: 1.7em; text-align: center;}

a {color: #1b84b0;}
a:link, a:visited {color: #1b84b0;}
a:hover, a:active {color: #e1963d;}
p {margin-bottom: 1em;}
img {border: 0;}
input, textarea {font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #999;}
ul {padding-left: 1.5em; font-size: 11px; margin-bottom: 1em;}

h1, h2, h4, h5 {margin-bottom: 1em; font-weight: normal;}
h1 {color: #000; font-size: 16px;} /*Used for the BLACK header on the homepage*/
h2 {color: #6f6f6f; font-size: 18px;} /* Used for the GRAY text in top bar*/
h3 {font-size: 14px; margin: 2px 0 0 0;} /* Used for the featureBox headers text in top bar*/
h5 {font-size: 18px; color: #000;} /* Used for the PAGE HEADERS*/

.blueText {color: #1b84b0;} 
.yellowText {color: #b29522;} 
.tealText {color: #357995;} 
.whiteText {color: #fff;} 
.grayText {color: #7f7e7e;}
.darkgrayText {color: #5d5d5d;}
ul li span.bulletSpace {margin-bottom: 1em; display: block;}

.floatRight{float: right;}
.floatLeft {float: left;}
.clearBoth {clear: both;}

.orangeBar {background: #e1963d; width: 100%; height: 11px;}
.spacerTop {border-top: solid 2px #fff;}
.spacerBot {border-bottom: solid 2px #fff;}

.dividerDots {background: #fff url(../images/general/dividerDots.gif) repeat-x left top; width: 382px; height: 3px; margin: 1em 0; clear: both;}

#containerWrapper
{background: #fff url(../images/backgrounds/bgContent3.gif) no-repeat center top; width: 956px; margin: 0 auto;}

#containerMain
{background: #fff; width: 900px; height: auto; margin: 0 auto; padding-bottom: 40px; text-align: left;}


/*=--------------HEADER & SEARCH STYLES ------------------*/

#header {width: 100%;}
#header h2 {float: left; padding: 25px 0 0 0;}
#searchBox {width: 229px; height: 30px; background: #fff url(../images/inputs/searchInput.gif) no-repeat left top; float: right; margin-top: 21px;}
#searchBox input[type="text"] {width: 130px; height: 16px; float: left; margin: 8px 10px 0 15px; border: 0; font-size: 14px;}

*html #searchBox input.inputText
{width: 130px; height: 16px; float: left; margin: 8px 10px 0 15px; border: 0; font-size: 14px;}

/*=--------------MASTHEAD STYLES ------------------*/

/*

#mast {background: #fff url(../images/masts/homeMast.jpg) no-repeat left top; width: 100%; height: 212px; color: #fff; }
#mast .testimonialWrapper {display: table; width: 175px; height: 190px; #position: relative; overflow: hidden; padding: 18px 0 0 692px;}
#mast .testimonialMain {width: 175px; height: 100%; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
#mast .testimonial {width: 175px; #position: relative; #top: -50%; font-size: 18px; line-height: 1.2em;}
#mast .testimonialMain p{text-align: right; font-size: 11px; line-height: normal;}
*/


#header1_mast {background: #fff url(../images/masts/homeMast.jpg) no-repeat left top; width: 100%; height: 212px; color: #fff; float: left;}

#header1_mast .testimonialWrapper {display: table; width: 175px; height: 190px; #position: relative; overflow: hidden; padding: 18px 0 0 692px;}
#header1_mast .testimonialMain {width: 175px; #position: absolute; #top: 55%;display: table-cell; vertical-align: middle;}
#header1_mast .testimonial {width: 175px; #position: relative; #top: -50%; font-size: 16px; line-height: 1.2em;}
#header1_mast .testimonialMain p{text-align: right; font-size: 11px; line-height: normal;}

#header1_mast .testimonialWrapperHome {display: table; width: 175px; height: 190px; #position: relative; overflow: hidden; padding: 18px 0 0 18px;}
#header1_mast .testimonialMainHome {width: 175px; #position: absolute; #top: 55%;display: table-cell; vertical-align: middle;}
#header1_mast .testimonialHome {width: 175px; #position: relative; #top: -50%; font-size: 16px; line-height: 1.2em;}
#header1_mast .testimonialMainHome p {text-align: right; font-size: 11px; line-height: normal;}
#header1_mast .Rotator {margin-left: 680px; padding-right: 5px;}


/*-------------------- IE6 Slider Testimonial Fixes ------------------------*/

*html #header1_mast {}

*html #header1_mast .testimonialWrapperHome {}
*html #header1_mast .testimonialMainHome {}
*html #header1_mast .testimonialHome {}
*html #header1_mast .testimonialMainHome p {}
*html #header1_mast .Rotator {}

/*-------------------- IE6 Slider Testimonial Fixes ------------------------*/


/*= for logo link */
#mastLogoLink {cursor: pointer;}
#mastLogoLinkContainer {position: relative; top: -146px; left: 30px; width: 290px; height: 50px; float: left; z-index: 1;}

*html #mastLogoLinkContainer {margin-top: -146px; top: 0;}

/*=--------------NAVIGATION STYLES ------------------*/

#nav {width: 177px; float: left; margin-bottom: 25px;}
#nav ul {list-style: none; padding: 0; font-size: 12px;}
#nav ul li {margin-bottom: 4px;}
#nav ul li a {width: 177px; background: transparent url(../images/nav/rc_navDefault_top.gif) no-repeat left top; text-decoration: none; display: block; font-size: 12px; color: #959595; overflow: hidden;}
#nav ul li a span {background: transparent url(../images/nav/rc_navDefault_bot.gif) no-repeat left bottom; padding-bottom: 7px; padding: 0 18px 2px 11px; display: block;}
#nav ul li a.active {background: transparent url(../images/nav/rc_navActive_top.gif) no-repeat left top; color: #fff;}
#nav ul li a span.active {background: transparent url(../images/nav/rc_navActive_bot.gif) no-repeat left bottom;}
#nav ul li a:hover {background: transparent url(../images/nav/rc_navOver_top.gif) no-repeat left top; color: #fff;}
#nav ul li a:hover span {background: transparent url(../images/nav/rc_navOver_bot.gif) no-repeat left bottom; color: #fff;}

/*=-------------SUB NAV STYLES ---------------------*/

#nav ul li.subNav {display: none;}

#nav ul li.subNavActive {padding: 0; margin-top: 5px; line-height: 1em;}
#nav ul li.subNavActive div {margin: 10px 0 0 10px; width: 167px;}
#nav ul li.subNavActive div a {background-image: none; width: 167px; height: 110%; margin-bottom: 10px; padding-left: 10px; padding-bottom: 1px; display: block;}
#nav ul li.subNavActive div a:hover {color: #545353; background-image: none;}
#nav ul li.subNavActive div a.subActive {color: #1e86b1; background: #fff url(../images/nav/activeArrow.gif) no-repeat left top;}
			/*----------- .subActive class goes on the active interior nav link -------------*/

*html #nav ul li a.subNavActive div a:hover  {background-position: left top;}


/*=-------------UNDER NAV ITEMS STYLES ---------------------*/

#contactWrapper {background: transparent url(../images/backgrounds/contactTop.gif) no-repeat left top; width: 165px; padding-top: 10px; margin-top: 38px;}
#contactBox {background: transparent url(../images/backgrounds/contactBot.gif) no-repeat left bottom; padding: 11px; line-height: 1em;}
#contactBox h4 {margin-bottom: 0.5em; color: #789dad; font-size: 12px; font-weight: bold;}
#contactBox p {font-size: 10px;}
.facebook {margin-top: 38px;}

/*=--------------FOOTER STYLES ------------------*/

#footer {background: #fff url(../images/backgrounds/bgFooter.gif) no-repeat left top; width: 100%; height: 96px; padding-top: 18px;}
#footer ul {float: left; list-style: none; margin: 0; padding: 0 26px; font-size: 11px; line-height: 1.5em; border-right: solid 1px #fff;}
#footer ul.footerListone {margin-left: 186px;}
#footer ul.footerListthree {border: 0;}
#footer ul li a{color: #fff; display: block; padding: 0 2px;}
#footer ul li a:hover{color: #1b84b0; background: #fff;}
#footer p {font-size: 9px; color: #fff; float: right; padding-right: 30px;}

*html #footer ul.footerListone {margin-left: 86px; padding-right: 26px;}
*html #footer ul li a {display: inline;} 

/*=--------------CONTENT STYLES ------------------*/

#contentMain {width: 100%; margin: 34px 0 10px 0;}
#content {width: 688px; min-height: 500px; float: left; margin: 0 0 0 35px;} 
#contentCopy {width: 422px; float: left; margin-right: 40px;}
#contentFull {width: 650px; float: left;}
#contentFull ul, #contentFull ol{margin-left: 1em;}

*html #content {margin: 0 0 35px 0; float: right;}

#contentCopy li
{margin-left: 2em;}

#contentCopy ol li, #contentFull ol li
{margin-bottom: 1em;}

img.detailButton
{margin: 0 3.5em 0 0; float: right;}

#contentCopy ol li, #contentFull ol li
{list-style: none;
margin: 0; padding: 0;}

#contentCopy img {margin: .5em 1em 0 1em;}
#contentFull img {margin: .5em 1em 0 1em;}

#contentCopy p a img.detailButton
{margin-bottom: 1em;} 

#pnlOtherNews ol li, #ProjectControl_pnlOtherProjects ol li, #pnlPagination ol li
{margin-bottom: 1em; clear: both;}


/*=--------------BOXED CONTENT STYLES ------------------*/

#sideBar {float: left; width: 226px; height: auto; margin-right: -226px;}


#featureNews {background: #fff url(../images/backgrounds/greenBot.gif) no-repeat left bottom; width: 226px; height: 100%; overflow: hidden;}
#featureNews h3 {background: #fff url(../images/backgrounds/greenTop.gif) no-repeat	left top; height: 21px; padding: 2px 0 0 15px; margin-top: -1px;}
#featureNews ul {width: 187px; margin: 5px 10px 0 0; list-style:none outside none; padding-left: 15px; font-size: 10px; line-height: 1.5em;}
#featureNews li{margin: 0 0 1em 0; padding-bottom: 0.5em; border-bottom: dashed 1px #464644;} 
#featureNews li a{color: #464644; text-decoration: none; display: block; padding: 0 2px;}
#featureNews li a:hover {background: #fff; color: #60ae58; /*text-decoration: underline;*/}

*html #featureNews h3 {padding: 1px 0 0 15px;}


#successStory {background: #fff url(../images/backgrounds/greenBot.gif) no-repeat left bottom; width: 226px; height: 100%; overflow: hidden;}
#successStory h3 {text-align: left; color: #fff; background: #fff url(../images/backgrounds/bgOrange_top.gif) no-repeat left top; height: 21px; padding: 2px 0 0 15px; margin-top: -1px;}
#successStory #successStoryHeadingBackground {text-align: center !important; vertical-align: top; background: #e1963d; height: 108px;}
#successStory #successStoryCopy {margin: 0; padding: 5px 10px 0 15px; background: #fff url(../images/backgrounds/bgOrange_bot.gif) no-repeat left top; font-size: 10px; line-height: 1.5em;}
*html #successStory h3 {padding: 1px 0 0 15px;}




/*=------------HOME PAGE FEATURE BOXES -----------------*/

.featureBox {width: 283px; float: right;margin-left: 32px; padding: 8px 30px 0 15px; font-size: 10px; line-height: 1.7em; clear: both;}
.featureBox h3 {margin-bottom: 0.5em;}
.featureBox .detailsButton  {float: right;}
.yellowBox {background: #fff url(../images/backgrounds/bgYellow.gif) no-repeat left top;}
.tealBox {background: #fff url(../images/backgrounds/bgTeal.gif) no-repeat left top;}

img.featureImage {float: left; margin: 0 21px 20px 0;}

*html .featureBox {margin-left: 12px;}

/*=-------------INTERIOR FEATURE BOXES ---------------*/

.sidefeatureBox {width: 198px; min-height: 65px; padding: 8px 14px; font-size: 10px; line-height: 1.3em; margin: 0;}
.sidefeatureBox h3 {margin-bottom: 5px;}
.sidetealBox {background: #fff url(../images/backgrounds/bgTeal_inner.gif) no-repeat left top;}
.sideyellowBox {background: #fff url(../images/backgrounds/bgYellow_inner.gif) no-repeat left top;}

.sidefeatureBox .imageButton {float: right; width: 46px; margin-left: 10px;}
.sidefeatureBox .innerDetails {margin-top: 5px; float: right;}

/*=--------------NEW STYLES FOR VIDEO SIDE BAR --------------*/

.sidebarVideos h3 {margin-bottom: 1em;}
.sidebarVideos ul {list-style: none; padding-left: 0; line-height: 1.3em;}
.sidebarVideos ul li {border-bottom: dashed 1px #464644; margin-bottom: 1em; padding-bottom: 1em;}
.sidebarVideos a {font-size: 12px; font-weight: bold; text-decoration: none; color: #666;}
.sidebarVideos a:hover {color: #e1963d;}
.sidebarVideos img {float: right; margin: 0 0 5px 5px;}

/*=--------------NEW STYLES FOR STAND ALONE VIDEO PLAYER --------------*/

#contentVideoSolo {background: #fff url(../images/backgrounds/bgVideoSolo.gif) repeat-x center top; width: 400px; height: 300px; text-align: center;}
#videoPlayer {margin: 0 auto;}

/*---------------------------PROJECT GALLERY STYLES -----------*/

#projectsList {width: 453px; padding: 0; margin: -10px 0 0 0;}
    
#projectsList em {margin-top: 1em; font-size: 14px; color: #3b6191;}

#projectsList strong {color: #333; font-weight: bold;}

.projectDescription {padding: 10px 0; border-bottom: dashed 1px #8c8c8c; height: 100%;}
    
.projectDescription a {text-align: right; float: right;}
    
/*---------------------------PROJECT GALLERY STYLES -----------*/ 
    
/* Styles created and edited by J.Fowler */
	.projectGallery
	{background: transparent url(../images/backgrounds/bgProject.gif) no-repeat center top; 
	float: right; width: 220px; min-height: 220px; text-align: center; padding: 5px 0 10px 0; margin: 1em 0 0 1em; font-size: 11px; line-height: 1.5em; color: #333;}

	*html .projectGallery {height: 220px;}

	#galleryThumbs {float: right; width: 220px; text-align: center; padding: 15px 0 0 0;}

	#galleryThumbs span {font-size: 9px; font-style: italic; text-align: center; margin: 0;}
/* end style edit by J.Fowler */



.projectGallery table.thumbGallery tr td table {width: 180px; background: transparent;}

.projectGallery table.thumbGallery tr td table tr td {padding: 2px;}

#contentCopy .projectGallery table.thumbGallery img {margin: 0;}

.projectGallery td {padding: 5px 10px;}

.projectGallery span {display: block; width: 200px; margin: 0 auto; padding: 0; text-align:left;}

.projectGallery p {padding: 0; margin: 1em 0 0 0;}

span.projectScorecardLabel { font-weight: bold; padding: 0; margin: 0; }

#projectServicesList {list-style:disc outside none; padding-left: 1em; margin: 3px 0 1em 0;}

#projectServicesList li {padding-bottom: 5px;}

.projectGallery strong {font-weight: bold; font-size: 12px;}

.projectGallery table {padding: 0; margin: 0; width: 184px;}

.projectGallery td {text-align: center;}

.projectGallery td a img {display: block; border: 2px solid #999;}

.projectGallery td a img:hover {border: solid 2px #003e7e;}

.projectGallery td a.lastThumb {margin-right: 0;}


/*=------------CONTACT PAGE STYLES ------------*/

#content-contact
{margin-top: 1em;}

#content-contact td
{padding: 0 1em 1em 0;}

#content-contact label
{padding-left: 1em;}

/*----------PAGINATION --------------*/

.pagination {clear: both; margin: 12px 0; padding-right: 5px; text-align: right; font-size: 90%;}
.pagination a.box:link, .pagination a.box:active, .pagination a.box:visited {
    border: 1px solid #8c8c8c; 
    padding: 3px 7px; 
    text-decoration: none; 
    font-weight: bold; 
}
.pagination a {color: #3b6191;}
.pagination a:hover {background: #3b6191; color: #fff;}
.pagination div.results {display: block; margin-top: 6px; }

/*----------PAGINATION --------------*/


/*=---------------------PAGINATION-------------------------*/

.PagingWrapper
{width:400px; margin:0; padding:0;}


.PagingPagerRow
{width:100%; 
    text-align: right;
    vertical-align: middle;}

.PagingPagerRow span
{display: inline!important;
margin: 0; padding: 0; font-size: 14px;}

.PagingPagerRow p
{padding: 2px 0px 5px 5px;
clear: both;}

.PagingPagerRow a
{border: solid 1px #ccc; padding: 1px 6px; text-decoration: none; font-weight: bold; font-size: 14px; margin: 0 4px;}

.PagingPagerRow a:hover
{color: #fff; background: #1b84b0; border: solid 1px #1b84b0;}

.PagingTable
{padding: 5px 0;}    

.PagingTable strong
{font: 12px Verdana!important;
font-weight: bold!important;
color: #999!important;}


/* error messaging -----------------------------------------*/
#error {margin: 12px 0; padding: 10px 5px 10px 10px; background: #FFDFDF url(../images/formatting/icons/error.gif) no-repeat 10px 50%; color: #cc0000; border: 1px solid #EFA4A4;}
#error ul {list-style: none; margin: 0; padding: 0 30px; font-weight: bold;}
#error ul li {list-style: none;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF url(../images/formatting/icons/action.gif) no-repeat 6px 50%; color: #009900; border: 1px solid #B6EFA4;}
#action ul {list-style: none; margin: 0; padding: 0 30px; font-weight: bold;}
/* error messaging -----------------------------------------*/


/*=--------------Back Bid Tile STYLES ------------------*/


a.backTheBid {display: block; width: 166px; cursor: pointer; margin-top: 40px; text-decoration: none;}
a.backTheBid:hover #backTheBidInfo p {color: #1b84b0; text-decoration: none;}

#backTheBidTitle {background: transparent url(../images/inputs/backBidTop.gif) no-repeat center top; width: 156px; height: 89px; text-align: left; text-transform: uppercase; padding: 40px 0 0 10px;}
#backTheBidTitle h1 {font: bold 26px Arial, Sans-serif; color: #fff; margin: 0; line-height: 1em;}
#backTheBidTitle p {font: bold 13px Arial, Sans-serif; color: #fdfd25; margin: 2px 0 0 0; padding: 0; line-height: 1em;}

#backTheBidInfo {background: transparent url(../images/inputs/backBidBot.gif) no-repeat center bottom; padding: 15px 10px 5px 10px; color: #808080; text-align: center;}
#backTheBidInfo p {line-height: 1.4em;}
#backTheBidInfo strong {text-transform: uppercase;}