/* main layout */
body
{
  background: #fff url(/style_images/footer.png) no-repeat bottom center;
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.8em;
}
form  
{
    background: transparent url(/style_images/header.png) no-repeat top center;
    position:absolute;
    min-height:100%;
    width:100%;

}
#headerback{background:#1B80A1 url(/style_images/ARrepeat.png) repeat;position:absolute;width:100%;height:150px;left:0;top:0;}
#headerback div {background:transparent url(/style_images/headermask.png) no-repeat center;position:absolute;width:100%;height:100%;}

.container
{
  margin:0 auto;
  padding:0 0 100px 0;
  width:940px;
  position:relative;
  background: transparent url(/style_images/center-background.jpg) no-repeat top center;
}

/* Content */
.content
{
    clear:both;
    padding:0 10px 10px 10px;
}
/* Text */
h1,h2,h3 {
    font-family:Arial, sans-serif;
    font-weight:bolder;
    letter-spacing:-1px;
    color:#005572;
    padding:0;
}
h1 {font-size:2em;margin:4px 0;}
h2 {font-size:1.6em;margin:3px 0;}
h3 {font-size:1.4em;margin:2px 0;}
h4 {font-size:1.2em;margin:1px 0;}
p {
    margin:0 0 20px 0;
    color:#444444;
}
/* colours */
.white {color:#ffffff;}
.black{color:#000000;}
.gray {color:#808080;}
.darkgray {color:#444444;}
.lightblue {color:#7FB7C8;}
.blue{color:#047198;}
.darkblue{color:#005572;}
strong{font-weight:bolder;}
a{color:#005572;}

/*header*/
.companyLogo
{
    margin:0 0 0 30px;
    float:left;
    padding:0px;
    text-align:center;
height:100px;
}

#contact-header{float:right;margin:18px;}

/*search box*/
#searchBar{height:30px;width:250px;position:relative;float:left;margin:10px 0 0 0;clear:left;}
#searchBar h2{display:inline;float:left;}
#searchBar .searchBox
{
  margin:5px 0 5px 5px;
  color:White;
  font-family:Arial Black, Arial, Sans-Serif;
  float:left;
  border:none;
}
#searchBar .searchBox button
{
  background:transparent url(/style_images/searchbutton.png) no-repeat left center;
  color:#ffffff;
  border:none;
  font-family:Arial, Sans-Serif;
  font-weight:bold;
  padding:0;
  margin:0;
  height:24px;
  line-height:18px;
  width:44px;
  cursor:pointer;
  font-size:x-small;
}
#searchBar .searchBox input{border:none;background:url(/style_images/searchtextbox.png) no-repeat left top;height:21px;width:172px;padding:2px 6px;}

/*menu*/
.menu{position:relative;float:right;margin:29px 0 0 0;z-index:100;top:-15px;width:600px;}
.menu ul
{
    float:right;
    margin: 0;
    padding:0;
    list-style-type:none;
    height:36px;
    width:600px;
    position:relative;
}
.menu ul li
{
    display:inline-block;
    float:left;
    padding:0 5px;
    height:36px;   
    vertical-align:bottom;
}
.menu ul li span.left{background:transparent url(/style_images/menuleft.png) no-repeat left bottom;height:100%;width:8px;float:left;}
.menu ul li span.centre{background:transparent url(/style_images/menucentre.png) repeat-x left bottom;height:100%;float:left;}
.menu ul li span.right{background:transparent url(/style_images/menuright.png) no-repeat left bottom;height:100%;width:8px;float:left;}

.menu ul li a{text-align:center;position:relative;height:16px;padding:10px 0 0 0;}
.menu ul li.current span.left,.menu ul li.parent span.left,.menu ul li:hover span.left{background:transparent url(/style_images/menuwhiteleft.png) no-repeat left bottom;}
.menu ul li.current span.centre,.menu ul li.parent span.centre,.menu ul li:hover span.centre{background:#ffffff;}
.menu ul li.current span.right,.menu ul li.parent span.right,.menu ul li:hover span.right{background:transparent url(/style_images/menuwhiteright.png) no-repeat left bottom;}
.menu ul li.current a.current,.menu ul li.parent a.parent,.menu ul li a:hover{color:#005572;}

.menu a
{
    text-decoration:none;
    color:#7FB7C8;
    font-family: Arial, Sans-Serif;
    font-size:1em;
    font-weight:bold;
}
.menu ul li a{display:block;width:100%;}
.menu ul li ul{
    margin:0;
    background:url(/style_images/bubble.png) no-repeat left top;
    padding:2px 5px;
    list-style-type:none;
    position:absolute;
    top:103px;
    height:45px;
    width:500px;
    z-index:100;
}
.menu ul li ul li{ display:inline-block;padding:2px 5px;float:left;} 
.menu ul li ul li a{color:#ffcccc;font-size:0.8em;} 
.menu ul li ul li a.current,.menu ul li ul li a.parent,.menu ul li ul li a:hover{color:#ffffff;}

/*Main content panel*/
#MainPanel
{
    width:610px;
    display:inline-block;
    margin:0 0 100px 0;
	padding-left:10px;
	float:right;
	position:relative;
}


/*Home page*/
#projects{width:600px;height:212px;overflow:hidden;float:left;clear:both;margin:5px 0;padding:0;position:relative;border-top:solid 10px #E5E5E5;border-bottom:solid 10px #E5E5E5;}
#projects div{float:left;position:relative;padding:0;margin:5px 3px;width:190px;height:200px;background:#ffffff url(/style_images/item-back.png) no-repeat left top;}
#projects div a
{
    text-decoration:none;
    color:#005572;
}
#projects div a:hover{color:#7FB7C8;}
#projects div img{width:170px;top:10px;left:10px;margin:0;padding:0;clip:rect(0 170px 100px 0);overflow:hidden;position:absolute;}
#projects div .small{font-size:xx-small;margin:2px 10px;}
#projects div h4{margin:120px 10px 0 10px;color:#005572;}

/*Video*/
.video{float:right;padding:3px;}
/* Search results page*/
#MainPanel .searchResult a .title
{
    color:#047198;font-size:large;
}
#MainPanel .searchResult a
{
    color:#555555;
    text-decoration:none;
}
#MainPanel .searchResult a:hover, .searchResult a:hover b
{
    color:#7FB7C8;
    text-decoration:none;
}
#MainPanel .searchResult a b
{
    color:#000000;
    font-weight:bold;
}
/*Service Page*/
.service-image{float:right;width:350px;}

/* Services List */
#MainPanel.ServicesList .news-item{position:relative;float:left;width:275px;height:120px;background:url(/style_images/serviceback.png) no-repeat top center;margin:0 10px 0 0;}
#MainPanel.ServicesList .news-item img{width:100px;border:none;position:absolute;right:0;top:28px;}
#MainPanel.ServicesList .news-item h2{
display:block;
float:left;
margin:10px 0 3px 0;
width:275px;
border-bottom:solid 1px #005572;
font-size:1.1em;
}
#MainPanel.ServicesList .news-item a{text-decoration:none;}
#MainPanel.ServicesList .news-item p {
color:#777777;
display:block;
float:left;
margin:0;
width:160px;
text-align:justify;
}
#MainPanel.ServicesList .news-item a.link{color:#005572;font-weight:bold;}
#MainPanel.ServicesList .news-item a:hover{color:#7FB7C8;}

/* Service Item */
#MainPanel.Service #ImageList{width:100%;float:left;}
#MainPanel.Service #ImageList div{width:140px;height:140px;margin:2px 2px 0 0;padding:2px;border:solid #ddddff 2px;float:left;text-align:center;}
#MainPanel.Service #ImageList div a {display:block;overflow:hidden;}
#MainPanel.Service #ImageList div a img{height:140px;}

/* Contact page */
#MainPanel .formlabel
{
    color:#047198;
    font-weight:bold;
    margin:5px 0 0px 100px;
    float:left;
    clear:both;
}
#MainPanel .formbox
{
    color:#047198;
    font-weight:bold;
    width:200px;
    margin:3px 190px 3px 0;
    float:right;
}
#MainPanel .textboxmulti
{
    color:#047198;
    font-weight:bold;
    width:200px;
    height:100px;
    margin:3px 190px 3px 0;
    float:right;
}
#MainPanel .emailvalid
{
    position:absolute;
    right:60px;
    top:50px;
}
#MainPanel .recapcha
{
    float:left;
    margin:5px 0 0 172px;
}
#MainPanel .formbutton
{
    color:#ffffff;
    background:#047198;
    font-weight:bold;
    margin:3px 83px 3px 0;
    float:right;
    clear:both;
    border:none
}
#MainPanel.contact #contact
{
    float:right;
    color:#047198;
}
/* footer */
#footerback{background:#c8c8c8;position:absolute;width:100%;height:100px;bottom:0;left:0;}
#footer
{
  height:100px;
  width:900px;
  margin:0 auto;
  position:relative;
}
#footer #address{color:#777777;font-size:10px;position:absolute;left:320px;top:-15px;}
#footer #copyright{color:#777777;font-size:10px;position:absolute;right:20px;top:-15px;}
#footer #contact{color:#005572;font-size:1.1em;margin:20px 10px;float:left;width:220px;}
#footer #links {margin:20px 10px;float:left;width:420px;}
#footer #links ul{margin:0;padding:0 0 0 12px;width:100%;}
#footer #links ul li{float:left;width:210px;color:#777777; }
#footer #links ul li a{font-size:0.9em;color:#777777;text-decoration:underline;}
#footer #icons{ float:right;height:80px;margin:10px;width:175px;}
#footer #icons a img{border:none;margin:0 4px;float:left;}

#footer a{color:#005572;text-decoration:none;}
#footer a:hover{color:White;text-decoration:none;}











































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */