/* CSS Document */

body {width:100%; font-family:Arial, Helvetica, sans-serif; font-size:small; color: #4E4E4E; background-color:#FFFFFF; padding:25px 10px; margin:0;}
h1 {	text-align:center; padding:0;	margin: 10px 0px 10px 0px;}
h2 {	text-transform: uppercase; 
	letter-spacing: 2px;
	font-size:110%;
	color:#999999;
	font-weight:normal;}
h3 {}
h4 {}
h5 {}
p {}

.photo-wrap {margin:0 15px 10px 0;}
.photo-left {float:left; clear:left; margin:0 15px 10px 0;}
div {padding:0; margin:0; }
.clear {clear:both; font-size:1px;}
#wrap  {width: 800px;	margin:0 auto; padding:20px 40px; background-color:#FFFFFF; border:#999999 2px solid; }
/*#credit {width: 880px;	margin:0 auto;}*/
#credit {text-align:right;}
#menu {	
	padding: 15px 0px;
	margin: 0px;
}
#menu ul {width: 100%;
	list-style-type: none;
	text-align: center;
	margin: 5px;
	padding: 0px;
	
}
#menu li {
	text-transform: uppercase; display:inline;
	font-size: 90%;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 40px 5px 40px;
}
#content{
	margin:5px 0 0 0px;
	width: 800px;
	text-align: left;
	padding:0;
	position:relative;
}

a, a:visited, a:link{
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}
a:hover,  a:active {
	color: #666;
	font-weight: normal;
	border:none;
}



#nav2 {	
	width: 100%;
	padding-top:10px;
}
#nav2 ul {
	list-style-type: none;
	text-align: left;
	letter-spacing: 1px;
	font-size: 85%;
	margin:0;
	padding:0;
}
#nav2 li {
	display: inline;
	margin:0;
	margin-right: 20px;
	padding: 5px 0px 5px 5px;
	text-transform:lowercase;
}
.images h2  {
	width: 470px;
	float: left;
	clear: left;
	margin:0 0 8px 0;
	padding:1em 0 0 0;
	display:inline;
}

#content .plain {
	list-style-type: none;
	margin-top:0;
	padding-top:0;
	margin-bottom:3px;
}
#content .plain li {
	margin-bottom: .1em;
}

#image img {
	border: 1px solid #999999;
}



#content th {
	padding: 0px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
	padding-top:10px;
	margin-bottom: 0px;
	font-size:90%;
}
td p {margin:0 0 12px 0px;
padding:0;}

#artists img {
	margin-right: 45px;
	margin-bottom: 45px;
}
.artists img {
	margin-right: 45px;
	margin-bottom: 45px;
}
#body {
	padding-top:20px;
	clear:both;
}
.images, .artists  {
	
	padding-right:0px;
	padding-left:0px;
	margin-top:0px;
	clear:both;
	padding-top: 10px;
}
#slideshow {
width:50%;  height:295px;  padding-top:5px; float:right; clear:right; 
}
#artists {	
	padding-right:10px;
	padding-left:0px;
	margin-top:20px;
	overflow:auto;
	clear:both;}
	


.images img {
	margin-top: 10px;

}




#footer {
	padding:0;
	margin:0 auto;
	clear: both;
	width: 800px;
}
#footer p {
	font-size: 11px;
	text-align: left;
	margin-top:1.5em;
	color:#666666;
	margin-bottom:.5em;
}

/* detail windows */
#lg_img {
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding: 0px;
	height: 500px;
	width: 700px;
}
#details {
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding: 0px;
	width: 700px;
}
#details h4 {
	font-size: 100%;
	margin: 0px;
}
#close {
	position: absolute;
	left: 650px;
	top: 5px;
}



/* delete after updating other pages */
#content #text {
	width: 360px;
	float: right;
	clear: right;
	padding-top:10px;	
}
#content #image {
	width: 250px;
	float: left;
	clear: left;
	padding-top:10px;
}
#text p {
	margin-top: 0px;
	margin-bottom: 8px;
}
#name {
	text-transform: uppercase;
	width: 350px;
	display:inline;
	margin:0 0 10px 0;
	padding:0;
	color:#999999;
}
#name h2{
	font-size: 12px;
	padding-bottom: 20px;
	margin-top:0;
	clear:both;
}
#details .hidden {
	display: none;
}
#left {
	width: 57%;
	clear: left;
	float: left;
}
#right {
	width: 40%;
	float: right;
}
#wrap #header #logo p {
	width: 100%;
	text-align: center;
	letter-spacing: 5px;
	clear:both;
	margin:0;
	font-size:13px;
}
#wrap #content #body .resume {
	margin-top: 10px;
	clear:both;
}
#wrap #content #body .resume td {
	padding: 3px;
}
h3 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#right p, #left p, #body p {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
}




/* Gallery Styles */
a, a:link, a:active, a:hover, a:visited {border:none;}
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 255px; /* Set to gallery width, in px or percentage */
height: 44px; /* Set to gallery height */
border:none; 	margin:0 2px 0 0;	padding:0;	font-size:10px; }

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid black; /* Set image border hover color */
}

#statusdiv {background-color: #FFFFCC; border: 1px solid gray; padding: 2px; position: absolute; 
/*Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

#motioncontainer #motiongallery #trueContainer img {
	margin:1px ;
}
 #motiongallery {float:left; clear:Left; width:255px;}

#arrow {
	height: 45px;
	width: 255px;
	padding-right: 15px;
	background-image: url(images/arrrows.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#wrap #header h5 {
	font-weight: normal;
	letter-spacing: 5px;
	margin: 0px;
	padding: 0px;
}
.list p {
	line-height: 170%;
}
#wrap #content #options {
	width: 200px;
	text-align: right;
	float:left;
	clear:left;
}
#wrap #content #artists {
	width: 200px;
	text-align: right;
	float:left;
	clear:left;
}
.home #options {	width: 35%;

	text-align: center;
	float:left;
	clear:left;}
.home #options p, .home #options h2{text-align:right;}
#wrap #content  #options ul {
	list-style-type: none;
	margin: 10px 15px;
	padding: 0px;
}
#wrap #content #options li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;

}
#wrap #content #img {
	width: 365px;
	padding-top:15px;
	height:370px;
	margin:0 165px;
}
#wrap #content  #options a {
	padding:4px 0px;
	display:block;
}
#wrap #content  #options a:hover {
	color: #666666;
}
#wrap #content .images #artistworks-detail {
	clear: right;
	float: right;
	width: 500px;
	text-align:center;
}
#wn #lyr1 #t1 img {
	margin:0 10px 0 0;
}
#wrap #content .images #artistworks-detail p {
	margin: 5px 0px 0px;
	padding: 0px;
}
#wrap #content .images h2 {
	width: 470px;
	text-align: left;
	clear: left;
	float: left;
	display: block;
}
#footer h1 {
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 2px;
	color: #999999;
}
#wrap #content h4 {
	color: #666666;
	margin: 1em 0px 2px;
	font-weight:normal;
	font-size:100%;
}



/*  this is the definitions for the scrolling thumbnails */

#wn	{
	position:relative;
	width:470px;
	height:100px;
	overflow:hidden;
	margin-bottom: 0px;
	margin-right: auto !important;
	margin-left: auto !important;
	}
#lyr1 {
	margin-right: auto;
	margin-left: auto;
}
#scroll_left {
	width: 15px;
	padding:0 2px;
	margin:0;
	display:inline;
}
#scroll_right {
	width: 15px;
	padding:0 2px;
	margin:0;
	display:inline;
	}
#center {
/*	min-height: 0px;*/
}
#inner_content {
	margin-top: 17px;
}
#center .content, #center {
	background-color: #EFEFEF;
}
.home #wrap #content #options {
	text-align: right;
	width:345px; padding-top:80px;
}
#footer h1 {
	color: #B9B9B9;
}
#wrap #footer #credit {
	text-align: right;
	margin: 0px;
}
.larger {
	font-size: 115%;
}
.larger .larger {
	font-size: 115%;
}
#content .images #statement {
	clear: right;
	float: right;
	width: 290px;
}
.about tr td {
	padding-right: 40px;
}