@charset "UTF-8";
/* CSS Document */

#roll {
	width: 375px;
	padding-left: 85px;
	float:left;
	}

#roll a, a:hover { border:none; }

#contenthome a:hover {
	border-bottom: 1px dotted #990000;
}

#roll ul {
	position: relative;
	float: left;
	width: 340px;
	padding: 445px 0px 40px 10px;
	background-color: #fff;
	}
	
#roll li, h3, p { display: block; }
	
#roll li p { 
	color: #777;
	margin: 0;
	font-size: .95em;
}

#roll h3 {
	font-size: 1.1em;
	color:#999;
	text-decoration:none;
	margin: 0;
	padding:0;
}

#roll h3 a {
	color:#999;
	font-size: 1.1em;
	font-wieght: bolder;
	display: block;
	text-decoration: underline;
}

#roll h3 a:hover {
	color:#990000;
}

#roll li:target {
	margin: .5em 0;
	padding: .5em;
	border: 1px solid #ccc;
	color:000;
}

#roll li {padding: .5em;
	list-style:none;
}

/*#roll li#andrew, li#tony, li#test5 {
	background-color: #eee ;
}

#roll li#test2, li#test4, li#test6 {
	background-color: #fff;
}*/

#roll li:target p { color: #000; background-color: #eee; padding: 2px .5em .5em .5em; }
#roll li:target a { color: #990000; background-color: #eee; padding: 2px .5em 0 .5em; }

#roll h3 img {
	position: absolute;
	padding: 1px;
	height: 105px;
	width: 105px;
	border: 1px solid #ccc;
	background-color: #eee;
}

#brodie h3 img { top: 10px; left:10px; }
#capullo h3 img { top: 10px; left:120px; }
#andrew h3 img { top: 10px; left:230px; }
#jay h3 img { top: 120px; left:10px; }
#junior h3 img { top: 120px; left:120px; }
#mario h3 img { top: 120px; left:230px; }
#melquin h3 img { top: 230px; left:10px; }
#yubert h3 img { top: 230px; left:120px; }
#yamil h3 img { top: 230px; left:230px; }
#tony h3 img { top: 340px; left:10px; }


#roll a:hover img {
	width: 170px;
	height: 170px;
	padding: 5px;
	background-color: #fff;
	border: 1 px solid #333;
}

#roll a:hover img {
	z-index: 100;
}