body {

	background-color: white;
	background-image: url(../layout/body.gif);
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
}
#referancekeys {
	display: none;
}
#container {
	width: 685px;
	text-align: left;
	/*margin-top: -230px;
	margin-left: -340px;
	position: absolute;
	left: 50%;
	top: 50%;*/
}

#logo {
	height: 131px;
	width: 100%;
}
#logo h1 {
	display: none;
}

#navigation {
	height: 37px;
	width: 100%;
	position: relative;
	z-index: 10;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
}
#navigation li {
	list-style-type: none;
	float: left;
	margin-left: 5px;
}
#navigation a {
	background-image: url(../layout/tab_grey.gif);
	height: 37px;
	width: 106px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#navigation a:hover {
	background-image: url(../layout/tab_blue.gif);
}
#navigation a span {
	margin-left: 6px;
	display: block;
	margin-right: 6px;
	position: relative;
	padding-top: 7px;
}
div.clearboth {
	clear: both;
	float: none;
	height: 0px;
}
#mainbox {
	height: 165px;
	width: 677px;
	border: 4px solid #00A1E1;
	background-color: #40B9E9;
	margin-top: -4px;
	position: relative;
}

#mainbox-ref {
	background-image: url(../layout/main_undershadow.gif);
	background-repeat: repeat-x;
	height: 81px;
	width: 685px;
}

#aim, #toyou, #cost, #details, #otherlinks, #default {
	width: 677px;
	height: 165px;
	position: absolute;
	visibility: hidden;
	background-color: #40B9E9;
}

a.readmore {
	background-image: url(../layout/readmore.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 129px;
	display: block;
	position: absolute;
	left: 325px;
	top: 130px;
}

a.readmore:hover {
	background-image: url(../layout/readmore_over.gif);
}

* html a.readmore {
	margin-top: 10px;
}

#default {
	background-image: url(../pics/text-default.gif);
	visibility: visible;
}
#default .image {
	height: 294px;
	width: 272px;
	position: absolute;
	left: 461px;
	top: -81px;
}
#aim {
	background-image: url(../pics/test-aim2.gif);
}
#aim .image {
	height: 294px;
	width: 272px;
	position: absolute;
	left: 461px;
	top: -81px;
}

#toyou {
	visibility: hidden;
	background-image: url(../pics/text-how.gif);
}
#toyou .image {

	height: 294px;
	width: 272px;
	position: absolute;
	left: 461px;
	top: -81px;
}

#cost {
	background-image: url(../pics/text_cost-march.gif);
}
#cost .image {

	height: 294px;
	width: 272px;
	position: absolute;
	left: 500px;
	top: -81px;
}
#details {
	background-image: url(../pics/text-story.gif);
}
#details .image {

	height: 294px;
	width: 272px;
	position: absolute;
	left: 461px;
	top: -81px;
}
#otherlinks {
}
#otherlinks .image {

	height: 294px;
	width: 272px;
	position: absolute;
	left: 500px;
	top: -81px;
}
#memberbox {
	width: 328px;
	height: 128px;
	position: relative;
}
#memberbox #memberbox-ref {
	background-image: url(../layout/members_undershadow.gif);
	height: 71px;
}

#memberbox #box {
	width: 320px;
	height: 120px;
	background-color: #869EA8;
	border: 4px solid #5D7D8B;
}


#memberbox #box #login {
	width: 115px;
	padding-left: 10px;
	margin: 0px;
}
#login #username, #login #password {
	background-color: #C8D8DE;
	width: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5D7D8B;
}
#login #usernamebox {
	padding-left: 15px;
	background-image: url(../layout/username.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 17px;
	margin-bottom: 10px;

}
#login #passwordbox {
	padding-left: 15px;
	background-image: url(../layout/password.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 17px;

}
#login #logon {
	margin-top: 10px;
}
#box .members {
	background-image: url(../layout/members.gif);
	height: 18px;
	width: 102px;
	position: relative;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}
#box .members span {
	display: none;
}
#box #signup {
	background-image: url(../layout/signup.gif);
	height: 105px;
	width: 178px;
	position: absolute;
	left: 137px;
	top: 8px;
	background-repeat: no-repeat;
}
#box #signup span {
	display: none;
}
a span {
	display: none;
}
#footer {
	margin-top: -45px;
	position: relative;
}
#footer #info {
	position: absolute;
	top: 50px;
	width: 350px;
	right: 0px;
	text-align: right;
}
#footer #info p {
	font-size: 10px;
}
#footer #info a {
	color: #40B9E9;
	text-decoration: none;
}



* html #aim, * html #toyou, * html #cost, * html #details, * html #otherlinks {
	height: 142px;
}
* html #mainbox {
	width: 685px;
}
* html #memberbox #box {
	width: 328px;
}
* html a.readmore {
	top: 110px;
}
span.pagecontent {
	display: none;
}
#popup {
	position: absolute;
	left: 113px;
	top: 234px;
	z-index: 20;
}