@charset "utf-8";
/* work.css (c)2008 SugarHill Works LLC - http://www.sugarhillworks.com */

/* ----- AddThis Share button -----*/
#work_websites .share_btn, #work_scans .share_btn { 
	position: relative;
	margin: 5px 25px 10px 25px;
	height: 22px;
	text-align: left;
	overflow: visible;
}
/* -----------------------------*/

/* ------------ web portfolio page ------------- */

.siteL, .siteR { 
	background-image: url(../img/line.gif);
	background-position:  50% 100%;
	background-repeat: no-repeat;
	position: relative;
	float: left; 
	width: 550px;
	height: auto;
	min-height: 202px;
	font-size: 90%;
	line-height: 1.2em;
	text-align: justify;
}
* html .siteL, * html .siteR {
	height: 202px;
}

.siteL img, .siteR img {
	margin: 20px 25px;
	border: #d4c7ad solid 1px; /*#e4ddce*/
}
.siteL img { float: left; }
.siteR img { float: right; }

.siteL a:hover img, .siteR a:hover img {
	border: #cbaf7f solid 1px;
}

.siteL p, .siteR p { 
	margin: 0px auto 5px auto;
	width: 272px;
}
.siteL p { float: right; padding: 0px 25px 0px 0px; width: 272px; }
.siteR p { float: left; padding: 0px 0px 0px 25px; width: 272px; }

.siteL .url { 
	float: right; 
	margin: 25px auto 5px auto;
	padding: 0px 25px;
	width: auto; 
}
.siteR .url { 
	float: left; 
	margin: 25px auto 5px auto;
	padding: 0px 25px; 
	width: auto;
}

.site p.noPic {
	
}

.portfolio { 
	background-image: url(../img/line.gif);
	background-position:  50% 100%;
	background-repeat: no-repeat;
	margin: 0px 25px 0px 25px;
	padding: 0px 0px 22px 0px;
}

.ftrnote { 
	clear: both;
	margin: 0px 25px 10px 25px;
	padding-top: 10px;
	text-align: left;
	font-size: 85%;
	line-height: 1.2em;
	/*background-image: url(../img/line.gif);
	background-position:  50% 0%;
	background-repeat: no-repeat;*/
}




/* ------------ scan zoomify page ------------- */


.portfolio { 
	background-image: url(../img/line.gif);
	background-position:  50% 100%;
	background-repeat: no-repeat;
	margin: 0px 25px 0px 25px;
	padding: 0px 0px 22px 0px;
}

#zoom_div { 
	position: relative;
	width: 500px;
	height: 450px;
	margin: 10px 24px;
	border: #d4c7ad solid 1px;
}

#zoom_div .zframe { 
	background: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 450px;
	margin: 0;
	padding: 0;
	border: none;
	visibility: visible;
	display: block;
	z-index: 950;
}
#zoom_div .zframe body {
	border: none;
	background: none;
}

#zoomthms { 
	background-image: url(../img/line.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	position: relative;
	height: 150px; /* 150px for 1 row; 300px for 2 rows, etc */
	width: 547px;
	margin: 80px 0px 15px 1px; /* was top 80 */
	padding: 20px 0px 0px 0px;
}
#zoomthms { /* IE 7 fix */
	*margin: 0px 0px 15px 1px; 
}
#zoomthms div {
	float: left;
	padding: 0px 0px 10px 23px;
	text-align: center;
	width: auto;
}
#zoomthms a:hover {
	border-bottom: none;
}
#zoomthms img {
	border: #d4c7ad solid 1px;
	width: 150px;
	height: 115px;
	margin-bottom: 3px;
}

#info_cntr { 
	background-image: url(../img/line.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	position: relative;
	float: left;
	width: 550px;
	height: 70px;
	padding: 0px 0px 10px 0px;
}
#info_cntr #photog { 
	position: relative;
	font-size: 90%;
	margin: 0px 25px;
	height: 15px;
}
#info_cntr #photog span.name { 
	float: left;
	width: auto;
}
#info_cntr #photog span.title {
	float: right;
	font-style: italic;
	width: auto;
}
#info_cntr #desc { 
	clear: both;
	margin: 0px 25px 15px 25px;
	padding: 18px 0px 10px 0px; 
	background-image: url(../img/line.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 90%;
}
/*#desc { * IE 7+6 fix *
	*padding: 9px 0px 10px 0px; 
}
* html #desc { * IE 6 fix *
	padding: 9px 0px 0px 0px; 
}*/

#main_div.zoom p { /* top intro */
	margin: 0px 25px 15px 25px;
}

* html #zoomthms {
	margin-top: 0px;
}