/* CSS for  */
* {
	margin: 0;
	padding: 0;
}

body {
	font: 62.5% helvetica, tahoma, arial, sans-serif;
	background-color: #fff;
	background-image: url('/images/bg-body-index1.gif') top center no-repeat;
}

body.index {
	background: #e5e5e5 url('/images/bg-body-index1.gif') top center no-repeat;
}
a { }
a:link { }
a:hover { }

h1 {
	font-size: 1.3em;
  text-transform: none;
  width: 560px;
  height: auto;
  padding: 15px 0 15px 0;
  margin: 0;
}
h2 {
	color: #273c89;
	font-size: 1.1em;
  padding-bottom: 5px;
  padding-top: 15px;
}
h3 {
	color: #499a45;
	font-size: 1em;
  padding-bottom: 5px;
}

input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 10px 0 10px 20px; }
li { margin: 0 0 5px 0; }

img { border: 0; }
img.l { margin: 0 10px 0 0; }
img.r { margin: 0 0 0 10px; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.small { font-size: .89em; }
.large { font-size: 1.11em; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-l { text-align: left; }

#top-bar {
  height: 27px;
}

#nav {
  padding-top: 5px;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	font-weight: bold;
  color: #000;
  text-decoration: none;
  padding: 0 10px;
  
}


#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
  border-left: 1px solid #000;
  background: url('/images/blank.gif');
}

#nav li.first {
  border: 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
  background: url('/images/blank.gif');
	width: 12em;
	left: -999em;
  z-index: 100;
  padding-top: 6px;
  border-bottom: 1px solid #08233d;
}

#nav li ul li {
 	float: left;
	width: 12em; /* width needed or else Opera goes nuts */
  margin: 0;
  border: 0;
}

#nav li ul li a{
  display: block;
  border-left: 1px solid #08233d;
  border-right: 1px solid #08233d;
  background: #fff;
  padding: 4px;
  width: 11.2em;
}

#nav li ul li a:hover{
  color: #fff;
  background: #08233d;
}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover {
    position: static;
}

#main {
  width: 898px;
  margin: 0 auto;
  font-size: 1.3em;
}

#tr-nav {
  float: right;
  width: 120px;
  color: #11477a;
  text-align: right;
  padding-top: 5px;
}

#tr-nav a {
  color: #11477a;
  text-decoration: none;
}

#tr-nav a:hover {
  text-decoration: underline;
}

#header {
  height: 149px;
  clear: both;
}

#header img.logo {
  position: absolute;
  margin: 5px 0 0 0;
}

#header img.quote {
  position: absolute;
  margin: 40px 0 0 230px;
}

#header p.contact-info { 
  float: right;
  color: #fff;
  text-align: right;
  padding-top: 20px;
  font-size: .9em;
}

#index-callouts {
  height: 231px;
}

#index-callouts a.callout {
  display: block;
  width: 295px;
  float: left;
  height: 231px;
  text-decoration: none;
}

#index-callouts a.callout:hover h2 {
  text-decoration: underline;
}

#index-callouts  h2 {
  padding-left: 40px;
  padding-top: 3px;
  display: block;
  height: 24px;
  margin: 28px 0 115px 12px;
  font-size: 1.3em;
}

#index-callouts p {
  padding: 10px;
  margin: 0;
  text-align: right;
  font-size: .9em;
  color: #11477a;
}

#index-callouts .more {
  background: right no-repeat;
  padding-right: 15px;
  margin-top: 5px;
  font-weight: bold;
  font-size: 1.2em;
}

#index-callouts a:hover .more {
  text-decoration: underline;
}


#index-callouts .callout img.photo {
  position: absolute;
  width: 271px;
  height: 109px;
  padding: 12px;
  margin-top: 50px;
  display: block;
  background: url('/images/bg-index-photo.png') no-repeat;
}

#index-callouts .project-management{
  margin-left: 6px;
}

#index-callouts div.it{
  margin-left: 6px;
}

#index-callouts .performance h2 {
  background: url('/images/bg-callout-performance.gif') top left no-repeat;
  color: #11477a;
}
#index-callouts a.performance  { color: #11477a; }

#index-callouts .performance .more{
  background-image: url('/images/bg-more-performance.gif');
  color: #11477a;
}


#index-callouts .project-management h2 {
  background: url('/images/bg-callout-project-management.gif') top left no-repeat;
  color: #13890a;
}

#index-callouts a.project-management {
  color: #13890a;
}

#index-callouts .project-management .more{
  background-image: url('/images/bg-more-project-management.gif');
  color: #13890a;
}

#index-callouts .it h2 {
  background: url('/images/bg-callout-it.gif') top left no-repeat;
  color: #c8840d;
}

#index-callouts a.it {
  color: #c8840d;
}

#index-callouts .it span.more{
  background-image: url('/images/bg-more-it.gif');
  color: #c8840d;
}

#index-quote {
  font-size: 1.1em;
  color: #000;
  border: 2px solid #273c89;
  padding: 10px;
  margin: 0 10px;
}

#index-quote strong.name {
  float: right;
  position: relative;
  top: 20px;
  background: #fff;
  padding: 0 10px;
}

#bwm-copy {
  background: #fff;
  padding: 0 12px 15px 12px;
}

.index #bwm-copy {
  background: none;
}

#right-col {
  float: right;
  width: 297px;
  line-height: 1.4em;
  font-size: .9em;
  padding-top: 15px;
}

#right-col h2 {
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  padding: 5px 0 0 10px;
  background: url('/images/bg-right-col-h2.gif') no-repeat;
  height: 20px;
  width: 287px;
  float: left;
}

#right-col h3{
  padding: 0 2px 5px 10px;
}

#right-col p {
  padding: 10px;
}

#right-col ul {
  margin-top: 0;
}

#right-nav{ }

#right-nav ul { 
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#right-nav ul li {
  border-bottom: 1px solid #e6e6e6;
}

#right-nav ul li a{
  display: block;
  padding: 5px 0 5px 15px;
  background: url('/images/bg-right-nav-a.gif') left no-repeat;
  margin: 1px 0;
  color: #273c89;
  font-weight: bold;
  font-size: 1.5em;
  text-decoration: none;
  line-height: 1.3em;
}

#right-nav ul li a:hover {
  color: #e6e6e6;
  background: #273c89 url('/images/bg-right-nav-a-hover.gif') left no-repeat;
}
  

#right-col img.large-image {
  border: 3px solid #273c89;
  display: block;
  margin-bottom: 12px;
}

#right-col .right-block {
  padding-bottom: 15px;
  font-size: 1.1em;
}

#right-col .right-block .left-side {
  float: left;
  width: 170px;
  border-right: 1px solid #bababb;
  padding-top: 5px;
}

#right-col .right-block p {
  padding: 0 10px 10px 10px;
}

#right-col .right-block .right-side {
  float: left;
  display: inline;
  padding: 5px 0 0 0;
  text-align: right;
  width: 80px;
}


#right-col .icon {
  padding-left: 20px;
  height: 14px;
  display: block;
  background: center left no-repeat;
  padding-bottom: 0px;
  padding-top: 2px;
  margin-bottom: 2px;
  text-align: right;
  width: 80px;
}

#right-col  .email { background-image: url('/images/email-icon.gif'); }
#right-col  .phone { background-image: url('/images/phone-icon.gif'); }
#right-col  .fax { background-image: url('/images/fax-icon.gif'); }

#right-col .right-block .right-side a{
  font-weight: bold;
  color: #499a45;
  text-decoration: none;
}

#right-col .right-block .right-side a:hover{
  text-decoration: underline;
}


#bwm-copy a.arrow-link {
  padding: 5px 25px 0 0;
  background: url('/images/bg-arrow-link.gif') right no-repeat;
  display: block;
  height: 20px;
  text-align: right;
  width: 80px;
}

#left-col {
  font-size: 1.1em;
  line-height: 1.4em;
  width: 563px;
  float: left;
  display: inline;
}

#left-col h1 {
  font-size: 1.3em;
  text-transform: none;
  width: 560px;
  height: auto;
  padding: 15px 0 15px 0;
  margin: 0;
}

#left-col p {
  padding-right: 20px;
  padding-bottom: 10px;
}

#left-col ul {
  list-style-type: none;
  margin: 0;
  padding-left: 10px;
  padding-bottom: 15px;
  font-size: .9em;
}

#left-col ul li {
  padding-left: 12px;
  background: url('/images/bg-li.gif') 0 .4em no-repeat;
}

#left-col ul  ul{
  list-style-type: none;
  padding: 5px 0 5px 10px;
  font-size: .9em;
}

#left-col ul ul li{
  background: url('/images/bg-li-li.gif') 0 .4em no-repeat;
}

#left-col .contact-info {
  float: left;
  width: 200px;
}

#contact-form {
  padding-top: 15px;
  width: 300px;
  float: left;
}

#contact-form input {
  display: block;
  width: 300px;
  border: 1px solid #08233d;
  margin-bottom: 10px;
}

#contact-form textarea{
  font-size: 1em;
  display: block;
  width: 300px;
  height: 100px;
  padding: 2px;
  border: 1px solid #08233d;
  margin-bottom: 10px;
  font-family: helvetica, tahoma, arial, sans-serif;
}

#contact-form input.submit {
  width: 75px;
  color: #fff;
  background: #08233d;
  border: 2px outset #667;
  margin: 0 auto;
}

#footer {
  padding: 10px 12px;
  font-size: .9em;
}

#footer div.footer-nav {
  color: #11477a;
  float: left;
}

#footer div.footer-nav a {
  color: #11477a;
  text-decoration: none;
}

#footer div.footer-nav a:hover {
  text-decoration: underline;
}

#footer div.footer-info {
  float: right;
  text-align: right;
}

#footer div.footer-info a{
  color: #444445;
  text-decoration: none;
}

#footer div.footer-info a:hover {
  color: #11477a;
  text-decoration: underline;
}

.portal p {
width:400px;
font-size:0.9em;
}

.portal h2 {
font-size:1.2em;
margin-top:10px;
width:400px;
}

.portal a {
  font-weight: bold;
  color: #499a45;
  text-decoration: none;
}

.portal a:hover {
  text-decoration: underline;
}

.portal img {
position:absolute;
  margin-left:450px;
}