/* CSS Document - galleryPro by www.neamus.net */
#galleryPro { width:500px; background-color:white; float:left; margin:0 130px 0 130px; }
#galleryPro p { margin-top:1em;}
#galleryPro a,
#galleryPro a:hover,
#galleryProLarge a,
#galleryProLarge a:hover { background-color:transparent;}
#galleryPro a:focus,
#galleryPro a:active,
#galleryProLarge a:focus,
#galleryProLarge a:active  { background-color:transparent; 			color: #cc0066;}
#galleryProLarge { width:760px; background-color:white; }
#previewImg img { 
	border:1px solid #999999; 
	margin:8px auto 8px auto; 
	margin-bottom:0;
}
#galleryPro #previewImg div.module {
  background: transparent url(../../graphics/galleryPro/previewFrame_03.gif) no-repeat bottom left;
  border: 0px solid #cccccc;
} 
#galleryPro #previewImg div.module div {
	background-color: transparent;
	background-image: url(../../graphics/galleryPro/previewFrame_04.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right bottom;
}
#galleryPro #previewImg div.module div div {
	background-color: transparent;
	background-image: url(../../graphics/galleryPro/previewFrame_01.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}
#galleryPro #previewImg div.module div div div {
	background-color: transparent;
	background-image: url(../../graphics/galleryPro/previewFrame_02.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	padding-top: 0pt;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	width: auto;
}
#galleryPro #previewImg div.module div div div div { background-image:none;}
#galleryPro #previewExtras p { color:#ada69e; margin:0 0 0 -8px; font-size:.78em; line-height:2.3em; display:block;}
#previewExtras p.enLargeButton { float:right; }
#galleryPro #previewExtras p.enLargeButton a {
	display:block;
	background-image: url(../../graphics/galleryPro/enlargeButton.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
#galleryPro #previewExtras p.enLargeButton a:hover {
	background-image: url(../../graphics/galleryPro/enlargeButtonOver.gif);
}


#galleryProLarge div.module div div.largeExtras { padding:0px 0px 3em 0px; margin:0 0 0 0; width:auto; }
#galleryProLarge div.module div div.largeExtras div.controls { width:inherit; margin-right:40px; margin-left:40px; background-image:none; padding-bottom:20px;}
#galleryProLarge div.module div div.largeExtras div.controls p { color:white; margin:0 0 0 0; font-size:.78em; }
#galleryProLarge div.module div div.largeExtras div.controls p.caption { 
	background-color:#666666; 
	text-align:left; 
	line-height:normal; 
	padding:1em 0 1em 10px; 
	width:70%; 
	float:left;
	display:block;
}
#galleryProLarge .largeExtras p.enLargeButton { float:right; }
#galleryProLarge .largeExtras p.enLargeButton a {
	display:block;
	background: #A1A1A1 url(../../graphics/galleryPro/enSmallenLargeButton.gif) no-repeat right center;
	color:#FFFFFF;
	text-align:right;
	text-transform:uppercase;
	float:left;
	padding:10px 30px 10px 0;
}

#galleryPro .dashboard { clear:both; width:90%; text-align:center; margin:0 5% 0 5%;}
#galleryPro .dashboard p,
#galleryPro .dashboard h2 { float:left; margin-top:0; font-size:18px; display:block;}
#galleryPro .dashboard p { width:25%; line-height:2.2em; font-weight:bold;  }
#galleryPro .dashboard h2 { width:46%; padding:0 2% 0 2%; padding-top:.5em;}
#galleryPro p a.next { float:right;} 
#galleryPro a.dashButton { display:block; width:63px; height:48px; background-repeat: no-repeat; text-transform:uppercase;  }
#galleryPro a.dashButton:hover {text-decoration:none;}
#galleryPro a.next {
	/*	background-image: url(../../graphics/galleryPro/next.gif);
	background-position: right center;*/
	text-align:left;
	background-image: url(../../graphics/galleryPro/gallery-arrow-next.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#galleryPro a.next:hover { 
	background-image: url(../../graphics/galleryPro/gallery-arrow-next.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#galleryPro a.back { 
	background-image: url(../../graphics/galleryPro/gallery-arrow-prev.gif);
	background-position: left top;
	text-align:right;
}
#galleryPro a.back:hover { 
	background-image: url(../../graphics/galleryPro/gallery-arrow-prev.gif);
	background-position: left bottom;
}
#galleryPro a.back span.paddit,
#galleryPro a.next span.paddit { width:8px;}
#galleryPro a.back span.paddit:hover,
#galleryPro a.next span.paddit:hover { text-decoration:none;}
#galleryPro a.back span.button:hover,
#galleryPro a.next span.button:hover { text-decoration:underline;}
#galleryPro .dashboard p span { font-size:10px;}


#contents #galleryPro .matrix { clear:both; text-align:center; display:block; }
#contents .matrix ul { padding:0 0 0 0; margin:0 0 1em 0; list-style-type:none; clear:both; }
#contents .matrix li { float:left; padding:0 0 0 0; margin:0 0 0 0; list-style-type:none;}
#contents .matrix li a { display:block; width:50px; height:50px; background-color:#CCCCCC; margin:0 1px 1px 0; float:left;}
#contents .matrix li a { background-repeat:no-repeat;}


/* grid references list item buttons */
.matrix li#thumb0 a { background-position:0 0;}
.matrix li.active#thumb0 a,
.matrix li.active#thumb0 a:hover { background-position:-100px 0; }
.matrix li#thumb0 a:hover { background-position:-50px 0; }

.matrix li#thumb1 a { background-position:0px -50px;}
.matrix li.active#thumb1 a,
.matrix li.active#thumb1 a:hover { background-position:-100px -50px; }
.matrix li#thumb1 a:hover { background-position:-50px -50px ; }

.matrix li#thumb2 a { background-position:0px -100px;}
.matrix li.active#thumb2 a,
.matrix li.active#thumb2 a:hover { background-position:-100px -100px; }
.matrix li#thumb2 a:hover { background-position:-50px -100px ; }

.matrix li#thumb3 a { background-position:0px -150px;}
.matrix li.active#thumb3 a,
.matrix li.active#thumb3 a:hover { background-position:-100px -150px; }
.matrix li#thumb3 a:hover { background-position:-50px -150px ; }

.matrix li#thumb4 a { background-position:0px -200px;}
.matrix li.active#thumb4 a,
.matrix li.active#thumb4 a:hover { background-position:-100px -200px; }
.matrix li#thumb4 a:hover { background-position:-50px -200px ; }

.matrix li#thumb5 a { background-position:0px -250px;}
.matrix li.active#thumb5 a,
.matrix li.active#thumb5 a:hover { background-position:-100px -250px; }
.matrix li#thumb5 a:hover { background-position:-50px -250px ; }

.matrix li#thumb6 a { background-position:0px -300px;}
.matrix li.active#thumb6 a,
.matrix li.active#thumb6 a:hover { background-position:-100px -300px; }
.matrix li#thumb6 a:hover { background-position:-50px -300px ; }

.matrix li#thumb7 a { background-position:0px -350px;}
.matrix li.active#thumb7 a,
.matrix li.active#thumb7 a:hover { background-position:-100px -350px; }
.matrix li#thumb7 a:hover { background-position:-50px -350px ; }

.matrix li#thumb8 a { background-position:0px -400px;}
.matrix li.active#thumb8 a,
.matrix li.active#thumb8 a:hover { background-position:-100px -400px; }
.matrix li#thumb8 a:hover { background-position:-50px -400px ; }

.matrix li#thumb9 a { background-position:0px -450px;}
.matrix li.active#thumb9 a,
.matrix li.active#thumb9 a:hover { background-position:-100px -450px; }
.matrix li#thumb9 a:hover { background-position:-50px -450px ; }

.matrix li#thumb10 a { background-position:0px -500px;}
.matrix li.active#thumb10 a,
.matrix li.active#thumb10 a:hover { background-position:-100px -500px; }
.matrix li#thumb10 a:hover { background-position:-50px -500px ; }

.matrix li#thumb11 a { background-position:0px -550px;}
.matrix li.active#thumb11 a,
.matrix li.active#thumb11 a:hover { background-position:-100px -550px; }
.matrix li#thumb11 a:hover { background-position:-50px -550px ; }

.matrix li#thumb12 a { background-position:0px -600px;}
.matrix li.active#thumb12 a,
.matrix li.active#thumb12 a:hover { background-position:-100px -600px; }
.matrix li#thumb12 a:hover { background-position:-50px -600px ; }

.matrix li#thumb13 a { background-position:0px -650px;}
.matrix li.active#thumb13 a,
.matrix li.active#thumb13 a:hover { background-position:-100px -650px; }
.matrix li#thumb13 a:hover { background-position:-50px -650px ; }

.matrix li#thumb14 a { background-position:0px -700px;}
.matrix li.active#thumb14 a,
.matrix li.active#thumb14 a:hover { background-position:-100px -700px; }
.matrix li#thumb14 a:hover { background-position:-50px -700px ; }

.matrix li#thumb15 a { background-position:0px -750px;}
.matrix li.active#thumb15 a,
.matrix li.active#thumb15 a:hover { background-position:-100px -750px; }
.matrix li#thumb15 a:hover { background-position:-50px -750px ; }

.matrix li#thumb16 a { background-position:0px -800px;}
.matrix li.active#thumb16 a,
.matrix li.active#thumb16 a:hover { background-position:-100px -800px; }
.matrix li#thumb16 a:hover { background-position:-50px -800px ; }

.matrix li#thumb17 a { background-position:0px -850px;}
.matrix li.active#thumb17 a,
.matrix li.active#thumb17 a:hover { background-position:-100px -850px; }
.matrix li#thumb17 a:hover { background-position:-50px -850px ; }

.matrix li#thumb18 a { background-position:0px -900px;}
.matrix li.active#thumb18 a,
.matrix li.active#thumb18 a:hover { background-position:-100px -900px; }
.matrix li#thumb18 a:hover { background-position:-50px -900px ; }

.matrix li#thumb19 a { background-position:0px -950px;}
.matrix li.active#thumb19 a,
.matrix li.active#thumb19 a:hover { background-position:-100px -950px; }
.matrix li#thumb19 a:hover { background-position:-50px -950px ; }

.matrix li#thumb20 a { background-position:0px -1000px;}
.matrix li.active#thumb20 a,
.matrix li.active#thumb20 a:hover { background-position:-100px -1000px; }
.matrix li#thumb20 a:hover { background-position:-50px -1000px ; }

.matrix li#thumb21 a { background-position:0px -1050px;}
.matrix li.active#thumb21 a,
.matrix li.active#thumb21 a:hover { background-position:-100px -1050px; }
.matrix li#thumb21 a:hover { background-position:-50px -1050px ; }

.matrix li#thumb22 a { background-position:0px -1100px;}
.matrix li.active#thumb22 a,
.matrix li.active#thumb22 a:hover { background-position:-100px -1100px; }
.matrix li#thumb22 a:hover { background-position:-50px -1100px ; }

.matrix li#thumb23 a { background-position:0px -1150px;}
.matrix li.active#thumb23 a,
.matrix li.active#thumb23 a:hover { background-position:-100px -1150px; }
.matrix li#thumb23 a:hover { background-position:-50px -1150px ; }

.matrix li#thumb24 a { background-position:0px -1200px;}
.matrix li.active#thumb24 a,
.matrix li.active#thumb24 a:hover { background-position:-100px -1200px; }
.matrix li#thumb24 a:hover { background-position:-50px -1200px ; }

.matrix li#thumb25 a { background-position:0px -1250px;}
.matrix li.active#thumb25 a,
.matrix li.active#thumb25 a:hover { background-position:-100px -1250px; }
.matrix li#thumb25 a:hover { background-position:-50px -1250px ; }

.matrix li#thumb26 a { background-position:0px -1300px;}
.matrix li.active#thumb26 a,
.matrix li.active#thumb26 a:hover { background-position:-100px -1300px; }
.matrix li#thumb26 a:hover { background-position:-50px -1300px ; }

.matrix li#thumb27 a { background-position:0px -1350px;}
.matrix li.active#thumb27 a,
.matrix li.active#thumb27 a:hover { background-position:-100px -1350px; }
.matrix li#thumb27 a:hover { background-position:-50px -1350px ; }

.matrix li#thumb28 a { background-position:0px -1400px;}
.matrix li.active#thumb28 a,
.matrix li.active#thumb28 a:hover { background-position:-100px -1400px; }
.matrix li#thumb28 a:hover { background-position:-50px -1400px ; }

.matrix li#thumb29 a { background-position:0px -1450px;}
.matrix li.active#thumb29 a,
.matrix li.active#thumb29 a:hover { background-position:-100px -1450px; }
.matrix li#thumb29 a:hover { background-position:-50px -1450px ; }
/**/
#galleryProLarge { margin-bottom:2em;}
#galleryProLarge #largeImg { background-color:#A1A1A1;}
#galleryProLarge .toptab {
	background-color: transparent;
	background-image: url(../../graphics/galleryPro/fullsize_01.gif);
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	min-height:21px;
}
#galleryProLarge .toptab .side {
	background-image: url(../../graphics/galleryPro/fullsize_02.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:21px;
}

#galleryProLarge p { padding:0 0 0 0;}
#galleryProLarge .dashboard { clear:both; width:90%; text-align:center; margin:0 5% 0 5%;}
#contents #galleryProLarge .dashboard p,
#galleryProLarge .dashboard h2 { float:left; margin-top:0; margin-bottom:0; padding:0 0 0 0; line-height:21px; color:#FFFFFF;}
#galleryProLarge .dashboard p.back { text-align:left;}
#galleryProLarge .dashboard p { width:24%; font-weight:bold; text-transform:uppercase; font-size:10px; text-align:right; }
#galleryProLarge .dashboard h2 { width:46%; padding:0 2% 0 2%; margin:0 0 0 0; font-size:14px;}
#galleryProLarge .dashboard a {
	color:white;
	background-image: url(../../graphics/galleryPro/enSmallenButton.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height:21px;
	display:block;
	background-color:transparent;
}


#galleryProLarge #largeImg div.module {
  background: transparent url(../../graphics/galleryPro/mainFrame_03.gif) no-repeat bottom left;
  border: 0px solid #cccccc;
} 
#galleryProLarge #largeImg div.module div {
	background-image: url(../../graphics/galleryPro/mainFrame_04.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right bottom;
	text-align:center;
}
#galleryProLarge #largeImg div.module div div { background-image:none;}
#largeImg img {
	margin:8px auto 8px auto;
	padding-bottom:9px;
	background-image: url(../../graphics/galleryPro/fullsize_shadow.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}