/* galleria stuff */
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}

.gallery{list-style:none;width:2000px; overflow: hidden}
.gallery li{display:block;width:60px;height:60px;overflow:hidden;float:left;margin:0 10px 10px 0}
.gallery li a{display:block;overflow: hidden}
.gallery li div{position:relative;display:block;top:0;left:0px}
.gallery li div img{cursor:pointer}
.gallery li.active div img,.galleria li.active div{display:block}
.gallery li img.thumb{cursor:pointer;top:auto;left:auto;width:auto;height:80px;z-index:999;}
.gallery li .caption{display:block;top:0em}
.gallery li img{display:none}

/* where the image goes */
.galleria_wrapper{text-align:center;width:100%;height:100%;border: 0px solid yellow}
/* .replaced is the class of the main image */
/* ******** end galleria stuff ************** */

/* ******** beginning brian macmillan stuff *************** */
#resolution{display:none}
#no-javascript{position: absolute;color:#222;margin-top: 120px;margin-left: 100px;z-index: 555}
/* values that are overridden in setResolution */
/* MAIN IMAGE */
#main-image{border: 0px solid gray;height:100%;max-width:90%;margin:0% 0% 0% 0%;padding: 0px; top:0px}
.caption{padding-left: 0%;font-style:italic;margin-top: 42px;margin-bottom:-15px;}



#colflow-wrapper{height:100%;display: inline-block}
/*display:inline-block;vertical-align: middle}*/

/*note on valign http://phrogz.net/CSS/vertical-align/index.html*/

.replaced
{
	/*height: 400px;*/
	vertical-align: text-bottom;
	height: 400px;
	margin-top: 0px;
	display: inline-block;
}


/* SLIDESHOW */
/* Two components to slideshow- navbuttons, which are visible by default, and slideshow items which aren't */
#content-images{display:none;text-align:center;vertical-align: middle;height:90%;top:95%}
#content-images-inner{display:none;position:relative;z-index:4;text-align: center;width:100%;height:40px;
	margin: 0 0 0 0;}
#slide-show{display:none;overflow: hidden; border:1px solid white;}
#hide-show-button {display: none;}  /* the div which triggers the whether the slideshow is visible */
/* class for slideshow navigation buttons next previous stop start*/
.navbutton:hover {background-color: #0061D7;cursor: pointer}
.navbutton{height:24px;width:24px;}


#slideshow-controls{}

#slideshow
{
	display: none;
}
#slideshow-inner{
	overflow:hidden;
	width:500px;
	border:0px solid #777;

}

	#slideshow-inner ul{
		width:3900px;
		padding-left: 0px;
		padding-right:0px
	}
		#slideshow-inner li{
			float:left;
			margin:0 5px;
			cursor:pointer;
		}
.clear{
	clear:both;
	width:0;
	height:0;
}
/* ******* END serialScroll ************ */
/* #image-comment{position: absolute;top:610px;text-align: center;width:900px} */
#right_advert{background-color:black;opacity:1;position:absolute;left:910px;top:551px;height:230px;width:200px;z-index:500;border:1px solid #777}
/*   */
/*.thumbnail{display:none}; */


/*
#navbar-photo{display:none;position:absolute;left:0%;top:65%;width:100%;z-index:4;margin-left:0%;padding-right:0px;margin-right:0px;text-align: center;}
*/



/*#serial_scroll_nav{position:absolute;left: 1150px}*/

/*
.nav{border: 0px solid yellow; width:900px;padding-top:15px;padding-bottom:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;text-align: center}
#galleria_nav{position:absolute;left: 1000px}
*/