#containers{
}
#boxcontainer{ 
	width:800px; 
	float: left; 
	position:relative
}
#bigbox{
	margin-left:5px;
	width:420px; 
	float: left; 
	position:relative
}
#imgcontainer{ 
	width:420px; 
	float: left; 
	position:relative
}
#titlecontainer{ 
	margin-left:10px; 
	width:360px; 
	float: left; 
	position:relative
}
#box{ 
	width:420px; 
	float: left; 
	position:relative;
}
#beforeafterbox{
	padding-right:1%;   
	width:203px; 
	float: left; 
	position:relative
}
#renderingbox{ 
	width:210px; 
	margin-right:0px;
	float: left; 
	position:relative;
	margin-top:8px
}
#beforeafter{
	margin-top:15px; 
	padding-right:1%; 
	line-height:1; 
	width:200px;
	float: left; 
	position:relative
}
#rendering{
	margin-top:15px;
	padding-right:1%; 
	line-height:1; 
	width:210px;
	float: left; 
	position:relative
}

#statementbox{
	margin:5px; 
	padding-right:1%;  
	width:780px;
	float: left; 
	position:relative
}

img {

}

#body_content{
	position:absolute;
	left: 7px;
	top: inherit;
}

/* Start Thumbnail Opacity
THIS CONTROLS ALL THUMBNAIL OPACITIES */

a:link img, a:active img, a:visited img {
	filter: alpha(opacity=100);
	opacity: 1;
	border-color: #999999;
	border:0;
	outline: 2px;
}
a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
}

/* End Thumbnail Opacity */

#thumb, img#thumb {
	display:block;
	width: 100px; 
	height: 70px; 
	overflow: hidden;
}
a:link img#thumb, a:active img#thumb, a:visited img#thumb {
	filter:alpha(opacity=100);
	opacity: 1;
	border-color: #999999;
	border:0;
	outline: 2px;
	width: 100%; 
	height: 100%; 
	overflow: hidden;
}

/* thumbnail list, this will work in divs and tables*/
.thumb{
	float:left;
}

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		margin-top:5px
	}

	ul#thumbsLarge, ul#thumbsLarge li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbsLarge li{
		float:left;
		margin-right:5px;
		margin-top:5px
	}

	ul#thumbsLarger, ul#thumbsLarger li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbsLarger li{
		float:left;
		margin-right:5px;
		margin-top:5px
	}

/* Specifices resize size of thumbnails */
	ul#thumbs a{
		display:block;
		/*float:left;*/
		width:100px;
		height:70px;
		/*line-height:100px;*/
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
		ul#thumbs a img{
		float:left;
		position:absolute;
		/*top:-100px;*/
		left:-20px;/* crops the top and left of the thumbnails */
		width:140px; /* resizes the thumbnails*/
	}

/* Resize size of large thumbnails */

/* ThumbsLarger and ThumbsLarger are different */	
		
		ul#thumbsLarge a{
		display:block;
		/*float:left;*/
		width:150px;
		height:105px;
		/*line-height:100px;*/
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
		ul#thumbsLarge a img{
		float:left;
		position:absolute;
		/*top:-100px;*/
		left:-20px;/* crops the top and left of the thumbnails */
		width:200px; /* resizes the thumbnails*/
	}

	ul#thumbsLarger a{
		display:block;
		/*float:left;*/
		width:200px;
		height:160px;
		/*line-height:100px;*/
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
		ul#thumbsLarger a img{
		float:left;
		position:absolute;
		/*top:-100px;*/
		left:-40px;/* crops the top and left of the thumbnails */
		width:300px; /* resizes the thumbnails*/
	}
	
/* single beforeafter thumbnail */	
	p.thumb a{
		display:block;
		/*float:left;*/
		width:180px;
		height:70px;
		/*line-height:100px;*/
		overflow:hidden;
		position:relative;
		z-index:1;	
		
	}
	p.thumb a img{
		float:left;
		position:absolute;
		top:-12px;
		left:-30px;
		width:250px; /* resizes the thumb images*/
	}

/* START MAIN LINK STYLES (I think..) */

a:link {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

a:visited {
	text-decoration:none;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	}

a:active {	
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

a:hover {	
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}

/* END MAIN LINK STYLES */

/* START MAIN FONT TEXT */

p {
	color: #999999;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* END MAIN FONT TEXT */

h {
	color: #999999;
	font-size: 17px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
h1 {
	color: #999999;
	font-size: 17px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h2 {
	color: #999999;
	font-size: 14px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h3 {
	color: #999999;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

body.video {
	background-color: black;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #666666;
	font-size: 10px;
	font-family: Helvetica, sans-serif;
}

a:hover.video {
	color: #a04ee4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
	
a:link.video, a:active.video, a:visited.video {
	color: #6616a9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}


a:video img { 
    border: 0px; }
	
p.small {
	color: black;
	font-size: 7px;
	font-family: Helvetica, sans-serif;
}
.video {
	color: #999999;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
}

p.video2 {
	color: #999999;
	font-size: 11px;
	font-family: Helvetica, sans-serif;
}

h1.video {
	color: #999999;
	font-size: 20px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}

h2.video {
	color: #999999;
	font-size: 14px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
}

h3.video {
	color: #999999;
	font-size: 14px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	vertical-align:middle
}


.h3 {
	color: #999999;
	font-size: 14px;
	font-weight: normal;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
}

a:link.h3, a:visited.h3 {
	color: #999999;
	font-size: 14px;
	font-weight: normal;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
}

a:visited.h3 {
	color: #999999;
	font-family: Helvetica, sans-serif;
}

a:hover.h3 {
	color: #999;
	font-size: 14px;
	font-family: Helvetica, sans-serif;
	text-decoration: underline;
}

textarea {background-color:#3d3d3d;}
input {background-color:#CCCCCC;}
textarea.bio {background-color:#333333;border: 1px solid #333333;color: #999999;}
input.bio {background-color:#333333;border: 1px solid #333333;color: #666666;}

body {
	background-color:#3d3d3d;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.scale {
	color: #999999;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#titlebox{ 
	width:800px; 
	float: left; 
}
#title{ 
	width:500px;
	margin-left:5px;
	float: left; 
	position:relative;
	color: #999999;
	font-size: 17px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#backto{ 
	margin-left:5px;
	margin-right:5px;
	float: left; 
	position:relative;
	display:inline;
}
#popup {
	z-index: 50;
	width:800;
	position:absolute;
	float: left;
	top: 150;
	left:0; 
	background-color:#CDCDCD;
	padding:1;
	margin: 2;
	border:1;
	border-color: #666666;
	azimuth:center;
	overflow:hidden;
}

/* Start Cooper PHP Image Popup Opacity
This sets the opacity for the images that pop-up on the artwork pages (NOT the lightbox code */

a:link img#popup, a:active img#popup, a:visited img#popup {
	top: 10;
	position:static;
	float: bottom;
	background-color:#CCCCCC;
	filter:alpha(opacity=100);
	opacity: 1;
	border-color: #999999;
	border:2;
	outline: 2px;
}

/* End Cooper PHP Image Popup Oacity */

/* Start Liz styles */

#publicMain {
	width: 850px;
	float: left;
	margin-left: 20px;
}
#publicMain1000 {
	width: 1024px;
	float: left;
	margin-left: 20px;
}
#publicMain950 {
	width: 950px;
	float: left;
	margin-left: 20px;
}
div.thumbList {
	float: left;
	padding: 4px;
	width: 150px;
	height: 120px;
}
div.thumbListLarge {
	float: left;
	padding: 4px;
	width: 200px;
	height: 160px;
}
div.thumbListLargeVariableWidth {
	float: left;
	padding: 4px;
	width: 200px;
	height: 160px;
}
div.videoThumbList {
	float: left;
	padding: 4px;
	width: 213px;
	height: 120px;
}
div.artworkVideoThumbList{
	float: left;
	padding: 0px;
	width: 320px;
	height: 190px;
}

/* START Controls for fadehover image heights */
div.fadehoverThumbs {
	position: relative;
	height: 120px;
}
div.fadehoverThumbsLarge {
	position: relative;
	height: 160px;
}
div.fadehoverThumbs180 {
	position: relative;
	height: 180px;
}
div.splashTitle {
	float: left;
	margin: 0 auto;
	margin-top: 60px;
	width: 674px;
}

div.fadehoverSplash {
	position: relative;
	height: 83px;
}

div.splashTitleLarge {
	float: left;
	margin: 0 auto;
	margin-top: 40px;
	width: 100px;
}

div.fadehoverSplashLarge {
	position: relative;
	height: 120px;
}

img.fadehover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.fadehoverText {
	position: absolute;
	left: 0;
	top: 0;
}
/* END Controls for fadehover image heights */

div.mainSpace {
	width: 800px;
	height: 10px;
	float: left;
}
div.mainSpace25 {
	width: 800px;
	height: 25px;
	float: left;
}
div.mainSpace1000 {
	width: 1024px;
	height: 25px;
	float: left;
}
div.mainSpace950 {
	width: 950px;
	height: 25px;
	float: left;
}
#publicMain h1 {
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin-top: 0px;
	color: #666;
}
#publicMain h2 {
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #999;
}
#publicMain div.title {
	width: 300px;
	height: 33px;
	float: left;
}
#publicMain1000 h1 {
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin-top: 0px;
	color: #666;
}
#publicMain1000 h2 {
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #999;
}

#publicMain950 h1 {
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin-top: 0px;
	color: #666;
}
#publicMain950 h2 {
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #999;
}

table.artwork { margin-left: 15px; width: 980px; border: 0px; padding: 5px; }

td.artworkGrid { width: 625px; vertical-align: top; }

a.galleryTitle:link {
	color: #666;
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

a.galleryTitle:visited {
	text-decoration:none;
	color: #666;
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	}

a.galleryTitle:active {	
	color: #999;
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

a.galleryTitle:hover {	
	color: #999;
	font-family: Arial, Gill Sans, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/* START Video Page Formatting */
#videoPageBackground {
	float: none;
	margin: 0 auto;
	margin-top: 20px;
	width: 640px;
	height: 370px;
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	color: #999999;
	font-size: 14px;
}
#videoPageBackground p {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	color: #999999;
	font-size: 14px;
}
#videoPageBackground h3 {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
}
#videoPageBackground a:link {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#videoPageBackground a:visited {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#videoPageBackground a:active {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#videoPageBackground a:hover {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	text-decoration: none;
}
#videoPageBackground478 {
	float: none;
	margin: 0 auto;
	margin-top: 20px;
	width: 478px;
	height: 370px;
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	color: #999999;
	font-size: 14px;
}
#videoPageBackground478 p {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	color: #999999;
	font-size: 14px;
}
#videoPageBackground478 div.video {
	width: 478px;
	height: 375px;
	float: left;
}
#videoPageBackground478 div.leftSide {
	width: 239px;
	height: 25px;
	float: left;
	text-align: left;
}
#videoPageBackground478 div.rightSide {
	width: 239px;
	height: 25px;
	float: left;
	text-align: right;
}
#videoPageBackground478 h2 {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 18px;
	color: #666666;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}
#videoPageBackground478 h3 {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
}
#videoPageBackground478 a:link {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#videoPageBackground478 a:visited {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#videoPageBackground478 a:active {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#videoPageBackground478 a:hover {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	text-decoration: none;
}
/* END Video Page Formatting */

h1.splashPage {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 60px;
	font-style: normal;
	color: #666;
	font-weight: normal;
	text-align: center;
}
a.splashPage:link {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 60px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
a.splashPage:visited {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 60px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
a.splashPage:active {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 60px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
a.splashPage:hover {
	font-family: Helvetica, Gill Sans, Arial, sans-serif;
	font-size: 60px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
a:link img.fadehover, a:active img.fadehover, a:visited img.fadehover {
	filter: alpha(opacity=100);
	opacity: 1;
	border-color: #2b0b4e;
	border:0;
	outline: 2px;
}
a:hover img.fadehover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
a:link img.fadehoverText, a:active img.fadehoverText, a:visited img.fadehoverText {
	filter: alpha(opacity=100);
	opacity: 1;
	border-color: #2b0b4e;
	border:0;
	outline: 2px;
}
a:hover img.fadehoverText {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* START To disable image link opacities */

a.fullOpacity:link img.fullOpacity, a.fullOpacity:active img.fullOpacity, a.fullOpacity:visited img.fullOpacity {
	filter: alpha(opacity=100);
	opacity: 1;
	border-color: #999999;
	border:0;
	outline: 2px;
}

a.fullOpacity:hover img.fullOpacity {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* END To disable image link opacities */

/* For not-terrible image scaling in IE7 

img {
       -ms-interpolation-mode: bicubic;
}

*/

/* End Liz code */

</style>
<!--[if IE]><style>
.ie_layout {
  height: 0;
  he\ight: auto;
  zoom: 1;
}
</style><![endif]–>