/* CSS Document */
@import url("layout.css");
@import url("content.css");
@import url("home.css");

body {
	margin: 0px; 
	padding: 0px;
	background-color: #fff;
	background-image: url(../../images/bg.gif);
	background-repeat: repeat-y;
	background-position:top center;


}

html, 
body, 
div {
	font-family: Verdana, Arial, Helvitica, sans-serif; 
/*	font-size: x-small;*/
}

br {
	clear: both;
}

a:link, 
a:visited {
	color:#9F0000;
	text-decoration: none;
}

a:hover, 
a:active {
		text-decoration: underline;
	}
	


a img {
	border-width: 0; 
	border-style: none;
}


/* branding    */

		#logo img {
			margin:0px;
			padding: 0px;
		}
				
		/* navSecondary   */


		#navSecondary ul {
			list-style:none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float:right;
			}
		
	
		#navSecondary li 
		{
			float: left;
			padding: 2px 0px 2px 0px;
			margin: 0px 0px 0px 0px;
			}

		#navSecondary li a:link, 
		#navSecondary li a:visited {
			font-size:.65em;
			color: #fff;
			padding: 5px 15px 5px 15px;
			margin: 0px 0px 0px 0px;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#navSecondary li a:hover, 
		#navSecondary li a:active {
			text-decoration: none;
			background-color:#9F0000;
		}
		/*nav   */

 
		#nav ul {
			list-style:none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 5px;
			float:left;
			width: 1000px;
			display:block;
			}
		
	
		#nav li 
		{
			float: left;
			padding: 0px 0px 0px 0px;
			margin: 3px 0px 0px 5px;
			width: 90px;
			
			}
			
			#nav li.homeIcon 
		    {
			float: left;
			padding: 0px 0px 0px 0px;
			margin: 3px 0px 0px 0px;
			width: 30px;
			
			}

		#nav a {
			display: block;
		}
		 
 
		#nav a:link,
		#nav a:visited
		#nav a:hover,
		#nav a:active{
			width: 150px;
			display: block;
		}				
	
		#nav a.navProducts:link,
		#nav a.navProducts:visited{
		background: url(../../images/nav-products.jpg) top left no-repeat;
		}				
	
		#nav a.navProducts:hover,
		#nav a.navProducts:active{
		background: url(../../images/nav-products2.jpg) top left no-repeat;
		}				
	
		#nav a.navServices:link,
		#nav a.navServices:visited{
		background: url(../../images/nav-services.jpg) top left no-repeat;
		}				
	
		#nav a.navServices:hover,
		#nav a.navServices:active{
		background: url(../../images/nav-services2.jpg) top left no-repeat;
		}				
	
		#nav a.navProjects:link,
		#nav a.navProjects:visited{
		background: url(../../images/nav-projects.jpg) top left no-repeat;
		}				
	
		#nav a.navProjects:hover,
		#nav a.navProjects:active{
		background: url(../../images/nav-projects2.jpg) top left no-repeat;
		}				
	
		#nav a.navClients:link,
		#nav a.navClients:visited{
		background: url(../../images/nav-clients.jpg) top left no-repeat;
		}				
	
		#nav a.navClients:hover,
		#nav a.navClients:active{
		background: url(../../images/nav-clients2.jpg) top left no-repeat;
		}				
	
		#nav a.navCompany:link,
		#nav a.navCompany:visited{
		background: url(../../images/nav-company.jpg) top left no-repeat;
		}				
	
		#nav a.navCompany:hover,
		#nav a.navCompany:active{
		background: url(../../images/nav-company2.jpg) top left no-repeat;
		}				
	
		#nav a.navContact:link,
		#nav a.navContact:visited{
		background: url(../../images/nav-news.jpg) top left no-repeat;
		}				
	
		#nav a.navContact:hover,
		#nav a.navContact:active{
		background: url(../../images/nav-news2.jpg) top left no-repeat;
		}
		
		
		
		
		
		
		
		#nav a.currentProducts:link,
		#nav a.currentProducts:visited{
		background: url(../../images/nav-products2.jpg) top left no-repeat;
		
		}
		
		#nav a.currentAccred:link,
		#nav a.currentAccred:visited{
		background: url(../../images/nav-services2.jpg) top left no-repeat;
		
		}
		
	
		#nav a.currentCompany:link,
		#nav a.currentCompany:visited{
		background: url(../../images/nav-company2.jpg) top left no-repeat;
		
		}
		
		#nav a.currentContact:link,
		#nav a.currentContact:visited{
		background: url(../../images/nav-news2.jpg) top left no-repeat;
		
		}


 			

		#nav li ul { /* second-level lists */
			position: absolute;
			background: #282828;
			width: 742px;
			height:425px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			display:none;
			margin:-17px 0px 0px 0px;


		}
		 
		#nav li li { /* all list items */
			float: left;
			background: #ffffff;
			width:158px;
			margin:10px;
			height:184px;



		}
		 
		#nav li li a {	
			width: 150px;
						color: #9F0000;
						font-size: .7em;
						margin:0px auto;
						text-transform:uppercase;
						text-decoration:none;
						display:block;
						height:20%;
						padding-top:130px;


		}


		#nav li li .productBox
										{
										width:158px;
										height:184px;
										border:3px solid #e5e4e4;
										float:left;
										clear:none;
										text-align:center;
										margin:20px 20px;
										position:relative;

									}

									
									 #nav li li.product01
										{
										background:#e5e4e4 url(../../images/product_CSBF.jpg) no-repeat;
									}


									 #nav li li.product01:hover
										{
										background:#e5e4e4 url(../../images/product_CSBFHov.jpg) no-repeat;
										border:3px solid #9F0000;
									}

									#nav li li.product02
										{
										background:#e5e4e4 url(../../images/product_CSF.jpg) no-repeat;
									}

									#nav li li.product02:hover
										{
										background:#e5e4e4 url(../../images/product_CSFHov.jpg) no-repeat;
										border:3px solid #9F0000;
									}


									#nav li li.product03
										{
										background:#e5e4e4 url(../../images/product_CSFF.jpg) no-repeat;
									}

									#nav li li.product03:hover
										{
										background:#e5e4e4 url(../../images/product_CSFFHov.jpg) no-repeat;
										border:3px solid #9F0000;
									}

									
									#nav li li.product04
										{
										background:#e5e4e4 url(../../images/product_SSFF.jpg) no-repeat;
									}

									#nav li li.product04:hover
										{
										background:#e5e4e4 url(../../images/product_SSFFHov.jpg) no-repeat;
										border:3px solid #9F0000;
									}


									#nav li li.product05
										{
										background:#e5e4e4 url(../../images/product_SDSSBF.jpg) no-repeat;
									}

									#nav li li.product05:hover
										{
										background:#e5e4e4 url(../../images/product_SDSSBFHov.jpg) no-repeat;
										border:3px solid #9F0000;
									}

									#nav li li.product06
										{
										background:#e5e4e4 url(../../images/product_SDSSBFL.jpg) no-repeat;
									}

									#nav li li.product06:hover
										{
										background:#e5e4e4 url(../../images/product_SDSSBFLHov.jpg) no-repeat;
										border:3px solid #9F0000;
									}


									#nav li li.product07
										{
										background:#e5e4e4 url(../../images/product_PF.jpg) no-repeat;
									}

									#nav li li.product07:hover
										{
										background:#e5e4e4 url(../../images/product_PFHov.jpg) no-repeat;
										border:3px solid #9F0000;
									}

									#nav li li.product08
										{
										background:#e5e4e4 url(../../images/product_PBD.jpg) no-repeat;
									}

									#nav li li.product08:hover
										{
										background:#e5e4e4 url(../../images/product_PBDHov.jpg) no-repeat;
										border:3px solid #9F0000;
									}

		

		div#nav li:hover ul ul, 
		div#nav li.sfhover ul ul 
		{
			left: -999em;
			display:none;
			
		}
		 
		div#nav li:hover ul, 
		div#nav li li:hover ul, 
		div#nav li.sfhover ul, 
		div#nav li li.sfhover ul
		{ /* lists nested under hovered list items */
			left: auto;
			display:block;
			z-index: 999;
						


		}




		/*banner   */
		#banner img {
			margin:0px;
			padding: 0px;
		}

		/*breadcrumb   */
		#breadcrumb h3 {
			font-family: Arial, Helvetica, sans-serif;
			color: #666;
			font-weight: normal;
			font-size: .6em;
			margin:0px;
			padding: 0px;
		}

		#breadcrumb a {
			color: #666;
			text-decoration: none;
		}

		/*mainWrapper   */

		
				/*subNav   */

				#subNav h2
				{
					font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 1em;
					color: #666;
					font-weight: bold;
					padding: 0px 0px 10px 40px;
					margin:  5px 0px 0px 0px;
				}
				
				    #subNav h2.productIcon {
					    background: url(../../images/subIcon.jpg) top left no-repeat;
					    }
					    
					    
				    #subNav h2.projectIcon {
					    background: url(../../images/projectsIcon.jpg) top left no-repeat;
					    }
				
		
				#subNav ul {
					list-style: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					float:left;
					}	
					
					
					
		        #subNav li {
					list-style: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					float:left;
					}
					
			    		
					
				#subNav li a:link, 
				#subNav li a:visited {
					font-size:0.7em;
					color: #666;
					padding: 5px 5px 5px 0px;
					margin: 0px 0px 0px 0px;
					display:block;
					text-decoration: none;
					background: none;
					width: 210px;
					background: url(../../images/subNav-arrow.gif) top left no-repeat;
					border-bottom: 1px dotted #ccc;
				}
				
				#subNav li a:hover, 
				#subNav li a:active {
				    color:#fff;
					text-decoration: none;
					background-color: #9F0000;
				}
		

				#subNav li.current a:link, 
				#subNav li.current a:visited {
					background-color: #333;
					color:#fff;
					
				}
		
				#subNav li.current a:hover, 
				#subNav li.current a:active {
					background-color: #9F0000;
					outline:none;
				}
				
				#subNav li.current{
					color:#fff;
					background-color: #9F0000;
				}
				
				
				
				
				/*contentProjects   */
				
				
			    .contentProjects h1{
			        font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
			        font-size:0.9em;
                    color:#666;
				    padding:0px;
				    margin:0px;
				
				}
				  .contentProjects h2{
			        font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
			        font-size:1em;
                    color:#666;
				    padding:0px;
				    margin:0px;
				
				}
				
				
				 .contentProjects img{
				    float:left;
				    padding:0px 0px 0px 20px;
				    margin:0px;
				
				}
				
				.contentProjects p{
				    width:230px;
				    font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
                    font-size:0.75em!important;
                    color:#666!important;
				    float:left;
				    padding:0px;
				    line-height:1.4em;
				    margin:10px 0px 0px 0px;
				    
				
				}
				
				
				.contentProjects a{
				    font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
                    font-size:1em!important;
				
				}
				
				
				/*contentForm   */
				       
			        #contentForm li.header {
				        list-style: none;
				        margin: 0px 2px 0px 0px;
				        padding: 5px 0px 0px 5px;
				        float:left;
				        background-color:#eee;
				        text-align:center;
				        height:20px;
				        width:140px;
				        }
				        
				        
				             #contentForm h3.single {
				                list-style: none;
				                margin: 10px 0px 0px 0px;
				                padding: 0px 0px 0px 5px;
				                }
				        
				          
				            #contentForm ul.subUlHeader {
				                list-style: none;
				                margin: 0px 0px 10px 0px;
				                padding: 0px 0px 0px 0px;
				                float:left;
				                				            

				                }
				          
				           #contentForm li.subHeader {
				                list-style: none;
				                margin: 0px 2px 0px 0px;
				                padding: 5px 0px 0px 5px;
				                float:left;
				                background-color:#eee;
				                height:20px;
				                width:440px;
				                				            

				                }

				        
				        
				        
				     #contentForm li.info {
				        list-style: none;
				        margin: 0px 2px 10px 0px;
				        padding: 0px 0px 0px 5px;
				        float:left;
				        text-align:center;
				        height:20px;
				        width:140px;
				        }
				        
				        
				        
				        
				        
				        
				        
				        
				        /*contentFormProjects   */
				       
			        #contentFormProjects li.header {
				        list-style: none;
				        margin: 0px 2px 0px 0px;
				        padding: 5px 0px 0px 5px;
				        float:left;
				        background-color:#eee;
				        text-align:center;
				        height:20px;
				        width:140px;
				        }
				        
				        
				             #contentFormProjects h3.single {
				                list-style: none;
				                margin: 10px 0px 0px 0px;
				                padding: 0px 0px 0px 5px;
				                }
				        
				          
				            #contentFormProjects ul.subUlHeader {
				                list-style: none;
				                margin: 0px 0px 10px 0px;
				                padding: 0px 0px 0px 0px;
				                float:left;
				                				            

				                }
				          
				           #contentFormProjects li.subHeader {
				                list-style: none;
				                margin: 0px 2px 0px 0px;
				                padding: 5px 0px 0px 5px;
				                float:left;
				                background-color:#eee;
				                height:20px;
				                width:440px;
				                				            

				                }

				        
				        
				        
				     #contentFormProjects li.info {
				        list-style: none;
				        margin: 0px 2px 10px 0px;
				        padding: 0px 0px 0px 5px;
				        float:left;
				        text-align:center;
				        height:20px;
				        width:140px;
				        }
				        
				        
				        
				        
				        
				        
				  /*contentFormPopup  
				       
			        #contentFormPopup li.header {
				        list-style: none;
				        margin: 0px 2px 0px 0px;
				        padding: 5px 0px 0px 5px;
				        float:left;
				        background-color:#eee;
				        text-align:center;
				        height:20px;
				        width:140px;
				        }
				        
				        
				             #contentFormPopup h3.single {
				                list-style: none;
				                margin: 10px 0px 0px 0px;
				                padding: 0px 0px 0px 5px;
				                }
				        
				          
				            #contentFormPopup ul.subUlHeader {
				                list-style: none;
				                margin: 0px 0px 10px 0px;
				                padding: 0px 0px 0px 0px;
				                float:left;
				                				            

				                }
				          
				           #contentFormPopup li.subHeader {
				                list-style: none;
				                margin: 0px 2px 0px 0px;
				                padding: 5px 0px 0px 5px;
				                float:left;
				                background-color:#eee;
				                height:20px;
				                width:440px;
				                				            

				                }

				        
				        
				        
				     #contentFormPopup li.info {
				        list-style: none;
				        margin: 0px 2px 10px 0px;
				        padding: 0px 0px 0px 5px;
				        float:left;
				        text-align:center;
				        height:20px;
				        width:140px;
				        } */
				        
				        
				        
				        
				        
				        
				        
				        
				        
				        
				        
				        
				    .clearfix{
				    height:90px;
				    padding:0px 0px 0px 0px;
				    margin:0px 0px 0px 0px;
				    
				    }

				
				
				#content a.news{
				    font-size:0.8em;
				}
				
				
			    img.viewBtn{
				        float:right;
				        display:inline;
				        margin:0px 0px 0px 0px;
				        padding:0px 0px 0px 0px;
				    }
					
				
				
				
					/*NEWS  */
				
				
				#content ul.news{
					list-style: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					float:left;

				}
				
				
				#content li.news{
					margin: 0px 0px 5px 0px;
					padding: 0px 0px 5px 0px;
					float:left;
					border-bottom:solid 1px #ccc;

				}
				
		           #content a.sponsor{
		            float:left;
		            font-size:1em!important;
		            padding:0px 10px 0px 0px!important;
		            margin:0px 0px 0px 0px;
		            }
				
				
				
				
				
				        #content .news a:link, 
				        #content .news a:visited {
					        font-size:1.2em;
					        padding: 0px 0px 0px 0px;
					        margin: 0px 0px 0px 0px;
					        display:block;
					        text-decoration: none;
					        background: none;
				        }
				        
				        #content .news a:hover, 
				        #content .news a:active {
					        text-decoration: underline;
				        }
				        
				        
				        #content .news p{
				            float:left;
				            font-size:1em;
				            padding:0px;
				            margin:0px;
				        }


				
				
				
				
				

				/*subNav2   */

				#subNav2 img {
					margin: 10px 0px 0px 0px;
					}	
					
				#subNav2 ul {
					list-style: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					float:left;
					}	
					
				#subNav2 li a:link, 
				#subNav2 li a:visited {
					font-size:.65em;
					padding: 3px 5px 3px 10px;
					margin: 0px 0px 0px 0px;
					display:block;
					text-decoration: none;
					background: none;
					width: 210px;
				}
				
				#subNav2 li a:hover, 
				#subNav2 li a:active {
					text-decoration: none;
					background-color: #ddd;
				}
		

				#subNav2 li.current a:link, 
				#subNav2 li.current a:visited {
					background-color: #efefef;
				}
		
				#subNav2 li.current a:hover, 
				#subNav2 li.current a:active {
					background-color: #efefef;
				}
				





    /*contact us*/


	    .enquiryHeader h3{
			font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size:1.4em;
            float:left;
	        padding:20px 0 0 0;
	        margin:0 0px 20px 10px;
	        width:240px;
	        
	    }
	    
	      
	    .enquiryHeader h4{
			font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size:0.7em;
            float:left;
            clear:both;
            display:block;
            
            font-weight:normal;
	        padding:0px 0 0 0;
	        margin:0 0px 0px 10px;
	        width:240px;
	       
	        
	    }
	    
	     .enquiryHeader p{
			 font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size:0.7em;
            float:left;
            font-weight:normal;
	        padding:0px 0 0 0;
	        margin:0 0px 0px 0px;
	        width:240px!important;
	        
	    }
	    
	    
	   


	    .tb10 {
	        /*background-image:url(../images/form_bg.jpg);
	        background-repeat:repeat-x;*/
	        float:left;
	        border:1px solid #ccc;
	        width: 240px;
	        color:#333333;
	        padding:3px;
	        margin-left:5px;
	        margin-right:4px;
	        margin-bottom:8px;
	        font-size:1em;
	        
	        font-family: arial,tahoma, sans-serif;
        }
        
          .rd10 {
            float:left;
	        border:1px solid #ccc;
	        width: 240px;
	        color:#333333;
	        padding:3px;
	        margin-left:5px;
	        margin-right:4px;
	        margin-bottom:8px;
	        font-family: arial,tahoma, sans-serif;
        }
        
        
       
         .radioBtn p {
            float:left;
            padding:0px;
            margin:0 0 10px 0;
            width:75px!important;
            line-height:0.8em;
            
        }
        
        p .errorText{
            float:left;
            padding:0px 0px 5px 10px;
            margin:0px 0px 0px 0px;
            
        }
        
        
        p.enquireBtn{
            float:right;
            padding:0px 0px 0px 0px;
            margin:10px 105px 0px 5px;
            
        }
        
														

		
				/*main  */

						
						/*content   
						
						see content.css
						
						*/
						
						
						/* terms */
						
						   
				/* sidebar */
						

						/* sideContact */
						
		
						#sideContact img {
							padding: 0px;
							margin: 0px 0px 0px 0px;
							float:left;
						
						}
														
														
						/* sideSecondary   */
						#sideSecondary h3 {
							font-family: "Century Gothic", "Gill Sans MT", Arial, Helvetica, sans-serif;
							font-size: 0.8em;
							color: #4F7493;
							padding: 0px 0px 00px 0px;
							margin:  0px 0px 0px 0px;
						}
			
						#sideSecondary ul {
							list-style:none;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							color: #4F7493;
							float:left;
							}
						
					
						#sideSecondary li 
						{
							font-size: 0.7em;
							padding: 4px 0px 0px 0px;
							margin: 0px 0px 0px 0px;
							}

						#sideSecondary img {
							float:left;
						
						}
						
						
		#sidebar .newsFeed{
		    clear: both;
		    float: left;
		    display: block;
		    width: 250px;
		
		}				
						
		#sidebar .newsFeed ul {
			list-style:none;
			margin: 0px 0px 0px 10px;
			padding: 0px 0px 0px 0px;
			float:left;
			width:220px;
			}
		
	
		#sidebar .newsFeed li {
			float: left;
			padding: 2px 0px 2px 0px;
			margin: 5px 0px 0px 0px;
			border-bottom:solid 1px #ccc;
			}
			
			
		#newsFeed a:link, 
		#newsFeed a:visited {
			text-decoration: none;

				}
		
	    #newsFeed a:hover, 
		#newsFeed a:active {
			text-decoration: underline;
				}
			
								
						

		/*  footer--------------------- */
		
		#footer{
			font-size: .6em;
			position:relative;
		}

		#footer a:link, 
		#footer a:visited {
			line-height: 130%;
			color:#999;
			text-decoration:none;			
		}
		
		#footer a:hover, 
		#footer a:active {
			text-decoration:underline;
		}
		
			
		#footer img
		{
			display: block;
			margin: 10px 0px 10px 20px;
			float:left;
		}	
		
		#footer p
		{
			color:#999;
		}
		
			
		#footer .cyber
		{
			display: inline;
			margin: 10px 0px 10px 20px;
			float:left;
			position:absolute;
			top: -30px;
			left: 0px;
		}	

		#footer .cyber img
		{
			display: inline;
			width: 130px;
			float:left;
		}