﻿body 
{
	background-color:#555;
	color:#555;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	line-height:16px;
		
	margin:0px;
	padding:0px;
	
	
	overflow:scroll;
}

h1,h2,h3,h4,h5,h6{ color:#000034; font-weight:bold; text-transform:uppercase; letter-spacing:1px;  }
	h2{ font-size: 115%; line-height:150%; }

	h2{ margin-top:2em; }
	h2.first{ margin-top:0em; }

.container{ width:945px;  margin:0 auto; }

	.container .left_shadow,
	.container .right_shadow{ width: 18px; height: 747px; background-repeat:repeat-y; float:left; }
		.container .left_shadow{ background-image:url(/images/shadow_left.jpg); }
		.container .right_shadow{ background-image:url(/images/shadow_right.jpg); }
	
	.container .main{ float:left; }
		.container .main .header{ width: 909px; height:109px; background:url(/images/header_background.jpg) repeat-x; }	
		
			.container .main .header .logo{ display:block; width:270px; height:31px; background:url(/images/logo.gif) no-repeat; position:relative; top:66px; left:57px; }
			.container .main .header .navigation{ width:244px; height:21px; position:relative; top:50px; left:617px; margin:0px; padding:0px; list-style-type:none; }
				.container .main .header .navigation li{ float:left; }
					.container .main .header .navigation li a{ display:block; width:30px; height:21px; overflow:hidden; background:url(/images/nav_swatch.gif) no-repeat; text-indent:-9999em; }

					.container .main .header .navigation li a.home{ width:60px; background-position: 0px -19px; }
					.container .main .header .navigation li a.bios{ width:50px; background-position: -60px -19px; }
					.container .main .header .navigation li a.news{ width:57px; background-position: -110px -19px; }
					.container .main .header .navigation li a.contact{ width:77px; background-position: -167px -19px; }

					.container .main .header .navigation li a.home:hover{ background-position: 0px 2px; }
					.container .main .header .navigation li a.bios:hover{ background-position: -60px 2px; }
					.container .main .header .navigation li a.news:hover{ background-position: -110px 2px; }
					.container .main .header .navigation li a.contact:hover{ background-position: -167px 2px; }
					
					.container .main .header .navigation li a.active_home{ width:60px; background-position: 0px 100%; }
					.container .main .header .navigation li a.active_bios{ width:50px; background-position: -60px 100%; }
					.container .main .header .navigation li a.active_news{ width:57px; background-position: -110px 100%; }
					.container .main .header .navigation li a.active_contact{ width:77px; background-position: -167px 100%; }
				
		
		.container .main .content{ width: 909px; height:612px; background-color:#fff; margin-top:0px; }	
		
			.container .main .content a{ color:#2f335e; }
			.container .main .content a.active,
			.container .main .content a:hover{ color:#000034; }
			
			.container .main .content .photo,
			.container .main .content .photo_bios{ width:177px; height:223px; position:relative; top:70px; left:57px; float:left; background-repeat:no-repeat; }
			.container .main .content .photo{ background-image:url(/images/portait_group.jpg); }
			.container .main .content .photo_bios{ background-image:none; }
			
			.container .main .content .copy{ width:480px; margin-left:345px; position:relative; top:75px; /*top:95px;*/ }
			
			.container .main .content .photo_home{ width:391px; height:288px; top:105px; left:35px; float:left; background:url(/images/portait_group.jpg) no-repeat; }
			.container .main .content .copy_home{ width:400px; margin-left:474px; position:relative; top:136px; }
		
			.container .main .content .photo_bios .jeff_ross, 
			.container .main .content .photo_bios .john_orenstein, 
			.container .main .content .photo_bios .kelly_pierce, 
			.container .main .content .photo_bios .harry_niska{ width:177px; height:223px; background-repeat:no-repeat; }
			
			.container .main .content .photo_bios .jeff_ross{ background-image:url(/images/jeff_ross.jpg); }
			.container .main .content .photo_bios .john_orenstein{ background-image:url(/images/john_orenstein.jpg); }
			.container .main .content .photo_bios .kelly_pierce{ background-image:url(/images/kelly_pierce.jpg); }
			.container .main .content .photo_bios .harry_niska{ background-image:url(/images/harry_niska.jpg); }
			
				.container .main .content .photo_bios ul{ list-style-type:none; margin:0px; padding:0px; margin-top:24px; margin-left:0px; border-top:1px solid #ddd; }
					.container .main .content .photo_bios ul li{ margin-top:0px; font-size:12px; font-weight:bold; text-transform:uppercase; }
						.container .main .content .photo_bios ul li a{ display:block; padding:5px 2px 5px 2px; border-bottom:1px solid #ddd; text-decoration:none; }
						.container .main .content .photo_bios ul li a:hover{ display:block; padding:5px 2px 5px 2px; background:#eee; border-bottom:1px solid #ddd; }
			
			.container .main .content .footer{ background:url(/images/address.jpg) top center no-repeat; text-indent:-9999em; color:#000; font-size:90%; font-weight:bold; text-transform:uppercase; position:relative; top:590px; text-align:center; }
				.container .main .content .footer span{ margin-right:3em; }
				.container .main .content .footer span.last{ margin-right:0px; }

			.container .main .content .bios{ text-align:right; right:60px; }
				.container .main .content .bios a{ color:Black; text-decoration:none; letter-spacing:1px; }
				.container .main .content .bios span.back{ margin:0px; padding:1px; padding-right:1.1em; border-right:1px solid #666; }
				.container .main .content .bios span.next{ margin:0px; padding:1px; padding-left:.9em; }


		.container .main .footer{ width: 909px; height:26px; background:url(/images/footer.jpg) no-repeat; clear:left; }
			.container .main .footer span.copyright{ color:#ccc; font-size:9px; letter-spacing:1px; position:relative; top:6px; left:16px; }
		
	.container .bottom_shadow{ width:945px; height:26px; background:url(/images/shadow_bottom.jpg) no-repeat; clear:left; }
	

/* home page rollover bio contact image things; CSS-only */
a.contact_popup{ display:block; width:132px; height:116px; overflow:hidden; position:relative; border:0px solid red; background-image:none;  }
#jeff_ross{ width:70px; height:116px; top:40px; left:290px; z-index:10; }
#john_orenstein{ width:70px; height:116px; top:-108px; left:40px; z-index:20; }
#kelly_pierce{ width:70px; height:116px; top:-195px; left:162px; z-index:30; }
#harry_niska{ width:70px; height:116px; top:-195px; left:260px; z-index:40; }

#jeff_ross,
#john_orenstein,
#kelly_pierce,
#harry_niska{ border:0px solid red; }

#jeff_ross:hover{ background:url(/images/popup_jross.png) left bottom no-repeat; width:132px; height:216px; top:40px; left:228px; }
#john_orenstein:hover{ width:149px; background:url(/images/popup_jorenstein.png) right bottom no-repeat; width:149px; height:216px; top:-108px; left:20px; }
#kelly_pierce:hover{ background:url(/images/popup_kpierce.png) left bottom no-repeat; width:132px; height:216px; top:-195px; left:142px; }
#harry_niska:hover{ background:url(/images/popup_hniska.png) left bottom no-repeat; width:222px; height:116px; top:-195px; left:108px; }

/*VCard stuff*/
div.vcard{ font-size:10px; font-weight:normal; letter-spacing:normal; text-transform:none; }
	div.vcard a{ display:block; padding-left:20px; background:url(/images/vcard_sml.png) 0 2px no-repeat; }
