/***********************

Project Graphics
Date Created: 14th October 2008

***********************/


	

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
	display:block;
	display:inline-block;
	color:#000;
	text-decoration:none;
	border:1px solid #9ed5b5;
	width:150px;
	height:106px;
	float:left;
	margin:0 8px 0 0;
	z-index:50;
	}
	
a.slide1 {background:url(../images/insight_1_thumb.jpg);}
a.slide2 {background:url(../images/insight_2_thumb.jpg);}
a.slide3 {background:url(../images/insight_3_thumb.jpg);}
a.slide4 {background:url(../images/insight_4_thumb.jpg);}
a.slide5 {background:url(../images/insight_5_thumb.jpg);}
a.slide6 {background:url(../images/insight_6_thumb.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #009bc9;}


/* styling for TOP gallery */
#container_top {
	position:relative;
	width:810px;
	height:850px;
	margin:15px 20px 0 20px;
	padding:0;
	}
	
#container_top img {border:0;}
#container_top .thumbs {
	position:absolute;
	left:0;
	top:0;
	}

#container_top .links {
	position:absolute;
	left:0;
	top:110px;
	}

#container_top .links a {
	float:left;
	display:block;
	width:152px;
	margin:0 8px 0 0;
	font-size:10px;
	color:#666;
	}
	
#container_top a.gallery:hover span {
	display:block;
	position:absolute;
	width:792px;
	height:667px;
	top:115px;
	left:0px;
	padding:0;
	font-style:italic;
	color:#666;
	z-index:100;
	font-size:0.8em;
	}

#container_top a.gallery:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
	color:#9ed5b5;
	}

#container_top a.gallery:active, #container_top a.gallery:focus { border:1px solid #009bc9; outline:none; }

#container_top a.gallery:active em, #container_top a.gallery:focus em {
	display:block;
	position:absolute;
	width:792px;
	height:667px;
	top:135px;
	left:0;
	padding:0;
	color:#000;
	z-index:50;
	}