* {padding : 0; margin : 0}

html {
min-height: 100%;
margin-bottom: 1px;
}

img {
	margin: 0;
	border:none;
	
	}
	
	body {
	margin: 0px;
	margin-left: 10px;
	background-color:#fff;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #666;
	
	
	}
p { margin-top:10px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
	}
	
	h1	{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 200%;
	color: #888;
	padding-top: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight:bold;
	}
	
		
	h2	{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #888;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 12px;
	font-weight:bold;
	
	}
	

	h2.high {
	color:#ffa688;  
	margin-top:20px;
	}
	
	h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666;
	margin: 0;
	margin-top:10px;
	
	
	}
	
	
	  
	  
	  
	  label, textarea, input {
	  margin-left: 10px;
	  }
	  
	   
	
 
 
  
  
  
   .odd {
  background-color: #C5E8D6;
  }
  .even {
  background-color: #ADD8E6;
  }	
  
    #mid-section ul {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

 #mid-section ol {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

#mid-section ul.bigspace li {
margin-bottom:8px;
font-size:120%;
}

#mid-section ul li {
margin-bottom:4px;
font-size:100%;
}
  
	
#container {
   
	position: relative;
    height: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
	width: 780px;
	background-color:#eff2ff;
	border: 1px solid #ccc;
	padding-left:0px;
	padding-right: 0px;
	
	
    
}
	#top-section {
  position:relative;
  left:0;
  top:0;
  width:100%;
  margin-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
   
   
  }
  
    
  #menu-section {
 position:relative;
 width:100%;


     }
  
  #tagline {
  font-family: Garamond, Georgia, "Times New Roman", Times, serif; 
  color:#cc0000; 
  font-size:180%; 
  letter-spacing:1.1em;
  font-weight:bold; 
  margin-top:25px; 
  }
  
  #mid-section {
   position:relative;
   float:left;
   margin:0;
   margin-left:15px;
   padding-top:18px;
   padding-bottom:18px;
   width:750px;
 background-color:#ffffff;
 display:inline;
	
	 
    }
	
#left-col-1 {
float:left; 
width:120px;
padding-left:18px;
padding-right:18px; 
margin-top: 0px; 

 
}

#left-col-2 {
position:relative;
float:left; 
width:530px;
padding-left:35px; 
margin-top: 0px; 
border:none;
padding-bottom:30px;
 
}

#left-col-3 {
float:left; 
width:170px;
padding-left:35px; 
margin-top: 55px; 
border:none;
padding-bottom:30px;
 
}




#right-section {

float:left; 
padding-left:25px; 
padding-top: 0px; 
width:340px;

 
}



#right-sub-1 {
float:left; 
padding-left:0px; 
width:390px;
font-size:90%;
 
}

#right-sub-2 {
float:right; 
padding-top:57px; 
width:140px;
font-size:90%;
 

}

#right-sub1-left {
float:left; 
padding-left:0px; 
 

}

#right-sub1-right {
float:right; 
padding-left:0px; 
font-size:110%;
font-weight:bold;
padding-top:60px;
width:130px;
 
}

#right-sub1-bottom {
clear:both;
float:left; 
font-size: 90%;
padding-left:30px; 
padding-top:25px;
width:350px;
 
}

#right-col-1a {
float:right; 
padding-left:0px; 
padding-top: 20px; 
width: 605px;
 

}

#right-1a-left {
float:left; 
padding-left:1px; 
width: 440px;
 
}

  #bottom-section {
  clear:both;
  position:relative;
  left:0;
  top:0px;
  
  margin:0;
  
 
  }
  #bottom-section2 {
   position:relative;
   width:746px;
   height:30px;
   color:#eee;
  left:0;
  top:0px;
   margin:0px;
  margin-top:5px;
  border-top: 1px solid #ccc;
  padding-top:5px;
  padding-left: 18px;
  padding-right:16px;
  background-image:url(../images/bot-back.png);  

  }

  
 
 
  
  
  
  #bottom-col-1 {
  position:relative;
  left:0px;
  font-size: 1em;
  text-align: center;
  }
  
 .cap { 
 text-align:center;
 font-style:italic;
 margin-bottom:14px;
 }
  
 table.res {
 	margin-left:20px;
	margin-top:20px;
	width: 80%;
	border: 1px solid #F3C8CA;
	background: #fff;
	}
	
	table.res th, table.res td {
	margin:0;
	padding: 4px 8px;
	text-align: left;
	background: #FFEAE1;
	
	}  
	  table.res th {
	background: #eff2ff;
	} 
	
.pintro {
color:#cc0000;
font-weight:600;
margin-bottom:20px;
}
	
 .sbox {
  height: 280px; 
  overflow: auto; 
  visibility:visible; 
  padding-right:10px;

  }
		
.ileft {
  float: left;
  padding: 0px 12px 10px 0px;
  }
  
 .iright {
  float: right;
  padding: 0px 0px 10px 12px;
  }
	      
  .left {
  float: left;
  text-align: left;
   
  }

.right {
  float: right;
  text-align: right;
 
 
  
  }

  div.spacer {
  clear: both;
  background-color:#B1FF8A;
  
  }

  


 
 .lege {
 margin-bottom:20px; 
 font-size: 130%; 
 padding-left:5px; 
 padding-right:10px;
 color: #777;
 border-color:#777;
 }
 
 fieldset {
 border :  1px solid #777;
 }
 
.teaser {
padding-left:10px;
width:192px;
float:right;
padding:0px 0px 10px 15px;
 
}

 .tease-top {
  margin:0; 
  padding:0; 
  background-image:url(../images/teaser.jpg); 
  background-position: top left; 
  background-repeat:no-repeat;
  }
  
  .tease-mid {
  font-size:160%; 
  color:#ddd;
  font-weight:normal; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
  background-image:url(../images/teaser-mid.jpg);  
  background-repeat:repeat-y; 
  padding:5px 5px 5px 5px;
  text-align:center;
  }
  
  .tease-text {
  padding:14px 5px 5px 10px;
  font-size:70%;
  font-family: Arial, Helvetica, sans-serif;
  color:#fff;
  line-height:150%;
  font-weight:600;
  text-align:center;
  }
  
  .tease-bottom {
  background-image:url(../images/teaser.jpg); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  }
  
h1.cs {
margin-bottom:0px
}

h2.cs {
margin-bottom:20px; 
margin-top:0px;
color: #ffa688;
}

.bottomline {
margin-top:10px;
font-size:130%; 
font-weight:bold;
color:#555;
}

.forminput {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

tr.odd {
background-color: #EDFFE3;
}

tr.even {
background-color: #BFFF9F;
}

.highlight {
margin-top:22px;
border-bottom: 1px solid #ccc; 
border-right: 1px solid #ccc; 
background-color:#eee;
color:#888; 
padding:5px 5px 5px 5px; 
font-weight:bold;
margin-bottom:8px;
}

.highlight-head {
font-size:110%; 
color:#666; 
font-weight:bold;
margin-bottom:3px;
}

.three-col-hd {
margin: 10px 0px 17px 0px;
padding: 10px 20px 10px 30px;
background-color:#eee;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;


}

.three-col-det {
float:left; 
padding-left:20px;
width:120px;
}

  #nav1{
margin-top: 7px;
margin-bottom: 2px;
margin-left:82px;
padding-bottom:0px;
height:30px;
width:684px;
float:left;
display:inline;
overflow:hidden;



}

#nav1 ul {


margin-left: 0;
padding-left: 0;
margin-bottom: 0;
display: inline;
}

#nav1 li {
list-style-type: none;
text-align:center;
padding: 0px 1px 0px 0px;
float:left;
margin-bottom: 0;
overflow:hidden;
display: inline;


}

#nav1 a {
	float: left;
	padding: 30px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#nav1 a:hover,  #nav1 a.selected {
	background-position: 0 -30px;
	
	}
	
#thome a  {
	width: 75px;
	background: url(../images/home-nav.jpg) top left no-repeat;
	}	

#taboutus a  {
	width: 75px;
	background: url(../images/about-nav.jpg) top left no-repeat;
	}	
	
#twhatwedo a  {
	width: 75px;
	background: url(../images/what-nav.jpg) top left no-repeat;
	}	

#tsector a  {
	width: 75px;
	background: url(../images/sector-nav.jpg) top left no-repeat;
	}	
	
#tbenefits a  {
	width: 75px;
	background: url(../images/benefits-nav.jpg) top left no-repeat;
	}
	
#tclients a  {
	width: 75px;
	background: url(../images/clients-nav.jpg) top left no-repeat;
	}	

#tnews a  {
	width: 75px;
	background: url(../images/news-nav.jpg) top left no-repeat;
	}	
	
#twork a  {
	width: 75px;
	background: url(../images/work-nav.jpg) top left no-repeat;
	}	
	
#tcontact a  {
	width: 75px;
	background: url(../images/contact-nav.jpg) top left no-repeat;
	}	
	
#navcat ul {
text-align:left;
padding:0;
margin:0;
margin-top:8px;
}


	
#navcat li {
	margin: 0; 
	padding: 0;
	padding-bottom:4px;
	padding-left:10px;
	margin-bottom:8px !important; 
    list-style: none;
	color:#fff;
	font-weight:normal;
	width:100px;
	text-align:right;
	border-bottom: 1px dashed #9c9fa0;
	
	
	
	}

#navcat a:link, #navcat a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#777; font-weight:normal;
	font-size:80%;
	
	
	}
	
#navcat a:hover, #navcat a:active {
	color: #aaa;
	}
	
#navcat-home ul {
text-align:right;
padding:0;
margin:0;
margin-top:4px;
width:120px;
}


	
#navcat-home li {
	margin: 0; 
	padding: 0;
	padding-bottom:4px;
	padding-left:0px;
	margin-bottom:12px !important;
    list-style: none;
	color:#fff;
	font-weight:bold;
	width:120px;
	text-align:right;
	border-bottom: 1px dotted #9c9fa0;
	
	
	
	}

#navcat-home a:link, #navcat-home a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#323232; font-weight:normal;
	font-size:80%;
	
	
	}
	
#navcat-home a:hover, #navcat a:active {
	color: #aaa;
	}
	
	
A:link,  A:visited, A:active   { color:#3399FF; text-decoration: none; font-family:    Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold;} 
A:hover     { color: #aaa; text-decoration: none; font-family:  Arial, Helvetica, sans-serif; font-size:100%; font-weight: bold;} 


A.legal:link, A.legal:visited, A.legal:active      { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 70%;  line-height: 140%; font-weight: normal} 
A.legal:hover     { color: #000000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:70%; line-height: 140%; font-weight: normal} 

A.tlink:link, A.tlink:visited, A.tlink:active    { color:#666; text-decoration: none; font-family:    Arial, Helvetica, sans-serif; font-size: 120%;  font-weight: bold;} 
A.tlink:hover     { color: #aaa; text-decoration: none; font-family:  Arial, Helvetica, sans-serif; font-size:120%; font-weight: bold;} 

A.tlinkm:link, A.tlinkm:visited, A.tlinkm:active    { color: #555; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.tlinkm:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: bold} 


A.more:link, A.more:visited, A.more:active      { color: #666; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.more:hover     { color: #999; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

A.sb:link      { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal} 
A.sb:visited   { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; } 
A.sb:active    { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal;  } 
A.sb:hover     { color: #000000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:1em; font-weight: normal} 