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

#introcontent {
	background:  url(../imgs/intro_ie.gif) repeat #DAC79F;
}

span.thumb{
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}

/******** Logos ********/
.lld {background: url(../imgs/portfolio/th_lld.jpg) no-repeat bottom;}
.lld span{background: url(../imgs/portfolio/th_lld.jpg) no-repeat bottom;}
.lld:hover span {background-position: top; opacity: 1;}

.wp {background: url(../imgs/portfolio/th_wp.jpg) no-repeat bottom;}
.wp span{background: url(../imgs/portfolio/th_wp.jpg) no-repeat bottom;}
.wp:hover span {background-position: top; opacity: 1;}
	
.pe {background: url(../imgs/portfolio/th_pe.jpg) no-repeat bottom;}
.pe span{background: url(../imgs/portfolio/th_pe.jpg) no-repeat bottom;}
.pe:hover span {background-position: top; opacity: 1;}

.gga {background: url(../imgs/portfolio/th_gga.jpg) no-repeat bottom;}
.gga span{background: url(../imgs/portfolio/th_gga.jpg) no-repeat bottom;}
.gga:hover span {background-position: top; opacity: 1;}

/******** Websites ********/
.lldsite {background: url(../imgs/portfolio/th_lldsite.jpg) no-repeat bottom;}
.lldsite span{background: url(../imgs/portfolio/th_lldsite.jpg) no-repeat bottom;}
.lldsite:hover span {background-position: top; opacity: 1;}


.sc {background: url(../imgs/portfolio/th_sc.jpg) no-repeat bottom;}
.sc span{background: url(../imgs/portfolio/th_sc.jpg) no-repeat bottom;}
.sc:hover span {background-position: top; opacity: 1;}
	
.aba {background: url(../imgs/portfolio/th_aba.jpg) no-repeat bottom;}
.aba span{background: url(../imgs/portfolio/th_aba.jpg) no-repeat bottom;}
.aba:hover span {background-position: top; opacity: 1;}

.mb {background: url(../imgs/portfolio/th_mb.jpg) no-repeat bottom;}
.mb span{background: url(../imgs/portfolio/th_mb.jpg) no-repeat bottom;}
.mb:hover span {background-position: top; opacity: 1;}

/******** Print ********/
.bg {background: url(../imgs/portfolio/th_bg.jpg) no-repeat bottom;}
.bg span{background: url(../imgs/portfolio/th_bg.jpg) no-repeat bottom;}
.bg:hover span {background-position: top; opacity: 1;}

.uwabm {background: url(../imgs/portfolio/th_uwabm.jpg) no-repeat bottom;}
.uwabm span{background: url(../imgs/portfolio/th_uwabm.jpg) no-repeat bottom;}
.uwabm:hover span {background-position: top; opacity: 1;}

.hm {background: url(../imgs/portfolio/th_hm.jpg) no-repeat bottom;}
.hm span{background: url(../imgs/portfolio/th_hm.jpg) no-repeat bottom;}
.hm:hover span {background-position: top; opacity: 1;}

/******** Custom ********/
.backstage {background: url(../imgs/portfolio/th_backstage.jpg) no-repeat bottom;}
.backstage span{background: url(../imgs/portfolio/th_backstage.jpg) no-repeat bottom;}
.backstage:hover span {background-position: top; opacity: 1;}

.skullrose {background: url(../imgs/portfolio/th_skullrose.jpg) no-repeat bottom;}
.skullrose span{background: url(../imgs/portfolio/th_skullrose.jpg) no-repeat bottom;}
.skullrose:hover span {background-position: top; opacity: 1;}