/* 25th Anniversary Timeline CSS for Builders Mutual
Author: Strategic Insights, contact Jennifer Hoy
Site design: Strategic Insights
Date Created: 05/18/2009
Last Updated: 06/29/2009
Copyright: Builders Mutual */


body {
	font-size: 12px;
	
}

/*-------------------------
Timeline divs
------------------------*/

div#silver-timeline, div#silver-timeline div {
	display: block;
	margin: 0;
	padding: 0;
	z-index: 1;
	
}
div#silver-timeline {
	position: relative;
	top: -10px;
	width: 870px;
	height: 587px;
	z-index: 1;
	
}
div#silver-timeline div.scrollable {
	width: 742px;
	height: 485px;
	position: relative;
	margin: 106px 0 0 64px;
	overflow: hidden;
	
}
div#silver-timeline div.scrollable div.items {
	width: 2000em;
	position: absolute;
	
}
div#silver-timeline div.scrollable div.items div.canvas {
	width: 742px;
	height: 485px;
	float: left;
	z-index: 25;
	
}
div#silver-timeline div.scrollable div.items div.canvas#excavation {
	background: url(../images/bg-excavation.jpg) no-repeat 0 0;
	
}
div#silver-timeline div.scrollable div.items div.canvas#basement {
	background: url(../images/bg-basement.jpg) no-repeat 0 0;
	
}
div#silver-timeline div.scrollable div.items div.canvas#framing {
	background: url(../images/bg-framing.jpg) no-repeat 0 0;
	
}
div#silver-timeline div.scrollable div.items div.canvas#scaffold {
	background: url(../images/bg-scaffold.jpg) no-repeat 0 0;
	
}
div#silver-timeline div.scrollable div.items div.canvas#complete {
	background: url(../images/bg-complete.jpg) no-repeat 0 0;
	
}
div#silver-timeline div.navi {
	display: block;
	width: 684px;
	height: 133px;
	position: absolute;
	top: 451px;
	left: 93px;
	margin: 0; 
	padding: 0;
	background: url(../images/bg-thumbs.jpg) no-repeat 0 111px;
	z-index: 50;
	
}

/*-------------------------
Images
------------------------*/

div#silver-timeline img {
	border: none;
	behavior: url(iepngfix.htc);
	
}
div#silver-timeline img#timeline-icon {
	position: absolute;
	top: -106px;
	left: 0;
	z-index: 100;
	
}
div#silver-timeline img#txtr {
	position: absolute;
	top: 350px;
	left: 58px;
	z-index: 100;
	
}
div#silver-timeline div.scrollable img {
	position: absolute;
	
}
div#silver-timeline div.scrollable img.first, div#silver-timeline div.scrollable img.last {
	top: 184px;
	
}
div#silver-timeline div.scrollable img.first {
	margin-left: 1px;
	
}
div#silver-timeline div.scrollable img.last {
	margin-left: 710px;
	
}
div#silver-timeline div.scrollable img.v1 {
	top: 25px;
	
}
div#silver-timeline div.scrollable img.v2 {
	top: 142px;
	
}
div#silver-timeline div.scrollable img.v2-alt {
	top: 82px;
	
}
div#silver-timeline div.scrollable img.v3 {
	top: 259px;
	
}
div#silver-timeline div.scrollable img.v3-alt {
	top: 209px;
	
}
div#silver-timeline div.scrollable img.h0 {
	margin-left: 33px;
	
}
div#silver-timeline div.scrollable img.h1 {
	margin-left: 91px;
	
}
div#silver-timeline div.scrollable img.h2 {
	margin-left: 228px;
	
}
div#silver-timeline div.scrollable img.h2-alt {
	margin-left: 201px;
	
}
div#silver-timeline div.scrollable img.h3 {
	margin-left: 361px;
	
}
div#silver-timeline div.scrollable img.h3-alt {
	margin-left: 329px;
	
}
div#silver-timeline div.scrollable img.h4 {
	margin-left: 497px;
	
}
div#silver-timeline div.scrollable img.h4-alt {
	margin-left: 531px;
	
}
div#silver-timeline div.scrollable img.h5 {
	margin-left: 555px;
	
}


/*-------------------------
Headlines
------------------------*/

div#silver-timeline h1 {
	position: absolute;
	top: -45px;
	left: 300px;
	background-image: none;
	
}

/*-------------------------
Lists
------------------------*/


/*-------------------------
Misc. typography
------------------------*/

span {
	position: absolute;
	left: -999999em;
	
}
div#silver-timeline div.navi span, div#silver-timeline div.navi span a {
	display: block;
	width: 135px;
	height: 112px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0; 
	padding: 0;
	cursor: pointer;
	z-index: 50;
	
}
div#silver-timeline div.navi span#t-excavation {
	width: 138px;
	left: 0;
	
}
div#silver-timeline div.navi span#t-basement {
	left: 138px;
	
}
div#silver-timeline div.navi span#t-framing {
	left: 273px;
	
}
div#silver-timeline div.navi span#t-scaffold {
	left: 409px;
	
}
div#silver-timeline div.navi span#t-complete {
	width: 140px;
	left: 544px;
	
}

/*-------------------------
Linky-poos
------------------------*/

div#silver-timeline a.prev, div#silver-timeline a.next {
	display: block;
	width: 64px;
	height: 106px;
	position: absolute;
	top: 169px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	behavior: url(iepngfix.htc);
	
}
div#silver-timeline a.prev {
	left: 0;
	background: url(../images/arrow-prev.gif) no-repeat 0 0;
	
}
div#silver-timeline a.next {
	left: 806px;
	background: url(../images/arrow-next.gif) no-repeat 0 0;
	
}
div#silver-timeline div.navi span#t-excavation a {
	width: 138px;
	background: url(../images/thumb-excavation.jpg) no-repeat 0 0;
	behavior: url(iepngfix.htc);
	
}
div#silver-timeline div.navi span#t-basement a {
	background: url(../images/thumb-basement.jpg) no-repeat 0 0;
	behavior: url(iepngfix.htc);
	
}
div#silver-timeline div.navi span#t-framing a {
	background: url(../images/thumb-framing.jpg) no-repeat 0 0;
	behavior: url(iepngfix.htc);
	
}
div#silver-timeline div.navi span#t-scaffold a {
	background: url(../images/thumb-scaffold.jpg) no-repeat 0 0;
	behavior: url(iepngfix.htc);
	
}
div#silver-timeline div.navi span#t-complete a {
	width: 140px;
	background: url(../images/thumb-complete.jpg) no-repeat 0 0;
	behavior: url(iepngfix.htc);
	
}
div#silver-timeline div.navi span#t-excavation a:hover, div#silver-timeline div.nav span#t-excavation a:active, div#silver-timeline div.navi span#t-excavation.active a, div#silver-timeline div.navi span#t-basement a:hover, div#silver-timeline div.navi span#t-basement a:active, div#silver-timeline div.navi span#t-basement.active a, div#silver-timeline div.navi span#t-framing a:hover, div#silver-timeline div.navi span#t-framing a:active, div#silver-timeline div.navi span#t-framing.active a, div#silver-timeline div.navi span#t-scaffold a:hover, div#silver-timeline div.navi span#t-scaffold a:active, div#silver-timeline div.navi span#t-scaffold.active a, div#silver-timeline div.navi span#t-complete a:hover, div#silver-timeline div.navi span#t-complete a:active, div#silver-timeline div.navi span#t-complete.active a {
	background-position: 0 -112px;
	
}

/*-------------------------
Greybox-tastic
------------------------*/

#GB_overlay {
  width:  100%;
  height: 175%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  background-image: url(../images/overlay.png); 
  z-index: 100;

}
* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(../images/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");

}
#GB_window {
  width: 400px;
  height: 400px;
  position: absolute;
  top: 390px;
  left: 0px;
  border: 6px solid #749fb7;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #8e8772;
  background: #fff;
  z-index: 150;

}
#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;

}
div#content {
	margin: 0 auto;
	
}
div#content div#flash {
	margin-bottom: 15px;
	text-align: center;
	
}
div#flash img.center {
	margin: 0 auto;
	
}
div#content p {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8e8772;
	background-color: inherit;
	
}
#GB_caption {
	width: 420px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #628fa8;
	padding: 4px 0 4px 5px;
	margin: 0;
	text-align: left;

}
#GB_window img#but-close {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;

}