html, body {
	margin : 0;
}

html, body {
	color : #262626;
	background : #fff;
	font-family : Georgia, serif;
	font-size : 12px;
	overflow : hidden;
}

html.ie6, body.ie6 {
	width : 100%;
	height : 100%;
}

a { color : #444; }

#Home {
	background : url(../img/loading-white.gif) no-repeat center center;
}

#SplashImg {
	visibility : hidden;
}

#Prices {
	width : 590px;
}

#Prices td {
	text-align : left;
	vertical-align : top;
}

#Prices h2 {
	margin-top : 1.5em;
	color : #555;
	font-size : 1.1em;
	font-variant : small-caps;
}

#Prices ul {
	margin : 0 0 0 1.75em;
	padding : 0;
	list-style : disc url(../img/bullet.gif);
}

#Prices li {
	margin-bottom : 0.5px;
	padding-left : 7px;
	text-indent : -7px;
}

#X, .scene {
	position : absolute;
	left : 0;
	top : 0;
	right : 0;
	bottom : 0;
	width : 100%;
	height : 100%;
}

.scene {
	display : none;
	overflow : hidden;
}

.scene.current {
	display : block;
}

.picker {
	position : absolute;
	text-align : center;
}

.picker h1 {
	margin : 0;
}

.picker td {
	padding : 5px 5px;
}

#weddings { background-image : url(../img/weddings.jpg); }
#portraits { background-image : url(../img/portraits.jpg); }
#pr { background-image : url(../img/pr.jpg); }

#sampler { background-image : url(../img/sampler.jpg); }
#dianne { background-image : url(../img/dianne-paul.jpg); }
#emily { background-image : url(../img/emily-jason.jpg); }
#hannah { background-image : url(../img/hannah-nathan.jpg); }
#julie { background-image : url(../img/julie-clark.jpg); }
#miriam { background-image : url(../img/miriam-mark.jpg); }
#stephanie { background-image : url(../img/stephanie-ian.jpg); }
#trisha { background-image : url(../img/trisha-yemmi.jpg); }

.galleryItem {
	position : relative;
	float : left;
	display : block;
	width : 80px;
	height : 80px;
	padding : 2px;
	border : 1px solid #ddd;
	background : no-repeat center;
	text-decoration : none;
}

.galleryItem span {
	position : absolute;
	top : 86px;
	left : 0px;
	display : none;
	color : #555;
	font-variant : small-caps;
	text-align : left;
	cursor : pointer;
}

.galleryItem span.centered {
	width : 79px;
	text-align : center;
}

.galleryItem:hover {
	border-color : #777;
}

.galleryItem:hover span {
	display : block;
}

#Viewer {
	position : absolute;
	left : 0;
	top : 0;
	right : 0;
	bottom : 50px;
	width : 100%;
	overflow : hidden;
}

body.ie6 #Viewer {
	height : 90%;
	overflow : visible;
}

#Viewer img.photo {
	position : absolute;
	border : 1px solid #333;
	cursor : pointer;
}

#Spinner {
	position : absolute;
	width : 40px;
	height : 40px;
	left : -100px;
	background : url(../img/loader-box.png) no-repeat center;
	z-index : 99;
}

#Spinner img {
	margin : 8px;
}

#Thumbs {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 100%;
	height : 46px;
	border-top : 1px solid #ccc;
	background : #efefef;
}

.thumbNav {
	position : absolute;
	top : 0;
	margin : 2px;
	width : 20px;
	height : 100%;
	background : no-repeat top;
	z-index : 2;
}

.thumbNav.disabled {
	filter : alpha(opacity=0) !important;
	-moz-opacity : 0.0 !important;
	opacity : 0.0 !important;
}

#ThumbPrev {
	background-image : url(../img/arrow-lt.gif);
	left : 0;
}

#ThumbNext {
	background-image : url(../img/arrow-rt.gif);
	right : 0;
}

#ThumbBox {
	position : absolute;
	top : 2px;
	left : 24px;
	right : 24px;
	height : 44px;
	overflow : hidden;
}

body.ie6 #ThumbBox {
	width : expression((this.parentNode.offsetWidth - 48) + "px");
}

.thumbStrip {
	position : absolute;
	left : 0;
	top : 0;
	height : 44px;
	white-space : nowrap;
	z-index : 1;
}

.thumb {
	border : 1px solid #666;
	cursor : pointer;
	width : 40px;
	height : 40px;
	margin-right : 3px;
	background : url(../img/nothumb40.gif) no-repeat center;
}

#Controls {
	position : absolute;
	left : 0;
	bottom : 47px;
	width : 195px;
	height : 17px;
	background : url(../img/controls.gif) no-repeat 0 0;
}

#Controls a {
	position : absolute;
	top : 2px;
	height : 14px;
	text-indent : -999em;
	overflow : hidden;
}

#Controls.paused {
	background-position : 0px -18px;
}

#BackToGalleries {
	left : 2px;
	width : 113px;
	height : 14px;
}

#PlayPause {
	left : 127px;
	width : 62px;
}

.go-back {
	position : relative;
}

body.ie6 .go-back {
	width : 100%;
}

.go-back div {
	position : absolute;
	top : 45px;
	left : 0;
	width : 100%;
	text-align : center;
}