/* fix ---------------------------- */

#slideshowWrapper {
	visibility: hidden;
	background-image: url('nav/background.png');
	width: 100%;
	height: 200px;
	bottom: 10;
}

#floatingImage {
	position: absolute;
	left: 50%;
	margin-left: -193px;
	top: -290px;
	z-index: 5;
}

/* /fix ---------------------------- */

div#slideshowLeftArrow {
	left: 20px;
	background-image: url('nav/ArrowLeftA.png');
}

div#slideshowLeftArrow:hover {
	background-image: url('nav/ArrowLeftB.png');
}

div#slideshowRightArrow {
	right: 20px;
	background-image: url('nav/ArrowRightA.png');
}

div#slideshowRightArrow:hover {
	background-image: url('nav/ArrowRightB.png');
}

div.slideshowArrow {
	position: absolute;
	display: inline;
	z-index: 6;
	top: 50%;
	width: 42px;
	height: 39px;
}

div#ExitSlideShow {
	background-image: url('nav/Exit_Slide_ShowA.png');
	position: absolute;
	top: 10;
	left: 50%;

	clear: both;
	z-index: 10;
	width: 200px; 
	height: 36px;
	margin-left: -100px;
}

div#ExitSlideShow:hover {
	background-image: url('nav/Exit_Slide_ShowB.png');
}

div#content {
	width: 640px;
	height: 480px;
	display: block;

	position: absolute;
	top: -240px;
	left: 50%;
	margin-left: -320px;
}

/* old but working */
div.introBackgroundPhoto {
	background-image: url('images/mainA.jpg');
}

div.introBackgroundPhoto:hover {
	background-image: url('images/mainB.jpg');
}

/* new, hack for IE */
a.introBackgroundPhoto {
	background-image: url('images/mainA.jpg');
	width: 640;
	height: 480;
	display: block;

	/*
	margin-left: auto;
	margin-right: auto;

	position: absolute;
	left: 20%;
	top: -240px;
	*/
}

a.introBackgroundPhoto:hover {
	background-image: url('images/mainB.jpg');
}

div#verticalCenteringWidget, div#verticalCenteringWidget2 {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
}

div.largePhoto, div.photoArray {
	width: 50%;
	height: 100%;
	float: left;
}

div.photoArray {
	background: #484848;
}

div.flag {
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 74px;
}

div.thumbnailRow {
	width: 100%;
	height: 104px;
}

a.thumbnailA {
	margin-left: 12px;
	margin-top: 0px;
}

a.thumbnailB {
	margin-left: 13px;
	margin-top: 21;
}

a.thumbnailA, a.thumbnailB {
	width: 90px;
	height: 90px;
	float: left;
	/* hack for IE/Windows -- see http://positioniseverything.net/explorer/doubled-margin.html */
	display: inline;
}

div.navRow {
	width: 100%;
	height: 61px;
}

a.leftArrow, a.rightArrow {
	margin-top: 11px;
	width: 42px;
	height: 39px;
	float: left;
	/* hack for IE/Windows -- see http://positioniseverything.net/explorer/doubled-margin.html */
	display: inline;
}

a.leftArrow {
	margin-left: 72px;
}

a.rightArrow {
	margin-right: 59px;
}

div.pageNumber {
	margin-top: 11px;
	width: 90px;
	height: 39px;
	float: left;
}

a#leftArrowDimmed {
	background-image: url('nav/ArrowLeftDimmed.png');
}

a#leftArrow {
	background-image: url('nav/ArrowLeftA.png');
}

a#leftArrow:hover {
	background-image: url('nav/ArrowLeftB.png');
}

a#rightArrowDimmed {
	background-image: url('nav/ArrowRightDimmed.png');
}

a#rightArrow {
	background-image: url('nav/ArrowRightA.png');
}

a#rightArrow:hover {
	background-image: url('nav/ArrowRightB.png');
}

div.bottomRow {
	width: 100%;
	height: 33px;
}

div#pageOne {
	background-image: url('nav/Page1.png');
}

div#pageTwo {
	background-image: url('nav/Page2.png');
}

a#destinations {
	width: 139px;
	height: 33px;
	background-image: url('nav/DestinationA.png');
	float: left;
}

a#destinations:hover {
	background-image: url('nav/DestinationB.png');
}

a#mail {
	width: 44px;
	height: 33px;
	background-image: url('nav/MailA.png');
	float: right;
}

a#mail:hover {
	background-image: url('nav/MailB.png');
}

a#travelogue {
	width: 120px;
	height: 33px;
	background-image: url('images/travelogueA.png');
	position: absolute;
	top: 308px;
	left: 90px;
}

a#travelogue:hover {
	background-image: url('images/travelogueB.png');
}

a#tocAboutMe {
	width: 110px;
	height: 35px;
	background-image: url('images/aboutmeA.png');
	position: absolute;
	top: 338px;
	left: 90px;
}

a#tocAboutMe:hover {
	background-image: url('images/aboutmeB.png');
}

div.locationColumn {
	float: left;
	padding-right: 18px;
	position: relative;
	top: 75px;
	left: 30px;
	width: 110px;
}

a#locationName1, a#locationName2, a#locationName3, a#locationName4, a#locationName5,
a#locationName6, a#locationName7, a#locationName8, a#locationName9, a#locationName10, a#locationName11, a#locationName12 {
	width: 110px;
	height: 35px;
	padding: 0px;
	background-repeat: no-repeat;
	display: block;
}


a#locationName1 {
	background-image: url('images/name1a.png');
}

a#locationName1:hover {
	background-image: url('images/name1b.png');
}

a#locationName2 {
	background-image: url('images/name2a.png');
}

a#locationName2:hover {
	background-image: url('images/name2b.png');
}

a#locationName3 {
	background-image: url('images/name3a.png');
}

a#locationName3:hover {
	background-image: url('images/name3b.png');
}

a#locationName4 {
	background-image: url('images/name4a.png');
}

a#locationName4:hover {
	background-image: url('images/name4b.png');
}

a#locationName5 {
	background-image: url('images/name5a.png');
}

a#locationName5:hover {
	background-image: url('images/name5b.png');
}

a#locationName6 {
	background-image: url('images/name6a.png');
}

a#locationName6:hover {
	background-image: url('images/name6b.png');
}

a#locationName7 {
	background-image: url('images/name7a.png');
}

a#locationName7:hover {
	background-image: url('images/name7b.png');
}

a#locationName8 {
	background-image: url('images/name8a.png');
}

a#locationName8:hover {
	background-image: url('images/name8b.png');
}

a#locationName9 {
	background-image: url('images/name9a.png');
}

a#locationName9:hover {
	background-image: url('images/name9b.png');
}

a#locationName10 {
	background-image: url('images/name10a.png');
}

a#locationName10:hover {
	background-image: url('images/name10b.png');
}

a#locationName11 {
	background-image: url('images/name11a.png');
}

a#locationName11:hover {
	background-image: url('images/name11b.png');
}

a#locationName12 {
	background-image: url('images/name12a.png');
}

a#locationName12:hover {
	background-image: url('images/name12b.png');
}

div.tocBackgroundPhoto, a.introBackgroundPhoto, div.introBackgroundPhoto, div.bioBackgroundPhoto {
	background-repeat: no-repeat;
}

div.tocBackgroundPhoto {
	background-image: url('images/toc-bkg.jpg');
}

div.bioBackgroundPhoto {
	background-image: url('images/bio.jpg');
}