 
#topDiv{
	position:absolute;
	left:1px;
	top:1px;
	width:885px;
	height:104px;
}
#header {
	color: #7b7d80;
	font-size: 20px;
	font-family: Arial Black;
	padding:30px 0px 0px 80px;
	float:left;
	line-height: 25px;
	text-align: right;

}

#topMenu{
	font-family: Arial, Helvetica, sans-serif;
	color: #b6b7b9;
	font-size: 80%;;
	float: right;
	position:relative;
	margin-top: 65px;
}

#topMenu a{
	text-decoration:none;
	color:#b6b7b9;
	vertical-align: bottom;
}

#line{
	height:1px;
	width:100%;
	background-color:#b6b7b9;
	position:relative;
	margin-top:5px;
	float:left;
}



img.thumbs {
	float:left;
	height:26px;
	width:35px;
	margin-right: 8px;
	margin-bottom: 5px;
	border: solid black 1px;
}

#main {
	position:absolute;
	left:245px;
	top:110px;
	width:640px;
	height:480px;
	z-index:2;
}
img.mainImage {
	border: 1px solid #000000;
}
.altText {
	float: right;
	margin-top:10px;
	color: #7b7d80;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}


#galleries{
	position:absolute;
	left:21px;
	top:120px;
	width: 211px;
	vertical-align:top;
}

.gallery{
	width:200px;
	margin-bottom: 5px;
	float:left;
}

.galleryTitle{
	font-family: Arial Black;
	color: #7b7d80;
	width: 200px;
	text-align: right;
}

.galleryTitle a{
	color:#b6b7b9;
	text-decoration:none;
}

.galleryTitle a:hover{
	color: #7b7d80;
}


.thumbContainer {
	margin-top: 10px;
	margin-right: -6px;
	float:right;
	display: block;
}

#galleriesList{
	font-family: Arial Black;
	color: #b6b7b9;
	width: 210px;
	margin-top: 20px;
}
.hidden {
	visibility:hidden;
}


.frontGallery{
	width:100%;
	height: 140px;
	margin-top:25px;
}
.frontGalleryImage{
	width:190px;
	position: absolute;
}
.frontGallertDescription{
	width: 68%;
	color: #b6b7b9;
	font-family: "Arial Black";
	float: right;
	vertical-align: bottom;
	height: 140px;
}

.copyright {
	border-top:1px;
	border-top-color:#7b7d80;
	width: 210px;
	display:block;
	color: #7b7d80;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	position: absolute;
	left: 9px;
	top: 550px;
	text-align:right;
}

#main h1{
	font-family: Arial Black;
	color: #7b7d80;
	font-size: 20px;
	text-decoration: none;
	font-weight:normal;
	padding-top:5px;
	margin-top: 0px;
}


#Acc2 .Content {
	height: 250px;
}

#Acc2 .Content, #Acc3 .Content, #Acc4 .Content, #Acc5 .Content, #Acc6 .Content, #Acc8 .Content {
	height: 300px;
}


/* Specifying the width of an accordion is optional. If not specified, it will
 * expand horizontally as much as it can.
 */
#Acc1, #Acc7, #don {
	width: 300px;
	margin: 4px;
	position: absolute;
	left: 27px;
	top: 453px;
}
#Acc2, #Acc3, #Acc4, #Acc5, #Acc8 {
	width: 50%;
	margin: 4px;
}


/* Here's an example of an accordion Aqua Gradient theme that uses
 * different class names from the ones used in SpryAccordion.css,
 * to style the different parts of the accordion.
 */
.AquaAccordion {
	overflow: hidden;
}

.AquaAccordion .hover {
	background-image: none;
	background-color: #33CCFF;
}

.AquaAccordion .open {
	/* Add properties here. */
}

.AquaAccordion .closed {
	/* Add properties here. */
}

.AquaAccordion .focused {
	/* Add properties here. */
}
