@charset "UTF-8";
/*--------------------------------------------------------------------
 CSS created for Teresa Ollila Photography by Matt Crest, Artletic.com 
--------------------------------------------------------------------*/

#wrapper {
	width: 916px;
	margin: 50px auto 0;
	padding: 0;
	position: relative;
}

/*----------------
 typography
 ---------------*/
 h1 {
 	margin: 1em 0 .4em 40px;
	color: #a9ce87;
	font-size: 2.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
 }
h2 {
 	margin: 1em 0 .4em 40px;
	color: #a9ce87;
	font-size: 1.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
h3 {
 	margin: 1em 0 .4em 40px;
	color: #a9ce87;
	font-size: 1.2em;
	font-weight:bold;
}
h4 {
 	margin: 1em 0 .2em 40px;
	color: #a9ce87;
	font-size: 1em;
	font-weight:bold;
}

#contentBlock a {
	color: #a9ce87
}
#contentBlock p {
	margin: 10px 40px 1em 40px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
}
h1.galleryTitle {
	margin: 10px auto -10px;
	padding: 20px 0 15px;
}
.colLeft50 ul, .colLeft50 ol {
	margin: 10px 0 .2em 60px;
	font-size: 1.2em;
}
.colLeft50 ol {
	list-style: decimal outside;
	margin-left: 50px;
}

.colLeft50 li {
	margin: 1em 0 0 0;
	font-size: 1em;
}


/*----------------
 navigation 
 ---------------*/
#navUtilities {
	position:absolute;
	top: -50px;
	right: 0;
	margin: 0;
	width: 800px;
}
#navUtilities a {
	float: right;
	height: 25px;
	width: auto !important;
	width: 100px;
	line-height: 20px;
	text-align: center;
	padding: 0 18px 0 0;
	margin: 0;
	display: block;
	font-size: 12px;
	border: none;
	overflow:hidden;
	background: transparent url(../ximages/utilitiesTab.png) right -54px no-repeat;
}
#navUtilities a:hover {
	background: transparent url(../ximages/utilitiesTab.png) right -13px no-repeat;
	border: none;
}
#navUtilities a em {
	height: 25px;
	padding-left: 15px;
	display: block;
	border: none;
	overflow:hidden;
	background: transparent url(../ximages/utilitiesTab.png) left -54px no-repeat;
}
#navUtilities a:hover em {
	background: transparent url(../ximages/utilitiesTab.png) left -13px no-repeat;
	border: none;
	cursor: pointer;
}

h1#logo {
	text-indent: -9999px;
	width: 347px;
	height: 29px;
	margin: 50px auto 25px;
	background: transparent url(../ximages/to-logo.png) 0 0 no-repeat;
}
h1#logo a {
	text-decoration:none;
	border: none;
	height: 29px;
	display: block;
}
h1#logo a:hover {
	background: transparent url(../ximages/to-logo.png) 0 -30px no-repeat;
}

#galleryMenu {
	text-align: center;
}
.galleryHeader {
	margin: 20px 0 5px;
}
.galleryMenuThumb {
	margin: 1em 20px .4em 40px;
	float:left;
}
#galleryMenuOverlay .galleryMenuThumb {
	margin: 1em 20px .4em 20px;
	float:left;
}
a img.galleryMenuThumb {
	border: 4px solid #fff;
}
a:hover img.galleryMenuThumb {
	border: 4px solid #a9ce87;
}
#galleryMenu .galleryMenuItem h1 {
	margin: 0 0 0 40px;
}
#galleryMenu h1 a {
	border-bottom: none;
}
#galleryMenu h1 a:hover {
	border-bottom: 2px #a9ce87 solid;
}
.galleryMenuItem {
	width: 450px;
	float:left;
	text-align:left;
	margin-bottom: 10px;
}
#galleryMenuOverlay .galleryMenuItem {
	width: 400px;
	float:left;
	text-align:left;
	margin-bottom: 10px;
}
#galleryMenuList {
	position: absolute;
	top: 8px;
	margin: 0 auto;
	width: 850px;
	text-align:center;
}

a.showMenu {
	background: transparent url(../ximages/btn-changeGallery.png) 0 0 no-repeat;
	text-indent: -9999em;
	display: block;
	width: 149px;
	height:26px;
	padding: 0;
	border:none;
	position: absolute;
	top:0;
	left: 383px;
}
a.hideMenu {
	background: transparent url(../ximages/btn-close.png) 0 0 no-repeat;
	text-indent: -9999em;
	display: block;
	width: 149px;
	height:26px;
	margin: 0 auto;
	padding: 0;
	border:none;
}
#galleryMenuOverlay {
	z-index: 2;
	text-align:center;
	width: 850px;
	background: #615b4c;
	opacity: .85;
	border: 4px #8d846e solid;
	border-top: none;
	position: absolute;
	top: 0;
	left: 29px;
	overflow:hidden
}
#galleryMenuOverlay h1 {
	margin: 20px auto;
	opacity: 1;
}

/*----------------
 layout
 ---------------*/
#contentBlock {
	width: 916px;
	margin: 0;
	padding: 0;
	color: #fff;
	position:relative;
}
#contentBlockTop {
	background: #615b4c url(../ximages/contentEdgeTop.png) 0 0 no-repeat;
	width: 916px;
	margin: 0;
	padding: 0;
	height:18px;
}
#contentBlockBottom {
	background: #615b4c url(../ximages/contentEdgeBottom.png) 0 100% no-repeat;
	width: 916px;
	margin: 0;
	padding: 0;
	height:18px;
}
#innerContent {
	background: #615b4c url(../ximages/contentEdgeSides.png) 0 0 repeat-y;
	width: 916px;
	margin: 0;
	padding: 0;
	text-align:center
}
.innerContent {
	width: 916px;
	min-height: 335px;
	margin: 0;
	background: transparent url(../ximages/contentGradientBkgrnd.png) 50% 0 no-repeat;
}
#galleryMenuOverlay .innerContent {
	width: 850px;
	margin: 0;
	background: none;
}
.colLeft50 {
	width: 50%;
	float:left;
	text-align:left;
}
#oneColumn {
	width: 80%;
	margin: 0 auto;
	padding: 50px 0 20px;
	text-align: left;
	background: transparent;
}
.video {
	max-width: 600px;
	margin: 2em auto;
}
#home .colLeft50 {
	text-align: right;
}
.colRight50 {
	width: 50%;
	float:left;
	text-align:left;
}
#home .colRight50 {
	text-align:left;
}

.clearer {
	clear: both;
}


#footer {
	margin: 1em 40px;;
}


/*----------------
slideshow
 ---------------*/
.caption{font-style:italic;color:#887; font-size: 1.2em;}
.gallery_slideshow{width:860px;margin:0 auto;}
.gallery_slideshow ul { margin: 0 auto; text-align:center; width:auto}
.gallery_slideshow li{width:72px;height:72px; overflow:hidden; padding:1px; margin: 0 5px 10px;background:transparent;float: left;}
.gallery_slideshow li div{left:240px}
.gallery_slideshow li div .caption{font:italic 1.4em/1.4 Georgia, "Times New Roman", Times, serif}

#main_image{margin:0 auto 60px auto; height:400px;width:860px;}
#main_image img{margin: 30px auto 10px; max-height: 400px; max-width: 860px;}	

/*----------------
 home page specific styles
 ---------------*/
.homeGalleryBtn img {
	margin: 50px 0 25px;
}
a.homeGalleryBtn img {
	border: 7px solid #fff;
}
a.homeGalleryBtn:hover img {
	border: 7px solid #a9ce87;
}
a.homeGalleryBtn, a.homeGalleryBtn:hover {
	border: none;
}
.colLeft50 .homeGalleryBtn {
	margin-right: 50px
}
.colRight50 .homeGalleryBtn {
	text-align: left;
}
.colRight50 .homeGalleryBtn {
	margin-left: 50px;
}

ul#news {
	margin: 25px 0 0 150px;
	font-size: 1.3em;
	line-height: 1.2em;
}
ul#news li {
	margin-bottom: 1em;
}
#news em {
	color: #690700;
	font-size: 1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#news strong {
	color: #690700;
	font-size: 1.8em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}