html, body {
height: 100%;
margin: 0;
padding: 0;
}
 
* {
margin: 0px auto;
padding: 0;
}

img { border: none;}

@font-face {
 font-family: MyCustomFont;
 src: url("font/ACaslonPro.eot")
}

@font-face {
 font-family: MyCustomFont;
 src: url("font/ACaslonPro.ttf")
}

@font-face {
 font-family: MyCustomFont2;
 src: url("font/ACaslonProB.eot")
 
}
@font-face {
 font-family: MyCustomFont2;
 src: url("font/ACaslonProB.ttf")
}

strong {font-family: MyCustomFont2, serif; font-size: 15px; font-weight: normal; line-height: 18px; color: #000; }

a:link {font-family: MyCustomFont, serif; font-size: 10px; font-weight: normal; line-height: 19px; color: #000; text-decoration: none; }
a:active {font-family: MyCustomFont, serif; font-size: 10px; font-weight: normal; line-height: 19px; color: #000; text-decoration: none; }
a:visited {font-family: MyCustomFont, serif; font-size: 10px; font-weight: normal; line-height: 19px; color: #000; text-decoration: none; }
a:hover {font-family: MyCustomFont, serif; font-size: 10px; font-weight: normal; line-height: 19px; color: #000; text-decoration: none; }

a.buy {font-family: MyCustomFont, serif; font-size: 15px; font-weight: normal; line-height: 19px; color: #cc0066; text-decoration: none; }
a.buy:hover {font-family: MyCustomFont, serif; font-size: 15px; font-weight: normal; line-height: 19px; color: #cc0066; text-decoration: none; }

	#container
	{
		margin: 0 auto;
		width: 1020px;
		height: 760px;
		text-align: left;
	}
	
	#header
	{
		height: 40px;
		width: 1020px;
	}
	
	.headerbuttons
	{
		width: 520px;
		height: 40px;
		padding-right: 25px;
		text-align: center;
	}
	
	.homebutton
	{
		width: 67px;
		height: 40px;
		float: left;
	}
	
	.techniquebutton
	{ 
		width: 136px;
		height: 40px;
		float: left;
	}
	
	.buybutton
	{
		width: 46px;
		height: 40px;
		float: left;
	}
	
	.educatebutton
	{
		width: 76px;
		height: 40px;
		float: left;
	}
	
	.archivebutton
	{
		width: 74px;
		height: 40px;
		float: left;
	}
	
	.biobutton
	{
		width: 43px;
		height: 40px;
		float: left;
	}
	
	.contactbutton
	{
		width: 78px;
		height: 40px;
		float: left;
	}
		
	#main
	{
		width: 530px;
		height: 700px;
	}
	
	#mainedu
	{
		width: 860px;
		height: 600px;
	}

	.maincontent
	{
		width: 520px;
		height: 200px;
		position: absolute;
		top: 35%;
		display: table-cell;
		vertical-align: middle;
	}
	
	.biocontent
	{
		width: 520px;
		height: 200px;
		position: absolute;
		top: 35%;
		display: table-cell;
		vertical-align: middle;
	}
	
	.educatecontent
	{
		width: 860px;
		height: auto;
		position: absolute;
		top: 10%;
		display: table-cell;
		vertical-align: middle;
	}
	
	.educatetop
	{
		width: 860px;
		height: auto;
		padding-bottom: 50px;
	}
	
	.educatebottom
	{
		width: 860px;
		height: 450px;
	}
	
	.educatebotone
	{
		width: 200px;
		height: 450px;
		margin-left: 0px;
	}
	
	.educatebottwo
	{
		width: 200px;
		height: 450px;
		margin-top: -450px;
		margin-left: 220px;
	}
	
	.educatebotthree
	{
		width: 200px;
		height: 450px;
		margin-top: -450px;
		margin-left: 440px;
	}
	.educatebotfour
	{
		width: 200px;
		height: 450px;
		margin-top: -450px;
		margin-left: 660px;
	}
	
	.educatebotfive
	{
		width: 860px;
		height: 50px;
	}

	.archivecontent
	{
		width: 520px;
		height: 300px;
		position: absolute;
		top: 30%;
		display: table-cell;
		vertical-align: middle;
	}
	
	.contactcontent
	{
		width: 520px;
		height: 200px;
		position: absolute;
		top: 35%;
		display: table-cell;
		vertical-align: middle;
	}

	.csuccesscontent
	{
		width: 520px;
		height: 424px;
		position: absolute;
		top: 35%;
		display: table-cell;
		vertical-align: middle;
	}


	.techniquecontent
	{
		width: 800px;
		height: 500px;
		position: absolute;
		top: 20%;
		margin-left: -65px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.techniquecontentleft
	{
		width: 300px;
		height: 500px;
		float: left;
		padding-top: 115px;
	}
	
	.techniquecontentright
	{
		width: 460px;
		height: 500px;
		float: right;
	}

	#footer
	{
		clear: both;
		height: 15px;
		width: 1020px;
		position: absolute;
		top: 95%;

		text-align: right;
	}

	h1
	{
		font-family: MyCustomFont, serif;
		font-size: 18px;
		font-weight: normal;
	}

	h2
	{
		font-family: MyCustomFont, serif;
		font-size: 15px;
		font-weight: normal;
		line-height: 19px;
		text-align: justify;
	}

	h4
	{
		font-family: MyCustomFont, serif;
		font-size: 10px;
		font-weight: normal;
	}
	
	.form 
	{
		width: 520px;
		height: 400px;
		position: absolute;
		top: 40%;
		display: table-cell;
		vertical-align: middle;
		margin-left: -55px;
	}

	.formname 
	{
		width : 200px;
		height : 30px;
	}

	.formemail 
	{
		width : 200px;
		height : 30px;
	}

	.formemail2 
	{
		width : 200px;
		height : 30px;
	}

	.formthesubject 
	{
		width : 200px;
		height : 30px;
	}

	.formthemessage 
	{
		width : 200px;
		height : auto;
	}

	.formbutton 
	{
		width : 200px;
		height : 30px;
		padding-top: 15px;
	}
	
	input 
	{
		background-color: white;
		color: black;
		border: 1px #999 solid;
	}

	textarea 
	{
		background-color: white;
		color: black;
		border: 1px #999 solid;
		overflow: auto;
	}
	
	.input2 
	{
		border: 0px white solid;
	}