/* CSS Document */

.hideprint{
display:block;
}

.hidescreen{
display:none;
}

img, div { 
behavior: url(http://www.arc-cs.com/iepngfix.htc);
}


body {
		text-align:center;
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:78%;
		line-height:130%;
		color:#999999;
		background-color:#000000;
		background-image:url(../graphics/bkg_01.gif);
		background-position:top;
		background-repeat:repeat-x;
		
		}
		
		
	
	
	#frameWhite {
		width:917px;
		margin-right:auto;
		margin-left:auto;
		margin-top:30px;
		text-align:left;
		background-color:#000000;
		}
		
		
	 #frameWhite a:link, #frameWhite a:visited, #frameWhite a:active  {
text-decoration: none; 
		color:#0066CC;
} 

 #frameWhite a:hover {
color:#cccc00;
text-decoration:underline;
} 

	
 #frameWhite	a.NavON:link,  #frameWhite a.NavON:visited,  #frameWhite a.NavON:active  {
	color:#FFFFFF!important;
	text-decoration:none;
	display:block;
	font-weight:bold;
} 


 #frameWhite a.NavON:hover {
	color:#00235d;
	text-decoration:underline;
	display:block;
} 
	
	#frameWhite h2{
	color:#FFFFFF!important;
	font-size:115%;
	line-height:120%;
	}	
	
	
	

/* US*/

	#frameGreen {
		width:917px;
		margin-right:auto;
		margin-left:auto;
		margin-top:30px;
		text-align:left;
		background-color:#000000;
		}
		

	 #frameGreen a:link, #frameGreen a:visited, #frameGreen a:active  {
text-decoration: none; 
	color:#006666;
} 

 #frameGreen a:hover {
color:#cccc00;
text-decoration:underline;
} 




 #frameGreen a.NavON:link,  #frameGreen a.NavON:visited,  #frameGreen a.NavON:active  {
	color:#006666!important;
	text-decoration:none;
	display:block;
		font-weight:bold;
} 


 #frameGreen a.NavON:hover {
	color:#00235d;
	text-decoration:underline;
	display:block;
} 


	#frameGreen h2{
	color:#006666!important;
	font-size:115%;
	line-height:120%;
	}
	
	
#frameGreen td{
background-color:#0e6868;
color:#ffffff!important;}	
	
	
	
#frameGreen td a:link,  #frameGreen td a:visited,  #frameGreen td a:active  {
	color:#ffffff!important;
	text-decoration:none;
	display:block;
		font-weight:bold;
} 


#frameGreen td a:hover {
	color:#00235d;
	text-decoration:underline;
	display:block;
} 
	
		
/*WORK*/		
	
	
	

	#frameRed {
		width:917px;
		margin-right:auto;
		margin-left:auto;
		margin-top:30px;
		text-align:left;
		background-color:#000000;
		}
		

	 #frameRed a:link, #frameRed a:visited, #frameRed a:active  {
text-decoration: none; 
	color:#990033;
} 

 #frameRed a:hover {
color:#cccc00;
text-decoration:underline;
} 




 #frameRed a.NavON:link,  #frameRed a.NavON:visited,  #frameRed a.NavON:active  {
	color:#990033!important;
	text-decoration:none;
	display:block;
		font-weight:bold;
} 


 #frameRed a.NavON:hover {
	color:#00235d;
	text-decoration:underline;
	display:block;
} 


	#frameRed h2{
	color:#990033!important;
		font-size:115%;
	line-height:120%;
	}		
		
		
		
	
		
		
	#frameLightblue {
		width:917px;
		margin-right:auto;
		margin-left:auto;
		margin-top:30px;
		text-align:left;
		background-color:#000000;
		}
		

	 #frameLightblue a:link, #frameLightblue a:visited, #frameLightblue a:active  {
text-decoration: none; 
	color:#0099cc;
} 

 #frameLightblue a:hover {
color:#cccc00;
text-decoration:underline;
} 




 #frameLightblue a.NavON:link,  #frameLightblue a.NavON:visited,  #frameLightblue a.NavON:active  {
	color:#0099cc!important;
	text-decoration:none;
	display:block;
		font-weight:bold;
} 


 #frameLightblue a.NavON:hover {
	color:#00235d;
	text-decoration:underline;
	display:block;
} 


	#frameLightblue h2{
	color:#0099cc!important;
	font-size:115%;
	line-height:120%;
	}		
		

		
			
			#frameDarkRed {
		width:917px;
		margin-right:auto;
		margin-left:auto;
		margin-top:30px;
		text-align:left;
		background-color:#000000;
		}
		

	 #frameDarkRed a:link, #frameDarkRed a:visited, #frameDarkRed a:active  {
text-decoration: none; 
	color:#693835;
} 

 #frameLightblue a:hover {
color:#cccc00;
text-decoration:underline;
} 




 #frameDarkRed a.NavON:link,  #frameDarkRed a.NavON:visited,  #frameDarkRed a.NavON:active  {
	color:#693835!important;
	text-decoration:none;
	display:block;
		font-weight:bold;
} 


 #frameDarkRed a.NavON:hover {
	color:#00235d;
	text-decoration:underline;
	display:block;
} 


	#frameDarkRed h2{
	color:#693835!important;
	font-size:115%;
	line-height:120%;
	}	
	
	
	
	



#frameGreenMiddle {
		width:917px;
		margin-right:auto;
		margin-left:auto;
		margin-top:30px;
		text-align:left;
		background-color:#000000;
		}
		

	 #frameGreenMiddle a:link, #frameGreenMiddle a:visited, #frameGreenMiddle a:active  {
text-decoration: none; 
	color:#006666;
} 

 #frameGreenMiddle a:hover {
color:#cccc00;
text-decoration:underline;
} 




 #frameGreenMiddle a.NavON:link,  #frameGreenMiddle a.NavON:visited,  #frameGreenMiddle a.NavON:active  {
	color:#006666!important;
	text-decoration:none;
	display:block;
		font-weight:bold;
} 


 #frameGreenMiddle a.NavON:hover {
	color:#00235d;
	text-decoration:underline;
	display:block;
} 


	#frameGreenMiddle h2{
	color:#ffffff!important;
	font-size:115%;
	line-height:120%;
	}
	
	
	#frameGreenMiddle #contentcenter{
		/*width:528px;*/
		width:514px;
		padding:81px 0px 0px 14px;
		float:left;
		background-color:#006666;
		color:#FFFFFF;
		}
		
	
		
		
	#frameGreenMiddle #contentcenter a:link, #frameGreenMiddle #contentcenter a:visited, #frameGreenMiddle #contentcenter a:active  {
	color:#ffffff;
} 

#frameGreenMiddle #contentcenter a:hover {
color:#cccc00;
text-decoration:underline;
} 

	
		
		
		/* start Left Column */
		
	#contentleft {
		/*width:163px;*/
		width:128px;
		padding:0px 11px 0px 24px;
		float:left;
		
		}
		
	#leftnav{
	padding:45px 0px 70px 0px;
	/*font-size:15px;*/
	font-size:120%;
	}	
	
	
	
	#contact{
	color:#999999;
	font-size:90%;
	line-height:125%;
	
	}
	
	
	#leftnav ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	
	#leftnav ul li a:link, #leftnav ul li a:visited, #leftnav ul li a:active  {
	color:#999999!important;
	text-decoration:none;
	display:block;
	padding:6px 5px 6px 5px;
} 


#leftnav ul li a:hover {
	color:#00235d;
	text-decoration:underline;
}  

	DIV#leftnav ul li ul {
	padding:0px 0px 8px 0px;
	}

	#leftnav ul li ul  a:link, #leftnav ul li ul a:visited, #leftnav ul li ul a:active  {
	display:block;
	text-decoration:none;
/*	margin-bottom:7px; */
	padding-left:10px;
	
} 


#leftnav ul li ul li a:hover {
	color:#ffcc00;
/*	margin-bottom:7px; */
}  		
	
	
.subnav li{
padding:0px 0px 3px 0px!important;}	
	
	
	
	
	
		

		/* end Left Column */
		

		/* start centre HOME column */
	
	.HOMEtoppara {
		padding:0px 59px 15px 24px;
		}




.PortletQuote{
font-size:130%;
	line-height:112%;
font-weight:bold;
color:#333333;
background-image:url(../graphics/portlet-quoteright.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding:0px 30px 0px 24px;
width:238px;
}	

.PortletQuotePerson{
font-size:90%;
	line-height:120%;
color:#999999;
font-weight:normal;
padding:0px 20px 0px 24px;}	
		
		
.GeneralPortlet{
padding-bottom:25px;}	


.GeneralPortlet ul{
margin:5px 0px 0px 8px;
padding:5px 0px 0px 8px;}

.GeneralPortlet li{
padding-bottom:5px;}	
		
		/* start centre column */
	
	#contentcenterHome {
		width:331px;
		padding:0px;
		float:left;
		}
		
		
		
	h1{
	color:#7C7C7C;
	/*font-size:16px;
	line-height:19px;*/
	font-size:130%;
	line-height:115%;
	font-weight:normal;
	padding:0px 0px 7px 0px;
	margin:0px 0px 7px 0px;
	}
	
	h2{
		font-size:115%;
	line-height:120%;
		font-weight:normal;
	padding:0px 0px 3px 0px;
	margin:0px 0px 3px 0px;}	
	

	
	p{
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
	}
		
		
		/* end centre colun */
		
		
	
	#contentrightHome {
		/*width:423px;*/
		width:393px;
		padding:0px;
		float:left;
		margin-right:30px;
		}
		
		
	#HomeNews{
	background-image:url(../graphics/icon-news.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 120px;
	font-size:90%;
	}
	
	#NewsArea{
	width:479px;
	padding-top:10px;
	clear:both;}
	
	.NewsHdr{
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
		line-height:130%;
	padding:0px 0px 5px 0px;}
	
	
	.NewsArticle{
	background-image:url(../graphics/horz-dots.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	padding:0px 0px 30px 0px;
	margin-bottom:20px;
	}	
		
		
	#HomeFlash{
	width:393px;
	height:322px;
	background-image:url(../graphics/bkg-homeflash.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
	
	
	
	
	
	
	

	#HomeNews a:link, #HomeNews a:visited, #HomeNews a:active  {
text-decoration: none; 
color:#cccc00;
} 


#HomeNews a:hover {
color:#828041;
text-decoration:underline;
} 



#Bookmarking{

text-align:right;
padding-top:30px;}


	/*header stuff start*/
	
	#contentheader {
	/*height:45px;*/
	height:35px;
	padding:10px 24px 0px 0px;
	text-align:right!important;
		}
		
		
		.BtnTop01Large {
width:24px;
height:18px;
float:right;
}

.BtnTop01Large a {
display: block;
width:24px;
height:18px;
background-image:url(../graphics/btntopicon01_lg.gif);
background-repeat:no-repeat;
background-position: top left;

}

.BtnTop01Large a:hover {
background-position: bottom left;
}







.BtnTop01Medium {
width:24px;
height:18px;
float:right;
}

.BtnTop01Medium a {
display: block;
width:24px;
height:18px;
background-image:url(../graphics/btntopicon01_med.gif);
background-repeat:no-repeat;
background-position: top left;

}

.BtnTop01Medium a:hover {
background-position: bottom left;
}





.BtnTop01Small {
width:24px;
height:18px;
float:right;
}

.BtnTop01Small a {
display: block;
width:24px;
height:18px;
background-image:url(../graphics/btntopicon01_sm.gif);
background-repeat:no-repeat;
background-position: top left;

}

.BtnTop01Small a:hover {
background-position: bottom left;
}



.BtnTop02 {
width:24px;
height:18px;
float:right;
padding-left:10px;
}

.BtnTop02 a {
display: block;
width:24px;
height:18px;
background-image:url(../graphics/btntopicon02.gif);
background-repeat:no-repeat;
background-position: top left;

}

.BtnTop02 a:hover {
background-position: bottom left;
}




.BtnTop03 {
width:24px;
height:18px;
float:right;
padding-left:10px;
}

.BtnTop03 a {
display: block;
width:24px;
height:18px;
background-image:url(../graphics/btntopicon03.gif);
background-repeat:no-repeat;
background-position: top left;


}

.BtnTop03 a:hover {
background-position: bottom left;
}

		
		
		.BtnTop01 {
width:24px;
height:18px;
float:right;
}

.BtnTop01 a {
display: block;
width:24px;
height:18px;
background-image:url(../graphics/btntopicon01.gif);
background-repeat:no-repeat;
background-position: top left;

}

.BtnTop01 a:hover {
background-position: bottom left;
}






.BtnTop02 {
width:24px;
height:18px;
float:right;
padding-left:10px;
}

.BtnTop02 a {
display: block;
width:24px;
height:18px;
background-image:url(../graphics/btntopicon02.gif);
background-repeat:no-repeat;
background-position: top left;

}

.BtnTop02 a:hover {
background-position: bottom left;
}




.BtnTop03 {
width:24px;
height:18px;
float:right;
padding-left:10px;
}

.BtnTop03 a {
display: block;
width:24px;
height:18px;
background-image:url(../graphics/btntopicon03.gif);
background-repeat:no-repeat;
background-position: top left;


}

.BtnTop03 a:hover {
background-position: bottom left;
}

/*header stuff end*/


/*Footer*/

#Footer{
padding:20px;
text-align:center;}



	 #Footer a:link, #Footer a:visited, #Footer a:active  {
text-decoration: none; 
		color:#999999;
		padding:0px 15px 0px 15px;
} 

 #Footer a:hover {
color:#cccc00;
text-decoration:underline;
padding:0px 15px 0px 15px;
} 
	
	

/*MAIN PAGES*/	
	
	
	#contentcenter{
		/*width:528px;*/
		width:514px;
		padding:0px 0px 0px 14px;
		float:left;
		}
		
		
		
		
		
		#contentright {
		/*width:226px;*/
		width:151px;
		padding:0px 30px 0px 45px;
		float:left;
		}
		
		
			 #contentright a:link, #contentright a:visited,#contentright a:active  {
text-decoration: none; 
		color:#ffffff!important;
} 

 #contentright a:hover {
color:#cccc00;
text-decoration:underline;
} 
		
	#PageIcon{
	height:101px;
	text-align:right;
	margin-bottom:50px;
	}
	
	#PageIconPortfolio{
	height:101px;
	text-align:right;
	margin-bottom:10px;
	}
	
	
	.pictureleft {
	padding: 0px;
	margin: 0px 20px 10px 0px;
	border: 0px none;
	float: left;

}

	.pictureright {
	padding: 0px;
	margin: 0px 0px 10px 20px;
	border: 0px none;
	float: right;

}

	.picturecenter {
	margin-bottom: 10px;
	display: block;
    margin-left: auto;
    margin-right: auto

}


/*PORTFOLIO*/


	
	#contentFull{
		/*width:754px;*/
		width:710px;
		padding:0px 30px 0px 14px;
		float:left;
		background-color:#000000;

		}
		

#PortfolioNumbers{
height:34px;
float:left;
width:610px;
}


#PortfolioBack{
float:right;
width:100px;
padding-top:2px;
text-align:right;
}

a.PortfolioON:link, a.PortfolioON:visited, a.PortfolioON:active  {
text-decoration: none; 
color:#990033!important;
font-weight:bold;
		padding:0px 5px 0px 5px;
} 

 a.PortfolioON:hover {
color:#990033;
text-decoration:underline;
}


 #PortfolioNumbers a:link, #PortfolioNumbers a:visited, #PortfolioNumbers a:active  {
text-decoration: none; 
color:#cccccc;
		padding:0px 5px 0px 5px;
} 

#PortfolioNumbers a:hover {
color:#990033;
text-decoration:underline;
}





.PortfolioPieceLeft{
width:337px;
float:left;
} 


.PortfolioPieceLeft a:link, .PortfolioPieceLeft a:visited, .PortfolioPieceLefts a:active  {
text-decoration: none; 
color:#cccccc!important;
} 

.PortfolioPieceLeft a:hover {
color:#990033;
text-decoration:underline;
}




.PortfolioPieceRight{
width:337px;
float:right;
} 


.PortfolioPieceRight a:link, .PortfolioPieceRight a:visited, .PortfolioPieceRight a:active  {
text-decoration: none; 
color:#cccccc!important;
} 

.PortfolioPieceRight a:hover {
color:#990033;
text-decoration:underline;
}
	
	
.PortfolioLine{
height:30px;
width:710px;
background-image:url(../graphics/bkg_horzline.gif);
background-repeat:repeat-x;
}	
	
	
	
	#PortfolioFlash{
	/*height:285px;
	width:710px;*/
}	




.Portfoliodescriptionarea{
height:40px;
width:710px;
background-image:url(../graphics/portfolio-horz.gif);
background-position:bottom;
background-repeat:repeat-x;
}


.PortfolioWork{
background-color:#990033;
padding:5px 30px 3px 10px;
color:#FFFFFF;
font-weight:bold;
float:left;}	


.PortfolioClient{
/*padding:5px 3px 3px 10px;
color:#FFFFFF;
font-weight:bold;
float:left;*/
display:none;}



.PortfolioURL{
float:right;
padding:7px 0px 0px 10px;

}


.PortfolioLeft{
width:390px;
float:left;
padding:7px 28px 0px 0px;}


.PortfolioRight{
width:292px;
float:left;
}
	
	
	
.Clientlogo{
width:157px;
height:164px;
float:left;
padding:5px;
}	

.fields{
width:300px;}

.teampic{
width:289px;}

.teamhdr{
width:225px;
height:82px;}

.teamtext{
height:202px;
padding-right:15px;
width:210px;}

.teamcontact{
height:85px;
}

.teamtoppadding{
height:30px;}

.Bobby {
	display: none;
}

DIV.zfb {
	text-align: left;
}

DIV.zfb TABLE {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

DIV.zfb DIV.warning {
	clear: both;
	border-style: solid;
	border-color: #0099cc;
	border-width: 0px 0px 1px 0px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	color: #0099cc;
}

DIV.zfb .error {
	border-color: #0099cc;
	border-style: solid;
	border-width: 1px;
}

DIV.zfb SPAN.error {
	color: #0099cc;
	border-width: 0px;
}

DIV.zfb TEXTAREA {
	font-family: Arial;
	font-size: 12px;
}

DIV.zfb INPUT.fields {
	font-family: Arial;
	font-size: 12px;
}
