/*######################################################################################### 
###################################						###################################
################################### GENERIC PAGE LAYOUT	################################### 
###################################						###################################
###########################################################################################*/

body {
 background: #fff url(../images/body_slice.png) top repeat-x;
 padding:0px;
 margin:0px;
}

img {
padding: 0px;
margin: 0px;
border: 0px;
}

#wrapper {
 margin: 0 auto;
 width: 994px;
 background: #fff url(../images/bg_body.png) bottom left repeat-y;
 /*background-color: #fff;*/
}

/* ################################### HEADER LAYOUT #################################*/

#header{
background-color: #e9e9e9;
width: 100%;
}

#header a img{
 float: left;
}

.search{
 border: solid 1px #c8c8c8;
 color: #6f8591;
 font-weight: bold;
 width: 104px;
 height: 16px;
 font-size: 10px;
 padding: 2px;
 margin: 0px;
}

.submit{
background: #33FF00 url(../images/search_b.gif)  top left;
border:0px;
color: #6f8591;
font-weight: bold;
color: #fff;
padding: 0 0 4px 0;
font-size: 10px;
width: 54px;
height: 20px;
}

/* ################################### TOP NAVIGATION #################################*/

#top-nav{
width: 100%;
height: 29px;
}

#top-nav a{
 display:block;
 height: 29px;
 width: 142px;
 background-image: no-repeat top left);
 padding: 0px;
 margin: 0px;
 float: left;
}

#top-nav a.home{
 background-image: url(../images/nav_home.png);
}

#top-nav a.sol{
 background-image: url(../images/nav_sol.png);
}

#top-nav a.serv{
 background-image: url(../images/nav_serv.png);
}

#top-nav a.cust{
 background-image: url(../images/nav_cust.png);
}

#top-nav a.part{
 background-image: url(../images/nav_part.png);
}

#top-nav a.about{
 background-image: url(../images/nav_about.png);
}

#top-nav a.contact{
 background-image: url(../images/nav_contact.png);
}

#top-nav a:hover,
#top-nav a.on
{
 background-position: bottom left ;
}


/* ################################### FOOTER #################################*/

#footer{
 background: url(../images/footer_bg_slice.png) repeat-x top left;
 width: 964px;
 height: 30px;
 padding: 5px 15px 100px 15px;
}

.copyright {
 margin-right: 290px;
}

/*######################################################################################### 
###################################						###################################
################################### HOME PAGE LAYOUT	################################### 
###################################						###################################
###########################################################################################*/

/* ################################### FLASH CONTAINER AND NEWS/EVENTS BOX #################################*/

#home-leader{
position: relative; 
width: 994px;
/*height: 231px;*/
height: 20.65em; /* added by DL to support text resize */
background-color: #e9e9e9;
}

.flash-container{
background-color: #e9e9e9;
float: left;
}

#news-events{
position: relative; 
width: 231px;
height: 212px;
background-color: #e9e9e9;
float: right;
padding:10px;
}

.feature-more {position: absolute; display: block; bottom: 5px; right: 10px;}

/* ################################### SUB HEADING LAYOUT #################################*/

#home-nav{
width: 100%;
height: 29px;
background: #e9e9e9 url(../images/home-sub-nav.png) no-repeat left top;
border-top: solid 1px #fff;
}

/* ################################### OUR SERVICES - ABOUT WTG - OUR CUSTOMERS LAYOUT #################################*/

#home-bottom-cont {
position: relative; 
width: 994px;
background: #e9e9e9;
padding: 10px 0 10px 0;
height: auto;
}

#our-services {
position: relative; 
padding:0 20px 0 20px;
width: 213px;
height: 157px;
float:left;
}

#about-wtg {
position: relative; 
padding:0 20px 0 19px;
width: 448px;
height: 157px;
float:left;
border-left:solid 1px #c7c7c7;
border-right:solid 1px #c7c7c7;
}

#home-bottom-cont ul {
padding: 0px 0 0 0;
margin: 0px;
list-style: none none;
}

#home-bottom-cont ul li {
padding: 0 0 0 15px;
margin: 0px;
background:url(../images/red_arrow.png) no-repeat left center;
}

#client-logo {
float:left;
background: url(../images/client_logo_flash.png) no-repeat center bottom;
height: 157px;
width: 250px;
}

/*######################################################################################### 
###################################						###################################
################################### PORTALS PAGE LAYOUT	################################### 
###################################						###################################
###########################################################################################*/


#left-column {
width: 252px;
float: left;
background-color: #e9e9e9;
border-right: solid 1px #b8cbe1;
}

.left-column-heading {
height:30px;
}

.left-column-box {
padding:  15px 10px 12px 21px;
height: auto;;
}

.left-column-end {
border-bottom: 1px solid #b8cbe1;
}

#left-client-flash{
padding: 10px 0 0 0;
}

#left-column ul{
margin: 0px;
padding: 0px;
list-style: none none;
}

#left-column ul li{
text-transform: uppercase;
padding: 0 0 4px 0;
margin-left: 0px;

}

#left-column li ul{
margin: 0px;
padding: 0px;
}

#left-column li ul li{
text-transform: none;
padding: 0 0 0 15px;
margin-left: 10px;
background: url(../images/red_arrow.png) no-repeat left center;
}

#right-column{
width: 741px;
float: right;
}

.portals-flash{
width: 740px;
height: 133px;
}

#right-column-copyarea {
width: 721px;
float: right;
padding: 10px 10px 0px 10px;
}

.right-column-copy {
padding:  15px 18px 5px 18px;
border-top:solid 1px #c7c7c7;
border-bottom: solid 1px #c7c7c7;
margin-bottom: 10px;
}

.right-column-copy-nobottom-line {
padding:  15px 18px 5px 18px;
border-top:solid 1px #c7c7c7;
margin-bottom: 10px;
}

#resources {
padding: 0px 18px 10px 18px;
}


.list-col {
position: relative; 
float: left;
width: 300px;
border: solid 1px #c7c7c7;
margin: 10px 10px 10px 0px;
padding: 10px;
}

/*######################################################################################### 
###################################						###################################
################################### ACCESSABILITYLAYOUT	################################### 
###################################						###################################
###########################################################################################*/


.hidden {
  position: absolute;
  left: -99999px;
  top: 0;
  z-index: 20;
  font-size: 1em;
}