/*------------------------------------------
	blamo
------------------------------------------*/

body {
	background: #d6d6d6;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #4f4f4f;
}

.wrap{
    text-align: left;
    margin: 0 auto;
    width: 800px;
    padding: 0 10px;
    min-width: 940px;
    clear: both;
}

a:link {color:#999;}   
a:visited {color:#999;}
a:hover {color:#5e97ff;}
a:active {color:#999;}

#box {
	height: 256px;
	width: 542px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/box-gradient_02.png);	
}

a#blamo-button {
	display: block;
	height: 33px;
	width: 68px;
	position: absolute;
	margin-top: 5px;
	margin-left: 10px;	
	background-image: url(../img/button-blamo-rollover_18.png);
	background-repeat: no-repeat;
	background-position-y: -68px
}

a#blamo-button:hover {background-position-y: -34px}

a#blamo-button:active {background-position-y: 0px}


#apps {
	display: block;
	background: aqua;
	margin-top: 50px;
}


#apps a#bip-icon {
	float: left;
	margin-top: 80px;
	margin-left: 67px;
	display: block;
	height: 100px;
	width: 82px;
	background-image: url(../img/icon-bip-rollover_11.png);
	background-position-y: 0px;
}

#apps a#bip-icon:hover {background-position-y: -100px}
#apps a#bip-icon:active {background-position-y: -200px}


#apps a#colordev-icon {
	float: left;
	margin-top: 80px;
	margin-left: 80px;
	display: block;
	height: 100px;
	width: 82px;
	background-image: url(../img/icon-colordev-rollover_08.png);
	background-repeat: no-repeat;
	background-position-y: 0px;
}

#apps a#colordev-icon:hover {background-position-y: -100px}
#apps a#colordev-icon:active {background-position-y: -200px}

#apps #last-icon {
	float: left;
	margin-top: 80px;
	margin-left: 80px;
	display: block;
	height: 100px;
	width: 82px;
	background-image: url(../img/icon-other_02.png);
	background-repeat: no-repeat;
	background-position-y: 0px;
}

/*------------------------------------------
	info
------------------------------------------*/

a#apps-button {
	display: block;
	height: 33px;
	width: 68px;
	position: absolute;
	margin-top: 5px;
	margin-left: 10px;	
	background-image: url(../img/button-apps-rollover_01.png);
	background-repeat: no-repeat;
	background-position-y: -68px
}

a#apps-button:hover {background-position-y: -34px}

a#apps-button:active {background-position-y: 0px}

#box p {
	padding-top: 70px;
	padding-left: 80px;
	padding-right: 80px;
	text-align: center;
	font-size: 14px;
    text-shadow: #fff 0 1px 0;
}

a#email-link {
	display: block;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	height: 59px;
	width: 80px;
	background-image: url(../img/email-link_07.png);
}

a#email-link:hover {background-position-y: -59px}
a#email-link:active {background-position-y: -118px}