@charset "UTF-8";
/* CSS Document */
html, body {font-family: Arial;font-size:12px;color:#999;height: 100%;}
body {background-color:#333333;}
p {margin:5px 0px 5px 0px}
a {color:#FFFFFF;}
a:hover {text-decoration:none}

#mainWrapper {position:relative;background:url(bkg-dark.png) no-repeat;margin:0 auto;width:1000px;height: 745px;/* the bottom margin is the negative value of the footer's height */}
#mainWrapper #centerContainer {width:830px; height:549px;position:absolute;top:131px;left:84px}
#mainWrapper #centerContainer #slideshow {position:relative;overflow:hidden;width:750px;margin-left:35px}
#mainWrapper #centerContainer #slideshow .item {position:relative;overflow:hidden;background:none}

#mainWrapper #centerContainer #headerContainer {height:53px;padding:15px}
#mainWrapper #centerContainer #headerContainer #logo {display:block;}
#mainWrapper #centerContainer #headerContainer #blurb {position:absolute;right:20px;top:30px;font-weight:bold;color:#ffffff;font-size: 14px;font-style:italic;}
#mainWrapper #centerContainer .arrowLinkNext {height:320px;float:left;margin:0 0 0 25px;width:33px;position:absolute;right:0;top:83px}
#mainWrapper #centerContainer .arrowLinkNext a {display:block;position:relative;margin-left:5px;height:462px}
#mainWrapper #centerContainer .arrowLinkNext a img {margin-top:138px}
#mainWrapper #centerContainer .arrowLinkPrevious {height:320px;float:left;margin:0 0 0 0;width:33px;position:absolute;left:0;top:83px}
#mainWrapper #centerContainer .arrowLinkPrevious a {display:block;position:relative;margin-left:5px;height:462px}
#mainWrapper #centerContainer .arrowLinkPrevious a img {margin-top:138px}

#mainWrapper #centerContainer .photoContainer {padding:1px 0px 0px 20px;height:320px}
#mainWrapper #centerContainer .photoContainer .mainPhoto {height:319px;float:left;width:493px;position:relative}
#mainWrapper #centerContainer .photoContainer .mainPhoto img {height:319px;width:493px;}
#mainWrapper #centerContainer .photoContainer .sidePhotos {position:relative;margin:0 0 0 17px;height:320px;float:left;width:210px}
#mainWrapper #centerContainer .photoContainer .sidePhotos img {height:153px;width:210px}
#mainWrapper #centerContainer .textContainer {padding:15px 20px 0px 20px;position:relative;overflow:hidden;height:125px;clear:both}
#mainWrapper #centerContainer .textContainer p {font-size:12px;line-height:14px}
#mainWrapper #centerContainer .textContainer h2 {color:white;font-size:20px;}
#mainWrapper #centerContainer .textContainer h2 span {color:#999;font-size:20px;}

a.transparent {background:url(grey-transparent.png); display:block;position:absolute;top:0px;left:0px}
a.transparent:hover {background:url(view.png) no-repeat center center;}

.visit {position:absolute;bottom:0;left:20px}
.visit a {color:#FFFFFF;}
.visit a:hover {text-decoration:none}

.date {position:absolute;right:0px;bottom:0px;color:#FFFFFF;}
.photo {background-color:#434343;border:1px solid #737070;overflow:hidden;position:relative}
#mainWrapper #centerContainer .photoContainer .sidePhotos .photo {height:151px;margin-bottom:15px}
.footer {height: 12px;position:absolute;bottom:0px;right:62px}
#contactme {position:absolute;left:360px;top:27px}
#contactme a img {}