/* Cyonix css version 1.0 - cyonix.co.uk ***********************/
/* default.css Copyright (c) 15.06.2005 Sharon Lee ***********************/
/* Decorative Default Style Rules ***********************/

/* Body and container ***********************/
body {
    
	   font-family: Lucida Grande, Geneva, Verdana, Arial, Trebuchet MS, sans-serif;
	   font-size: 79%;
	   border-top: 5px solid #B3C2D5;
	   background: #ffffff url(../images/testBG.gif) repeat-x;
	   text-align: center; /* required to center the container in IE5.x as appose to'margin: 0 auto' */
	  
	 }
	 
#mainContainer {

	  background: #ffffff url(../images/conBG.gif);
	  background-repeat: repeat-y;
	  border: 1px solid #646C8D;
	  border-right: ridge 2px #4D536C;
	  border-bottom: ridge 2px #4D536C;
	 
	 }


.no-pad {
  border: 1px dashed #9ea5c9;
  background: #646c8d;
  color: #fff;
  padding: 10px;
  text-align:justify;

	}


/* Header TSags **********************/ 

h1 {
  
   color: #646c8d;
 
     }

h2 {

  font-size: 115%;
 
    }
 
h3 {
 	
	font-size: 100%;
	
	}
 
h2, h3  {
   
     border-bottom: 1px solid #0C1731;
	 background: url(../images/textImg.gif) no-repeat 0% 45% ;
	
    } 
	
h4 {
   
     background: url(../images/header4.gif) no-repeat 0% 45% ;
   
    }
  
h4#home {

    background: none;
    
	}
	
/* Lists **********************/
ul   {

     list-style-image:url(../images/listImage.gif);
   
    }
/* Page Header (banner) and Integrated Elements **********************/			 

#headerTop ul li a {  /* Begin top navigation */
  
	font-size:80%;
	color: #161f3a;

    }

#headerTop ul li a:hover, #headerTop ul li a:active, #headerTop ul li a:focus, #headerTop ul li a.focus{
   
	color: #b1b5c6;
    
	}

#headerImg { 

   background: #ccd6e1 url(../images/mainHeader.jpg) no-repeat;
   border: 1px solid #646c8d;
   
   }

/* Left Column and Integrated Elements **********************/	
#leftCol  { 

	border-right: 1px solid #b3bdc8;
	background-color: #ccd6e1;
	
	}  

#mainNav li a { /* Begin main navigation */
   
	color: #323a57;  
	border-bottom: 1px dotted #777e9b;
	background: #f2f4f8 url(../images/bghover.gif) no-repeat;
	text-decoration: none;
	background-position: 96%;
	
	}

#mainNav li a:hover, #mainNav li a:focus, #mainNav li a:active, 
#home #mainNav li a.def, 
#about #mainNav li a.about,
#services #mainNav li a.service,
#portfolio #mainNav li a.port,
#web-access #mainNav li a.access,
#design #mainNav li a.standards,
#web-access #mainNav li a.access,
#testimonials #mainNav li a.test,
#news #mainNav li a.news,
#contact #mainNav li a.contact-us
 {
	color: #000033;
	background:  url(../images/hover22.gif) no-repeat;
    background-color: #C9DDF5;
	background-position: 96%;	
    }

#mainNav li a:hover:after, #mainNav li a:focus:after {  /* End main navigation */
   
   content: " [" attr(accesskey) "] ";

    }
	
.featureBox {
      
      border: 2px solid #777e9b;
	  background: #fff;
	  
	  }
	  
.featureBox p { 

	 color: #333366;
	 font-size: 80%;
	 
    }

.featureBox a, .featureBox a:link, .featureBox a:visited {

     color: #233f5e;
     font-weight: bold;
	
	}

.featureBox a:hover, .featureBox a:focus, .featureBox a.focus {
  

    color: #000033;
   
    }
	
.featureBoxHeader, #navHeader {
      background: #646c8d;
	  color: #fff;
	  font-size: 100%;
	  font-weight: bold;
	 
    }	

/* Page Content & Integrated Elements**********************/	 
#pageIntro {

      border: 1px dotted #fff;
	  background: #646c8d;
	  color: #fff;
	}
	
#pageIntro a {
	color: #c9ddf5;

} 
	  
#bodyContent {

   color: #4B4d7a;
   }
 

#bodyContent a:hover, #bodyContent a:focus, #bodyContent a.focus { 
    
	color: #000033;
	
	}
	
.featureBox a img {
 border: none;
 margin-left: 10px;
 margin-top: 5px;
 }
	
/* Specific classes and IDs **********************/
#spaceBar { /* Bar underneath header */
	
	   background: #fff url(../images/spacer.gif) repeat-x
	  
    }
	
#contImg img {

        border: 1px solid #646c8d;
		padding: 0;
		margin: 6px 0 6px 0;
		
	}

/* Footer and Integrated Elements **********************/
	  
#footer {

    border-top: solid 1px #646c8d;
	background: #646C8D;

	 }
	
#footer ul li {
    
    color: #fff;
	
     }
 
#topPageLink img {

     margin: 0;
     padding: 0;
     border: 0;

     }
   
#footer ul li a {
      
	font-size: 85%;
	color: #fff;

    }
	
#footer ul li a:hover, #footer ul li a:focus, #footer ul li a.focus {

   color: #ffff00; 
   
    }
   
/* Linkology **********************/
 
a {

    color: #006699;
	
	}
	
a:first-letter { 

	   color: #3333CC;
	}
	

a:hover:first-letter {
 
	  color: #003366;
   
   }

/* Site Map **********************/

.site_map li {
list-style-image:url(../images/site_map.gif);
margin-top: 15px;
}

.site_map ul li  {
font-size:inherit;
list-style-type:none;
}
   
   
/* Form Elements **********************/
fieldset {
	
	border: 1px solid #4d536c;
	background-color: #ccd6e1;
	
	}
	
fieldset legend {
	
	color: #003366;
	
	}
	
input, select, textarea, input.formButton   {
  
  background: #ebf6f7;
 
    }
   
select:focus, textarea:focus, input.focus, select.focus , textarea.focus {

  background: #fff;
  color: #000;
 
    }
    
input:focus, input.focus {
 
  background: #fff;
  color: #000;

    }
	
input.formButton {

  color: #000;

    }
	
input.formButton:focus {
 
 background: #fff;
 
 }


/* News Elements **********************/
ul#latestNews {
  list-style-image: none;
  list-style-type: none;
  padding: 0 5px 0 5px;
  margin: 0;
 
   }

#latestNews li { 
background: url(../images/icon_bullhorn.gif) left 5px no-repeat;
  font-size: 90%;
  padding: 5px 3px 5px 15px;
  margin: 0;
  font-family: Geneva, Arial, Helvetica, san-serif;
  border-bottom: 1px dotted #336699;

   }
 
#latestNews li a{
 color:#003366;
 text-decoration: none;
 font-weight: normal;
 margin: 0;

   }
   
#latestNews li a:hover, #latestNews li a:focus, #latestNews li a.focus{
 
 color: #003866;
 text-decoration: underline;

   }