﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head>
<title>Core Graphics Gallery | CSS</title>

<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="author" content="Shane Courtney"/>

<style type="text/css">
a {
	color: #439AFF;
	text-decoration:none;
	border-style:none;
}
a:active {
	color: #99CC33;
}
a:hover {
	color: #FFFFFF;
}
a:visited {
	color: #439AFF;
}
a:focus {font-weight:normal;} /* for IE6 */

ul#gallery {
  background-repeat:no-repeat;
  padding:18px 2px 5px 2px; 
  margin:0 auto auto auto; 
  width:834px; 
  height:470px; 
  position:relative; 
  list-style-type:none;
  }
#gallery li {
  list-style-type:none; 
  width:135px; 
  height:75px; 
  float:left; 
  z-index:100;
  margin: 2px;
  }
#gallery li.lft {
  float:left; 
  clear:left;
  }
#gallery li.rgt {
  float:right; 
  clear:right;
  }
#gallery a {
  position:relative; 
  width:135px; 
  height:75px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
#gallery a img {
  position:relative; 
  width:135px; 
  height:75px; 
  border:0px;
  z-index:100;
  }
#gallery a:hover {
  width:540px; 
  height:302px; 
  padding:104px 149px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
#gallery a:hover img {
  background:#000043; 
  position:relative; 
  width:540px; 
  height:302px; 
  z-index:20;
  }

/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-22px; 
  width:540px; 
  font-size:0;
  }
.text {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size:13px; 
  font-weight:500; 
  word-spacing:2px; 
  line-height:22px
}
</style>
