/*
Styles for Work Section

COLORS
blue gray BG: CFD9DD
dark gray text: 5B534A
link blue: 062F4C
*/
#content{
	position: relative;
}

/* description */

#description{
	position: absolute;
	bottom: 0;
	height: 25px;
	width: 836px;
	background: #b8bbb5;
}

#description h2{
	color: #f9fafb;
	font-size: 1.4em;
	line-height: 1em;
	padding: 5px 0 0 15px;
}

/* images */

#images {
	position: relative;
}
#images img{
	position: absolute;
	display: none;
}

/* details */

#details-hdr {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 69px;
	height: 25px;
	background: url(../images/work/details-hdr.gif) 0 0 no-repeat;
	cursor: pointer;
}
#details-hdr span{
	display: none;
}

#details{
	display: none;
	position: absolute;
	bottom: 4px;
	right: -17px;
	z-index: 100;
	width: 276px;
}

#details #floating-div-top{
	width: 276px;
	height: 25px;
	background: url(../images/work/details-div-top-bg.png) 0 0 no-repeat;
}
#details #floating-div-btm{
	width: 276px;
	height: 45px;
	background: url(../images/work/details-div-btm-bg.png) 0 0 no-repeat;
}
#details #floating-div-ctr{
	width: 206px;
	padding: 0 40px 0 30px;
	background: url(../images/work/details-div-bg.png) 0 0 repeat-y;
}

#details h4{
	color: #00639f;
	margin: 0 0 4px 0;
	padding: 10px 0 0 0;
}
#details p{
	padding: 0 0 10px 0 ;
}

/* slideshowControl*/

#slideshowControl{
	position: absolute;
	bottom: 0;
	right: 70px;
	height: 25px;
}

#slideshowControl div{
	float: left;
}

#slideshowControl div.imageNum{
	color: #FFF;
	padding: 3px 5px;
	background: #d2d3d0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em;
	margin: 4px 5px 0 0;
	cursor: pointer;
}
#slideshowControl div.imageNum.thisImage{
	background: #ce7e18;
}

#slideshowControl div#slideshowB{
	height: 25px;
	width: 15px;
	background: url(../images/work/slideshowB.gif) 0 7px no-repeat;
	cursor: pointer;
}
#slideshowControl div#slideshowF{
	height: 25px;
	width: 15px;
	background: url(../images/work/slideshowF.gif) 0 7px no-repeat;
	border-right: 1px solid #c9ccc7;
	cursor: pointer;
}
#slideshowControl div#slideshowPlay{
	height: 25px;
	width: 15px;
	background: url(../images/work/slideshowPlay.gif) 0 5px no-repeat;
	cursor: pointer;
	margin: 0 8px;
}
#slideshowControl div#slideshowPlay.pause{
	background-position: -20px 5px;
}

/* view site */

p.view-site{
	position: absolute;
	top: 42px;
	left: 42px;
	z-index: 200;
	background: url(../images/work/view_site.gif) 0 0 no-repeat;
	line-height: 1em;
}
p.view-site a{
	display: block;
	width: 65px;
	height: 10px;
}
p.view-site span{
	display: none;
}