body {
	text-align: center;
	background-color: #eaf7f7;
	margin:0px
}
a {
	color: #27D;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: none; /*underline;*/
	outline-style: none; 
}
div.slideshow-container {
	position: relative;
	float:left;
	left:0px; /* i never figured out why I had to adjust left*/
	clear: both;
	width:785px;
	height: 367px; /* This should be set to be at least the height of the largest image in the slideshow */
	overflow: hidden;
}
div.loader {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 785px;  /* was 550px MSH */
	height: 365px; /* This should be set to be at least the height of the largest image in the slideshow */
/*	border: 1px solid black; */
}

div.controls {
	position:relative;
	float:left;
}
div.controls-1 {
	position:relative;
	float:left;
	width:160px;
}
div.controls-2 {
	position:relative;
	float:left;
	width:160px;
}
div.controls-3 {
	position:relative;
	float:left;
	width:160px;
}
div.controls-4 {
	position:relative;
	float:left;
	width:160px;
}
div.controls-5 {
	position:relative;
	float:left;
	width:160px;
}
div.controls a {
}

div.ss-controls {
	float: left;
	font-size:12px;
	width:20px;
}
div.nav-controls {
	float: left;
	margin-left: 5px;
	width:60px;
}
div.thumbcontrols {
	position:relative;
	float:right;
	height: 24px;
	width:54px;
}	

div.slideshow {
	display:block;
	height:365px;
	width:789px;
/*	border: 1px solid black; */
}
div.navrow {
	display: hidden;
	float:left;
	width:785px;
	margin-top:10px;
}

div.btnpause a { 
	display: block;
	position: relative;
	float:left;
	width: 21px; 
	height: 24px; 	
	background: transparent url("/Images_Webart_Archive/pause.jpg") no-repeat; 
} 
div.btnpause a:hover {
	background-position: -21px 0px ;
}

div.btnplay a { 
	display: block;
	position:relative;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/play.jpg") no-repeat; 
} 
div.btnplay a:hover {
	background-position: -21px 0px ;
}

div.btnnextphoto a { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/next.jpg") no-repeat; 
} 
div.btnnextphoto a:hover {
	background-position: -21px 0 ;
}
div.btnprevphoto a { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/prev.jpg") no-repeat; 
} 
div.btnprevphoto a:hover {
	background-position: -21px 0 ;
}

div.btnprevthumb a { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/prevset.jpg") no-repeat; 
} 
div.btnprevthumb span { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/prevset.jpg") no-repeat; 
	background-position: -42px 0; 
} 
div.btnprevthumb a:hover {
	background-position: -21px 0 ;
}

.btnbar span { 
	display: block;
	float: left;
	width: 12px; 
	height: 24px; 
	background: url('/Images_Webart_Archive/prevnextbar.jpg') no-repeat; 
} 

div.btnnextthumb a { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/nextset.jpg") no-repeat; 
} 

div.btnnextthumb span { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/nextset.jpg") no-repeat; 
	background-position: -42px 0; 
} 

div.btnnextthumb a:hover {
	background-position: -21px 0 ;
}

div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.slideshow a.advance-link {
	display: block;
	width: 789px; /* a few extra pixels so that Chrome and Mozilla do not overflow */
	height: 365px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 365px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 0px solid #ccc;
	background-repeat: norepeat;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 789px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 0px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	margin-top:20px;
	margin-left:6px;
}
ul.thumbs {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px 3px 0px 2px;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
/*	border: 0px solid #808080; */
}
ul.thumbs li.selected a.thumb {
	background: #eee;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
	width:100px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	margin-bottom: 0;
/*	padding: 2px 3px 2px 3px; */
	padding: 0px 0px 0px 0px; 
/*	border: 1px solid #ccc; */
	border: none;
	font-size:12px; /* MSH added */
}
div.pagination a:hover {
	background-color: #fff;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	border-color: #000;
	color: #000; /* current pager page number */
}
div.pagination span.ellipsis {
	border: none;
/*	padding: 5px 0 3px 2px; */
	padding: 0px 0 0px 0px; 
}

#container {
	width: 1024px;
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
	padding-bottom: 50px;
	background-color: #ffffff;
/*	border: 1px solid #c0c0c0; */
	overflow: hidden;
}

#contentarea {
	position: relative;
	left: 0px; 
	margin-top: 150px;
}

#logo {
	position: absolute;
	left: 85px;
	top: 205px;
/*	border: 1px solid black; */
}

#logo2 {
	position: absolute;
	left: 60px;
	top: 355px;
	z-index:9;
/*	border: 1px solid black; */
}

#submenuempty {
	display: inline;
	position:relative;
}
#submenuportfolio {
	display: none;
	position:relative;
}

#submenudetails {
	display: none;
	position:relative;
}

div.kindwordscontainer {
	position:relative;
	top:0px;
}

div.kindwordsbuttons {
	width: 100%;
	height: 24px;
	position:absolute;
	text-align:right;
}

div.kindwordstext {
	display: table; 
	height: 403px; 
	width: 449px; 
	#position: relative; 
	overflow: hidden;
/*	border: 1px solid black; */
}

div.kindwordscenter1 {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
/*	border: 1px solid black; */
}

div.kindwordscenter2 {
	#position: relative;
	#top: -50%;
/*	border: 1px solid black; */
}

p.kindwords {
	text-align:right;
	font-family:garamound;
	font-style:italic;
	font-size:larger;
	color:#8ea03b;
}


.buttoncontainer {
	float:right;
	width:58px;
/*	border: 1px solid black; */
}


.DT1A a { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/prev.jpg") no-repeat; 
} 

.DT1A a:hover { 
	background-position: -21px 0; 
}

.DT1A span { 
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/prev.jpg") no-repeat; 
	background-position: -42px 0; 
}

.DT1B span { 
	display: block;
	float: left;
	width: 12px; 
	height: 24px; 
	background: url('/Images_Webart_Archive/prevnextbar.jpg') no-repeat; 
} 

.DT1C a { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/next.jpg") no-repeat; 
} 
.DT1C a:hover { 
	background-position: -21px 0; 
}

.DT1C span { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/next.jpg") no-repeat; 
	background-position: -42px 0px; 
}



div.BT1A, div.BT1C {
	position:relative;
	float:left;
}

.BT1A a { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/prev.jpg") no-repeat;
	margin:0;
	padding:0;
} 

.BT1A a:hover { 
	background-position: -21px 0; 
}

.BT1A span { 
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/prev.jpg") no-repeat; 
	background-position: -42px 0; 
}

.BT1B span { 
	display: block;
	float: left;
	width: 12px; 
	height: 24px; 
	background: url('/Images_Webart_Archive/prevnextbar.jpg') no-repeat; 
} 

.BT1C a { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/next.jpg") no-repeat; 
} 
.BT1C a:hover { 
	background-position: -21px 0; 
}

.BT1C span { 
	display: block;
	float: left;
	width: 21px; 
	height: 24px; 
	background: transparent url("/Images_Webart_Archive/next.jpg") no-repeat; 
	background-position: -42px 0px; 
}

div.MI1X { 
	display: block;
	float: left;
	width: 315px; 
	height: 22px; 
} 


.MI1A a { 
	display: block;
	float: left;
	width: 125px; 
	height: 22px; 
	background: transparent url(/images/menu/portfolio_nav.jpg) no-repeat; 
} 

.MI1A a:hover { 
	background-position: -125px 0; 
}
.MI1B a { 
	display: block;
	float: left; 
	width: 110px; 
	height: 22px; 
	background: transparent url(/images/menu/details_nav.jpg) no-repeat; 
} 

.MI1B a:hover { 
	background-position: -110px 0; 
}
.MI1C a { 
	display: block; 
	float: left;
	width: 76px; 
	height: 22px; 
	background: transparent url(/images/menu/blog_nav.jpg) no-repeat; 
} 

.MI1C a:hover { 
	background-position: -76px 0; 
}
.MI1D a { 
	display: block; 
	float: left;
	width: 159px; 
	height: 22px; 
	background: transparent url(/images/menu/clientproofs_nav.jpg) no-repeat; 
} 

.MI1D a:hover { 
	background-position: -159px 0; 
}

div.MI1A2X { 
	display:block; 
	position: relative;
	float: left;
	width: 215px; 
	height: 24px; 
} 

.MI1A2A a { 
	display:block; 
	position: relative;
	float: left;
	width: 82px; 
	height: 24px; 
	background: transparent url(/images/submenuportfolio/weddings_nav.jpg) no-repeat; 
} 

.MI1A2A a:hover { 
	background-position: -82px 0; 
}

.MI1A2B a { 
	display:block; 
	position: relative;
	float: left;
	width: 158px; 
	height: 24px; 
	background: transparent url(/images/submenuportfolio/featuredweddings_nav.jpg) no-repeat; 
} 

.MI1A2B a:hover { 
	background-position: -158px 0; 
}

.MI1A2C a { 
	display:block; 
	position: relative;
	float: left;
	width: 117px; 
	height: 24px; 
	background: transparent url(/images/submenuportfolio/engagements_nav.jpg) no-repeat; 
} 

.MI1A2C a:hover { 
	background-position: -117px 0; 
}

.MI1A2D a { 
	display:block; 
	position: relative;
	float: left;
	width: 136px; 
	height: 24px; 
	background: transparent url(/images/submenuportfolio/publishedwork_nav.jpg) no-repeat; 
} 

.MI1A2D a:hover { 
	background-position: -136px 0; 
}

.MI1A2E a { 
	display:block; 
	position: relative;
	float: left;
	width: 77px; 
	height: 24px; 
	background: transparent url(/images/submenuportfolio/children_nav.jpg) no-repeat; 
} 

.MI1A2E a:hover { 
	background-position: -77px 0; 
}

div.MI1B2X { 
	display:block; 
	position: relative;
	float: left;
	width: 491px; 
	height: 24px; 
} 

.MI1B2A a { 
	display:block; 
	position: relative;
	float: left;
	width: 54px; 
	height: 24px; 
	background: transparent url(/images/submenudetails/About_nav.jpg) no-repeat; 
} 

.MI1B2A a:hover { 
	background-position: -54px 0; 
}

.MI1B2B a { 
	display:block; 
	position: relative;
	float: left;
	width: 86px; 
	height: 24px; 
	background: transparent url(/images/submenudetails/Contact_nav.jpg) no-repeat; 
} 

.MI1B2B a:hover { 
	background-position: -86px 0; 
}

.MI1B2C a { 
	display:block; 
	position: relative;
	float: left;
	width: 57px; 
	height: 24px; 
	background: transparent url(/images/submenudetails/Rates_nav.jpg) no-repeat; 
} 

.MI1B2C a:hover { 
	background-position: -57px 0; 
}

.MI1B2D a { 
	display:block; 
	position: relative;
	float: left;
	width: 97px; 
	height: 24px; 
	background: transparent url(/images/submenudetails/kindwords_nav.jpg) no-repeat; 
} 

.MI1B2D a:hover { 
	background-position: -97px 0; 
}