@media screen 
{
/* Reset Styles */
	
	#aspnetForm
	{
		margin:0;
	}
	
	img 
	{
		border:0;
	}
	
	ul
	{
		margin:0 0 15px 0; padding:0 0 0 15px;
	}
	
	
	

/* Two Column Layout */
		
	body 
	{ 
		background:#2e0000 url(../Images/Layout/bg.gif) top center repeat-y;
		margin:0;
		text-align:center;
	}
	
	#sfContainer
	{
		margin:0 auto;
		text-align:left;
		width:958px;
	}
	
	#sfPageContainer
	{
		float:left;
		width:100%;
	}
	
	#sfHeader
	{
		background:url(../Images/Layout/headerBG.gif) top left no-repeat;
		float:left;
		height:184px;
		overflow:hidden; /* Needed for IE6 */
		width:100%;
	}
	
	#sfPrintHeader
	{
		display:none;
	}
	
	#sfBannerContainer
	{
		float:left;
		position:relative;
		height:184px;
		left:392px;
        top:-184px;
		z-index:-2;
	}
	
	#sfBannerNav
	{
		float:left;
		height:184px;
		left:254px;
		overflow:hidden;
		position:relative;
		width:142px;
		z-index:2;
	}
	
	#sfBannerNavCopy
	{
		float:left;
		left:264px;
		padding-top:7px;
		position:relative;
		width:128px;
		top:-184px;
		z-index:3;
	}
	
	#sfBannerNavCopy div
	{
		border-bottom:solid 1px #b2bfc2;
		float:left;
		padding:7px 0;
		width:100%;
	}
	
	.sfNavPadding
	{
		padding-top:9px;
	}
	
	*html .sfNavPadding
	{
		padding:9px 0 0 10px;
	}
	
	.tabstrip { position:relative; left:7px; }
	.radmenu { margin-top:9px; font-size:11px; position:relative; z-index:2}
	
	
	#sfLogo
	{
		float:left;
		left:4px;
		position:relative;
	}
	
	#sfNavContainer
	{
		background:url(../Images/Layout/navBG.gif) top left no-repeat;
		border-bottom:solid 1px #990000;
		float:left;
		height:65px;
		width:958px;
	}
	
	#sfTwoColumnContainer
	{  
		background:url(../Images/Layout/subPageColumnsBG.gif) left top repeat-y;
		float:left;
		position:relative;
		width:958px; 
		z-index:1;
	}
	
	#sfTwoColumnMainColumn 
	{ 
		  float:left; 
		  position:relative;
		  margin-left:-710px; 
		  width:711px;
	}
	
	#sfTwoColumnWrapper 
	{ 
		margin-left:711px;  
	}
	
	#sfTwoColumnRightColumn
	{  
		float:left;
		margin-left:-1px; 
		width:100%; 
	}
	
	/* clear without structural mark-up from PIE website*/
	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	
	 /* mac hide \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
 	/* End hide */
	/* do not change or amalgamate clearfix styles*/
	
	#sfFooter
	{
		background:#990000 url(../Images/Layout/footerBG.gif) top left no-repeat;
		float:left;
		height:60px;
		width:100%;
	}
	
	#sfFooterLeft
	{
		float:left;
		padding:18px 0 0 40px
	}
	
	#sfFooterRight
	{
		float:right;
		padding:18px 40px 0 0;
	}

/* End Two Column Layout */	

	#sfMainColumnPadding
	{
		float:left;
		left:25px;
		line-height:150%;
		padding:10px 0 25px 0;
		position:relative;
		width:661px;
	}

	#sfBreadCrumb
	{
		clear:both;
		float:left;
		padding-bottom:24px;
		width:100%;
	}
	
	#sfRelatedServices
	{
		border-top:solid 1px #b2b2b2;
		padding-top:20px;
		width:100%;
	}
	
	.floatLeft
	{
		float:left;
	}
	
	.floatRight
	{
		float:right;
	}
	
	.imgContainer img
	{
		border:solid 1px #ebebeb;
		padding:4px;
		margin:0 0 10px 10px;
	}
	
/* Staff Bios */

	.staffBiosContainer
	{
		float:left;
		width:100%;
	}
	
	.staffBiosThumbnail
	{
		float:left;
	}
	
	.staffBiosInformation
	{
		float:right;
		width:540px;
	}
	
	
/* Right Column */

	#sfDarkModuleContainer
	{
		float:left;
		width:243px;
	}
	
	#sfDarkModuleTop
	{	
		background:#3f0000 url(../Images/Layout/sideModuleBG1.png) top left no-repeat;
		float:left;
		min-height:70px;
		width:100%;
	}
	
	#sfDarkModuleBottom
	{
		float:left;
		height:18px;
		position:relative;
		width:100%;
		z-index:2;
	}
	
	.sfWhiteModuleContainer
	{
		float:left;
		position:relative;
		top:-18px;
		width:243px;
	}
	
	.sfWhiteModuleTop
	{
		background:#fff;
		float:left;
		padding:0 0 15px 0;
		width:100%;
	}
	
	.sfWhiteModuleTopFirst
	{
		padding-top:20px;
	}
	
	.sfModulePadding
	{
		float:left;
		left:20px;
		position:relative;
		overflow:hidden;
		width:202px;
	}
	
	
	.sfTopModulePadding
	{
		float:left;
		left:13px;
		line-height:120%;
		margin-top:15px;
		padding-bottom:15px;
		position:relative;
		width:217px;
	}
	
	.sfWhiteModuleBottom
	{
		float:left;
		height:18px;
		width:100%;
	}
	
	

/* End Right Column */

/* News Ticker */

	.jFlowPrev, .jFlowNext
	{
		cursor:pointer;
	}
	
	#myController
	{
		display:none;
	}

	#jFlowSlide
	{
		float:left;
	}
	
	
/* Project Gallery */
	.pjDescription
	{
		padding:8px 0 0 5px;
	}
	
	.pjImage
	{
		padding:6px 0 0 2px;
	}
	
	.projectGalleryGROW
	{
		float:left;
		left:10px;
		margin-right:10px;
		overflow:hidden;
		position:relative;
		width:208px;
	}
	
	.projectGalleryName
	{
		padding-bottom:20px;
		text-align:center;
		width:202px;
	}
	
	img.projectImage
	{
		width:202px;
	}


	.homeModuleLinkPadding
	{
		padding:2px 5px 0px 3px;
	}
	
	.modulePadding
	{
		float:left;
		padding:2px 5px 5px 25px;
	}
	
/* Project Gallery Module */
	.jcarousel-container 
	{
		position: relative;
		height:115px;
		margin:15px 0;
	}
	
	.jcarousel-clip 
	{
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		top:18px;
		z-index: 2;
	}
	
	.jcarousel-list 
	{
		height:79px;
		left: 0;
		margin: 0; 
		overflow: hidden;
		padding: 0; 
		position: relative;
		top: 0;
		z-index: 1;
	}
	
	.jcarousel-list li, .jcarousel-item 
	{	
		background:url(../Images/Layout/sliderContainerBG.gif) top left no-repeat;
		float: left;
		list-style: none;
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		height:79px;
		width:202px;
	}
	
	.jcarousel-clip-vertical
	{
		height:79px;
		width:202px;
	}
	
	
	
	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next, .jcarousel-next-vertical
	 {
		background:#000 url(../Images/Layout/sliderTopArrow.gif) top left no-repeat;
		cursor: pointer;
		display: none;
		float:left;
		height: 18px;
		left:0;
		position:absolute;
		top:0;
		width: 202px;
		z-index: 3;
	}
	
	.jcarousel-prev, .jcarousel-prev-vertical
	{
		background:url(../Images/Layout/sliderBottomArrow.gif) top left no-repeat;
		cursor: pointer;
		display: none;
		float:left;
		height: 18px;
		left:0px;
		position:absolute;
		top:97px;
		width: 202px;
		z-index: 3;
	}
	
	.textArea
	{
		width:400px;
	}

	#mySlides div
	{
		width:600px;
	}
}

@media print
{

/* IMPORTANT!!!! Print Styles CANNOT contain floats.  Messes up in IE */

#aspnetForm
	{
		margin:0;
	}
	
	img 
	{
		border:0;
	}
	
	ul
	{
		margin:0 0 15px 0; padding:0 0 0 15px;
	}
	
	
	

/* Two Column Layout */
		
	#sfContainer
	{
		margin:0 auto;
		text-align:left;
		width:650px;
	}
	
	#sfPageContainer
	{
		width:100%;
	}
	
	#sfHeader, #sfBannerContainer, .sfNavContainer, .sfNavPadding, #sfLogo, #sfTwoColumnRightColumn, #sfFooterRight, #sfBreadCrumb, #sfRelatedServices, .imgContainer img
	{
		display:none;
	}
	
	#sfPrintHeader 
	{
		border-bottom:solid 1px #000;
		margin-bottom:15px;
	}
		
	#sfTwoColumnContainer, #sfTwoColumnMainColumn 
	{  
		width:650px; 
	}
	
	#sfFooter
	{
		border-top:solid 1px #000;
		padding-top:5px;
		margin-top:10px;
		width:100%;
	}
	
	#sfFooterLeft
	{
	}
	
	
/* End Two Column Layout */	

	#sfMainColumnPadding
	{
		line-height:150%;
		padding:10px 0 0 0;
		width:650px;
	}
	
/* Staff Bios */

	.staffBiosContainer
	{
		clear:both;
		margin-bottom:10px;
		width:100%;
	}
	
	.staffBiosThumbnail
	{

	}
	
	.staffBiosInformation
	{
	}
	
	
/* Project Gallery */
	.pjDescription
	{
		padding:8px 0 0 5px;
	}
	
	.pjImage
	{
		margin:6px 0 0 3px;
	}
	
	.projectGalleryGROW
	{
		margin-bottom:10px;
		width:208px;
	}
	
	.projectGalleryName
	{
		padding-bottom:20px;
		text-align:center;
		width:202px;
	}
	
	img.projectImage
	{
		width:202px;
	}

	
}