* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

a {
	color: white;
	text-decoration: none;
}

a:hover {
	color: #e6bf08;
}

.container {
	position: relative;
	margin: 30px auto;
	width: 856px;
	height: 618px;
}

#content {
	position: absolute;
	width: 796px;
	height: 375px;
	left: 30px;
	top: 210px;
	color: white;
}

.logo {
	position: absolute;
	top: 30px;
	left: 30px;
}

ul.address, ul.phone, div.tag {
	position: absolute;
	top: 30px;
	list-style-type: none;
	color: white;
	font-size: 0.75em;
	line-height: 1.4;
	font-weight: bold;
}

div.tag {
	left: 200px;
	font-size: 0.95em;
}

div.footer, div.maplink, div.taclink {
	position: absolute;
	font-size: 0.75em;
	bottom: 8px;
	color: #999;
	font-weight: bold;
}
div.maplink a, div.taclink a {color: #999;}
div.maplink a:hover, div.taclink a:hover {color: #e6bf08;}

div.footer {left: 20px;}
div.maplink {right: 250px;}
div.taclink {right: 70px;}

ul.address {right: 200px;}
ul.phone {right: 50px;}

.nav {
	position: absolute;
	top: 140px;
	left: 0;
}

.nav .top {
	height: 25px;
	margin: 0 0 0 34px;
}

.nav ul {
	list-style-type: none;
	color: white;
}

.nav ul li {
	position: relative;
	display: inline;
}

.nav_home div {width: 72px;}
.nav_about div {width: 80px;}
.nav_real_estate div {width: 108px;}
.nav_leisure div {width: 84px;}
.nav_contact div {width: 80px;}

.nav ul li div {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 0 0 4px;
	position: relative;
	top: -3px;
	left: 0px;
}

.nav ul li img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.nav ul li.selected {
	font-weight: bold;
	z-index: 20;
}

.nav ul li.selected a {
	color: #e6bf08;
	outline: none;
}

.nav ul li.selected img {
	z-index: 25;
}

.nav .bar {
	position: absolute;
	top: 25px;
	left: 0;
	background: #5a696c;
	margin: 0 4px;
	width: 848px;
	height: 22px;
	z-index: 15;
}

.nav .submenu {
	position: relative;	
	width: 848px;
	height: 22px;
	z-index: 30;
}

.nav .submenu ul {
	position: absolute;
	z-index: 30;
	top: 2px;
}

.nav .submenu ul li {
	padding-right: 5px;
}

.contact .map {position: absolute; top: 0; right: 0;}
.contact .info {
	width: 275px;
	font-size: 1.0em;
	line-height: 1.3;
	margin-top: 30px;
}
.contact .info ul {
	font-weight: bold;
	list-style-type: none;
	margin: 15px 0;
}

.home {background: url('../data/home_background.jpg') no-repeat;}
.contact {background: url('../images/contact/background.jpg') no-repeat;}
.sitemap, .terms {background: url('../data/sitemap_background.jpg') no-repeat;}
.leisure {background: url('../data/leisure/background.jpg') no-repeat;}
.real_estate {background: url('../data/real_estate/background.jpg') no-repeat;}
.about_charities {background: url('../data/charities/background.jpg') no-repeat;}
.about_leisure {background: url('../data/about/leisure/background.jpg') no-repeat;}
.about_real_estate, .about_intro {background: url('../data/about/background.jpg') no-repeat;}
.about_team {background: url('../data/about/team/background.jpg') no-repeat;}

.sub_leisure ul {left: 323px;}
.sub_real_estate ul {left: 207px;}
.sub_about ul {left: 119px;}

#slider {
	position: absolute;
	height: 402px;
	width: 506px;
	overflow: hidden;
	top: -23px;
	left: 316px;
	z-index: 100;
}

#slider ul {
	height: 402px;
	list-style: none;
}

#slider ul li {
	position: relative;
	height: 402px;
	width: 506px;
	float: left;
}

#slider ul li img {
	display: block;
}

#panel {
	position: absolute;
	top: -23px;
	left: -26px;
	width: 342px;
	height: 402px;
	overflow: hidden;
}

#panel .inner {
	height: 402px;
	background: white;
	padding-top: 1px;
}

#panel .desc, #panel .intro {
	margin: 20px 20px 0 110px;
	font-size: 0.8em;
	color: black;
	line-height: 1.5;
	width: 212px;
}

#panel .desc h2 {
	margin: 0 0 15px 0;
	color: #747c7e;
}

#panel .desc h3 {
	margin: -15px 0 15px 0;
	font-size: 1.2em;
	font-weight: normal;
}

#panel .desc p {
	margin-bottom: 15px;
}

#thumbs {
	position: absolute;
	z-index: 30;
	top: 42px;
	left: -9px;
	width: 80px;
}

#thumbs img {
	border: none;
	margin-right: 3px;
}

#thumbs a {
	outline: none;
	padding: 0;
}

#static_overview {
	position: absolute;
	right: -26px;
	top: -23px;
}

#moving_overview {
	position: absolute;
	top: 0;
	right: 0;
}

.overview {
	width: 185px;
	background: url('../images/overview_bg.png');
	z-index: 100;
	color: black;
	line-height: 1.5;
}

.overview div {
	margin: 15px;
}

.overview p {
	font-size: 0.75em;
}

.overview h2 {
	font-size: 1.0em;
	font-weight: normal;
	margin-bottom: 10px;
}

.overview dl {
	font-size: 0.75em;
}

.overview dt {
	float: left;
	clear: left;
	font-weight: bold;
	margin-right: 3px;
}

.overview dt:after {
	content: ":";
}

.overview dd {
	padding-top: 1px;
}

#panel .progress {
	margin: 20px 20px 0 108px;
	width: 215px;
	color: red;
	text-align: center;
	font-size: 0.8em;
}

#panel .progress p {
	padding-top: 5px;
}

#panel .progress .bar {
	height: 3px;
	width: 215px;
}

.textpage {
	margin: 30px 0 0 0;
}

.about_charities .textpage {
	margin: -10px 0 0 0;
}

.textpage p {
	margin: 20px 85px;
	font-size: 1.2em;
}

.textpage em {
	font-weight: bold;
	font-style: normal;
}

.sitemap #content {
	width: 848px;
	height: 402px;
	left: 4px;
	top: 187px;
	color: black;
}

.sitemap #content .col {
	position: absolute;
	top: 0;
	width: 168px;
	height: 100%;
	background: url('../images/overview_bg.png');
}

.sitemap #content .col div {
	padding: 30px 10px 0 15px;
}

.sitemap #content li a,
.sitemap #content h3 a {
	color: black;
}

.sitemap #content h2 {
	font-size: 1.0em;
	color: #104b7d;
}

.sitemap #content h3 {
	font-size: 0.8em;
}

.sitemap #content ul {
	font-size: 0.8em;
	list-style: outside;
	margin-left: 17px;
}

.sitemap #content li.dash {
	list-style-type: circle;
}

.sitemap #content a:hover {
	color: #104b7d;
}

.sitemap #content .c1 {left: 0;}
.sitemap #content .c2 {left: 170px;}
.sitemap #content .c3 {left: 340px;}
.sitemap #content .c4 {left: 510px;}
.sitemap #content .c5 {left: 680px;}

div a.hilight {color: white;}

#panel a {color: #104b7d;}

.terms #content {
	width: 848px;
	height: 402px;
	left: 4px;
	top: 187px;
	color: black;
	background: url('../images/overview_bg.png');
}

.terms #content .conditions {
	margin-left: 275px;
	margin-top: 35px;
	width: 555px;
	height: 338px;
	overflow-y: hidden;
}

.terms #content .header {
	position: absolute;
	top: 30px;
	left: 40px;
}

.terms #content .header h2 {
	color: #707070;
	font-weight: normal;
	font-size: 1.35em;
}

.terms .conditions div {
	width: 550px;
	height: 100%;
}

.terms .conditions p {
	line-height: 1.4;
	margin-right: 30px;
}

.terms .conditions p span {
	font-weight: bold;
}

.terms .conditions h4 {
	margin: 15px 0 5px 0;
	color: #104b7d;
}

.terms .conditions ul {
	margin: 5px 30px;
}

.terms .conditions ul li {
	list-style: circle outside;
	margin-left: 20px;
	line-height: 1.4;
}