/*CSS Icon pop-up*/

div#icon_wrapper{
position:relative;
top: 0px;

}

.ae-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.ae-popup em {
    background: url(../images/bubbles/bubble-ae.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#ae-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/after_effects_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.br-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.br-popup em {
    background: url(../images/bubbles/bubble-br.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#br-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/bridge_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.fl-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.fl-popup em {
    background: url(../images/bubbles/bubble-fl.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#fl-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/flash_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.dw-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.dw-popup em {
    background: url(../images/bubbles/bubble-dw.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#dw-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/dreamweaver_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.ps-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.ps-popup em {
    background: url(../images/bubbles/bubble-ps.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#ps-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/photoshop_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.ai-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.ai-popup em {
    background: url(../images/bubbles/bubble-ai.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#ai-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/illustrator_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.id-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.id-popup em {
    background: url(../images/bubbles/bubble-id.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#id-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/indesign_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.fw-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.fw-popup em {
    background: url(../images/bubbles/bubble-fw.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#fw-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/fireworks_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.pr-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.pr-popup em {
    background: url(../images/bubbles/bubble-pr.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#pr-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/premiere_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}

.sb-popup {
    width: 41px;
    position: relative;
	float:right;
}
 
div.sb-popup em {
    background: url(../images/bubbles/bubble-sb.png) no-repeat;
    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#sb-icon {
    width: 41px;
    height: 75px;
    background: url(../images/adobe_icons/soundbooth_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
}