/* Custom Styles, overall tags  and tags from old site*/

	body { 
	background:#FFFFFF; 
	margin: 15px 0px; 
	padding: 0px 0px; 
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:76%; 
	}
	

	h1, h1 a {
	font-size:24px;
	font-weight:normal;
	margin:5px 0;
	color:#6689A7;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	h1 strong {
	color:#6689A7;
	font-size:24px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}

	h3, h3 a {
	font-size:17px;
	font-weight:normal;
	margin:5px 0;
	color:#990000;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	h3 strong {
	color:#990000;
	font-size:17px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	h4, h4 a {
	font-size:15px;
	font-weight:normal;
	margin:5px 0;
	color:#6689A7;
	font-weight:bold;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif;
	}
	


/*	
	h1, h2, h3, h4, h5 {
	font-weight: bold;
	margin:0;
	padding:0;
	width:100%;
	}

	h1 { font-size: 36px; line-height:36px;}
	h2 { font-size: 28px; line-height:28px;}
	h3 { font-size: 18px; line-height:18px;}
	h4 { font-size: 16px; line-height:16px;}
	h5 { font-size: 16px; line-height:16px;}
*/
	
	
	img {
	border: 0;
	}
	
	ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
	
	td {
	font-size: 1.0em;
	line-height: 1.7em;
	}
	
	p {
	font-size: 1.0em;
	line-height: 1.7em;
	margin: 0.6em 0em 1.8em 0em;
	}
	
	strong, b {
	font-weight: bold;
	}
	
	
	a { color:#0066CC;}
	a:hover {color:#990000;}
	
	
	.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
	


/* Industry PAGE STYLES
--------------------- */

	.industrybox {
	
	}
	
	.industrybox img{
	margin-left:10px;
	border:1px solid #ccc;
	}	
	
	.industrybox p{
	margin-top:0;
	}	
	
/* PORTFOLIO PAGE STYLES
--------------------- */
 
	.clientboxhdr {
		background:white url(/images/port_boxhdr_bg.gif) bottom repeat-x;
		border:1px solid #E4E4E4;
		border-bottom: 1px solid #DFE0E3;
		padding:0px 10px 1px; 
		margin:10px 0 0;
		clear: right; 
	}
	
	.clientboxhdr:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: right; 
		visibility: hidden;
	}	
	
	/* Hides from IE-mac \*/
	* html .clientboxhdr {height: 1%;}
	/* End hide from IE-mac */
	
	.clientboxhdr h3 { 
		color:#A94337;
		line-height:23px;
		display:inline;
		margin:0;
		} 

	.clientboxhdr img { 
		float:right;
		} 

	.clientbox { 
		padding:10px;
		margin:0px; 
		margin-bottom:0px; 
		background:white url(/images/port_box_bg.gif) repeat-x;
		border-top:1px solid #DFE0E3;
		}
		
	.clientbox:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: right; 
		visibility: hidden;
	}	
	
	/* Hides from IE-mac \*/
	* html .clientbox {height: 1%;}
	/* End hide from IE-mac */
	
	.clientbox h4 { display:inline; margin:0px; color: #333333; }
	
	.clientbox p { margin-top:2px;}
	
	.clientbox img { float:right; margin-left:5px; }
	
	.clientbox hr { display: block; height:1px; clear:right; margin:-5px 0 0; }
	
	/* Hides from IE-mac \*/
	* html .clientbox hr {margin:-0.66em 0;}
	/* End hide from IE-mac */

	
	.linkbox { 
		width:270px;
		padding:4px;
		background:#B0232A;
		text-align:center;
		float:right;
		margin-bottom:0px;
		height:auto;
		}
		
	.linkbox:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: left; 
		visibility: hidden;
	}
	
	/* Hides from IE-mac \*/
	* html .linkbox {height: 1%;}
	/* End hide from IE-mac */	
	
	.linkbox a {
		display:block;
		width:130px;
		float:left;
		border:1px solid #333333;
		margin:2px;
		color:#333333;
		font-size:10px;
		line-height:15px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration:none;
		background:#fff url(/images/port_linkbox_a.gif) repeat-x;
		text-align:center;
		}
	
	.linkbox a:hover {
		color:white;
		background:#A7CEEF url(/images/port_linkbox_ahover.gif) repeat-x;
	}
	
	
/* PRINT PAGE STYLES
--------------------- */

	.printbox p {
		margin-top:2px;
		}

	
	/* Hides from IE-mac \*/
	* html .printbox {height: 1%;}
	/* End hide from IE-mac */		
	

	table.portfoliolist {
		margin-top:4px;
	}
	
	.portfoliolist ul {
		list-style-image: url(../images/bullet2.gif);
		list-style-position:inside;
		margin-top:2px;
		margin-left:0px;
		padding: 0px;
	
		}	
		
	.portfoliolist li{
		padding: 1px 0px 4px 0px;
		}	
	
	.portfoliolist img{
		padding: 14px 0px 1px 0px;
		}	
		
		
	.casestudylist ul {
		list-style-image: url(../images/bullet2.gif);
		list-style-position:inside;
		margin: 25px 0px 8px 0px;
		padding: 0px;
	
		}	
		
	.casestudylist li{
		padding: 0px 0px 0px 0px;
		}	

		
	.header {  font-weight: bold; color: #333333; }
	
	.nolink a, .nolink a:hover{
		color: #333333; 
		text-decoration: none
		}
		
		
	.companies p {
		padding-left:10px;
		margin: 0 0 15px 0;
		border-left: 1px solid #ccc;
	}


	


/* TOP NAVIGATION  - PIXY CSS NO PRELOAD ROLLVERS
--------------------- */

#topnav{
	width: 951px;
	padding-top:6px;
	margin: auto;
	border-bottom:8px solid #D7D7D7;
}


#topnavlist {
	height:42px;
	list-style:none;
	white-space: nowrap;
	overflow:hidden;
	margin:0;
	padding:0;
}

#topnav li {
    float:left;
    list-style:none;
    margin:0;
}

#topnav a {
	float:left;
  	padding:50px 0 0 0;
  	overflow:hidden;
  	height:0px !important;
  	height /**/:25px; /* for IE5/Win */
}

#topnav li a:hover {
 	background-position:0 -50px;
}


/* Main nav images */

#tnhome, #tnhome a  {
	width:342px;
	height:42px;
	background: url(/images/topnav_logo.jpg) top left no-repeat;
	padding-right:160px;
}

#tnabout, #tnabout a  {
	width:93px;
	background: url(/images/topnav_about.gif) top left no-repeat;
}

#tnindustries, #tnindustries a  {
	width:90px;
	background: url(/images/topnav_industries.gif) top left no-repeat;
}

#tnclients, #tnclients a  {
	width:100px;
	background: url(/images/topnav_clients.gif) top left no-repeat;
}

#tncontact, #tncontact a  {
	width:83px;
	background: url(/images/topnav_contact.gif) top left no-repeat;
}


#tnsolutions, #tnsolutions a  {
	width:74px;
	background: url(/images/topnav_solutions.gif) top left no-repeat;
}

/* MAIN CONTAINER FOR CONTENT AND LEFT NAV 
------------------------------------------ */

		#container {
			width: 950px;
			\width: 951px;
			w\idth: 950px;
			border-left: 1px solid #B8C7CF;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
			text-align:center;
		}
		

	
/* TOPNAV PIC AND FLASH
----------------------- */

	#hdrandflash {
			width:950px;
			text-align:left;
		
		}

		
		#flashcase {
			position:absolute;
			left:500px;
			top:0px;
			margin:0px;
			padding:0px;
			background-color: #6689A7;
			width:450px;
			height:154px;
		}

	/* NEW CASE STUDIES
	--------------------- */
	#casestudyheaderfont {
		float: left;
		color: #ffffff; 
		font-weight: bold;
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		padding:10px;
		}	
	#casestudytextfont {
		color: #ffffff; 
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		text-align:left;
		padding:10px;
		}	
	#casestudytextfont a{
		color: #ffff00; 
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		text-align:left;
		padding:0px;
		}	
		
		#pichdr {
			position:relative;
			left:0px;
			width:500px;
			height:154px;
			padding:0px;
			margin:0px;
		}
		
		#pichdr img{
		display:block;
		}
		
		
/* BACKGROUND image for leftnav and content
------------------------------------------- */
		
		#subbackground {
			width: 950px;
			padding: 0px;
			padding-bottom: 20px;
			background: url(../images/bg_leftnav.gif) repeat-y;
		}
		
		.clear { clear:both; }
		
/* LEFTNAV and main four sections h2 swaps 
------------------------------------------- */

		#leftnav {
			float: left;
			width: 164px;
			display:inline;
			background-color: rgb(243, 243, 236);
		}
		
		/* IE Height \*/
		* html div#leftnav
		{  height: 1%;  }
		 /* END */
		
		#leftnav a {
			display:block;
			}
			
		#leftnav a:hover {
			background-color: rgb(252, 252, 246);
			display:block;
			}
			
			
		.searchleft {
		padding-top: 4px;
		padding-bottom: 0px;		 
		margin: 0px 0px;
		}
		
		.searchleft input{
		padding:0px;
		margin:0px;
		vertical-align: middle;
		color: #333333; 
		font-family: verdana; 
		font-size: 11px; 		
		}
		.searchleft form{
		padding:0px;
		margin:0px;
		}
		
		.arrow {
			background: url(../images/leftnav_arrow.gif) no-repeat left top;
		}
			
		
		#aboutus {
		display:block;
		width:164px;
		height:18px;
		margin-top:10px;
		background: url(../images/leftnav_aboutus.gif) no-repeat;		
		}
		#aboutus span { display:block; text-indent:-9999em;}
		
		#solutions {
		display:block;
		width:164px;
		height:18px;
		margin-top:10px;
		background: url(../images/leftnav_solutions.gif) no-repeat;		
		}
		#solutions span {display:block; text-indent:-9999em;}
		
		#industries {
		display:block;
		width:164px;
		height:18px;
		margin-top:10px;
		background: url(../images/leftnav_industries.gif) no-repeat;		
		}
		#industries span {display:block; text-indent:-9999em;}
		
		#clients {
		display:block;
		width:164px;
		height:18px;
		margin-top:10px;
		background: url(../images/leftnav_clients.gif) no-repeat;		
		}
		#clients span {display:block; text-indent:-9999em;}   
		
		#contactus {
		display:block;
		width:164px;
		height:18px;
		margin-top:10px;
		background: url(../images/leftnav_contactus.gif) no-repeat;		
		}
		#contactus span {display:block; text-indent:-9999em;}  
		
		#home {
		display:block;
		width:164px;
		height:18px;
		margin-top:15px;
		background: url(../images/leftnav_home.gif) no-repeat;		
		}
		#home span {display:block; text-indent:-9999em;}    

		
/*************************************/                                     
/**** Main Content and Pull Quotes ***/
/*************************************/
		
		#content {
		margin-left: 178px;  /* width of leftnav plus desired margin of content */
		margin-top:14px;
		padding-bottom:30px;
		background-color: white;
		line-height:150%;
		color: #333;
		text-align:left;
		}
		
		* html div#content
		{  height: 1%;  /* for IE5.x/win */ }

		.pullimages {
		float:right;
		width:167px;
		border: 1px solid #6689A7;
		padding-bottom:2px;
		margin:0px 0px 4px 6px;
		background: #EEEBDF;
		}
		
		.pullimages img{
			display:block;
			
			}
			
		.pullimages a:hover {
			background-color: #F7F5F0;
			display:block;
			}

				
		.pullquote {
		float:right;
		width:180px;
		\width:215px;
		w\idth:180px;
		margin:0px 0px 6px 6px;
		font: 110% "Trebuchet MS", "Lucida Grande", Arial ;
		color:#333;
		text-align:right;
		padding: 10px 15px;
		background-color: white;
		border: 1px solid #999;
		}
		
		
		.pullquote i {
		font-weight:normal;
		color:#006633;
		font-size: 95%;
		}
		
		.pullquote a {
		font-weight:normal;
		font-size: 95%;
		text-align:right;
		}
			
		
		#footer {
		display:block;
		width:950px;
		margin:auto;
		}
		#footer span {text-indent:-9999em;} 
		
		.sendrfpblock {
			float:right;
			width:167px;
			padding-bottom:2px;
			margin-left: 6px;
			border: 1px solid #FFF;
			}
			

		.sendfriendimages {
		width:167px;
		border: 1px solid #98AB76;
		padding-bottom:2px;
		margin-bottom: 6px;
		background: #EEEBDF;
		}
		
		.sendfriend img{
			display:block;
			
			}
			
		.sendfriend a:hover {
			background-color: #F7F5F0;
			display:block;
			}


		.rfpimages {
		width:167px;
		border: 1px solid #A92311;
		padding-bottom:6px;
		margin-bottom: 6px;
		background: #EEEBDF;
		}
		
		.rfp img{
			display:block;
			
			}
			
		.rfp a:hover {
			background-color: #F7F5F0;
			display:block;
			}

		
		
/*** SUB PAGE HEADERS ***/			
		
		
span.aboutus { display:block; width:500px; height:68px;
background: url(../images/hdr_aboutus.gif) no-repeat;
}
span.aboutus h1, h2 {text-indent:-9999em;}
		
		span.news { display:block; width:500px; height:68px;
		background: url(../images/hdr_news.gif) no-repeat;
		}
		span.news h1, h2 {text-indent:-9999em;}
		
		span.careers { display:block; width:500px; height:68px;
		background: url(../images/hdr_careers.gif) no-repeat;
		}
		span.careers h1, h2 {text-indent:-9999em;}
		
		span.search { display:block; width:500px; height:68px;
		background: url(../images/hdr_search.gif) no-repeat;
		}
		span.search h1, h2 {text-indent:-9999em;}
		
		
		
span.solutions { display:block; width:500px; height:68px;
background: url(../images/hdr_solutions.gif) no-repeat;
}
span.solutions h1, h2 {text-indent:-9999em;}
		
		div.printdesign { display:block; width:500px; height:68px;
		background: url(../images/hdr_print.gif) no-repeat;
		}
		div.printdesign h1, h2 {text-indent:-9999em;}
		
		span.webdesign { display:block; width:500px; height:68px;
		background: url(../images/hdr_webdesign.gif) no-repeat;
		}
		span.webdesign h1, h2 {text-indent:-9999em;}
		
		span.cms { display:block; width:500px; height:68px;
		background: url(../images/hdr_cms.gif) no-repeat;
		}
		span.cms h1, h2 {text-indent:-9999em;} 
		
		span.ecommerce { display:block; width:500px; height:68px;
		background: url(../images/hdr_ecommerce.gif) no-repeat;
		}
		span.ecommerce h1, h2 {text-indent:-9999em;}
		
		span.flash { display:block; width:500px; height:68px;
		background: url(../images/hdr_flash.gif) no-repeat;
		}
		span.flash h1, h2 {text-indent:-9999em;}
		
		span.intranet { display:block; width:500px; height:68px;
		background: url(../images/hdr_intranet.gif) no-repeat;
		}
		span.intranet h1, h2 {text-indent:-9999em;}
		
		span.hosting { display:block; width:500px; height:68px;
		background: url(../images/hdr_hosting.gif) no-repeat;
		}
		span.hosting h1, h2 {text-indent:-9999em;}
		
		span.reputation { display:block; width:500px; height:68px;
		background: url(../images/hdr_reputation.gif) no-repeat;
		}
		span.reputation h1, h2 {text-indent:-9999em;}
		
		span.marketing { display:block; width:500px; height:68px;
		background: url(../images/spacer.gif) no-repeat;
		}
		span.marketing h1, h2 {text-indent:-9999em;}
		
		
		
span.industries { display:block; width:500px; height:68px;
background: url(../images/hdr_industries.gif) no-repeat;
}
span.industries h1, h2 {text-indent:-9999em;}

		span.lawfirms { display:block; width:500px; height:68px;
		background: url(../images/hdr_lawfirms.gif) no-repeat;
		}
		span.lawfirms h1, h2 {text-indent:-9999em;}
		
		span.churches { display:block; width:500px; height:68px;
		background: url(../images/hdr_churches.gif) no-repeat;
		}
		span.churches h1, h2 {text-indent:-9999em;}
		
		span.government { display:block; width:500px; height:68px;
		background: url(../images/hdr_government.gif) no-repeat;
		}
		span.government h1, h2 {text-indent:-9999em;}
		
		span.retail { display:block; width:500px; height:68px;
		background: url(../images/hdr_retail.gif) no-repeat;
		}
		span.retail h1, h2 {text-indent:-9999em;}
		
		span.fashion { display:block; width:500px; height:68px;
		background: url(../images/hdr_fashion.gif) no-repeat;
		}
		span.fashion h1, h2 {text-indent:-9999em;}
		
		span.insurance { display:block; width:500px; height:68px;
		background: url(../images/hdr_insurance.gif) no-repeat;
		}
		span.insurance h1, h2 {text-indent:-9999em;}
		
		span.consulting { display:block; width:500px; height:68px;
		background: url(../images/hdr_consulting.gif) no-repeat;
		}
		span.consulting h1, h2 {text-indent:-9999em;}
		
		

span.clients { display:block; width:500px; height:68px;
background: url(../images/hdr_clients.gif) no-repeat;
}
span.clients h1, h2 {text-indent:-9999em;}
		
		span.portfolio { display:block; width:500px; height:68px;
		background: url(../images/hdr_portfolio.gif) no-repeat;
		}
		span.portfolio h1, h2 {text-indent:-9999em;}
		
		span.referral { display:block; width:500px; height:68px;
		background: url(../images/hdr_referral.gif) no-repeat;
		}
		span.referral h1, h2 {text-indent:-9999em;}
		
		span.testimonials { display:block; width:500px; height:68px;
		background: url(../images/hdr_testimonials.gif) no-repeat;
		}
		span.testimonials h1, h2 {text-indent:-9999em;}
		
		span.casestudies { display:block; width:500px; height:68px;
		background: url(../images/hdr_casestudies.gif) no-repeat;
		}
		span.casestudies h1, h2 {text-indent:-9999em;}
		
		span.casestudies1 { display:block; width:500px; height:68px;
		background: url(../images/hdr_casestudies1.gif) no-repeat;
		}
		span.casestudies1 h1, h2 {text-indent:-9999em;}
		
		span.casestudies2 { display:block; width:500px; height:68px;
		background: url(../images/hdr_casestudies2.gif) no-repeat;
		}
		span.casestudies2 h1, h2 {text-indent:-9999em;}
		
		span.casestudies3 { display:block; width:500px; height:68px;
		background: url(../images/hdr_casestudies3.gif) no-repeat;
		}
		span.casestudies3 h1, h2 {text-indent:-9999em;}
		
		span.casestudies4 { display:block; width:500px; height:68px;
		background: url(../images/hdr_casestudies4.gif) no-repeat;
		}
		span.casestudies4 h1, h2 {text-indent:-9999em;}
		
		span.casestudies5 { display:block; width:500px; height:68px;
		background: url(../images/hdr_casestudies5.gif) no-repeat;
		}
		span.casestudies5 h1, h2 {text-indent:-9999em;}
		
		
		
span.contactus { display:block; width:500px; height:68px;
background: url(../images/hdr_contactus.gif) no-repeat;
}
span.contactus h1, h2 {text-indent:-9999em;}
		
		span.locations { display:block; width:500px; height:68px;
		background: url(../images/hdr_locations.gif) no-repeat;
		}
		span.locations h1, h2 {text-indent:-9999em;}
		
		span.feedback { display:block; width:500px; height:68px;
		background: url(../images/hdr_feedback.gif) no-repeat;
		}
		span.feedback h1, h2 {text-indent:-9999em;}
		
		span.callback { display:block; width:500px; height:68px;
		background: url(../images/hdr_callback.gif) no-repeat;
		}
		span.callback h1, h2 {text-indent:-9999em;}
		
		span.rfp { display:block; width:500px; height:68px;
		background: url(../images/hdr_rfp.gif) no-repeat;
		}
		span.rfp h1, h2 {text-indent:-9999em;}
		
		
		
span.photography { display:block; width:500px; height:68px;
background: url(../images/hdr_photo.gif) no-repeat;
}
span.photography h1, h2 {text-indent:-9999em;}
		
span.restaurants { display:block; width:500px; height:68px;
background: url(../images/hdr_restaurants.gif) no-repeat;
}
span.restaurants h1, h2 {text-indent:-9999em;}
		
span.marketing { display:block; width:500px; height:68px;
background: url(../images/hdr_marketing.gif) no-repeat;
}
span.marketing h1, h2 {text-indent:-9999em;}
		
		
span.notmuchatall { display:block; width:1px; height:1px;
background: url(../images/spacer.gif) no-repeat;
}
span.consulting h1, h2 {text-indent:-9999em;}