html, body{
    display: table;
    height: 100%;
    width: 100%;
}
body {
    display: table-cell;
    vertical-align: middle;
}
body {
	margin: 0;
	font: 14px/18px	Georgia, 'Times New Roman', times, serif;
	color: #E1E1E1;
	background: none;
}
.body-bg {
	background: url('../images/bg-body.gif');
}
img {border-style: none;}
a {color: #E1E1E1;}
a:hover {text-decoration: none;}
#wrapper {
	margin: 0 auto;
	width: 953px;
}
#header {
	overflow: hidden;
	border: solid #E1E1E1;
	border-width: 2px 2px 0;
	height: 65px;
	background: url('../images/bg-header.gif') repeat-x;
}
.nav {
	float: right;
	margin: 0;
	padding: 24px 42px 0 0;
	list-style: none;
}
.nav li {float: left;}
.nav li a {
	float: left;
	height: 28px;
	text-indent: -9999px;
	background: url('../images/bg-nav.gif') no-repeat;
	outline: none;
}
.nav li a.admire {
	margin: 0 4px 0 0;
	width: 74px;
}
.nav li a.flirt {
	margin: 0 14px 0 0;
	width: 48px;
	background-position: -74px 0px;
}
.nav li a.dream {
	margin: 0 15px 0 0;
	width: 68px;
	background-position: -122px 0px;
}
.nav li a.consider {
	margin: 0 16px 0 0;
	width: 81px;
	background-position: -190px 0px;
}
.nav li a.meet {
	width: 47px;
	background-position: -271px 0px;
}
.nav li a.admire:hover,
.nav li.active a.admire {background-position: 0 -28px;}
.nav li a.flirt:hover,
.nav li.active a.flirt {background-position: -74px -28px;}
.nav li a.dream:hover,
.nav li.active a.dream {background-position: -122px -28px;}
.nav li a.consider:hover,
.nav li.active a.consider {background-position: -190px -28px;}
.nav li a.meet:hover,
.nav li.active a.meet {background-position: -271px -28px;}
.logo {
	margin: 2px 0 0 32px;
	width: 315px;
	text-indent: -9999px;
}
.logo a {
	display: block;
	height: 62px;
	outline: none;
	background: url('../images/logo.gif') no-repeat;
}
#main {
	overflow: hidden;
	border: 2px solid #E1E1E1;
	height: 470px;
	background: url('../images/bg-main.gif') repeat-x;
}
#main iframe {
	display: block;
	margin: 0;
	border-style: none;
	border: 0;
	padding: 0;
	height: 470px;
	width: 949px;
	background: url('../images/bg-main.gif') repeat-x;
}
.holder {
	overflow: auto;
	height: 470px;
	background: url('../images/bg-main.gif') repeat-x;
}
.vscroll-up,
.vscroll-down {
	overflow: hidden;
	margin: 0;
	border-style: none;
	padding: 0;
	height: 13px;
	width: 13px;
}
.scrollable {
    overflow: hidden;
}
.vscroll-bar {
	overflow: hidden;
    margin: 0;
	border-style: none;
	padding: 0;
	width: 13px;
	background: #000;
}
.vscroll-line {
	overflow: hidden;
	width: 13px;
    background: url('../images/button.gif') repeat-y;
}
.vscroll-slider {
	overflow: hidden;
	margin: 0;
	border-style: none;
	padding: 0;
	width: 13px;
    background: url('../images/scroll.gif') repeat-y;
	cursor: default;
}
.frame {
	overflow: hidden;
	padding: 44px 0 0;
	width: 100%;
}
.visual-left {
	float: left;
	padding: 16px 24px 0 49px;
	width: 228px;
}
.visual-right {
	float: left;
	padding: 16px 0 0 24px;
	width: 228px;
}
.visual-left img {display: block;	}
.text-area-right {
	float: left;
	padding: 4px 0 0;
	width: 590px;  
	font: italic 14px/18px Georgia, 'Times New Roman', times, serif;
}
.text-area-left {
	float: left;
	padding: 4px 0 0 49px;
	width: 590px;
	font: italic 14px/18px Georgia, 'Times New Roman', times, serif;
}
.text-area-right p,
.text-area-left p {margin: 0 0 21px;}
#footer {
	padding: 5px 0;
	text-align: right;
}