/* visuals.css */

/* start redifines from site.css */
.navcrumb {
	background-color: #0066CC;
}
#photoNav ul {
	background-color: #0066CC;
}
.thumbGroup .thumbImage{
	width:	150px;
	height:	160px;
	background-color: #0066CC;
}
#photoDescription h1 {
	color: #999999;
}
#photoDescription h2 {
	font-size: 115%;
	font-weight: bold;
}
/* end redefines */

/* start art Image - myart */
#artImage {
	position:relative;
	width:770px;
	z-index:2;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0
}
#artImage img {
    margin-bottom: 6px;
}
#artImage p a {
	font-size: 80%;
	text-decoration: underline;
	padding: 0;
	color: #FFFFFF;
	width: 9em;
}
#artImage p a:hover, #artImage p a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

/* end artImage */

/* start artText */
#artText {
	margin: 0;
	padding: 0;
}
#artText .artTextBlock {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	background-color: #666666;
	width: 600px;
	margin-left: 85px;
	margin-top: 15px;
	border: thin solid #FF9900;
	padding: 6px;
}
#artText .artTextBlock h2 {
	font-size: 120%;
}
#artText p {
	font-size: 100%;
}
#artText a {
	text-decoration: underline;
	padding: 0;
	color: #FFFFFF;
	width: 9em;
}
#artText a:hover, #artText a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
/* end artText */

/* start flashblock */
.flashBlock{
	width: 650px;
	margin-left: 60px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
	z-index: 2;
}
.visualTextBlock{
	width: 650px;
	margin-left: 60px;
	margin-bottom: 15px;
	border: 3px solid #FF9900;
	z-index: 2;
	padding: 10px;
	background-color: #333333;
}

.visualTextBlock .indent {
	margin: 1em 20% 1em 10%;
}
.visualTextBlock .indent2 {
	margin: 1em 20% 1em 16%;
}
.visualTextBlock .indent3 {
	margin: 1em 20% 1em 20%;
}
.visualTextBlock h1 {
    color: #FFFFFF;
	background-color: #0066CC;
}
.visualTextBlock a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 0;
	color: #FFFFFF;
	width: 9em;
	font-size: small;
}
.visualTextBlock a:hover, visualTextBlock a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

/* end flashblock */

/* start visualIndex */
#visualIndex {
	background-color:#666699;
	width: 770px;
	height: 760px;
	margin-top: 15px;
}
#visualIndex h2 {
	font-style: italic;
	font-size: 115%;
}
#visualIndex p {
	vertical-align: top;
}
#visualIndex img {
	float: left;
	margin-bottom: 12px;
	margin-right: 12px;
} 
#visualIndexBody {
	width: 610px;
	margin-left: 80px;
	height: 660px;
}
#visualIndexHeader {
	background-color:#0066CC;
	width: 610px;
	height: 60px;
}

#visualIndexHeader h1 {
	vertical-align: middle;
	line-height: 60px;
}
.visualIndexBlockA {
	float: left;
	width: 590px;
	background-color:#9999FF;
	height: 160px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.visualIndexBlockB {
	float: left;
	background-color:#003399;
	width: 590px;
	height: 160px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#visualIndex a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 0;
	color: #FFFFFF;
	width: 9em;
	font-size: small;
}
#visualIndex a:hover, #visualIndex a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
/* end visualIndex */

/* begin fuji index */
#fujiIndex {
  margin: 0;
  padding-top: 30px;
  padding-left: 20px;
  font-family:Arial, Helvetica, sans-serif;
}
.fujiIndexBlock{
	float: left;
	width: 720px;
	margin-left: 0;
	margin-top: 20px;
	border: 2px solid #FF9900;
	z-index: 2;
	padding-bottom:10px;
	padding-top:	0;
	padding-right:	0;
	padding-left:	0;
	overflow: visible;
}
.fujiIndexBlock .fujiIndexThumb {
	margin-left: 10px;
	width:	680px;
	float:	left;	
	background-color: #9999FF;
	z-index: 2;
}
.fujiIndexBlock h2 {
	text-align: left;
	font-size: 110%;
	padding-left: 6px;
	background-color:#666666;
}	
.fujiIndexBlock h1 {
	text-align: center;
	font-size: 120%;

}
.fujiIndexBlock img {
	margin: 8px;
	padding: 0px;
}
.fujiIndexBlock p {
	font-size: 80%;
	text-align: center;
	vertical-align: bottom;
}
/* end fuji index */

#fujiImage {
	margin-top: 10px;
}