body
{
background-color: #000000;
font-family: "century gothic";
}
#title
{
font-size: 38pt;
font-weight: bold;
color: #D3D3D3;
position: absolute;
top: 70px;
left: 128px;
}
#subtitle
{
font-size: 21pt;
font-weight: bold;
color: #D3D3D3;
position: absolute;
top: 130px;
left: 157px;
}
#name
{
font-size: 25pt;
font-weight: bold;
color: #D3D3D3;
position: absolute;
top: 235px;
left: 218px;
}
#degree
{
font-size: 14pt;
color: #D3D3D3;
position: absolute;
top: 380px;
left: 245px;
}
#uni
{
font-size: 12pt;
color: #D3D3D3;
position: absolute;
top: 400px;
left: 135px;
}
#copyright
{
font-size: 14pt;
color: #D3D3D3;
position: absolute;
top: 450px;
left: 255px;
}
#sandfilter
{
width: 311px;
height: 467px;
position: absolute;
top: 16.5px;
left: 244.5px;
}
#carbonator
{
width: 305px;
height: 467px;
position: absolute;
top: 16.5px;
left: 247.5px;
}
#caps
{
width: 700px;
height: 444px;
position: absolute;
top: 28px;
left: 50px;
}
#capping
{
width: 398px;
height: 467px;
position: absolute;
top: 16.5px;
left: 201px;
}
#pallet
{
width: 321px;
height: 467px;
position: absolute;
top: 16.5px;
left: 239.5px;
}
#forklift
{
width: 700px;
height: 490px;
position: absolute;
top: 16.5px;
left: 66.5px;
}
#ontheshelf
{
width: 700px;
height: 437px;
position: absolute;
top: 31.5px;
left: 50px;
}
#consumer
{
width: 700px;
height: 447px;
position: absolute;
top: 26.5px;
left: 50px;
}
#mark
{
width: 324px;
height: 467px;
position: absolute;
top: 16.5px;
left: 238px;
}
#replaylink
{
font-size: 25pt;
font-weight: bold;
color: #D3D3D3;
text-decoration: none;
position: absolute;
top: 200px;
left: 130px;
}
#informationlink
{
font-size: 25pt;
font-weight: bold;
color: #D3D3D3;
text-decoration: none;
position: absolute;
top: 200px;
left: 420px;
}
#portraits
{
font-size: 30pt;
font-weight: bold;
color: #D3D3D3;
position: absolute;
top: 200px;
left: 265px;
}
#infopageimage
{
background-color: #000000;
width: 220px;
height: 440px;
position: absolute;
top: 15px;
left: 20px;
}
#titlebox
{
background-color: #000000;
height: 50px;
width: 420px;
text-align: center;
position: absolute;
top: 12px;
left: 250px;
font-size: 36pt;
color: #D3D3D3;
font-weight: bold;
}
#introbox
{
background-color: #000000;
height: 90px;
width: 420px;
text-align: center;
position: absolute;
top: 80px;
left: 250px;
font-size: 14pt;
color: #D3D3D3;
}
#rightbottomlinksbox
{
background-color: #000000;
height: 220px;
width: 420px;
text-align: center;
position: absolute;
top: 177px;
left: 250px;
}
#logobox
{
background-color: #000000;
height: 65px;
width: 135px;
position: absolute;
top: 387px;
left: 550px;
}
#flowchartbox
{
width: 645px;
height: 430px;
position: absolute;
top: 18.5px;
left: 27.5px;
}
#quote
{
font-size: 16pt;
color: #D3D3D3;
text-align: center;
position: absolute;
top: 50px;
left: 24px;
}
#quoteauthor
{
font-size: 12pt;
color: #D3D3D3;
text-align: center;
position: absolute;
top: 130px;
left: 525px;
}
#thanks
{
font-size: 12pt;
color: #D3D3D3;
text-align: center;
position: absolute;
top: 210px;
left: 20px;
}
#logoborder
{
border-color: D3D3D3;
border-style: solid;
border-width: medium;
}
#linkspagetitle
{
font-size: 18pt;
color: #D3D3D3;
position: absolute;
top: 5px;
left: 15px;
}
#linkspagelinksbox
{
width: 700px;
height: 432px;
font-size: 18pt;
color: #D3D3D3;
background-color: #000000;
position: absolute;
top: 35px;
text-align: center;
}
#sources
{
font-size: 9pt;
color: #D3D3D3;
}
#aboutme
{
font-size: 14pt;
color: #D3D3D3;
text-align: center;
}