/* @group page */

body
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

img
{
	border: none;
}

div#page
{
	display: block;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 1px solid gray;
}

/* @end */

/* @group header */

div#header
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 120px;
	background-color: #969599;
	overflow: hidden;
}

div#header img#highlight
{
	position: relative;
	top: 10px;
	left: 0px;
	z-index: 10;
}

div#header img#top
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

div#header h1
{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

/* @end */

/* @group navigation */

div#navigation
{
	margin: 0;
	padding: 0;
}

div#navigation ul
{
	display: block;
	height: 40px;
	margin: 0;
	padding: 8px 0 0 460px;
	background: #a23024 url('/_resources/interface/clifton_place.jpg') no-repeat 110px 0px;
	
}

div#navigation ul li
{
	float: left;
	list-style: none inside none;
	padding: 0 0 0 0 ;
	
}

div#navigation ul li a
{
	margin: 0px 1px 0px 1px;
	padding: 4px 12px 4px 8px;
	color: white;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #a5a5a7;
	background-position: 0 0;

}
div#page.variant_home div#navigation ul li#home a,
div#page.variant_location div#navigation ul li#location a,
div#page.variant_accommodation div#navigation ul li#accommodation a,
div#page.variant_specification div#navigation ul li#specification a,
div#page.variant_contact div#navigation ul li#contact a
{
	border-bottom: 3px solid white;
}



div#navigation ul li a:hover
{
	background-color: #5a5b5e;
	background-position: 0 -20px;
}

/* @end */

/* @group content */


div#content
{
	clear: both;
	padding: 20px 0 0 0;
}

div#content img.splash
{
	float: left;
	margin: 0 0 20px 20px;
}

div#content h1
{
	color: #9b312e;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	margin: 0;
}

div#content p
{
	color: #232324;
	font-size: 12px;
	line-height: 17px;
	margin: 0px 30px 16px 20px;
	padding: 0;
}


div#content ul.images
{
	list-style: none inside none;
	padding: 0;
}

div#content ul.floorplate_images
{
	list-style: none inside none;
	padding: 0 0 0 0;
	margin: 10px 10px 30px 30px;
	float: left;
	height: 400px;
}

div#content ul.images li
{
	float: left;
}

div#content ul.images li img
{
	margin: -15px 20px 10px 0;
}

div#content ul.images_accom
{
	list-style: none inside none;
	margin: 30px 0 0 540px;
	padding: 0 20px 0 0;
	height: 120px;
}

div#content ul.images_accom li
{
	float: left;
	padding: 0 0 0 20px;
}

div#content p.intro
{
	color: #a5a5a7;
	font-size: 16px;
	line-height: 24px;
	margin: 0 20px 20px 20px;
	padding:  0;
}

div#page.variant_home div#content p.intro
{
	font-size: 30px;
	line-height: 37px;
}

div#content span.map
{
	font-size: 12px;
	color: #a23024;
	text-transform: uppercase;
	font-weight: bold;
}

div#content div#changing_images
{
	margin: 0 10px 32px 20px;
	float: left;
	padding:  0;
	height:  400px;
}

div#content div#changing_images img
{
	position: absolute;
	opacity: 0.0;
}

div#content div#changing_images img.initially_visible
{
	opacity: 1.0;
}

div#content span.keyword
{
	color: #a23024;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

div#content h1,
div#content p,
div#content p.intro,
div#content p.intro_home,
div#content ul.images
{
	margin-left: 560px;
}

div#content span.keyword_line
{
	color: #a23024
}


div#content ul.specification
{
	colour: #a23024;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	margin: 0 20px 20px 560px;
	color: #a23024;
	list-style-type: disc;
	list-style-position: inside;
	padding:  0;
}

div#content ul.specification li
{
	margin:  0;
	padding:  0;
}

div#content div.splash
{
	display: block;
	width: 540px;
	float: left;
}

div#content img.splash_spec
{
	margin: 0 0 10px 20px;
}

div#content .changing_images2
{
	margin: 0 0 0 20px;
	float: left;
	padding: 0;
	height: 232px;
}

div#content .changing_images2 img
{
	position: absolute;
	opacity: 100;
}

div#content ul.images_logo
{
	list-style: none inside none;
	padding: 0;
	margin: 0 0 0 560px;
}

div#content ul.images_logo li 
{
	float: left;
	margin: 0 10px 15px 0;
}
	

div#content img.project
{
	float: left;
	margin: 10px 0 16px 560px;
}

div#content img.splash_pdf
{
	float: left;
	margin: 0 0 0 70px;
}

/* @end */



/* @group overlay */

div.overlay
{
	display: none;
	position: absolute;
	z-index: 30;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url('/_resources/interface/black_50.png') top left;
}

div.overlay div#overlay_content
{
	display: block;
	width: 800px;
	height: 600px;
	margin: 80px auto 0 auto;
	border: 8px solid white;
	background-color: black;
}

div.overlay div#overlay_content2
{
	display: block;
	width: 800px;
	height: 430px;
	margin: 80px auto 0 auto;
	border: 8px solid white;
	background-color: black;
}

div.overlay div#overlay_content h1
{
	color: white;
}


/* @end */


/* @group footer */


div#footer
{
	clear: both;
	background-color: #a23024;
	font-size: 12px;
	line-height: 18px;
	padding: 4px 4px 4px 4px;
	margin:  0;
}

div#footer p
{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #eee;
}
div#footer a
{	
	color: #eee;
	
}



/* @end */