/*  
Theme Name: donkeybeatz / mixes
Description: This is for the portfolio page
Version: 1.0
Author: Dung Nguyen
Author URI: http://donkeybeatz.com

*/

/*Logos*/

#logos{
	clear: both;
	float: left;
	padding-bottom: 10px;
}

#donkey{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_donkeybeatz_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#donkey:hover{ 
	background-position: 0 -90px;
}

#donkey span{
	display: none;
}

#tt_logo{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_thinktank_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#tt_logo:hover{ 
	background-position: 0 -90px;
}

#tt_logo span{
	display: none;
}

#bta{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_bta_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#bta:hover{ 
	background-position: 0 -90px;
}

#bta span{
	display: none;
}

#at{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_atpodcast_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#at:hover{ 
	background-position: 0 -90px;
}

#at span{
	display: none;
}

#abby{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_abby_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#abby:hover{ 
	background-position: 0 -90px;
}

#abby span{
	display: none;
}

#fnf{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_fnf_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#fnf:hover{ 
	background-position: 0 -90px;
}

#fnf span{
	display: none;
}

#jizo{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_jizo_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#jizo:hover{ 
	background-position: 0 -90px;
}

#jizo span{
	display: none;
}

#fitp{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_fitp_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#fitp:hover{ 
	background-position: 0 -90px;
}

#fitp span{
	display: none;
}

#revel{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_revel_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#revel:hover{ 
	background-position: 0 -90px;
}

#revel span{
	display: none;
}

#os{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_os_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#os:hover{ 
	background-position: 0 -90px;
}

#os span{
	display: none;
}

#stfk{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_stfk_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#stfk:hover{ 
	background-position: 0 -90px;
}

#stfk span{
	display: none;
}

#honing{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_honing_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#honing:hover{ 
	background-position: 0 -90px;
}

#honing span{
	display: none;
}

#pb{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_pestbomb_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#pb:hover{ 
	background-position: 0 -90px;
}

#pb span{
	display: none;
}

#rwf{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_rwf_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#rwf:hover{ 
	background-position: 0 -90px;
}

#rwf span{
	display: none;
}

#swdb{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/logo_swdb_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#swdb:hover{ 
	background-position: 0 -90px;
}

#swdb span{
	display: none;
}

/*Print*/

#print{
	clear: both;
	float: left;
	padding-bottom: 10px;
}

#ttcard{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/print_ttcard_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#ttcard:hover{ 
	background-position: 0 -90px;
}

#ttcard span{
	display: none;
}

#reggie{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/print_reggie_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#reggie:hover{ 
	background-position: 0 -90px;
}

#reggie span{
	display: none;
}

#evo_flier{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/print_evo_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#evo_flier:hover{ 
	background-position: 0 -90px;
}

#evo_flier span{
	display: none;
}

#fitp_flier{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/print_fitp_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#fitp_flier:hover{ 
	background-position: 0 -90px;
}

#fitp_flier span{
	display: none;
}

#pacsun_flier{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/print_pacsun_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#pacsun_flier:hover{ 
	background-position: 0 -90px;
}

#pacsun_flier span{
	display: none;
}

#fnf_flier{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/print_fnf_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#fnf_flier:hover{ 
	background-position: 0 -90px;
}

#fnf_flier span{
	display: none;
}

#sip_flier{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/print_sippm_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#sip_flier:hover{ 
	background-position: 0 -90px;
}

#sip_flier span{
	display: none;
}

/*Digital Renderings and Designs*/

#illustrations{
	clear: both;
	float: left;
	padding-bottom: 10px;
}

#stessa{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_stessa_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#stessa:hover{ 
	background-position: 0 -90px;
}

#stessa span{
	display: none;
}

#pacsun{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_pacsun_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#pacsun:hover{ 
	background-position: 0 -90px;
}

#pacsun span{
	display: none;
}

#tabasco{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_tabasco_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#tabasco:hover{ 
	background-position: 0 -90px;
}

#tabasco span{
	display: none;
}

#sf{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_sf_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#sf:hover{ 
	background-position: 0 -90px;
}

#sf span{
	display: none;
}

#lilith{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_lilith_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#lilith:hover{ 
	background-position: 0 -90px;
}

#lilith span{
	display: none;
}

#lpcase{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_lpcase_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#lpcase:hover{ 
	background-position: 0 -90px;
}

#lpcase span{
	display: none;
}

#record{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_record_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#record:hover{ 
	background-position: 0 -90px;
}

#record span{
	display: none;
}

#vmu{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_vmu_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#vmu:hover{ 
	background-position: 0 -90px;
}

#vmu span{
	display: none;
}

#free{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_free_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#free:hover{ 
	background-position: 0 -90px;
}

#free span{
	display: none;
}

#nola{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_nola_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#nola:hover{ 
	background-position: 0 -90px;
}

#nola span{
	display: none;
}

#bacchus{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_bacchus_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#bacchus:hover{ 
	background-position: 0 -90px;
}

#bacchus span{
	display: none;
}

#dj{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_dj_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#dj:hover{ 
	background-position: 0 -90px;
}

#dj span{
	display: none;
}

#snaked{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_snaked_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#snaked:hover{ 
	background-position: 0 -90px;
}

#snaked span{
	display: none;
}

#evo{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_evo_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#evo:hover{ 
	background-position: 0 -90px;
}

#evo span{
	display: none;
}

#dcoast{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/illust_defendcoast_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#dcoast:hover{ 
	background-position: 0 -90px;
}

#dcoast span{
	display: none;
}

/*Layouts*/

#layouts{
	clear: both;
	float: left;
	padding-bottom: 10px;
}

#honing_wrapper{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_honing_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#honing_wrapper:hover{ 
	background-position: 0 -90px;
}

#honing_wrapper span{
	display: none;
}

#pest_form{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_pestbomb_form_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#pest_form:hover{ 
	background-position: 0 -90px;
}

#pest_form span{
	display: none;
}

#os_box{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_os_box_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#os_box:hover{ 
	background-position: 0 -90px;
}

#os_box span{
	display: none;
}

#os_coupon{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_os_coupon_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#os_coupon:hover{ 
	background-position: 0 -90px;
}

#os_coupon span{
	display: none;
}

#recipe1{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_recipe_1_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#recipe1:hover{ 
	background-position: 0 -90px;
}

#recipe1 span{
	display: none;
}

#recipe2{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_recipe_2_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#recipe2:hover{ 
	background-position: 0 -90px;
}

#recipe2 span{
	display: none;
}

#book1{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_aa_00_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#book1:hover{ 
	background-position: 0 -90px;
}

#book1 span{
	display: none;
}

#book2{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_aa_01_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#book2:hover{ 
	background-position: 0 -90px;
}

#book2 span{
	display: none;
}

#book3{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_aa_02_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#book3:hover{ 
	background-position: 0 -90px;
}

#book3 span{
	display: none;
}

#book4{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_aa_03_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#book4:hover{ 
	background-position: 0 -90px;
}

#book4 span{
	display: none;
}

#images1{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_images_00_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#images1:hover{ 
	background-position: 0 -90px;
}

#images1 span{
	display: none;
}

#images2{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_images_01_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#images2:hover{ 
	background-position: 0 -90px;
}

#images2 span{
	display: none;
}

#images3{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_images_02_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#images3:hover{ 
	background-position: 0 -90px;
}

#images3 span{
	display: none;
}

#images4{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/spreads_images_03_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#images4:hover{ 
	background-position: 0 -90px;
}

#images4 span{
	display: none;
}

/*Traditional*/

#traditional{
	clear: both;
	float: left;
}

#fashion{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/trad_fashion_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#fashion:hover{ 
	background-position: 0 -90px;
}

#fashion span{
	display: none;
}

#hands{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/trad_hands_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#hands:hover{ 
	background-position: 0 -90px;
}

#hands span{
	display: none;
}

#portrait{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/trad_portrait_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#portrait:hover{ 
	background-position: 0 -90px;
}

#portrait span{
	display: none;
}

#listen{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/trad_listen_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#listen:hover{ 
	background-position: 0 -90px;
}

#listen span{
	display: none;
}

#la{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/trad_LA_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#la:hover{ 
	background-position: 0 -90px;
}

#la span{
	display: none;
}

#scratch{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/trad_scratch_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#scratch:hover{ 
	background-position: 0 -90px;
}

#scratch span{
	display: none;
}

#pen{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/trad_pen_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#pen:hover{ 
	background-position: 0 -90px;
}

#pen span{
	display: none;
}

#technics{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/portfolio/trad_turnt_thumb.jpg) no-repeat 0 0;
	float: left;
	margin: 0 10px 10px 0;
}

#technics:hover{ 
	background-position: 0 -90px;
}

#technics span{
	display: none;
}