@charset "utf-8";
body  {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #FFF;
	background-image: url(../../images/background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#container {
	text-align: left;
	width: 990px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

#container .leftCol {
	float:left;
	width: 57px;
	height: 255px;
	background: url(../images/leftGallery.jpg) no-repeat left top;
}

#container .midCol {
	float: left;
	width: 506px;
}

#container .midCol .galleryCont {
	width: 506px;
	height: 392px;
	background: url(../images/galleryBack.jpg) no-repeat center center;
}

#container .midCol .slideshow {
	padding: 13px 0 0 13px;
}

#container .midCol .linkCont {
    position: absolute;
    top: 380px;
    width: 506px;
}

#container .midCol .linkCont .link1, #container .midCol .linkCont .link2 {
	float: left;
	width: 253px;
	height: 39px;
	padding-top: 10px;
	background: url(../images/buttonBack.png) no-repeat left center;
	text-align: center;
}

#container .midCol .linkCont span.button {
	width: 253px;
	text-align: center;
}

#container .midCol .linkCont .link2 {
	background: url(../images/buttonBack.png) no-repeat right center;
}

#container .rightCol {
	float: left;
	width: 420px;
}

#container .rightCol .title {
	width: 420px;
	height: 255px;
	background: url(../images/rightGallery.jpg) no-repeat left top;
}

#container .rightCol .mainText {
	width: 400px;
	padding: 15px 10px 10px 10px;
}