/* CSS Document */

/* Body
___________________________*/

#container{
	position:absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 650px;
	margin-top: -325px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	background-image: url(./images/background.png);
}

#splashPage{
	position:absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 250px;
	margin-top: -125px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
}

#content{
	position: absolute;
	top: 250px;
	left: 390px;
	width: 400px;
	height: 300px;
}

#contentWide{
	position: absolute;
	top: 250px;
	left: 25px;
	width: 750px;
	height: 300px;
}

/* Images
____________________________*/

#image1{
	position: absolute;
	top: 260px;
	left: 30px;
	width: 156px;
	height: 156px;
}

#image2{
	position: absolute;
	top: 350px;
	left: 210px;
	width: 156px;
	height: 156px;
}

#image3{
	position: absolute;
	top: 450px;
	left: 30px;
	width: 156px;
	height: 156px;
}

#image4{
	position: absolute;
	top: 260px;
	left: 35px;
	width: 325px;
	height: 325px;
}

#image5{
	position: absolute;
	top: 260px;
	left: 35px;
	width: 160px;
	height: 160px;
}

#image6{
	position: absolute;
	top: 400px;
	left: 210px;
	width: 160px;
	height: 160px;
}

/* Menu & Logos
___________________________*/

#topbar{
	position: absolute;
	top: 6px;
	left: 6px;
	width: 788px;
	height: 231px;
}

#bottom{
	position: absolute;
	width: 800px;
	height: 20px;
	top: 626px;
	padding-left: 10px;
}

#mylink{
	position: absolute;
	top: 655px;
	left: 250px;
	width: 285px;
	height: 45px;
}