@charset "UTF-8";
/* CSS Document */

/*==============================================================*/
/* MAIN BODY STYLES */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #004d98 url(../_images/bkgd-body.gif) repeat-x;
	margin: 0 auto;
	padding: 0px;
}
#wrapper {
	width: 1020px;
	margin: 0 auto;
	padding: 0;
	background: url(../_images/bkgd-bodyTop.gif) no-repeat 0 150px;
	overflow: auto;
}
.container {
	background:#fff url(../_images/bkgd-waves.jpg) repeat-x bottom left;
	width: 1000px;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	}
	
/*==============================================================*/
/* ALL ITEM STYLES FOR HEADER & NAV */
#headerArea {
	width: 1000px;
	height: 130px;
	margin: 0 auto;
	padding: 0;	
	float: left;
	/*border: 1px solid #000;*/
}
#headerArea img {
	margin: 0.5em 0 0 3em;
	border: none;
	float: left;
	}
/*#headerArea p {
	color: #ccc;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1em;
	margin: 4em 1em;
	float: right;
	}*/
	
/*==============================================================*/
/* COLUMNS */

#leftColumn {
	width: 290px;
	overflow:auto;
	margin: 0px;
	padding: 0.5em 0 0 0;
	float: left;
	/*border: 1px solid #000;*/
	
	}
#rightColumn {
	width: 705px;
	overflow: auto;
	margin: 0;
	padding: 0;
	/*border: 1px solid #f40;*/
	}
.flashHeight {
	height: 500px;
	float: left;
	}
.col2 { overflow:auto; float: left;}
/*==============================================================*/
/* NAV STYLES */
#navcontainer {
	width: 290px;
	height: 240px;
	margin:0;
	padding: 0;
	background: url(../_images/bkgd-nav.gif) no-repeat;
	/*border: 1px solid #000;*/
}
 #navcontainer ul {
	list-style-type: none;
	padding: 0.5em 0 0 0;
	margin: 0 0 0 1em;
	text-align: left;
	width: 240px;
}

#navcontainer li {
	font-size: 0.8em
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	width: 240px;
	height: 25px;
	background-image: url(../_images/nav-1.jpg);
	background-repeat: no-repeat;
	margin: 0.1em 0;
	padding-left:30px;
}
#navcontainer li a {
	font-size: 0.8em;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
#navcontainer li:hover {
	background-image: url(../_images/nav-2.jpg);
	background-repeat: no-repeat;
	color: #00CCFF;
}
#navcontainer li a:hover {
	color:#014e98;
	text-decoration: none;
}
/*==============================================================*/
/* SUBPAGE STYLES */
#masthead {
	width: 695px;
	height: 200px;
	margin: 0;
	padding: 0;
	float:left;
	}
#contentArea {
	width: 630px;
	overflow: auto;
	margin: 0 0 0 1.5em;
	padding: 2em 1em;
	background: url(../_images/bkgd-subContent.gif) no-repeat;
	float:left;
	/*border: 1px solid #f40;*/
	}
#contentArea p {
	font-size: 0.7em;
	line-height: 1.4em;
	margin: 0 0 1.2em 0;
	color: #333;
	}

#contentArea ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#contentArea ul {
	margin: 0 0 0 15px;
	}
#contentArea li {
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: left;
	background: url(../_images/arrow.gif) no-repeat 2px 2px;
	margin: 0 0 1em 0;
	padding-left: 1.0em;
	list-style-type: none;
	}
	
.featureInfo {
	width: 130px;
	overflow: auto;
	margin: 0 0 0 2em;
	padding: 0.5em;
	border-left: 1px solid #ff0;
	float: right;
	}
.featureInfo p {
	font-size: 0.7em;
	color:#666666;
	line-height: 1.0em;
	}
.featureInfo a {
	font-size: 0.7em;
	color:#197aa2;
	line-height: 1.2em;
	text-decoration: underline;
	}
.featureInfo a:hover {
	color:#f60;
	text-decoration: underline;
	}
.featureInfo h1 {
	font-size: 0.7em;
	font-weight: bold;
	color:#197aa2;
	line-height: 1.7em;
	background: url(../_images/title-underline.gif) no-repeat bottom left;
	}

/* =================================================================== */
.clientBox {
	width: 630px;
	overflow: auto;
	margin: 1em 0 1em 0;
	padding: 0;
	border-bottom: 1px dashed #687C98;
	float: left;
	}
.clientLogo {
	width: 170px;
	height: 170px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #99cccc;*/
	float: left;
	}
.clientText {
	width: 400px;
	overflow:auto;
	margin: 0;
	padding: 0;
	float: left;
	text-align:left;
	}
/* =================================================================== */
	
a {
	font-size: 0.9em;
	color: #FF6600;
	text-decoration: none;
	}
a:hover {
	color:#336699;
	text-decoration: none;
	}	
h2 {
	font-size: 0.8em;
	color:#197aa2;
	line-height: 1.2em;
	font-weight: normal;
	}
h3 {
	font-size: 0.8em;
	color:#687C98;
	line-height: 1.2em;
	}
hr {
	margin:2em 0;
	border-top: 1px dashed #6699CC;
	}
em {
	color:#669999;
	font-weight: bold;
	}
/*==============================================================
IMAGE REPLACEMENT STYLES =====*/
.whoweare {
	background-image:url(../_images/tl-whoweare.gif);
  	background-repeat:no-repeat;
 	height:30px;
	width: 130px;
	margin: 0 0 1em 0;	
}
.whoweare span {
	display: none;
}
.services {
	background-image:url(../_images/tl-services.gif);
  	background-repeat:no-repeat;
 	height:30px;
	width: 130px;
	margin: 0 0 1em 0;		
}
.services span {
	display: none;
}
.clients {
	background-image:url(../_images/tl-clients.gif);
  	background-repeat:no-repeat;
 	height:30px;
	width: 130px;
	margin: 0 0 1em 0;	
}
.clients span {
	display: none;
}
.team {
	background-image:url(../_images/tl-team.gif);
  	background-repeat:no-repeat;
 	height:30px;
	width: 130px;
	margin: 0 0 1em 0;		
}
.team span {
	display: none;
}
.news {
	background-image:url(../_images/tl-news.gif);
  	background-repeat:no-repeat;
 	height:30px;
	width: 130px;
	margin: 0 0 1em 0;	
}
.news span {
	display: none;
}
.partners {
	background-image:url(../_images/tl-partners.gif);
  	background-repeat:no-repeat;
 	height:30px;
	width: 130px;
	margin: 0 0 1em 0;	
}
.partners span {
	display: none;
}
.testimonials {
	background-image:url(../_images/tl-testimonials.gif);
  	background-repeat:no-repeat;
 	height:30px;
	width: 130px;
	margin: 0 0 1em 0;		
}
.testimonials span {
	display: none;
}
.contactus {
	background-image:url(../_images/tl-contactus.gif);
  	background-repeat:no-repeat;
 	height:30px;
	width: 130px;
	margin: 0 0 1em 0;		
}
.contactus span {
	display: none;
}
.findTheGap {
	background-image:url(../_images/findTheGap.gif);
  	background-repeat:no-repeat;
 	height:25px;
	width: 340px;
	margin: 0;
	color: #ccc;
	font-variant: small-caps;
	font-weight: normal;
	font-size: 0.8em;
	margin: 7em 2em 0 1em;
	float: right;	
}
.findTheGap span {
	display: none;
}
/*==============================================================*/
/* FEATURE CLIENT STYLES */
#featureArea {
	width: 270px;
	overflow:auto;
	margin:0 auto;
	padding: 0;
}
img {
	border: none;
	}
/* #featureArea ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 245px;
}

#featureArea li {
	width: 245px;
	height: 61px;
	background-image: url(../_images/bkgd-featureClient.gif);
	background-repeat: no-repeat;
	margin: 0.3em 0;
	padding-left:10px;
	padding-right:5px;
}
#featureArea li a {
	width: 245px;
	font-size: 0.65em;
	font-weight: normal;
	line-height:1.1em;
	color: #999;
	text-decoration: none;
	
}
#featureArea li a:hover {
	color:#333;
	text-decoration: none;
}
#featureArea img {
	border: none;
	padding: 0 5px 0 0;
	float: left;
	}*/

/*==============================================================*/
/* FOOTER STYLES */
#footer {
	width: 985px;
	height: 40px;
	margin: 0 auto 2em auto;
	padding: 1em 0 0 1em;
	background: url(../_images/bkgd-footer.gif) no-repeat;
}
.col1 {
	width: 620px;
	height: 20px;
	float: left;
	}
.col2 {
	width: 540px;
	padding-right: 10px;
	}

#footer ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#footer li {
	font-size: 0.6em;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	color: #6893c0;
}

#footer li a {
	font-size: 1.0em;
	color: #53e0f5;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li a:hover {
	text-decoration: underline;
	color: #f60;
}
#footer li:before {content:" | "; color:#FFCC99;}
#footer li:first-child:before {content: " ";}

.push {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
* html #footer {
	width: 975px;
	}
* html #footer li {
	marg\in: 0 0 0 0.4em;
	padd\ing: 0.5em 0.1em 0 0;
}
* html .col1 {
	width: 360px;
}
* html .col2 {
	width: 550px;
}