body { background-position: center top; text-align: center; }
.container {
	margin-right: auto;
	margin-left: auto;
	height: 1323px;
	width: 948px;
}

p { }
td { }
a:link {
	property: value;
	text-decoration: none;
}
a:visited { }
a:hover {
	text-decoration: underline;
}
a:active { }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
.clear {
	clear: both;
}

#photo_gallery {
	position: absolute;
	width: 640px;
	border: 1px solid #FFF;
	left: 240px;
	top: 400px;
	background-color: #FFF;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}
/*
#photo_gallery #albums {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #21356A;
	padding: 3px;
	font-size: 14px;
}

#photo_gallery #bigphoto {
	height: 480px;
	width: 640px;
	margin-top: 5px;
	overflow: hidden;
}
#photo_gallery #bigphoto #description {
	position: relative;
	width: 630px;
	background-image: url(../images/semiwhite.png);
	background-repeat: repeat;
	height: 90px;
	color: #FFF;
	padding: 5px;
	font-size: 12px;
	text-align: left;
	margin-top: -100px;
}
#photo_gallery #bigphoto #description #title {
	font-weight: bold;
	text-align: center;
}
#photo_gallery #bigphoto #description #content {
	margin-top: 5px;
	height: 70px;
	overflow: auto;
}


#photo_gallery #loading {
	background-image: url(../images/loadbg.png);
	height: 32px;
	width: 32px;
	padding: 16px;
	position: absolute;
	margin-top: -280px;
	margin-left: 290px;
	display: none;
}


#photo_gallery div#scroll {
	position: relative;
	overflow: auto;
	margin-top: 0px;
}
#photo_gallery ul#thumbs {
	display: block;
	width: 5000px;
	list-style: none;
	background-color: #0CF;
	margin-left: -30px;
}
#photo_gallery #thumbs li{
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#photo_gallery #thumbs a{
	display: block;
	text-decoration: none;
}
#photo_gallery #thumbs span{
	display: none;
	margin-top: 3px;
	text-align: center;
	font-size: 12px;
	color: #000;
}
#photo_gallery #thumbs a:hover span{
	display: block;
}
#photo_gallery#thumbs img{
	-webkit-border-radius: 3px;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#photo_gallery #thumbs li:hover {
	cursor: pointer;
}

#photo_gallery #thumbs li:hover img{
	filter:alpha(opacity=100);
	opacity: 1;
}
*/

#album_container {
	clear: both;
}


#albums {
	background-color: #deebef;
	min-height: 50px;
	float: left;
	width: 620px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#albums div#scroll {
	position: relative;
	overflow: auto;
	margin-top: 0px;
}

#albums ul#album_content {
	display: block;
	width: 5000px;
	background-color: #0CF;
	margin-left: -30px;
	list-style-type: none;
	margin-top: 0px;
}
#albums #album_content li{
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#albums h3 {
	font-size: 12px;
	text-transform: uppercase;
}
#albums .album_active, #albums .album_idle {
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 68px;
	width: 50px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
}
#albums .album_active {
	background-image: url(../images/album_active.png);
}
#albums .album_idle {
	background-image: none;
}
#albums .album_pic {
	height: 48px;
	width: 48px;
	border: 1px solid #FFF;
	overflow: hidden;
	margin-top: -2px;
}
#albums .album_pic .loading{
	position: relative;
	height: 32px;
	width: 32px;
	background-color: #FFF;
	margin-left: 0px;
	padding: 8px;
	filter: Alpha(Opacity=50);
	opacity: 0.6;
	display: none;
	top: 1px;
}


	/* gallery */
	#gallery {
	float: left;
	background: #fff;
	padding: 10px;
	margin-bottom: 10px;
	width: 620px;
	height:150px;
}
	
		#gallery h3 {
	text-transform: uppercase;
	font-size: 12px
}
	
	.gallerywrapper {
	width: 620px;
	height: 150px;
	overflow: hidden;
	}
	
	#prev, #next {
	float:left;
	height: 50px;
	cursor: pointer;
	margin-top: 30px;
	display: block;
	width: 21px;
	background-image: url(../images/slider.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
	
		#prev:hover { background-position: -2px -73px}
	
		#next { background-position: -21px 0px}
	
		#next:hover { background-position: -19px -73px}
	
	#slider {
	float: left;
	font-size: 0.9em;
	overflow: hidden;
	width: 570px;
	position: relative;
	margin-top: 0px;
	margin-left: 6px;
	}

	#slider  .column{
	width: 570px;
	height: 140px;
	}

	#slider .photo {
	float: left;
	display: table-cell;
	vertical-align: middle;
	height: 150px;
	margin-top: 0px;
	}

* html #slider .photo { display: block}
#slider .photo   .thePhoto{
	display: block;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 0;
	background-image: url(../images/gallery-bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#slider .photo .thePhoto    img{
	display: block;
	margin-top: -6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: -6px;
	border: 1px solid #CCC;
}
#slider .DeleteBtn  {
	position: absolute;
	display: block;
	margin-top: -8px;
}
#slider .move {
	position: absolute;
	display: block;
	margin-top: -8px;
}
#bookmark_us {
	position: absolute;
	height: 148px;
	width: 127px;
	left: 755px;
	top: 110px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#bookmark_us:hover {
	cursor: pointer;
}