/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0 auto; padding: 0; }
#page-wrap {width: 1000px; padding: 15px 0px; margin: 0 auto; overflow: hidden; height: 100%; }
.info-col { float: left; width: 520px; height: 100%; }
.info-col h2 { text-align: center; font-weight: normal; padding: 25px 0; }

.image { height: 155px; text-indent: -9999px; display: block; border-right: 1px solid #000; }

.brian { background: #221B13 url(../about/img/brian.jpg) center center no-repeat; }
.wendy { background: #221B13 url(../about/img/wendy.jpg) center center no-repeat; }
.toby { background: #f5f5f4 url(../about/img/toby.jpg) center center no-repeat; }
.wof { background: url(../about/img/wof.jpg) center center no-repeat; }

dl { }
dt { padding: 5px; background: #8f462d; color: white; border-bottom: 1px solid #000; border-right: 1px solid #000; text-align: center;}
dd { position: absolute; left: -9999px; top: -9999px; width: 499px; background: #8f462d; padding: 10px; color: white; border-right: 1px solid #000; }
.info-col a {color: #FDF0A8;
	font-weight: bold;}
.info-col a:hover {color: #fff;}

dt:first-child { background: #8f462d; }
dt:first-child + * { background: #8f462d; }

dt:first-child + * + * { background: #927258; }
dt:first-child + * + * + * { background: #927258; }

dt:first-child + * + * + * + * { background: #7e8162; }
dt:first-child + * + * + * + * + * { background: #7e8162; }

dt:first-child + * + * + * + * + * + * { background: #64664e; }
dt:first-child + * + * + * + * + * + * + * { background: #64664e; }


/*FIONA MESSAGE/ALTERATION OF CODE: CSS(3) coding: change to this code (disregard child code above) when IE8 accepts CSS3

dt:nth-of-type(1) { background: #8f462d; }
dd:nth-of-type(1) { background: #8f462d; }

dt:nth-of-type(2) { background: #927258; }
dd:nth-of-type(2) { background: #927258; }

dt:nth-of-type(3) { background: #7e8162; }
dd:nth-of-type(3) { background: #7e8162; }

dt:nth-of-type(4) { background: #64664e; }
dd:nth-of-type(4) { background: #64664e; }*/

.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative;}