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

#container1{
	position:absolute;
	width:980px;
	height:610px;
	border-style:double;
	border-color:#FFFFFF;
	background-color:#000000;
}

#titleText{
	position:absolute;
	width:700px;
	height:150px;
	left:50px;
	top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90px;
	color:#FFFFFF;
}

#ethylethanoateStructure{
	position:absolute;
	width:141px;
	height:73px;
	top:40px;;
	left:700px;
	background:url(ethylethanoateStructure.gif);
}

#structureBackground{
	position:absolute;
	width:147px;
	height:79px;
	top:37px;
	left:697px;
	background-color:#FFFFFF;
}

#ethylethanoateStructure2{
	position:absolute;
	width:141px;
	height:73px;
	top:300px;
	left:130px;
	background:url(ethylethanoateStructure.gif);
}

#molecularHolder{
	position:absolute;
	width:700px;
	height:400px;
	top:140px;
	left:140px;
	background-color:#00C;
}

#pdbHolder{
	position:absolute;
	width:680px;
	height:380px;
	top:150px;
	left:150px;
	background-color:#000000;
}

#homeButton{
	position:absolute;
	width:150px;
	height:30px;
	top:560px;
	left:415px;
	background-color:#7795A8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
}

#homeButton:hover{
	background-color:#89ACC2; 
}

#IRSpectrumButton{
	position:absolute;
	width:150px;
	height:30px;
	top:560px;
	right:10px;
	background-color:#00C;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
}

#IRSpectrumButton:hover{
	background-color:#03F; 
}


/* divs used in the spectrum page*/
#container2{
	position:absolute;
	width:980px;
	height:610px;
	border-style:double;
	border-color:#FFFFFF;
	background-color:#000000;
}

#returnToPDB{
	position:absolute;
	width:150px;
	height:40px;
	top:560px;
	right:10px;
	background-color:#00C;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
}

#returnToPDB:hover{
	background-color:#03F; 
}

#iRSpectrum{
	position:absolute;
	width:836px;
	height:387px;
	top:40px;
	left:72px;
	background:url(ethylethanoate.gif);
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#spectrumBorder{
	position:absolute;
	width:856px;
	height:407px;
	top:30px;
	left:62px;
	background-color:#00C;
}
#spectrumLabel{
	position:absolute;
	width:450px;
	height:30px;
	top:380px;
	left:120px;
}

#firstPeak{
	position:absolute;
	width:34px;
	height:40px;
	top:55px;
	background:url(peak10001.png);
}

#videoHolder1{
	position:absolute;
	width:600px;
	height:264px;
	top:440px;
	left:0px;
}

#textBox1{
	position:absolute;
	width:350px;
	height:150px;
	top:0px;
	left: 570px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
}

#secondPeak{
	position:absolute;
	width:23px;
	height:116px;
	top:55px;
	background:url(peak20001.png);
}

#videoHolder2{
	position:absolute;
	width:468px;
	height:264px;
	top:440px;
	left:0px;
}

#textBox2{
	position:absolute;
	width:350px;
	height:150px;
	top:0px;
	left: 570px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
}

#thirdPeak{
	position:absolute;
	width:14px;
	height:22px;
	top:55px;
	background:url(peak30001.png);
}

#videoHolder3{
	position:absolute;
	width:468px;
	height:264px;
	top:440px;
	left:0px;
}

#textBox3{
	position:absolute;
	width:350px;
	height:150px;
	top:0px;
	left: 570px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
}