#imageGallery
{
	/*border: solid 1px #999;*/
	height: 300px;
	width: 552px;
	margin:43px auto 20px;
/*	background:#6F0;*/
}
#imageGroups
{
	overflow-y: auto;
	overflow-x: visible;
	float: left;
	height: 242px;
	width: 187px; /* for box model we must subtract the amount of left and right margin and padding. For example, if the total left and right margin of this div is 20 then we subtract our desired width by 20. Since we are starting with 125px then we will get 105px. */
	margin: 0 /*20px 0 0*/;
	font-size:11px;
	font-family:Verdana, sans-serif;
	line-height:15px;
	/*background-color: #Cff;*/
}
#imageGroups a
{
    float:left;
    clear:left;
    color: #000;
    cursor: pointer;
    text-decoration:none;
}
#imageGroups a:hover
{
    text-decoration: none;
    color: #000;	
	/*background-color:85cf13;*/
	background-color: #ddd;
}
#imageDisplay
{
	float: left;
	position: relative;
	height: 100%;
	width: 324px;
/*	background:#F90;*/
	margin-left:40px;
	background:url(../images/description-bkgrd.gif) top right no-repeat;
}
#viewPort
{
	height: 242px;
}
#imageIcons
{
	position: absolute;
	bottom: -4px;
	left: 50%;
}
.imageIconSmall
{
	margin: 0 15px;
}
#defaultDescription
{
	display: none;
}
/****************************************************************************
 New additions : 5.11.09
 This is styling for the main description, the group descriptions for the
 heading, text, and project.
****************************************************************************/
#viewPort .mainDescription
{
	position: relative;
	margin:80px 20px 0 20px;
	font-size: 13px;
	font-family: Verdana, sans-serif;
	text-align:justify;
	display: block;
}
#viewPort .heading
{
	position: relative;
	margin: 30px 0 0 20px;
	font-size: 14px;
	font-family: Verdana, sans-serif;
	display: block;
}
#viewPort .project
{
	position: relative;
	/*top: 30px;*/
	margin: 8px 0 0 33px;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	display: block;
}
#viewPort .text
{
	position: relative;
	/*top: 30px;*/
	margin: 8px 35px 0 33px;
	color: #626466;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	text-align:justify;
	display: block;
}

/**********************************************/
.oneThumb
{
	width: 70px;
	margin-left: -35px;
}
.twoThumbs
{
	width: 140px;
	margin-left: -70px;
}
.threeThumbs
{
	width: 210px;
	margin-left: -105px;
}
.fourThumbs
{
	width: 280px;
	margin-left: -140px;
}