/* CSS Document */
#thumbs {
	height:450px;
	/*top:-10px;*/
	margin-left:40px;
	font: 11px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	position:relative;
	}

#row1 {
	height:75px;
	width:860px;
	top:0px;
	list-style: none;
	position:absolute;
	float:left;
	background-color:#262626;
	}
	
#row2 {
	height:75px;
	width:860px;
	top:75px;
	list-style: none;
	position:absolute;
	float:left;
	background-color:#262626;
	}
	
#row3 {
	height:75px;
	width:860px;
	top:150px;
	list-style: none;
	position:absolute;
	float:left;
	background-color:#262626;
	}

#row4 {
	height:75px;
	width:860px;
	top:225px;
	list-style: none;
	position:absolute;
	float:left;
	background-color:#262626;
	}

#row5 {
	height:75px;
	width:860px;
	top:300px;
	list-style: none;
	position:absolute;
	float:left;
	background-color:#262626;
	}

#row6 {
	height:75px;
	width:860px;
	top:375px;
	list-style: none;
	position:absolute;
	float:left;
	background-color:#262626;
	}

#row1 a {
	text-decoration:none;
	color:#FFFFFF;
	display: block;
	}

#row2 a {
	text-decoration:none;
	color:#FFFFFF;
	display: block;
	}

#row3 a {
	text-decoration:none;
	color:#FFFFFF;
	display: block;
	} 

#row4 a {
	text-decoration:none;
	color:#FFFFFF;
	display: block;
	}

#row5 a {
	text-decoration:none;
	color:#FFFFFF;
	display: block;
	}

#row1 a .box {
	display: block;
	border:1px solid #262626;
	width: 98px;
	height: 73px;
	position: absolute;
	} 

#row2 a .box {
	display: block;
	border:1px solid #262626;
	width: 98px;
	height: 73px;
	position: absolute;
	} 

#row3 a .box {
	display: block;
	border:1px solid #262626;
	width: 98px;
	height: 73px;
	position: absolute;
	}

#row4 a .box {
	display: block;
	border:1px solid #262626;
	width: 98px;
	height: 73px;
	position: absolute;
	}

#row5 a .box {
	display: block;
	border:1px solid #262626;
	width: 98px;
	height: 73px;
	position: absolute;
	}

#row1 a .link {
	position:absolute;
	/*display: block;*/
	width: 260px;
	height:15px;
	padding-left:5px;
	} 

#row2 a .link {
	position:absolute;
	/*display: block;*/
	width: 260px;
	height:15px;
	padding-left:5px;
	} 

#row3 a .link {
	position:absolute;
	/*display: block;*/
	width: 260px;
	height:15px;
	padding-left:5px;
	} 

#row4 a .link {
	position:absolute;
	/*display: block;*/
	width: 260px;
	height:15px;
	padding-left:5px;
	}

#row5 a .link {
	position:absolute;
	/*display: block;*/
	width: 260px;
	height:15px;
	padding-left:5px;
	}

/* :BUG: This rule on it's own does not work in IE  */
#row1 a:hover .box {
	border: 1px solid #CCCCCC;
	} 

#row2 a:hover .box {
	border: 1px solid #CCCCCC;
	}

#row3 a:hover .box {
	border: 1px solid #CCCCCC;
	} 

#row4 a:hover .box {
	border: 1px solid #CCCCCC;
	} 

#row5 a:hover .box {
	border: 1px solid #CCCCCC;
	}

/* :BUG: Neither does this rule  */
#row1 a:hover .link {
	background-color:#CCCCCC;
	text-decoration:none;
	color:#000000;
	}

#row2 a:hover .link {
	background-color:#CCCCCC;
	text-decoration:none;
	color:#000000;
	}

#row3 a:hover .link {
	background-color:#CCCCCC;
	text-decoration:none;
	color:#000000;
	}

#row4 a:hover .link {
	background-color:#CCCCCC;
	text-decoration:none;
	color:#000000;
	}

#row5 a:hover .link {
	background-color:#CCCCCC;
	text-decoration:none;
	color:#000000;
	}

/* :KLUDGE: However if you add this rule, both the previous rules now work. Weird*/
#row1 a:hover {
	border: none;
	} 

#row2 a:hover {
	border: none;
	}

#row3 a:hover {
	border: none;
	} 

#row4 a:hover {
	border: none;
	}

#row5 a:hover {
	border: none;
	}
	
/* project thumbs row 1 - residential*/
#row1 .bunk a .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_lod.jpg) no-repeat 0 0px;	
	}
	
#row1 .bunk a:hover .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_lod.jpg) no-repeat -98px 0px;
	}
	
#row1 .cool a .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_aub.jpg) no-repeat 0 0px;	
	}
	
#row1 .cool a:hover .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_aub.jpg) no-repeat -98px 0px;
	}

#row1 .mamm a .box {
	top: 0px;
	left: 200px;
	background: url(../global/nav_thumbs/nav_mam.jpg) no-repeat 0 0px;	
	}
	
#row1 .mamm a:hover .box {
	top: 0px;
	left: 200px;
	background: url(../global/nav_thumbs/nav_mam.jpg) no-repeat -98px 0px;
	}
	
#row1 .paci a .box {
	top: 0px;
	left: 300px;
	background: url(../global/nav_thumbs/nav_pac.jpg) no-repeat 0 0px;	
	}
	
#row1 .paci a:hover .box {
	top: 0px;
	left: 300px;
	background: url(../global/nav_thumbs/nav_pac.jpg) no-repeat -98px 0px;
	}
	
#row1 .wood a .box {
	top: 0px;
	left: 400px;
	background: url(../global/nav_thumbs/nav_ped.jpg) no-repeat 0 0px;	
	}
	
#row1 .wood a:hover .box {
	top: 0px;
	left: 400px;
	background: url(../global/nav_thumbs/nav_ped.jpg) no-repeat -98px 0px;
	}
	
#row1 .bunk a .link {
	margin-left: 565px;
	bottom:60px;
	}
	
#row1 .cool a .link {
	margin-left: 565px;
	bottom:45px;
	}

#row1 .mamm a .link {
	margin-left: 565px;
	bottom:30px;
	}
	
#row1 .paci a .link {
	margin-left: 565px;
	bottom:15px;
	}

#row1 .wood a .link {
	margin-left: 565px;
	bottom:0px;
	}
	
/* project thumbs row 2 - commercial*/
#row2 .radi a .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_tlo.jpg) no-repeat 0 0px;	
	}
	
#row2 .radi a:hover .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_tlo.jpg) no-repeat -98px 0px;
	}
	
#row2 .josl a .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_jpm.jpg) no-repeat 0 0px;	
	}
	
#row2 .josl a:hover .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_jpm.jpg) no-repeat -98px 0px;
	}

#row2 .sahb a .box {
	top: 0px;
	left: 200px;
	background: url(../global/nav_thumbs/nav_rwc.jpg) no-repeat 0 0px;	
	}
	
#row2 .sahb a:hover .box {
	top: 0px;
	left: 200px;
	background: url(../global/nav_thumbs/nav_rwc.jpg) no-repeat -98px 0px;
	}
	
#row2 .radi a .link {
	margin-left: 565px;
	bottom:60px;
	}
	
#row2 .josl a .link {
	margin-left: 565px;
	bottom:45px;
	}

#row2 .sahb a .link {
	margin-left: 565px;
	bottom:30px;
	}
	
/* project thumbs row 3 - misc projects*/
#row3 .site a .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_smo.jpg) no-repeat 0 0px;	
	}
	
#row3 .site a:hover .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_smo.jpg) no-repeat -98px 0px;
	}
	
#row3 .brid a .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_brg.jpg) no-repeat 0 0px;	
	}
	
#row3 .brid a:hover .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_brg.jpg) no-repeat -98px 0px;
	}
	
#row3 .site a .link {
	margin-left: 565px;
	bottom:60px;
	}

#row3 .brid a .link {
	margin-left: 565px;
	bottom:45px;
	}
	
/* project thumbs row 4 - misc */
#row4 .rend a .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_kit.jpg) no-repeat 0 0px;	
	}
	
#row4 .rend a:hover .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_kit.jpg) no-repeat -98px 0px;
	}
	
#row4 .moht a .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_moh.jpg) no-repeat 0 0px;	
	}
	
#row4 .moht a:hover .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_moh.jpg) no-repeat -98px 0px;
	}

#row4 .tkts a .box {
	top: 0px;
	left: 200px;
	background: url(../global/nav_thumbs/nav_tkt.jpg) no-repeat 0 0px;	
	}
	
#row4 .tkts a:hover .box {
	top: 0px;
	left: 200px;
	background: url(../global/nav_thumbs/nav_tkt.jpg) no-repeat -98px 0px;
	}
	
#row4 .rend a .link {
	margin-left: 565px;
	bottom:60px;
	}
	
#row4 .moht a .link {
	margin-left: 565px;
	bottom:45px;
	}

#row4 .tkts a .link {
	margin-left: 565px;
	bottom:30px;
	}
	
/* project thumbs row 5 - misc projects*/
#row5 .art a .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_art.jpg) no-repeat 0 0px;	
	}
	
#row5 .art a:hover .box {
	top: 0px;
	left: 0px;
	background: url(../global/nav_thumbs/nav_art.jpg) no-repeat -98px 0px;
	}
	
#row5 .furn a .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_cds.jpg) no-repeat 0 0px;	
	}
	
#row5 .furn a:hover .box {
	top: 0px;
	left: 100px;
	background: url(../global/nav_thumbs/nav_cds.jpg) no-repeat -98px 0px;
	}
	
#row5 .art a .link {
	margin-left: 565px;
	bottom:60px;
	}

#row5 .furn a .link {
	margin-left: 565px;
	bottom:45px;
	}