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

body {
  font-family: Arial, Helvetica, sans-serif;
  background-attachment: fixed;
  color: #ffffff;
  font-size: 10pt;
  line-height: 1.3;
  letter-spacing: 1px;
}

html {
  overflow: auto;
}

img, div, input{ 
  behavior: url("iepngfix.htc")
}

p.moreinfo {
  font-size: 80%;
}

a {
  color: #ffffff;
  text-decoration: none;
}

a.info{
  position:relative; /*this is the key*/
  z-index:24;
  text-decoration:underline;
  outline: none;
}

a.info:hover{
  z-index:25;
}

a.info span{
  display: none
}

a.info:hover span{ /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top: 2em; left:2em; width:15em;
  border:1px solid #e20056;
  background-color:#cff; color:#000;
  text-align: center;
}

p {
  margin: 0 0 1em 0;
}

table, tr, td {
  background: transparent;
}

body{
  margin:0pt !important;
  padding:0pt;
  background-color:#e10056;
  background:scroll 0% 0%;
  vertical-align: baseline;
  cursor: default;
  margin:auto 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position:bottom;
}

body, input, select, button, textarea {
  background-color: #e10056;
  overflow-y: auto;
}

#bg{
  background: url(../images/factsbg.jpg) fixed center bottom;
}

#homebg{
  overflow:hidden;
}

#whoarewebg{
  background: url(../images/whoarewe.jpg) fixed center bottom;
}

#whoarewebg,#homebg,#bg,#factsbg,#aboutbg{
 height: 100%;
 width: 100%;
 background-color:#e10056;
 left: 0;
}

#foreground {
  height: 100%;
  position: relative;
  width: 100%;
}

#contactbg{
  background-position: 50% top;  left: 0px;  margin: 0px;  overflow: auto;  width: 100%;  position: absolute;  height: auto;
  margin: 1px 0px 0px -20px
}

img {
border:0pt none;
padding:0pt;
margin:0px 0px 0px 0px;
}

#contact,#facts,#about,#services,#whoarewe,#home,#news{
  margin-top:0;
  margin-bottom:0;
  margin-left: auto;
  margin-right: auto;
  width:980px;
  height:auto;
  overflow: visible;
  position:relative;
}
#services .col1, .col2, .col3, .col4{
  float:left;
  width:140px;
  margin:0px 0px 5px 10px;
}
#services .col1{
  width:450px;
  padding:0px 0px 5px 10px;
  float: left;
}
#services .img{
  float:left;
  width:125px;
  height:123px;
}

#services .partnerlogo{
  float:left;
  width:125px;
  height:40px;
  padding-top: 5px;
}

#services .txtContainer{
  width:125px;
  height:auto;
  float:left;
  padding-top: 5px;
}

#services .textRight{
  float:right;
  font-size:14px;
  width: 200px;
  font: 14px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  margin: 45px 0px 10px 20px;
}
.serviceTxt{
  font-size:12px;

  font-weight:bold;
}
.serviceTxt a{
  font-size:12px;

  text-decoration:underline; 
}

.serviceTxtSmall{
  font-size:11px;

  font-weight:bold;
}

.serviceTxtSmall a{
  font-size:11px;

  text-decoration:underline; 
}

.serviceTxtSmaller{
  font-size:9px;

  font-weight:bold;
}
.serviceTxtSmaller a{
  font-size:11px;

  text-decoration:underline;
}

#content *:first-child + HTML UL {  padding: 0 0 0 18px;
}

/*
#content ul,ol{
FONT-SIZE: 12px;  MARGIN: 10px 0px 15px 0px;PADDING:10px 0px 15px 0px;list-style-image:url(../images/dot.gif);
}

#content *:first-child + HTML UL LI {  PADDING-LEFT: 5px} 
#content *:first-child + HTML LI {  PADDING-LEFT: 6px} 
#content  UL LI {
  PADDING-LEFT: 8px
}
#content LI {
  FONT: 12px/14px Arial, Helvetica, sans-serif;
  COLOR: #FFFFFF;
  PADDING-RIGHT: 7px;
  PADDING-LEFT: 6px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px 0px 8px;
  PADDING-TOP: 0px;
}
*/
#content{
  width:780px;
  height:auto;
  float: left;
  margin: 5px 0px 0px 0px;
  overflow:visible;
  min-height:250px;
}
.textContainer{
  float:right;
  font-size:14px;
  width:450px;
  margin: 0px 10px 0px 0px;
  padding: 0px 5px 0px 0px;
}
.caseStudyDetails{
  width:550px;
  float: right;
  height:auto;
  margin: 0px 0px 0px 0px;
  padding-left: 90px;
  padding-bottom: 0px;
  padding-top: 0px;
  position: relative;
}
#facts .textRight{
  font-size:14px;
  font: 14px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#about .textRight{
  float:left;
  font-size:14px;
  width:200px;
  margin: 0px 0px 0px 0px;
  font: 14px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  margin: 0px 0px 8px 0px;
  padding: 45px 0px 8px 10px;
}
#about .titleContainer{
  width:710px;
  float:left;
  margin: 0px 10px 20px 10px;
  font: 16px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
}
#about .imgContainer{
  float:left;
  width:550px;
  height:206px;
}
#flashcontainer{
  float:left;
  width:550px;
  height:550px;
}

.textAbout h1{
  font:12px Arial, Helvetica, sans-serif;
  font-weight:lighter;
  color: #FFFFFF;
}

.textContainer h1{
  font:16px/22px Arial, Helvetica, sans-serif;
  font-weight:lighter;
}

#main {
  margin-top:0px;
  margin-bottom:0px;
  margin-left: auto;
  margin-right: auto;
  width:980px;
  height:100%;
  min-height: 800px;
}

#homemain {
  margin-left: auto;
  margin-right: auto;
  width:100%;
  height:800px;
  text-align:center;
}

#homemain a {
  text-decoration: underline;
}

#homemain a:hover {
  text-decoration: none;
}

#header {
  height:140px;
  float:left;
  width: 760px;
  clear: both;
  padding: 5px 0px 0px 5px;
}

#rightCol{
  float: right;
  width: 180px;
  background:url(../images/stripbg.gif) repeat-y;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin: 0px 0px 0px 20px;
  clear: left;
  position: relative;
}
#leftCol{
  float:left;
  width: 780px;
  height: auto;

}
#topmenu{
  height:110px;
  float: left;
  width: 600px;
  margin: 15px 0px 0px 5px;

}

#menu {
  width:auto;
  margin:10px 0px 0px 2px;
  height: 89px;
  float: left;
}
#menu ul {
  margin: 0;
  list-style: none;
  background:#FFFFFF none repeat scroll 0% 0%;
  bottom:0pt;
  font-family:Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:1.0em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bolder;
  margin:0pt 130px 0pt 0pt;
  max-width:436px;
  position:absolute;
  right:0pt;
  text-transform:uppercase;
}

#menu li {
  display: inline;
}

#menu a {
  display: block;
  float:left;
  width: 85px;
  height:75px;
  padding:34px 0px 0px 0px;
  text-transform:uppercase;
  text-decoration: none;
  text-align: center;
  letter-spacing:0px;
  font-size:10px;
  color: #FFFFFF;
  white-space:nowrap;
  font-family:Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background: url(../images/cbutton.png) no-repeat;
  margin-right: 10px;
}

#menu a:hover {
  color: #000000;
  background: url(../images/cbutton-hover-new.png) no-repeat;
}

#menu a.selected {
  background: url(../images/cbutton-hover-new.png) no-repeat;
  color: #000000;
}
#logo{
  float:left;
  height:auto;
  width: 135px;
  padding: 0px 5px 5px 2px;
}
#banner{
  margin-left:auto;
  margin-right:auto;
  width:auto;
}

#news_container{
  width: 900px;
}

#news_holder{
  float:left;
  width: 700px;
  margin: 30px 30px 30px 30px;
}

#terms-conditions {
  margin: 20px 0 20px 0;
  background: #E40258;
  border: 1px solid #F07FAB;
  padding: 10px;
}

#terms-conditions a {
  text-decoration: underline;
}

#terms-conditions h3 {
  margin: 0 0 5px 0;
}

#terms-conditions-content p,
#terms-conditions-content li {
  margin: 0 0 1em 0;
  font-size: 8.5pt;
}

#terms-conditions-content li {
  margin-left: 1.2em;
}

#news_left_panel{
  width: 260px; 
  float: left; 
  margin-left: 20px; 
  margin-top: 30px;
}

#news_article{
  height: 80px;
  width: 600px;
}

#inner_news_holder{
  width: 600px;
  height: 100px;
}

#news_content {
   float: left;
   width: 380px;
}

.teaser-news-article {
  clear: both;
  padding-bottom: 30px;
}

.teaser-news-article-content {
  padding-right: 220px;
}

.teaser-news-article p a {
  text-decoration: underline;
}

.full-news-article{
  float:left;
  margin: 0 0 0 100px;
  width: 500px;
}

.full-news-article h1 {
  font-size: 15pt;
  margin: 10px 0;
}

#news-image {
   float: right;
   width: 200px
}

#flashcontent {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: -500px;
  top: -515px;
  z-index:100;
}

#flash_holder_services2 {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  position: relative; 
}

#banner h1, h2{
  margin:0px 0px 0px 0px;
  font-size:26px;
  font-weight:lighter;
}

#banner h1{
  font-size:42px;
  text-align:right;
}

#banner .large{
  font-size:42px;
  font-size: 42px;
}

#banner .comingSoon{
  margin:140px 0px 0px 180px;
  font-size:36px;
  font-weight:lighter;
}

#map{
  float:left;
  height:360px;
  width:425px;
  border:#de004f 5px solid;
  margin:0px 0px 0px 35px;
}

#address{
  float:right;
  width:280px;
  height:auto;
  font-size:13px;
  margin:0px 10px 0px 0px;
}

#map,#address{
  margin-top:180px;
}

#address .txt{
  font-weight:bold;
  font-size:12px;
}

#address h1{
  font-weight:bold;
  font-size:16px;
}

blockquote {
  background: transparent url(../images/bq_left.png) left top no-repeat;
  padding: 10px 0px 0px 80px;
  font-size:1em;
  margin-bottom: 15px;
}

blockquote p {
  background: url(../images/bq_right.png) right bottom no-repeat;
  background-repeat:no-repeat;
  margin: 0;
  padding:0px 0px 50px 10px !important;
  height:auto;
  min-height:40px;
  font-size:12px;

  font-weight:lighter;
}
#customerQuote{
  width:640px;
}
.cite{
  font-size: 12px;
  margin: -40px 0px 0px 10px;
  width: 350px;
  font-style: italic;
  height: 20px;
  color: #FFFFFF;
}

#aboutPics{
  width:780px;
  height:auto;
  float:left;
}

#aboutPics .row1 , .row3 ,.row4 , .row5{
  width:760px;
  height:180px;
  float:left;
}

#aboutPics .row2 {
  width:760px;
  height:auto;
  float:left;
}

#aboutPics .deptTitle{
  float:left;
  width:80px;
  height:160px;
  float:left;
}

#aboutPics .deptTitle h1{
  font-size:9pt;

  float:left;
  padding:60px 0px 0px 0px;
  text-align:left;
  width:100%;
  font-weight: bold;
}

#aboutPics .deptTitle h2{
  font-size:9pt;
  font-weight:lighter;

  text-decoration:underline;
  text-transform:lowercase;
  float:left;
  text-align:left;
  padding:0px 0px 0px 0px;
  width:100%;
  margin: -5px 0px 0px 0px;
}

#aboutPics .title h1{
  font-size:8pt;
  font-weight:lighter;

  float:left;
  text-align:center;
  width:100%;
  text-decoration: none;
}

#aboutPics .spacer{
  width:740px;
  float:left;
  height:5px;
  background:url(../images/spacer.png) no-repeat;
  float:left;
  padding-bottom: 2px;
  padding-top: 5px;
}

#aboutPics .staffPics{
  float:left;
  width: auto;
}

.email{

  text-decoration:underline;
}

.staffPicContainer{
  float:left;
  width: 680px;
}
.staffTitle{
  float:left;
}

.caseStudyTitle{
  float:left;
  text-align:left;
  width:350px;
  font-size:12px;

  font-weight:bold;
  padding: 0px 0px 30px 80px;
}

#caseStudy colimg, colcompany,colTxt{
  float:left;
}

.servicesTitleBold{
  font-size:13px;

  font-weight:bold;
}

.servicesTitle{
  font-size:12px;

}

.departments {
  font-size: 9pt;
  text-align: center;
  padding: 10px;
}

body.building-bg {
  background: #E10056 url(../images/facts-1280.jpg) no-repeat top left;
}