/* CSS Document */

.hideprint{
display:none;}

.hidescreen{
display:inline;}




body {
		text-align:center;
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:78%;
		line-height:130%;
		color:#999999;	
		}
		
		
	
	
	#frameWhite {
		width:650px;
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		text-align:left;
		}
		
		
	 #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:650px;
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		text-align:left;
		}
		

	 #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%;
	}
	
	
		
/*WORK*/		
	
	
	

	#frameRed {
		width:650px;
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		text-align:left;
		}
		

	 #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:650px;
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		text-align:left;
		}
		

	 #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:650px;
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		text-align:left;
		}
		

	 #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:650px;
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		text-align:left;
		}
		

	 #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{
		float:left;
		}
		
	
		
		
	#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 {
	display:none;
		
		}
		
	#leftnav{
	padding:45px 0px 70px 0px;
	/*font-size:15px;*/
	font-size:120%;
	}	
	
	
	
	#contact{
	color:#999999;
	font-size:90%;
	line-height:125%;
	
	}
	
	

	
	
	 .NavBtn a:link, .NavBtn a:visited, .NavBtn a:active  {
	color:#999999!important;
	text-decoration:none;
	display:block;
	padding:6px 5px 6px 5px;
} 


	.NavBtn a:hover {
	color:#00235d;
	text-decoration:underline;
}  

	




	
	.Subnav{
	padding:0px 0px 8px 0px;
	}
	



	
	.Subnav  a:link, .Subnav a:visited, .Subnav a:active  {
	display:block;
	text-decoration:none;
	margin-bottom:7px;
	padding-left:10px;
	
} 


.Subnav a:hover {
color:#ffcc00;
	margin-bottom:7px;
}  		
	
	
	
	
	
	
	
	
	
	
		

		/* end Left Column */
		

		/* start centre HOME column */
	
	.HOMEtoppara {
	padding:0px 0px 15px 0px;
	
		}




.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 10px 0px 0px;
width:238px;
}	

.PortletQuotePerson{
font-size:90%;
	line-height:120%;
color:#999999;
font-weight:normal;
padding:0px 0px 0px 0px;}	
		
		
.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:257px;
		padding:0px;
		float:left;
		margin-right:0px;
		}
		
		
	#HomeNews{
	padding:0px 0px 0px 0px;
	font-size:90%;
	}
	
	#NewsArea{
	width:650px;
	padding-top:10px;}
	
	.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 {
	display:none;
		}
		
		
		.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:649px;
		padding:0px 0px 0px 0px;
		float:left;
		text-align:left;
		}
		
		
		
		
		
		#contentright {
		display:none;
		}
		
		
			 #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{
	display:none;
	}
	
	
	.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:650px;
		padding:0px 0px 0px 0px;
		float:left;
		background-color:#000000;

		}
		

#PortfolioNumbers{
display:none;
}


#PortfolioBack{
display:none;
}

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:325px;
float:left;
text-align:left;
} 

.PortfolioPieceright{
width:325px;
float:right;
text-align:right;
}

.PortfolioPieceLeft img{
width:310px!important;}

.PortfolioPieceRight img{
width:310px!important;}


.PortfolioPieceLeft a:link, .PortfolioPieceLeft a:visited, .PortfolioPieceLefts a:active  {
text-decoration: none; 
color:#cccccc!important;
} 

.PortfolioPieceLeft a:hover {
color:#990033;
text-decoration:underline;
}



.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:260px;
	width:650px;
}

#PortfolioFlash img{
width:650px;}	




.Portfoliodescriptionarea{
height:40px;
width:650px;
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;}



.PortfolioURL{
float:right;
padding:7px 0px 0px 10px;

}


.PortfolioLeft{
width:320px;
float:left;
padding:7px 28px 0px 0px;}


.PortfolioRight{
width:292px;
float:left;
}
	
	
	
.Clientlogo{
width:157px;
height:164px;
float:left;
padding:5px;
}	

.fields{
width:300px;}