@font-face {
  font-family: "Stag-Web-Bold";
  src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Bold/ddc19d8c-6185-431d-851d-ddb13263a7b1-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Bold/ddc19d8c-6185-431d-851d-ddb13263a7b1-2.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Stag-Web-Bold/ddc19d8c-6185-431d-851d-ddb13263a7b1-3.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Stag-Web-Bold/ddc19d8c-6185-431d-851d-ddb13263a7b1-1.ttf") format("truetype");
  font-weight: normal;
  font-style:normal;
}
@font-face {
  font-family: "Benton-Sans-Bold";
  src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-3.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Benton-Sans-Regular";
  src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-3.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

html {
	margin:0;
	padding:0;
}

body {
	background:transparent url('beforeafter/bf_bg.jpg') repeat 0 0;
	padding:24px;
	margin:0;
	}
	
#content {
	border:1px solid #e2e0d8;
	background-color:#fff;
	width:910px;
	height:750px;
	}
	.images {
		border-bottom:1px solid #e2e0d8;
		z-index:0;
		display:none;
		}
	
#info {
	padding:24px;
	}	
	#info .nav {
		text-indent: -9000px;
		}
	#info #prev {
		background: #fbfaf5 url('beforeafter/arrow_left.png') no-repeat 11px 9px; 
		}
		
						/* PNG FIX FOR IE */
		* html body {
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bu.edu/bostonia/spring-winter12/autorow/beforeafter/arrow_left.png', sizingMethod='crop');
			background: url(http://www.bu.edu/bostonia/global/images/clear.gif) repeat 0 0;
			}
		#info #prev.nav:hover {
		background:#55bbc7 url('beforeafter/arrow_white.png') no-repeat 11px 9px; 
		}
						/* PNG FIX FOR IE */
		* html body {
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bu.edu/bostonia/spring-winter12/autorow/beforeafter/arrow_white.png', sizingMethod='crop');
			background: url(http://www.bu.edu/bostonia/global/images/clear.gif) repeat 0 0;
			}
	#info #next {
		background: #fbfaf5 url('beforeafter/arrow_right.png') no-repeat 13px 9px; 
		}
						/* PNG FIX FOR IE */
		* html body {
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bu.edu/bostonia/spring-winter12/autorow/beforeafter/arrow_right.png', sizingMethod='crop');
			background: url(http://www.bu.edu/bostonia/global/images/clear.gif) repeat 0 0;
			}
			#info #next.nav:hover {
		background:#55bbc7 url('beforeafter/arrow_white1.png') no-repeat 13px 9px; 
		}
						/* PNG FIX FOR IE */
		* html body {
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bu.edu/bostonia/spring-winter12/autorow/beforeafter/arrow_white1.png', sizingMethod='crop');
			background: url(http://www.bu.edu/bostonia/global/images/clear.gif) repeat 0 0;
			}
	
	#info .headings {
		overflow: hidden;
		width: 100%;
		margin-top:-80px;
		}
		
		#info .text {
			width:350px;
			height:55px;
			}
		#info .headings h2 {
			text-indent:-9000px;
			margin:0;
			padding:0;
			text-align:left;
			height:15px;
			}
		#info #then {
			text-align:right;
			float:left;
			 }
			#info .headings #then h2#title_then {
				background: transparent url('beforeafter/bf_then.jpg') no-repeat right 0;
				}
				
		#info #now {
			float:right;
			}
			#info .headings #now h2#title_now {
				background: transparent url('beforeafter/bf_now.jpg') no-repeat 0 2px;
				}
		#info .headings h3 {
			font-family: "Benton-Sans-Regular", serif;
			font-size:18px;
			color:#959186;
			font-weight:normal;
			margin:0;
			padding:3px 0 0;
			display:none;
			}
	
	#info .circle {
	  border: 3px solid #fff;
	  -webkit-border-radius:70px;-khtml-border-radius:70px;-moz-border-radius:70px;border-radius:70px;
	  width:124px;
	  height:124px;
	  position:relative;
	  background:#4e3d0e url('beforeafter/circle_bg.jpg') repeat 0 0;
	  margin-top:-45px;
	  left:367px;
	  display:none;
	  }
	
		#info .circle h1 {
		  text-align:center;
		  vertical-align: middle;
		  font-family: "Benton-Sans-Bold", serif;
		  color:#a5a195;
		  font-size:12px;
		  text-transform: uppercase;
		  font-weight:normal;
		  padding-top:25px;
	
		  }
		 #info .circle h1 span {
		 	font-family:"Stag-Web-Bold", serif;
		 	font-size:36px;
		 	color:#fff;
		 	display:block;
		 	}
		 	
		 	#info .circle h1 span#packards, #map .pin p#packards {
		 		font-size:22px;
		 		text-transform:none;
		 		font-weight:normal;
		 		padding-top:7px;
		 		letter-spacing: 0.5px;
		 		display:block;
		 	}

	#map {
		background: #fdfcf8 url('beforeafter/bf_map.jpg') no-repeat 0 0;
		border:1px solid #e2e0d8;
		width:863px;
		height:165px;
		position:relative;
	 }
	 	#map .pin {
	 		position:absolute;
	 		background:transparent url('beforeafter/bf_pin.png') no-repeat 0 0;
	 		width:22px;
	 		height:36px;
	 		cursor:pointer;
 				-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
	 	}
	 		#map .pin.active {
	 			background-image:url('beforeafter/bf_pin_selected.png');
	 			}
	 			
	 		#map .pin p {
	 			visibility: hidden;
	 			color:#e9c6b1;
	 			font-family: "Benton-Sans-Bold",serif;
			    font-size: 10px;
			    font-weight: normal;
			    padding: 25px 0 4px 4px;
			    margin-left:-30px;
			    text-align: center;
			    text-transform: uppercase;
			    vertical-align: middle;
			    /* background-color:#c8662a; */
			    background: transparent url('beforeafter/bf_hoverbg.png') no-repeat 0 0;
			    /* border:2px solid #b15319; */
 				width:110px;
 				height:68px;
 				margin-top:-88px;
 				margin-left:-50px;
 				position:relative;
 				z-index:100;
 				opacity: 0;
 				-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
 				/*
 -webkit-border-radius:16px;-khtml-border-radius:16px;-moz-border-radius:16px;border-radius:16px;
 				-moz-box-shadow: 0 0 12px 5px rgba(65,50,8,0.2);
				-webkit-box-shadow: 0 0 12px 5px rgba(65,50,8,0.2);
				box-shadow: 0 0 12px 5px rgba(65,50,8,0.2);
*/

	 			}
	 			#map .pin:hover p {	
	 				visibility: visible;
	 				overflow: visible;
			    	opacity: 1;
			    	margin-top: -94px;

	 				}
	 				
	 			#map .pin#packardscorner p {
		 		font-family:"Stag-Web-Bold", serif;
		 		font-size:16px;
		 		line-height: 20px;
		 		text-transform:none;
		 		font-weight:normal;
		 		padding-top:26px;
		 		letter-spacing: 0.5px;
		 		height:78px;
		 		color:#fff;
		 		
		 		}

	 			#map .pin p span {
	 				color: #FFFFFF;
   					display: block;
    				font-family: "Stag-Web-Bold",serif;
    				font-size: 26px;
	 			}
	 	
	 		#map #packardscorner {
	 			top:18px;
	 			left:37px;
	 			}
	 		#map #ten65 {
	 			top:18px;
	 			left:104px;
	 			}
	 		#map #ten01 {
	 			top:18px;
	 			left:188px;
	 			}	 				 			
	 		#map #nine96 {
	 			top:78px;
	 			left:204px;
	 			}
	 		#map #nine50 {
	 			top:78px;
	 			left:265px;
	 			}		
	 		#map #nine30 {
	 			top:78px;
	 			left:324px;
	 			}
	 		#map #eight60 {
	 			top:78px;
	 			left:393px;
	 			}
	 		#map #eight55 {
	 			top:18px;
	 			left:420px;
	 			z-index:0;
	 			}
	 		#map #eight08 {
	 			top:78px;
	 			left:450px;
	 			}
	 		#map #seven85 {
	 			top:18px;
	 			left:576px;
	 			}	 			
	 		#map #six40 {
	 			top:78px;
	 			left:662px;
	 			}
	 		#map #five75 {
	 			top:18px;
	 			left:805px;
	 			}		 				 				 				 				 				 			
		 
	#info .nav {
		border:1px solid #e6e4dc;
		-webkit-border-radius:26px;-khtml-border-radius:26px;-moz-border-radius:26px;border-radius:26px;
		width:32px;
		height:32px;
		position:relative;
		background-color:#fbfaf5;
		cursor: pointer;
		}
		
		#info #prev {
			float:left;
			margin-left:-42px;
		}
		#info #next {
			float:right;
			margin-right:-42px;
			}
		.sliderImages {
			position: relative;
		}
p#expandpop {
				display:none;
	 			color:#fff;
	 			font-family: "Benton-Sans-Bold",serif;
			    font-size: 13px;
			    line-height:20px;
			    font-weight: normal;
			    padding: 23px 28px 4px;
			    text-align: center;
			    margin-left:-132px;
			    vertical-align: middle;
			    background: transparent url('beforeafter/images/expandpop.png') no-repeat 0 0;
 				width:208px;
 				height:88px;
 				left:50%;
 				top:70px;
 				position:absolute;
 				z-index:100;

}

/* PNG FIX FOR IE */
		* html body {
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bu.edu/bostonia/spring-winter12/autorow/beforeafter/images/expandpop.png', sizingMethod='crop');
			background: url(http://www.bu.edu/bostonia/global/images/clear.gif) repeat 0 0;
			}
p.photoo {
	font-family: "Benton-Sans-Regular", serif;
	font-size:11px;
	font-weight:normal;
	color:#9f9c94;
	position:relative;
	padding:1px 0 0;
	text-align:center;
	margin:0;
	}
	
span.smalll {font-size:12px;}