/* a:link, a:visited { color: #F52542;text-decoration: underline }
		a:hover, a:active { color: #333 }
		strong { font-weight: bold }

		This is some example CSS. You can change this to your own liking. */
		.img-description, .imgbrowz0r-navigation, #imgbrowz0r { 
			margin: 0 auto;
			width: 100%;
			text-align: left;
			margin-top:10px;
		}
		.imgbrowz0r-navigation { 
			padding: 1.5em 0 0.5em; 
		}
		.imgbrowz0r-navigation .img-statistics { 
			margin-top: 1.5em 
		}

		.img-description { 
			margin: 1.5em auto 0;
		}

		#imgbrowz0r .img-row { 
			margin:auto;	
		}

		#imgbrowz0r .img-directory span.img-dir-name,
		#imgbrowz0r .img-directory span.img-thumb-date { 
			display: block;
			
		}
		#imgbrowz0r .img-directory span.img-dir-name { 
			font-weight: bold;
			font-size: 1.2em;
			
		}

		#imgbrowz0r .img-column-1 { 
			clear: left;
			margin-left:10px;
		}

		#imgbrowz0r .img-thumbnail, #imgbrowz0r .img-directory { 
			float: left;
			border:1px #FFF solid;
			min-height:79px;
			background: url(../images/gradient_court.jpg) repeat-x top center;
			background-color:#d5d5d5;
			padding:10px;
			-moz-border-radius:5px 5px 5px 5px;
			-khtml-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			-moz-box-shadow: 0px 0px 4px #555; 
			-webkit-box-shadow: 0px 0px 4px #555; 
			box-shadow: 0px 0px 4px #555;
			margin-top:5px;
			margin-bottom:10px;
			margin-right:8px;
			text-align:center;
			
		}

		#imgbrowz0r .img-thumbnail a, #imgbrowz0r .img-directory a {
			display: block;
			margin:0;
			width: 130px;
			height: 130px;
			line-height: 130px;
			background-repeat: no-repeat;
			background-position: 50% 50%; 
			margin-bottom:5px;
		}

	
		
		#imgbrowz0r .img-directory a:link, #imgbrowz0r .img-directory a:visited, #imgbrowz0r .img-thumbnail a:link,
		#imgbrowz0r .img-thumbnail a:visited { 
			background-color: #000;
			border:1px #666	 solid;
			font-size: 1.5em;
			color: #ccc;
			text-decoration: none 
		}
		#imgbrowz0r .img-directory a:active, #imgbrowz0r .img-directory a:hover, #imgbrowz0r .img-thumbnail a:active,
		#imgbrowz0r .img-thumbnail a:hover { 
			border-color: #666;
			background-color: #2d2d2d;
			color: #4b880b ;
		}

		/* http://sonspring.com/journal/clearing-floats */
		html body div.clear,
		html body span.clear { 
			background: none;
			border: 0;
			clear: both;
			display: block;
			float: none;
			font-size: 0;
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			visibility: hidden;
			width: 0;
			height: 0; 
		}
		
		
		
		.img-breadcrumbs{
			margin:auto;
			margin-top:10px;
			margin-bottom:45px;
			margin-left:12px;
		}
		
		.img-pagination{
			argin:auto;
			margin-top:-15px;
			margin-left:12px;
		}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information btm  ------------------------------------------------------- */
		
		
		a.btm_site_fle_dep {
			float: left;
			text-decoration: none;
			color: #d5d5d5;
			padding: 9px 14px 0 0;
			font:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background: url(../images/btm_site2.jpg) no-repeat top right;
			
		}
		
		a.btm_site_fle_dep:hover{ color: #e7e4df; background: url(../images/btm_site2_hover.jpg) no-repeat top right; }
		
		a.btm_site_fle_dep span {
			float: left;
			padding-right: 26px;
			display: block;
			margin-top: -9px;
			height: 31px;
			background: url(../images/btm_site2.jpg) no-repeat top left;
		}
		
		a.btm_site_fle_dep:hover span{ background: url(../images/btm_site2_hover.jpg) no-repeat top left; }

		
	/* ________________________________________________________________________________________ */
		
		a.btm_site_fle {
			float: left;
			text-decoration: none;
			color: #d5d5d5;
			padding: 9px 14px 0 0;
			font:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background: url(../images/btm_site.jpg) no-repeat top right;
			
		}
		
		a.btm_site_fle:hover{ color: #e7e4df; background: url(../images/btm_site_hover.jpg) no-repeat top right; }
		
		a.btm_site_fle span {
			float: left;
			padding-right: 26px;
			display: block;
			margin-top: -9px;
			height: 31px;
			background: url(../images/btm_site.jpg) no-repeat top left;
		}
		
		a.btm_site_fle:hover span{ background: url(../images/btm_site_hover.jpg) no-repeat top left; }

	
	/* ________________________________________________________________________________________ */
		
		a.btm_page, a.btm_cur_page {
			float: left;
			text-decoration: none;
			color: #161f2a;
			padding: 4px 8px 5px;
			font:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background: url(../images/pagi_gal.jpg) repeat-x center;
			-moz-border-radius:6px;
			-khtml-border-radius:6px;
			-webkit-border-radius:6px;
			margin-left:2px;
			margin-right:2px;
			margin-top:3px;
			border:2px #e1e1e1 solid;
		}
		
		a.btm_page:hover,  a.btm_cur_page:hover{ border:2px #c3c3c3 solid; color: #4b880b; background-color:#9fcd25; }
		
		a.btm_cur_page{ border:2px #c3c3c3 solid; color: #4b880b; background: url(../images/pagi_gal_current.jpg) repeat-x center; }