/* Layout Stylesheet */ 

body {
 margin:0;
 background:#979797;
 background-image: url('img/bg_body.jpg'); background-repeat: 
 repeat-x; background-position: left top;
 color: #666666;
 text-align:left;
 padding:0;
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 12px;
 }

#wrapper {
 margin:0;
 background-image: url('img/bg_wrapper.png'); background-repeat: 
 repeat-y; background-position: center top;
}

#outer {
 background-color: #fff;
 background-image: url('img/bg_outer.gif'); background-repeat: 
 repeat-y; background-position: 191px 0px;
 text-align:left;
 width:850px;
 margin:auto;
 padding: 0px 10px 0px 10px;
 }

#hdr {
 height:60px;
 background-color: inherit;
 background-image: url('img/bg_head.gif'); background-repeat: 
 no-repeat; background-position: left bottom;
 text-align: right;
 }

#hdr-home {
 height:90px;
 background-color: inherit;
     background-image: url('img/bg_head_home.png'); background-repeat: 
     no-repeat; background-position: left bottom;
 text-align: right;
 }

#hdr-about {
 height:90px;
 background-color: inherit;
     background-image: url('img/bg_head_about.png'); background-repeat: 
     no-repeat; background-position: left bottom;
 text-align: right;
 }

#hdr-partners {
 height:90px;
 background-color: inherit;
     background-image: url('img/bg_head_partners.png'); background-repeat: 
     no-repeat; background-position: left bottom;
 text-align: right;
 }

#hdr-news {
 height:90px;
 background-color: inherit;
     background-image: url('img/bg_head_news.png'); background-repeat: 
     no-repeat; background-position: left bottom;
 text-align: right;
 }

#hdr-downloads {
 height:90px;
 background-color: inherit;
     background-image: url('img/bg_head_downloads.png'); background-repeat: 
     no-repeat; background-position: left bottom;
 text-align: right;
 }

#bar {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#bodyblock {
 position:relative;
 background: inherit;
 color: inherit;
 width:770px;
 padding:0;
 }

#l-col {
 float:left;
 background-color: inherit;
     background-image: url('img/bg_header.png'); background-repeat: 
     no-repeat; background-position: 0px 0px;
 color: inherit;
 width:181px;
 text-align: left;
 overflow: hidden;

 }

#m-col {
  color: inherit;
  background-color: inherit;
     background-image: url('img/bg_line.gif'); background-repeat: 
     repeat-y; background-position: left top;
  padding: 0;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  width: 470px;
  float: left;
}

#r-col {
  color: inherit;
  background-color: inherit;
     background-image: url('img/bg_line.gif'); background-repeat: 
     repeat-y; background-position: left top;
  width: 199px;
  padding: 0;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
 float: left;
}

#layout p {

 padding:10px 0px 0px 0px;
}

#cont {
 background-color: transparent;
 background-image: url('img/bg_cont.png'); background-repeat: 
 no-repeat; background-position: top right;
 color: inherit;
 text-align:left;
 padding: 0px 5px 10px 5px;
 margin: 0;
 }

#cont_main {
 background-color: inherit;
 color: inherit;
 text-align:left;
 padding: 0px 0px 0px 0px;
 border-left: 1px solid #CDCDCD;
 }

#footer {
 background-color: #fff;
 color: #CDCDCD;
 margin: auto;
 padding: 10px 0px 0px 0px;
 border-top: 2px solid #19B1DC;
 font-size: 12px;
 text-align: right;
 clear: both;
 }

#copy {
 background-color: #fff;
/*     background-image: url('img/bg_copy.gif'); background-repeat: 
     no-repeat; background-position: center left; */
 color: #CDCDCD;
 margin:auto;
 padding: 10px 0px 30px 0px;
 font-size: 11px;
 text-align: right;
 }

#footlogos {
background-color: #fff;
     background-image: url('img/bg_footlogos.png'); background-repeat: 
     repeat-x; background-position: top left;
padding: 10px 0px 10px 0px;
float: left;
width: 850px;
}

#footlogos img {
float: left;
margin-right: 30px;
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
}

#footlogos img:hover {
   filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;
}

.copyright {
 color: #216794;
 float: left;
 display: inline;
 margin: 0;
 padding: 0;
}

/* Styling */

a {
  color: #19B1DC;
  text-decoration: none;
}

a:hover {
  color: #19B1DC;
  text-decoration: underline;
}

#menu-main {
     color: #007070;
     background-color: #777777;
     padding: 0;
     margin: 0px 0px 1px 0px;
     font-size: 11px;
     font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

     

#menu-main ul {
     color: inherit;
     background-color: transparent;
     background-image: url('img/line_grey.gif'); background-repeat: 
     repeat-x; background-position: bottom left;
     padding: 0px;
     margin: 0px 0px 0px 0px;
     list-style: none;
     }



#menu-main ul li {
     color: inherit;
     background-color: inherit;
     border-bottom: 1px solid #fff;
     padding: 0px;
     margin: 0px;
     list-style: none;
     width: 100%;
     }



#menu-main ul li a {
     color: #fff;
     background-color: inherit;
     background-image: url('img/bg_menumain.gif'); background-repeat: 
     no-repeat; background-position: top left;
     font-weight: normal;
     display: block;
     text-decoration: none;
     padding: 10px 0px 9px 45px;
     width: 100%;

     }



#menu-main ul li a:hover {
     color: #fff;
     background-color: inherit;
     background-image: url('img/bg_menumainon.gif'); background-repeat: 
     no-repeat; background-position: top left;
     text-decoration: none;

}

/* Specific main menu id's (menu tab colours) */

#menu-main .news a {
     background-color: inherit;
     background-image: url('img/bg_menumain_news.gif'); background-repeat: 
     no-repeat; background-position: top left;
}

#menu-main .news a:hover {
     background-color: inherit;
     background-image: url('img/bg_menumain_newson.gif'); background-repeat: 
     no-repeat; background-position: top left;
}

#menu-main .about a {
     background-color: inherit;
     background-image: url('img/bg_menumain_about.gif'); background-repeat: 
     no-repeat; background-position: top left;
}

#menu-main .about a:hover {
     background-color: inherit;
     background-image: url('img/bg_menumain_abouton.gif'); background-repeat: 
     no-repeat; background-position: top left;
}


#menu-main .casestudies a {
     background-color: inherit;
     background-image: url('img/bg_menumain_casestudies.gif'); background-repeat: 
     no-repeat; background-position: top left;
}

#menu-main .casestudies a:hover {
     background-color: inherit;
     background-image: url('img/bg_menumain_casestudieson.gif'); background-repeat: 
     no-repeat; background-position: top left;
}

#menu-main .downloads a {
     background-color: inherit;
     background-image: url('img/bg_menumain_downloads.gif'); background-repeat: 
     no-repeat; background-position: top left;
}

#menu-main .downloads a:hover {
     background-color: inherit;
     background-image: url('img/bg_menumain_downloadson.gif'); background-repeat: 
     no-repeat; background-position: top left;
}

/* top menu */

#menu-top {
     color: #007070;
     background-color: inherit;
     background-image: url('img/bg_head_home.png'); background-repeat: 
     no-repeat; background-position: right top;
     padding: 0;
     margin: 0px 0px 0px 0px;
     font-size: 11px;
     font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
     height: 90px;


}


#menu-top ul {
     color: inherit;
     background-color: transparent;
     background-image: url('img/bg_menu_top.gif'); background-repeat: 
     no-repeat; background-position: right top;
     padding: 1px 0px 4px 0px;
     margin: 0px 0px 0px 0px;
     list-style: none;
     }

#menu-top ul li {
     color: inherit;
     background-color: transparent;
     padding: 0px;
     margin: 0px;
     list-style: none;
     display: inline;
     }



#menu-top ul li a {
     color: #fff;
     background-color: transparent;
     font-weight: normal;
     text-decoration: none;
     margin: 0;
     padding: 4px 8px 4px 9px;
     display: inline;
     }


#menu-top ul li a:hover {
     color: #fff;
     background-color: inherit;
     text-decoration: underline;

}



/* prod feature */

/* #featone {
  color: inherit;
  background-color: inherit;
  width: 225px;
  padding: 0px 10px 10px 0px;
  margin: 10px 0;
  vertical-align: top;
  float: left;
}

#feattwo {
  color: inherit;
  background-color: inherit;
  width: 225px;
  padding: 0px 5px 10px 5px;
  margin: 10px 0;
  vertical-align: top;
  float: left;
} */

#featone {
  color: inherit;
  background-color: #fff;
  padding: 4px 4px 10px 4px;
  margin: 0px 0px 1px 0px;
  vertical-align: top;
  float: left;
border-bottom: 1px solid #CDCDCD;
}

#feattwo {
  color: inherit;
  background-color: #fff;
  padding: 4px 0px 5px 0px;
  margin: 0;
  vertical-align: top;
  float: left;
}

.rcol_submenu {
  color: inherit;
  background-color: transparent;
  padding: 0px 0px 0px 1px;
  margin: 0;
}

.rcol_menu {
  color: #666666;
  background-color: #fff;
     background-image: url('img/bg_rcolmenu.png'); background-repeat: 
     no-repeat; background-position: bottom left;
  padding: 0px 0px 20px 10px;
  margin: 0;
/*  border-top: 1px solid #FFF;
  border-left: 1px solid #fff; */
}

.rcol_menu a {
color: inherit;
     background-image: url('img/a_arw.gif'); background-repeat: 
     no-repeat; background-position: left center;
 padding: 0px 0px 0px 8px;
font-size: 10px;
float: right;
margin: 0px 10px 10px 0px;

}

.rcol_menu a:hover {
 text-decoration: underline;

}


#feature {

 margin: 0px 0px 0px 10px;
 border-collapse: collapse;
}

#feature p {

 padding:10px 0px 0px 0px;
}

.lcol-box {
 color: #fff;
 background-color: #89B316;
     background-image: url('img/bg_lcolbox.gif'); background-repeat: 
     no-repeat; background-position: top right;
 padding: 10px 5px 20px 10px;
border-bottom: 1px solid #fff;
}

.lcol-box p {
 padding: 5px 0px 5px 0px;
}

.lcol-box a {
color: #B5F331;
     background-image: url('img/a_arw.gif'); background-repeat: 
     no-repeat; background-position: left center;
 padding: 0px 0px 0px 8px;
font-size: 11px;
float: right;

}

.lcol-box a:hover {
 text-decoration: underline;

}

.contact-box {
 color: inherit;
 background-color: inherit;
 padding: 10px 5px 0px 0px;
 font-size: 16px;
}

#splash {
  color: #19B1DC;
  background-color: #164665;
     background-image: url('img/bg_header.png'); background-repeat: 
     no-repeat; background-position: -181px 0px;
  margin: 0;
  height: 203px;
padding: 56px 0px 0px 0px;
}

#splash img {
  float: left;
  margin-right: 10px;
  border-right: 1px solid #FFF;
}

#r_splash {
  color: #6B870B;
  background-color: #fff;
     background-image: url('img/bg_splashright.png'); background-repeat: 
     no-repeat; background-position: left top;
  margin: 0;
  height: 191px;
padding: 0px 10px 0px 10px;
text-align: left;
}

#r_splash h4 {
  color: #fff;
  border: 0;
 background-image: url('img/bg_h4.gif'); background-repeat: 
 no-repeat; background-position: 0px 13px;
  padding: 7px 0px 0px 16px;
  margin-bottom: 5px;
}

#r_splash ul {
     padding: 0px 0px 5px 0px;
     margin: 14px 0px 0px 5px;
     list-style: none;
     }


#r_splash ul li {
     color: #000;
     background-color: inherit;
     background-image: url('img/bg_splash_list_li.gif'); background-repeat: 
     no-repeat; background-position: 0.7em 0.5em;
     padding: 0px 0px 5px 20px;
     margin: 0px 0px 0px 0px;
     list-style: none;
font-size: 11px;
     }

.divider {
  border-top: 1px dotted #CDCDCD;
  padding: 10px 0;
  margin: 10px 0;
}

.divider a {
  float: right;
color: #89B316;
 margin-right: 10px;
}

table {
     border-spacing: 5px;
margin-top: 10px;
border-bottom: 1px dotted #CDCDCD;
}