/* ----------------------------------------------------------------------------------------------------
 * General page layout
 * ---------------------------------------------------------------------------------------------------- */

#wrapper {
	position: relative;
	margin: 20px auto 0 auto;
	width: 972px;
	height: auto;
}

#page {
	z-index: 50;
	position: relative;
	border: 1px solid #ababab;
	width: 970px;
	min-height: 700px;
	_height: 800px;
}

#page-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 970px;
	height: 700px;
	overflow: hidden;
	vertical-align: bottom;
}

#page-bg img {
	z-index: 1;
	padding-top: 200px;
}

#page h1 {
	position: relative;
	height: 80px;
	padding-top: 85px;
}

#page .content {
	position: relative;
	left: 34px;
	width: 700px;
}

#page .content ul {
	list-style: disc;
	list-style-position: inside;
	margin-left: 20px;
	margin-bottom: 10px;
}

#page #sitemap li {

}

#page #sitemap ul {
	margin-bottom: 0;
}

#page #sitemap .menu ul {
	list-style: circle;
	list-style-position: inside;
	margin-left: 40px;
}


.large-scroller {
	position: relative; left: -25px;
}

.after-scrollup { top: 40px; position: relative; }

#scrollup {
	margin: 0 0 10px 0;
	position: relative;
	top: -30px;
}



/* ----------------------------------------------------------------------------------------------------
 * Sidebar menu layout
 * ---------------------------------------------------------------------------------------------------- */

#sidebar {
	z-index: 200;
	position: absolute;
	top: 0px;
	right: 30px;
	width: 194px;
}

#logo { display: block; z-index:100; position: absolute; top: 0; left: 35px; width: 280px; height: 50px; overflow: hidden; }

#casestudybtn { display: block; margin: 10px 0 0 0; }

#sidebar .content {
	border-bottom: 5px solid #a7a4dd;
	background-color: #a7a4dd;
	background-image: url('images/menu_bg.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 8px;
}

#sidebar .menu {
	margin-bottom: 7px;
}

#sidebar .normal {
	border-bottom: 1px solid #eaeaea;
}

#sidebar .current {
	border-bottom: 1px solid #ffcc00;
}

#sidebar li a {
	display: block;
	padding: 8px;
	height: 12px;
}

#sidebar p {
	padding: 8px;
}


/* ----------------------------------------------------------------------------------------------------
 * Footer menu layout
 * ---------------------------------------------------------------------------------------------------- */

#footer {
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
}

#footer .menu li {
	float: left;
	height: 15px;
}

#footer .menu_right_border {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #000;
}

/* ----------------------------------------------------------------------------------------------------
 * Background image and colour alternatives
 * ---------------------------------------------------------------------------------------------------- */
 
.square img {
	display: none;
}

/* 
	green:			#2ab13d;
	dark-red:		#991e2c;
	light-right:	#e97968;
	orange:			#efa161;
	yellow:			#ffdc78;
	turquoise:		#5dc3b8;
	light-green:	#79ce93;
	purple:			#ba7fc6;
	light-blue:		#8196d9;
	dark-blue:		#333399;
*/

.bg-bridge-green-png .square		{ background-color: #5dc3b8; }
.bg-bridge-red-png .square			{ background-color: #991e2c; }
.bg-building-blue-png .square		{ background-color: #333399; }
.bg-city-blue-png .square			{ background-color: #333399; }
.bg-clock-green-png .square			{ background-color: #79ce93; }
.bg-gherkin-purple-png .square		{ background-color: #ba7fc6; }
.bg-stpauls-orange-png .square		{ background-color: #ffdc78; }
.bg-towerbridge-green-png .square	{ background-color: #2ab13d; }
.bg-train-orange-png .square		{ background-color: #efa161; }
.bg-wharf-red-png .square			{ background-color: #e97968; }
.bg-wheel-blue-png .square			{ background-color: #8196d9; }

.bg-bridge-green-png h3 a			{ color: #5dc3b8; }
.bg-bridge-red-png h3 a				{ color: #991e2c; }
.bg-building-blue-png h3 a			{ color: #333399; }
.bg-city-blue-png h3 a				{ color: #333399; }
.bg-clock-green-png h3 a			{ color: #79ce93; }
.bg-gherkin-purple-png h3 a			{ color: #ba7fc6; }
.bg-stpauls-orange-png h3 a			{ color: #c19c31; }
.bg-towerbridge-green-png h3 a		{ color: #2ab13d; }
.bg-train-orange-png h3 a			{ color: #efa161; }
.bg-wharf-red-png h3 a				{ color: #e97968; }
.bg-wheel-blue-png h3 a				{ color: #8196d9; }
 
.bg-bridge-green {
}
.bg-bridge-red {
}
.bg-building-blue {
}
.bg-city-blue {
}
.bg-clock-green {
}
.bg-gherkin-purple {
}
.bg-stpauls-orange {
}
.bg-towerbridge-green {
}
.bg-train-orange {
}
.bg-wharf-red {
}
.bg-wheel-blue {
}

/* ----------------------------------------------------------------------------------------------------
 * Contact Form Layout
 * ---------------------------------------------------------------------------------------------------- */

.small-form fieldset {
	padding: 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	width: 400px;
}

.small-form label {
	float: left;
	width: 100px;
}

.small-form .field {
	float: left;
	clear: right;
	width: 220px;
	margin-bottom: 10px;
}

.small-form #submit {
	font-size: 12px;
	margin-left: 100px;
	border: 0;
	border-left: 3px solid #efa161;
	padding: 3px;
	background-color: #333399;
	color: #fff;
}