body,html 
{
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   height: 100%;
   width: 100%;
   background-color: #FFFFFF;
   background-image: url(images/bg_main.jpg);
   background-repeat: repeat-x;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
}

#container {
   width: 750px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
}

#container-header {
   width: 670px;
   height: 85px;
   padding: 20px 40px 0px 40px;
   background-image: url(images/bg_header.gif);
   line-height: 85px;
   font-size:28px;
   font-weight:bold;
}

#container-name {
   float: left;
   height:40px;
   width:431px;
   background:url(images/logo.jpg) no-repeat;
   margin-top:27px;

}

#container-slogan {
   float: right;
   height:75px;
   width:74px;
}

span, #container-name span,#container-slogan span {
   color: #093;
}

html*#container-eyecatcher {
   width: 670px;
   padding: 0px 40px 0px 40px;
   height: 131px; 
   background: url(images/bg_eyecatcherIE.jpg) no-repeat;
   border:solid 0px red;
   margin-bottom:-3px;
   
}


#container-eyecatcher 
{
   width: 670px;
   padding: 0px 40px 0px 40px;
   height: 131px; 
   background-image: url(images/bg_eyecatcherIE.jpg);
   border:solid 0px red;   
   position:relative;
}

#container-navigation 
{
   width: 670px;
   background:url(images/menu_bg.jpg) repeat-x;
   height: 22px;
   border-bottom: 1px solid #ffffff;
}

ul#navigation 
{
   margin: 0px;
   padding: 0px;
}

#navigation li 
{
   display: inline;
   list-style: none;
   height: 22px;
   margin-left:0px;
}

#navigation li a
{
   color: #ffffff;
   line-height: 22px;
   font-size: 11px;
   text-decoration: none;
   padding: 5px 15px 6px 15px;
   border-right: 1px solid #ffffff;
   margin-left:-3px;
}


html*#navigation li a:hover, a.live
{
   color: #ffffff;
   line-height: 22px;
   font-size: 11px;
   text-decoration: none;
   border-right: 1px solid #ffffff;
   background:url(images/menu_hover_bg.jpg) repeat-x;
   border-bottom:solid 10px red;
}

html*#navigation li a:hover
{
   color: #ffffff;
   line-height: 22px;
   font-size: 11px;
   text-decoration: none;
   border-right: 1px solid #ffffff;
   background:#33CC33;
   border-bottom:solid 10px red;
}



#aboutLive
{
   height:1px;
   width:72px;
   background:#0099FF;
   line-height:1px;
   position:absolute;
   top:22px;
   left:40px;
}

#servicesLive
{
   height:1px;
   width:121px;
   background:#0099FF;
   line-height:1px;
   position:absolute;
   top:22px;
   left:113px;
}

#techLive
{
   height:1px;
   width:95px;
   background:#0099FF;
   line-height:1px;
   position:absolute;
   top:22px;
   left:235px;
}

#contactLive
{
   height:1px;
   width:83px;
   background:#0099FF;
   line-height:1px;
   position:absolute;
   top:22px;
   left:331px;
}

#container-content {
   width:670px;
   background-image: url(images/bg_content.gif);
   background-repeat: no-repeat;
   padding: 20px 40px 0px 40px;
   margin: 0 0 0 0;
   height: auto;
}

#content {
   width: 430px;
   float: left;
}

#border {
   width: 170px;
   margin-left: 480px;
}

#container-footer 
{
   border-top: 1px solid #E5E5E5;
   width: 670px;
   padding: 10px 0px 20px 0px;
   margin: 0 40px 0px 40px;
   clear: both;
   color: #aeaeae;
}

#container-footer a {
   font-weight: bold;
   padding: 2px 2px 2px 2px;
   color: #aeaeae;
}

#container-footer a:hover {
   color: #093;
}

#footer {
   font-size: 11px;
   color: #aeaeae;
   width: 670px;
   margin-bottom: 20px;
}

#footer-copyright 
{
   float: left;
   width: 325px;
   padding-left: 0px;
}

#footer-meta 
{
   float: right;
   padding-right:0px;
   position:relative;
   top:-5px;
}

.clearer 
{
   clear: both;
}

h1 {
   font-size: 18px;
   color: #666666;
   margin: 0 0 0 0;
   padding: 0px 0 20px 25px;
   background-image: url(images/h1_arrow.gif);
   background-repeat: no-repeat;
   background-position: 5px 7px;
   line-height: 24px;
}

h2 {
   font-size: 16px;
   color: #093;
   padding: 5px 0 5px 25px;
   letter-spacing: 1px;
   text-transform: uppercase;
}

h3 
{
   font-size: 14px;
   color: #093;
   padding: 0px 0 0px 25px;
   text-transform: uppercase;
   letter-spacing: -0.5px;
}
   
h4 
{
   color: #093;
   text-transform: capitalise;
   letter-spacing: -0.5px;
   padding: 0px 0 0px 25px;
   font-size: 12px;
}

h4.right
{
   color: #093;
   text-transform: capitalise;
   letter-spacing: -0.5px;
   padding: 0px 0 0px 0px;
   font-size: 12px;
}

h4.ndRight
{
   margin-top:345px;
}

html* h4.ndRight
{
   margin-top:307px;
}

h5 
{
   color: #666;
   text-transform: capitalise;
   letter-spacing: -0.5px;
   padding: 0px 0 0px 25px;
   font-size: 12px;
   text-decoration:underline;
}

hr 
{
   border: none 0;
   border-top: 1px solid #cccccc;
   height: 1px;
}

#content hr {
   border: none 0;
   border-top: 1px solid #cccccc;
   margin: 0px 0 0px 25px;
   height: 1px;
}

#content p {
   line-height: 19px;
   color: #666666;
   margin: 0 0 20px 25px;
}

#content p a, #border p a, #news li a {
   text-decoration: none;
   color: #093;
   padding: 2px 2px 2px 2px;
}

#content p a:hover, #border p a:hover, #news li a:hover   {
   text-decoration: none;
   color: #FFFFFF;
   background-color: #093;
   padding: 2px 2px 2px 2px;
}

#content li {
   line-height: 20px;
   color: #666666;
   margin: 0 0 0 15px;
}

#content .quote {
   border-top: 1px solid #E5E5E5;
   background-color: #f7f7f7;
   border-bottom: 1px solid #E5E5E5;
   padding: 15px 15px 15px 65px;
   background-image: url(images/bg_quote.gif);
   background-repeat: no-repeat;
   background-position: 10px 10px;
   color: #0066CC;
   font-style: italic;
}

#border p {
   line-height: 15px;
   color: #666666;
   margin: 0 0 15px 0px;
   font-size:10px;
}

ul#subnavigation {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 15px 0px;
   background-image: none;
}

#subnavigation li {
   list-style: none;
   padding: 2px 0px 2px 10px;
   margin: 0px 0px 5px 0px;
}

#subnavigation li a {
   text-decoration: none;
   color: #093;
   border-bottom: 1px dotted #093;
}

#subnavigation li a:hover {
   text-decoration: none;
   border-bottom: 1px solid #093;
}

ul#news 
{
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   background-image: none;
}

#news li 
{
   list-style: none;
   background-image: url(images/li_cube.gif);
   background-repeat: no-repeat;
   background-position: 2px 6px;
   padding: 2px 0px 2px 15px;
   margin: 0 0 0px 0px;
   font-size:10px;
}

p.notes
{
   font-size:10px;
}

ul#main, ul#first 
{
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   background-image: none;
}

#main li
{
   list-style: none;
   background-image: url(images/li_cube.gif);
   background-repeat: no-repeat;
   background-position: 2px 6px;
   padding: 0px 0px 2px 15px;
   margin: 0 0 10px 23px;
   text-indent:0px;
   padding-left:20px;
}

#first li
{
   list-style: none;
   background-image: url(images/li_cube.gif);
   background-repeat: no-repeat;
   background-position: 2px 6px;
   padding: 0px 0px 2px 15px;
   margin: 0 0 0px 23px;
   text-indent:0px;
   padding-left:20px;
}

#first li.last
{
   margin: 0 0 10px 23px;
}

#content img#sash {
   background-color: #E7F1FF;
   padding: 4px;
   border: 1px solid #093;
}

img.alignleft {
   float: left;
   margin: 0 15px 5px 0px;
}

img.alignright {
   float: right;
   margin: 0 0 5px 15px;
}

img.alignabove {
   margin: 0 0 10px 0;
}

form.niceform
{
   padding-left:23px;
}

form.niceform label
{
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;   
}

div#content p
{
   text-align:justify;
}

img.system
{
   padding-left:70px;   
   padding-bottom:20px;
}

img#one
{
   padding-right:5px;
}

p.keywords
{
   font-size:10px;
   text-align:center;
   color:#fff;
}

hr.rightHr
{
   width:175px;
   margin-bottom:22px;
}

div.contentSpanned
{
   width:100%;
   border:solid 0px red;
}

div#counter
{
   float:right;
   margin:-25px 0px 0px 0px;
}

#content a
{
   color:#06c;
   text-decoration:none;
}