/* biotech.css */

body {
	margin: 0;
}

#container {
	position:relative; 
	width:298px; 
	height:598px; 
	background-image:url('../img/bg.jpg'); 
	border: 1px solid #999999;
	overflow: hidden;
}

#ink1-holder {
	position:absolute; 
	width:298px; 
	height:229px; 
	/*height:380px; max height */
	overflow:hidden;
}

#ink1 {
	position: absolute; 
	left: 87px; 
	top: 229px;
	width: 33px;
	height: 217px;
}
#ink2-holder {
	position:absolute; 
	width:298px; 
	height:229px; 
	/*height:380px; max height */
	overflow:hidden;
}

#ink2 {
	position: absolute; 
	left: 101px; 
	top: 229px;
	width: 42px;
	height: 217px;
}
#ink3-holder {
	position:absolute; 
	width:298px; 
	height:229px; 
	/*height:380px; max height */
	overflow:hidden;
}

#ink3 {
	position: absolute; 
	left: 125px; 
	top: 229px;
	width: 38px;
	height: 201px;
}

#axis {
	opacity: 0; 
	position: absolute; 
	left: 191px; 
	top: 221px;
	width: 20px;
	height: 296px;
}

#mark-private {
	opacity: 0; 
	position: absolute; 
	left: 184px; 
	top: 182px;
	/*top: 333px;  mark1 */
	/*top: 370px;  mark2 */
	/*top: 419px;  mark3 */
	width: 86px;
	height: 103px;
}

#text-private {
	opacity: 0; 
	position: absolute; 
	left: 217px; 
	top: 145px;
	/*top: 296px;  mark1 */
	/*top: 333px;  mark2 */
	/*top: 382px;  mark3 */
	width: 50px;
	height: 30px;
	font-family: Open Sans, Arial, Helvetica,sans-serif;
	font-size: 28px; 
	text-align: right; 
	letter-spacing: -1.5px;
	color: #000000;
}

#text-public {
	opacity: 0; 
	position: absolute; 
	left: 217px; 
	top: 221px;
	/*top: 321px;  mark1 */
	/*top: 358px;  mark2 */
	/*top: 458px;  mark3 */
	width: 50px;
	height: 30px;
	font-family: Open Sans, Arial, Helvetica,sans-serif;
	font-size: 28px; 
	text-align: right; 
	letter-spacing: -1.5px;
	color: #000000;
}

#bg-end {
	opacity: 0; 
	position: absolute; 
	left: 0px; 
	top: 0px;
	/*top: 154px;  mark3 */
	width: 300px;
	height: 600px;
}

#textimage-hp {
	opacity: 0; 
	position: absolute; 
	left: 34px; 
	/*left: 24px; end loc */
	top: 39px;
	width: 243px;
	height: 140px;
}

#textimage-see {
	opacity: 0; 
	position: absolute; 
	left: 33px; 
	/*left: 23px; end loc */
	top: 199px;
	width: 256px;
	height: 49px;
}

#hp-logo {
	opacity: 0; 
	position: absolute; 
	left: 109px; 
	top: 524px;
	width: 207px;
	height: 66px;
}

#cta {
	opacity: 0; 
	position: absolute; 
	left: 23px; 
	top: 274px;
	width: 78px;
	height: 27px;
}

#cta:hover {
	left: 24px; 
	top: 275px;
}