/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	margin: 15px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox .preview
{
	border-color: black;
	width: 250px;
	height: 200px;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -45px;
	left: -65px;
	z-index: 1;
}

.hoverbox img
{
	background: white;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	width: 110px;
	height: 80px;
}

.hoverbox li
{
	background: lightgrey;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	position: relative;
	margin-left: 20px;
}

.hoverbox li span
{
	display: block;
	position: absolute;
	top: -5000px;
	left: -5000px;
	z-index: -1;
}

.hoverbox a:hover span
{
	background: white;
	vertical-align: top;
	text-align: center;
	display: block;
	position: absolute;
	padding: 0px;
	top: 140px;
	left: -63px;
	width: 252px;
	z-index: 2;
}


/* =Gallery 1 Code
----------------------------------------------------------------------*/

#gallery1 ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#gallery1 li{
	width:150px;
	padding:5px;
	text-align:center;
	float:left;
	margin:1px;
}

#gallery1 a span{
	position:absolute;
	left:-5000px;
}

#gallery1 a:hover span{
	position:relative;
	top:0px;
	left:5px;
	background:white;
	color:black;
 	padding:5px 5px 5px 0;
	font-size:80%;
}

#gallery1 img{
	border:0px solid black;
	width:150px;
	height:100px;
	float:left;
}



/* =Gallery 2 Code
----------------------------------------------------------------------*/

#container {
	position:relative;
	width:600px;
	height:375px;
	margin:0px auto 0 auto;
	border:1px solid #aaa;
	background:white url() 0px 0px no-repeat;
	float:left;
}

#container ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:198px;
	height:396px;
	float:right;
}

#container li {
	float:left;
}

/* Remove the images and text from sight */
#container a.gallery {
	display:block;
	color:#000;
	text-decoration:none;
	border:0px solid #000;
	margin:1px 2px 1px 2px;
	text-align:left;
	cursor:default;
}

#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:-1px;
	left:-1px;
	overflow:hidden;
	background:white;
}

#container a.gallery:hover {
	border:1px solid white;
}

#container a.gallery:hover img {
	border:1px solid white;
	float:left;
}

#container a.gallery:hover span {
	position:absolute;
	width:320px;
	height:360px;
	top:1px;
	left:1px;
}



/* styling for LEFT gallery */
#container_left {position:relative; width:600px; height:350px; background:black; border:1px solid #black; margin:1em auto; float:left;}
#container_left img {border:0;}
#container_left .thumbs {width:180px; position:absolute; left:0; top:0;}

#container_left a.gallery:hover {font-style:normal; font-weight:bold; font-size:1em; color:white;}
#container_left a.gallery:hover span {
	display:block; position:absolute; width:400px; height:50px; top:300px; left:175px; padding:5px; font-style:italic; color:white;  z-index:100;}

#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {
	display:block; position:absolute; width:400px; height:360px; top:5px; left:180px; color:white; padding:5px; border:0px solid black; z-index:50;}




/* =Gallery Style - 4x3 aspect in framed box
----------------------------------------------------------------------*/

.g4x3box div {
	border:2px solid black;
	float:left;
	width:290px;
	height:270px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	font-family:arial, sans-serif;
	letter-spacing:0.05em;
	font-size:8px;
	line-height:10px;
}

.g4x3box a img {
	border:4px double navy;
	width:280px;
	height:210px;
	margin-left: 0px;
}
.g4x3box-img-ver a img {
	border:4px double navy;
	width:140px;
	height:210px;
	margin-left: 70px;
}
.g4x3box-img-hor a img {
	border:4px double navy;
	width:280px;
	height:210px;
	margin-left: 0px;
}

.g4x3box a:link {text-decoration: none;	color:navy; font-weight:normal;}
/.g4x3box a:hover {background-color:lightgrey; text-decoration: none;color:navy; font-weight:bolder;}
/a.g4x3box:hover {background-color:lightgrey; text-decoration: none;color:navy; font-weight:bolder;}




/* =Gallery 4 Code
----------------------------------------------------------------------*/

.g04 ul{
	padding:0px;
	margin:0px;
	float:left;
	list-style-type:none;
}

.g04 li {
	margin: 0px;
	padding: 5px;
	float:left;
}

.g04 div {
	border:2px solid black;
	float:left;
	width:250px;
	height:240px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.g04 a img {
	border:4px double navy;
	width:240px;
	height:180px;
	margin-left: 0px;
}
.g04-img-ver a img {
	border:4px double navy;
	width:120px;
	height:180px;
	margin-left: 70px;
}
.g04-img-hor a img {
	border:4px double navy;
	width:240px;
	height:180px;
	margin-left: 0px;
}

.g04 a:link {text-decoration: none;	color:navy; font-weight:normal;}
/.g04 a:hover {background-color:lightgrey; text-decoration: none;color:navy; font-weight:bolder;}
/a.g04:hover {background-color:lightgrey; text-decoration: none;color:navy; font-weight:bolder;}




.imglink a:link {text-decoration: none;	font-weight:normal;}
/.imglink a:hover {background-color:transparent; text-decoration: none; font-weight:normal;}
/#imglink a:hover {background-color:transparent; text-decoration: none; font-weight:normal;}
/a.imglink:hover {background-color:transparent; text-decoration: none; font-weight:normal;}