body {
  padding: 0px;
  margin: 0px;
  background: gray url("../images/red-bg.gif") center repeat-y;
  font-family: palatino linotype, tahoma, helvetica, arial;
  font-size: 10pt;
  text-align: center;
}

div.wide-container {
  width: 1000px;
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
}

div.with-arch {
	  background: url('../images/bg-arch.gif') repeat-x;
}
/* Popup boxes for displaying values */
div.popupBox {
	border:1px solid gray;
	padding:0px;
	background-color:white;
	font-size:0.9em;
	width:250px;
	opacity:0.95;
	text-align:left;
	background: url('../images/popup-bg.gif') repeat-x white;
}

div.popupBox h1 {
	margin:0px;
	padding:3px;
	background-color:#a81a1c;
	font-size:1.1em;
	color:#fff;
	font-weight:bold;
}
div.popupBox li {
	text-align:left;
	margin:3px;
}


/* Info boxes for displaying values */
div.infoBox {
	border:1px solid gray;
	padding:0px;
	background-color:white;
	font-size:0.9em;
	width:275px;
	opacity:0.95;
	text-align:left;
	margin:10px 0px;
}

div.infoBox h1 {
	cursor:pointer;
	margin:0px;
	padding:3px;
	background-color:#a81a1c;
	font-size:1.1em;
	color:#fff;
	font-weight:bold;
}
div.infoBox p {
	text-align:left;
	margin:3px;
}

area {
	cursor:pointer;
    border:1px dotted green;
}
/* This is to accommodate an IE 5.5 bug that messes up the navigational behavior. */
/* TODO: move this to an IE5.5 specific styleheet*/
/*  behavior: url("/css/csshover.htc"); */
#masthead {
  height: 115px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-image: url('../images/ggbridge-gray-1000x150.gif');
  background-position: top;
}

#masthead-left {
  float: left;
  text-align: left;
  padding: 15px;
  width: 875px;
}

#masthead-right {
  padding-top: 5px;
  float: left;
  text-align: left;
}

.redbg {
  background-color: #a81a1c;
}

.graybg {
  background-color: #322E2B;
}

.redfont {
  color: #a81a1c;
}
	
ul ul {
/*  list-style-position: outside;*/
  list-style-image:url("../images/dash-bullet.gif");
}

ul {
  list-style-image: url("../images/sm-bullet.gif");
}


a {
  color: #a81a1c;
  cursor: pointer;
  text-decoration: none;
}

a.plain {
  color: white;
  text-decoration: none;
}

a img { /* Prevent decoration of images within anchors. */
  border: 0px;
}

img.context-image {
  border: 1px solid #999;
  margin: 3px 5px 5px 0px;
}

#navigation {
  background-color: #322e2b;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

#div.debug-window {
	position:absolute;
	left:10px;
	top:250px;
	width:400px;
	background-color:white;
}

input, textarea {
  margin: 3px;
  border: 1px solid #555;
  background-color: white;
  font-family: tahoma, helvetica, arial;
  color: #555;
  font-size: 1.0em;
  text-align: left;
}

button {
  margin: 3px;
  text-transform: lowercase;
  background-color: #ffe !important;
  border: 1px solid #555;
  color: #a81a1c;
}

table {
  border-collapse: collapse;
  border: 1px solid gray;
  text-align: left;
}

div.case-study-title {
  width: 980px;
  font-size: 1.5em;
  color: white; /*#a81a1c; */
  font-weight: bold;
  text-align: right;
  padding: 10px;
  margin-bottom:20px;
}

td {
  border-collapse: collapse;
  border: 0px;
  text-align: left;
}

td.column-header {
  background-color: #a81a1c;
  text-align: center;
  padding: 3px;
  text-transform: none;
  font-weight: bold;
  font-size: 1.2em;
  color: white;
}

td.content-table-cell {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  padding: 5px 15px;
  vertical-align: top;
}

td.quotation em {
	font-size:1.1em;
}

table.case-study-table {
  margin: 10px;
  padding: 10px;
  border-collapse: collapse;
  border: 0px;
}

table.case-study-table p {
  margin: 5px;
}

table.case-study-table ul {
  margin: 5px;
}

table.case-study-table td.column-left {
  vertical-align: top;
  width: 25%;
  border: 0px;
  padding: 5px 5px 5px 0px;
}

table.case-study-table td.column-right {
  vertical-align: top;
  width: 75%;
  border: 0px;
  padding: 5px 0px 5px 5px;
}

table.case-study-table div.content-div {
  border: 1px solid gray;
  background-color: #D6D6CA;
  margin-bottom: 5px;
  padding: 0px;
}

/* short-term fix for stylizing UL in ie.
div.content-div ul {
	margin-left:20px;
}*/

div.content-div h1 {
  font-size: 1.1em;
  height: 1.5em;
  margin: 0px;
  padding: 3px 5px;
  background-color: #a81a1c;
  font-weight: bold;
  color: white;
}

table.lower-content {
  border: 1px solid gray;
  background-color: #d6d6ca;
  margin: 10px;
  padding: 10px;
  width: 980px;
}

table.lower-content td {
  border: 0px;
  padding: 5px 15px;
  vertical-align: top;
}

div.blog-entry {
  border: 1px solid #999;
  margin: 5px 0px;
  padding: 3px;
}
/** Fancy navigational stuff */
#main_nav {
  list-style: none;
  height: 40px;
  width: 500px;
  margin: 0px;
  padding: 5px;
}

#main_nav li {
  float: left;
  list-style: none;
}

#main_nav li a {
  text-indent: -999999px;
  overflow: hidden;
  display: block;
  height: 40px;
}
/* These hovers will blur all menu items when any one of them has been hovered. */
#main_nav:hover li a#home {
  background-position: -160px;
}

#main_nav:hover li a#aboutus {
  background-position: -160px;
}

#main_nav:hover li a#approach {
  background-position: -160px;
}

#main_nav:hover li a#careers {
  background-position: -160px;
}

#main_nav:hover li a#contact {
  background-position: -160px;
}

#main_nav:hover li a#services {
  background-position: -160px;
}

#main_nav:hover li a#news {
  background-position: -160px;
}

a#home {
  background: url(../images/nav/home.gif);
  background-repeat: no-repeat;
  width: 80px;
}

a#home.active {
  background-position: -80px 0px;
}

a#home:hover {
  background-position: -80px 0px !important;
}

#aboutus {
  background: url(../images/nav/aboutus.gif);
  width: 80px;
}

#aboutus.active {
  background-position: -80px 0px;
}

#aboutus:hover {
  background-position: -80px 0px !important;
}

#services {
  background: url(../images/nav/services.gif);
  background-repeat: no-repeat;
  width: 80px;
}

#services.active {
  background-position: -80px 0px;
}

#services:hover {
  background-position: -80px 0px !important;
}

#news {
  background: url(../images/nav/news.gif);
  background-repeat: no-repeat;
  width: 80px;
}

#news.active {
  background-position: -80px 0px;
}

#news:hover {
  background-position: -80px 0px !important;
}

#careers {
  background: url(../images/nav/careers.gif);
  background-repeat: no-repeat;
  width: 80px;
}

#careers.active {
  background-position: -80px 0px;
}

#careers:hover {
  background-position: -80px 0px !important;
}

#contact {
  background: url(../images/nav/contact.gif);
  background-repeat: no-repeat;
  width: 80px;
}

#contact.active {
  background-position: -80px 0px;
}

#contact:hover {
  background-position: -80px 0px !important;
}