/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/**
 * structure.css
 
 * Change the values to alter the overall layout/structure of the Web site.
 * If you change the container width, you must also change other width values so the sum equals the conatiner value
 * Example - if this Web site is a three column layout, consisting of (going across - #navigation, #main-content, #utility), then the sum of these three columns must equal the width of the container
 */
body {
}
#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url("/resource/image/new/structure/body-index.gif");
	background-position: right top;
	background-repeat: repeat-y;
	width: 100%; /* use maximum of 768px for 800x600 displays, use a maximum of 992px for 1024x768 displays */
	min-height: 400px;
	_height: 400px;
}
#container.around {
	background-image: url("/resource/image/new/structure/body-around.gif");
}
#container.lifestyle {
	background-image: url("/resource/image/new/structure/body-lifestyle.gif");
}
#container.physio {
	background-image: url("/resource/image/new/structure/body-respite.gif");
}
#container.dining {
	background-image: url("/resource/image/new/structure/body-dining.gif");
}
#container.testimonials {
	background-image: url("/resource/image/new/structure/body-lifestyle.gif");
}
#container.activities {
	background-image: url("/resource/image/new/structure/body-activities.gif");
}
#container.affinity {
	background-image: url("/resource/image/new/structure/body-affinity.gif");
}
#container.fees {
	background-image: url("/resource/image/new/structure/body-fees.gif");
}
#container.contact {
	background-image: url("/resource/image/new/structure/body-contact.gif");
}
#wrapper {
}

/* header */
#header {
	display: block;
	height: 108px;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url("/resource/image/new/structure/kings-lodge/logo.gif");
	background-repeat: no-repeat;
	background-position: center;
}
#header #accessibility-options,
#header h1 {
	display: none;
}

/* navigation */
#navigation {
	width: 100%;
	height: 33px;
	position: static;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #0048AD;
	opacity: 1;
}
#menu-primary {
	width: 824px;
}
#menu-primary ul li {
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#menu-primary ul li a {
	display: block;
	height: 33px !important;
	background-image: url("/resource/image/new/structure/kings-lodge/menu.gif");
	background-repeat: no-repeat;
}
#menu-primary ul li.menu-home a {
	width: 60px !important;
	background-position: -10px 0px;
}
#menu-primary ul li.menu-home a:hover,
.index #menu-primary ul li.menu-home a {
	background-position: -10px -38px;
}
#menu-primary ul li.menu-around a {
	width: 80px !important;
	background-position: -70px 0px;
}
#menu-primary ul li.menu-around a:hover,
.around #menu-primary ul li.menu-around a {
	background-position: -70px -38px;
}
#menu-primary ul li.menu-lifestyle a {
	width: 89px !important;
	background-position: -151px 0px;
}
#menu-primary ul li.menu-lifestyle a:hover,
.lifestyle #menu-primary ul li.menu-lifestyle a {
	background-position: -151px -38px;
}
#menu-primary ul li.menu-physio a {
	width: 74px !important;
	background-position: -240px 0px;
}
#menu-primary ul li.menu-physio a:hover,
.physio #menu-primary ul li.menu-physio a {
	background-position: -240px -38px;
}
#menu-primary ul li.menu-dining a {
	width: 72px !important;
	background-position: -314px 0px;
}
#menu-primary ul li.menu-dining a:hover,
.dining #menu-primary ul li.menu-dining a {
	background-position: -314px -38px;
}
#menu-primary ul li.menu-testimonials a {
	width: 124px !important;
	background-position: -386px 0px;
}
#menu-primary ul li.menu-testimonials a:hover,
.testimonials #menu-primary ul li.menu-testimonials a {
	background-position: -386px -38px;
}
#menu-primary ul li.menu-activities a {
	width: 99px !important;
	background-position: -510px 0px;
}
#menu-primary ul li.menu-activities a:hover,
.activities #menu-primary ul li.menu-activities a {
	background-position: -510px -38px;
}
#menu-primary ul li.menu-affinity a {
	width: 88px !important;
	background-position: -610px 0px;
}
#menu-primary ul li.menu-affinity a:hover,
.affinity #menu-primary ul li.menu-affinity a {
	background-position: -610px -38px;
}
#menu-primary ul li.menu-fees a {
	width: 51px !important;
	background-position: -698px 0px;
}
#menu-primary ul li.menu-fees a:hover,
.fees #menu-primary ul li.menu-fees a {
	background-position: -698px -38px;
}
#menu-primary ul li.menu-contact a {
	width: 87px !important;
	background-position: -750px 0px;
}
#menu-primary ul li.menu-contact a:hover,
.contact #menu-primary ul li.menu-contact a {
	background-position: -750px -38px;
}

/* main-content */
#main-content {
	width: 990px;
	min-height: 535px;
	height: auto;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#main-content h3 {
	display: block;
	font-weight: bold;
	height: auto;
}
#main-content h3,
#main-content p {
	color: #2C1542;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
#main-content a {
	color: #2C1542;
	text-decoration: underline;
}
#main-content a:hover {
	background-color: #2C1542;
	color: #FFFFFF;
	text-decoration: none;
}
#main-content li {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	margin-bottom: 5px;
	list-style: disc;
}
.text-panel {
	float: left;
	width: 325px;
	margin: 30px 0px 0px 20px;
}
.text-panel-full-width {
	width: 100%;
	margin: 30px 0px 0px 20px;
}
.frame-panel {
	float: left;
	width: 585px;
	position: relative;
	margin: 30px 0px 0px 35px;
}
.frame-panel div {
	width: 309px;
	height: 267px;
	background-image: url("/resource/image/new/frame/1.png");
	background-repeat: no-repeat;
}
.lifestyle .frame-panel div {
	background-image: url("/resource/image/new/frame/2.png");
}
.dining .frame-panel div {
	background-image: url("/resource/image/new/frame/5.png");
}
.physio .frame-panel div,
.activities .frame-panel div {
	background-image: url("/resource/image/new/frame/8.png");
}
.testimonials .frame-panel div,
.affinity .frame-panel div {
	background-image: url("/resource/image/new/frame/4.png");
}
.contact .frame-panel div {
	width: 515px;
	height: 390px;
	background-image: url("/resource/image/new/frame/9.png");
}
.two-frames img {
	margin: 22px 0px 0px 26px;
}
.around .two-frames img {
	margin: 30px 0px 0px 29px;
}
.physio .two-frames img,
.activities .two-frames img {
	margin: 30px 0px 0px 35px;
}
.testimonials .two-frames img,
.affinity .two-frames img {
	margin: 29px 0px 0px 35px;
}
.single-frame img,
.three-frames img {
	margin: 30px 0px 0px 29px;
}
.contact .single-frame img {
	margin: 29px 0px 0px 32px;
}
.fees .text-panel {
	width: 450px;
}
.fees .frame-panel {
	width: 435px;
}
.single-frame .frame-one {
	position: absolute;
	left: 90px;
	top: 0px;
}
.contact .single-frame .frame-one {
	left: 35px;
}
.two-frames .frame-one {
	position: absolute;
	right: 0px;
	top: 0px;
}
.two-frames .frame-two {
	position: absolute;
	left: 25px;
	top: 235px;
}
.around .two-frames .frame-two {
	top: 240px;
}
.physio .two-frames .frame-two,
.activities .two-frames .frame-two {
	top: 245px;
}
.testimonials .two-frames .frame-one {
	left: 50px;
}
.testimonials .two-frames .frame-two {
	top: 245px;
	left: 250px;
}
.affinity .two-frames .frame-one {
	left: 50px;
}
.affinity .two-frames .frame-two {
	top: 245px;
	left: 250px;
}
.three-frames .frame-one {
	position: absolute;
	left: 0px;
	top: 0px;
}
.three-frames .frame-two {
	position: absolute;
	left: 309px;
	top: 125px;
}
.three-frames .frame-three {
	position: absolute;
	left: 0px;
	top: 244px;
}

/* utility */
#utility {
	display: none;
}
/* footer */
#footer {
	clear: both;
	width: 100%;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #04339B;
	background-image: none;
}
#footer h2 {
	display: none;
}
#footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	color: #FFFFFF;
	line-height: 24px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}



/**
 * 100% #container height fix
 * Un-comment the below so the central column (#container) is 100% of screen height.
 */
 
/**
html {
  height: 100%;
}
body {
  height: 100%;
}
#container {
  height: 100%;
	min-height: 100%; 
}
html>body #container {
	height: auto;
}
 */