/* Cascading Style Sheet */

body {
    background-color: #378FCE;
    color:#FFFFFF;
    font-size:10px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a {
    color:#FFFFFF;
    background-color:#20215A;
    text-decoration:none;
}
a:hover {
    color:#8F90AC;
    background-color:#20215A;
    text-decoration:none;
}

h1 {
  color: #378FCE;
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
}


h2 {
  color: #ffffff;
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
}

div#columns
{
    height: 100%; /* Needs to be set to avoid bug in IE 5.5 */
}

#siteframe{
    background-color:#20215A;
    color: #FFFFFF;
    width:92%;
    margin-right:auto;
    margin-left:auto;
    max-width:1050px;
    min-width:540px;
    height:100%;
    position:relative;
}
#sitetopframe {
  background-image: url(../images/top_shadow.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-color: #378FCE;
  color: #FFFFFF;
}
#sitetopframe .right{
  background-image: url(../images/topright_shadow.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
}
#sitetopframe .left{
  background-image: url(../images/topleft_shadow.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  position: relative;
}
#sitebotframe {
  background-image: url(../images/bottom_shadow.gif);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #378FCE;
  color: #FFFFFF;
}
#sitebotframe .right{
  background-image: url(../images/bottomright_shadow.gif);
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
}
#sitebotframe .left{
  background-image: url(../images/bottomleft_shadow.gif);
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
#leftShadow {
    background-image: url(../images/left_shadow.gif);
    background-repeat: repeat-y;
    background-position: top left;
    padding-left: 20px;
}
#rightShadow {
    background-image: url(../images/right_shadow.gif);
    background-repeat: repeat-y;
    background-position: top right;
    padding-right: 20px;
}
#logoDiv {
    padding: 10px 20px 5px 5px;
}
#quotebutton {
    float: right;
    margin-top: 15px;
    background-image: url(../images/quotebutton.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 192px;
    height: 65px;
}
#quotebutton:hover {
    background-position: bottom left;
    position: relative;
}
#topMenuDiv {
    background-image: url(../images/menustrip_head.gif);
    background-repeat: repeat-x;
    padding:5px 5px 5px 5px;
}

/************************* Menu ******************************/
ul#menu{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    position:relative;
    display:block;
    height:20px;
    font-size:13px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
}
ul#menu li{
    display:block;
    float:left;
    margin:0;
    padding:0;
    border-right:1px solid #ffffff;
    }
ul#menu li a{
    display:block;
    float:left;
    color:#ffffff;
    background-color: transparent;
    text-decoration:none;
    padding:0px 20px 0 20px;
    height:20px;
    }
ul#menu li a:hover{
    color: #378FCE;
    background-color: transparent;
}

/************************** Menu End *****************************/

#mainContentDiv {
  background-color: #FFFFFF;
  color: #20215A;
}
#topImagePanel {
  padding-top:2px;
  padding-bottom:2px;
  height: 270px;
  overflow: hidden;
}
#imageOverlay {
  position:absolute;
  top:200px;
  right: 40px;
  font-size: 25px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-weight: bold;
  color: #378FCE;
  background-color: transparent;
  text-align: right;
  z-index: 100;
}
#textContentArea {
    background-image: url(../images/rightContentBack.gif);
    background-position: bottom right;
    background-repeat: repeat-y;
    overflow: hidden;
    width: 100%;
}

#lowerContentRight {
  float:right;
  width: 240px;
  background: transparent;
  color: #FFFFFF;
  font-size: 12px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
}
#quoteBox {
  padding: 10px;
  background-color: #20215A;
}
#imageBox {
  padding:0px 10px 10px 10px;
}
#imageBox .images {
  background-image: url(../images/imagePanel.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  color: #FFFFFF;
  border: #20215A 1px solid;
  height:170px;
}



#lowerContentLeft {
    background-color: transparent;
    padding: 10px 250px 10px 10px;
    color: #20215A;
    font-size: 12px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    height:auto;
}
#clearAll {
  clear: both;
}
.whiteHeader {
    font-weight:bold;
    font-size:12px;
}
#changingTextPanel {
  border: 1px #FFFFFF solid;
  margin-top:4px;
  padding: 5px 2px 5px 2px;
  text-align: center;
  height:40px;
}
#accessability {
  padding: 10px 0px 10px 0px;

}

#incoDiv {
    float: right;
    padding: 10px 0px 10px 0px;
    color:#FFFFFF;
    background-color: transparent;
    font-size:10px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}

#rightbluebox {
    float:right;
    background-color: #378FCE;
    width: 248px;
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 12px;
}
ul#home_services {
    padding-left:30px;
    border: 0px;
    margin: 0px;
    height: 230px;
}
ul#home_services li {
  padding-top:11px;
}


#leftbluebox {
  float: right;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(../images/darkbluegradient.jpg);
  width:     97px;
  border: 1px solid #20215A;
  color: #ffffff;
  background-color: transparent;
  font-size: 11px;
  text-align: center;
  padding-bottom: 12px;
}
ul#weclean {
  padding-left: 15px;
  border: 0px;
  margin: 0px;
  height: 200px;
}
ul#weclean li {
  padding-top:12px;
}
.whiteBold {
  font-weight: bold;
  font-size: 14px;
}
.boldBlue {
  font-weight: bold;
}


ul.arrowedList {
  list-style-type:none;
  padding-left:20px;
  border: 0px;
  margin: 0px;
}
ul.arrowedList li {
  background-image: url(../images/arrowPoint.gif);
  background-position: 0px 8px;
  background-repeat: no-repeat;
  padding-left:15px;
  padding-top:5px;
}
ul.arrowedList .noarrow {
  background-image: none;
}

#rightPanel_about {
  float:right;
  width:50%;
  padding:5px;
  margin-left:10px;
}
#whitebox {
  border: #378FCE solid 1px;
  padding:10px;
  text-align: center;
}
#bluebox {
  background-color: #378FCE;
  padding:10px;
  color: #FFFFFF;
  font-style: italic;
  text-align: center;
}
#bluequote {
  padding:40px 0px 20px 10px;
  color: #378FCE;
  font-style: italic;
  background-color: #FFFFFF;
  text-align: center;
}
.boldbody {
  font-weight: bold;
  font-size: 13px;

}
#colorPanelsContainer {
  clear: both;
  margin-top:10px;
}
.widthPanel {
  float: left;
  width: 16%;
  background-color: #FFFFFF;
  color: #20215A;
  margin-right: .5%;
  text-align: center;
  min-width: 90px;
  max-width: 90%;
  padding-bottom:10px;
}
.back1 {
  background-color: #378FCE;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  padding-top:4px;
  height:140px;
}
.back2 {
  background-color: #20215A;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  padding-top:4px;
  height:140px;
}
.image1 {background-image: url(../images/service_img1.jpg); background-position: center center; background-repeat: no-repeat; height: 98px; margin-bottom:2px;}
.image2 {background-image: url(../images/service_img2.jpg); background-position: center center; background-repeat: no-repeat; height: 98px; margin-bottom:2px;}
.image3 {background-image: url(../images/service_img3.jpg); background-position: center center; background-repeat: no-repeat; height: 98px; margin-bottom:2px;}
.image4 {background-image: url(../images/service_img4.jpg); background-position: center center; background-repeat: no-repeat; height: 98px; margin-bottom:2px;}
.image5 {background-image: url(../images/service_img5.jpg); background-position: center center; background-repeat: no-repeat; height: 98px; margin-bottom:2px;}
.image6 {background-image: url(../images/service_img6.jpg); background-position: center center; background-repeat: no-repeat; height: 98px; margin-bottom:2px;}

#logoPanel {
  float: right;
  padding-top:30px;
  padding-left: 10px;
}
#outerclients {
  border: #20215A solid 1px;
  padding: 5px;
  margin-bottom: 5px;
}
#rightclients {
  float: right;
  width: 48%;
  margin-left:2%;
}
#contactDetails {
  float: left;
  padding: 2%;
  padding-top: 0px;
  width: 35%;
  min-width: 200px;
}
#contactForm {
  float: right;
  padding:2%;
  width: 55%;
  min-width: 320px;
  background-color: #378FCE;
  color: #FFFFFF;
  font-size: 10px;
}
p.frmp {
  margin: 2px;
  padding: 2px;
}
.inputField {
  width: 200px;
  color:#20215A;
  font-size:10px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  text-decoration: none;
  background-color: #FFFFFF;
}
.flt1 {
  float: left;
  width: 100px;
  padding-bottom:8px;
}
.flt2 {
  float: left;
  margin-left: 10px;
  padding-bottom:8px;
}
.mandatory {
  color: #FF9900 ;
  background-color: #378FCE;
  font-weight: bold;
}
.error {
   color: #FF0000;
   background-color: #FFFFFF;
}