/* =I need to drop Gallery of Work and the links to the right down about 10 pixels
----------------------------------------------------------------------*/

/* =I like to make the thumbnails all fit without any being cut off
----------------------------------------------------------------------*/
#container2
{
	position: absolute;
	left: 250px;
	top: 138px;
	color: white;
	width: 655px;
	height: 40px;
	z-index: 900;
}
#description_bar{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 655px;
	height: 40px;
	background-image: url(img/body.gif); /*put in a class*/
	background-repeat:repeat-x; /*put in a class*/
}
 a:hover
{
	border-color: white;
}
#header2 a:hover
{
	background: #0874ae;
}

#header2 a.current
{
	background: #0084e9;
	color: white;
	font-weight: bold;
}
#header2 a.link{
	color: white;
	font-weight: bold;
	background: #fff;
}
#header2 a.visited{
	color: white;
	font-weight: bold;
}
#header2
{
	width: 100%;
	font: 11px/30px Verdana, sans-serif;
	overflow: hidden;
}

#header2 a
{
	padding: 5px;
}


#header2 h1
{
	float: left;
	margin: auto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1px 0 0 20px;
}

#header2 p
{
	color: #fff;
	float: right;
	margin: auto;
	padding: 0 20px 0 0;
}

/* =Placeholder
----------------------------------------------------------------------*/

#placeholder
{
	position: absolute;
	left: 10px;
	top: 40px;
	border-color:#015d8e;
	background: #015d8e;
	width: 402px;
	height: 443px;
	padding: 2px 2px 2px 0px;
}

/* =Showcase
----------------------------------------------------------------------*/
#showcase
{
	position: absolute;
	left: 415px;
	top: 40px;
	overflow: auto;
	padding: 1px;
	width: 238px;
	height: 443px;
	background: #008aec;
	}


#showcase a:hover img
{
	border-color: #fff;
	background: #fff;
}

#showcase img
{
	padding: 0px;
	width: 100px;
	height: 100px;
}
#showcase a:link img
{
	border-color: #015d8e;
	
}
#showcase ul
{
	margin: 2px 2px 2px 2px;
	padding: 0;
}

#showcase li
{
	display: inline;
}