/*
*	Lee Turver
*	Client: Harris CM
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana;
	font-size: 10pt;
	color: #ffffff;
}

img { border:0; }

h2 {
	color: #f16824;
	font-size: 10pt;
	padding-left: 40px;
	padding-right: 35px;	
}

img.borderimg { border: 3px solid #f16723; }

a.normal {
	text-decoration: none;
	font-weight: bold;
	color: #f16824;
}

div#container {
	width: 870px;
	height: 685px;
	margin: 0 auto;
}

div#container div#welcome-msg {
	width: 804px;
	float: left;
	margin: 0;
	padding: 0;
}
div#container div#welcome-msg p{
	margin: 0;
	padding: 0;
	text-align: right;
	color: #666666;
	font-size: 8pt;
	padding-bottom: 3px;
}

div#container div#navigation {
	width: 65px;
	height: 100%;
	float: left;
	background: #f16824 url(../images/nav_bg.png) top left repeat-y;
}

div#container div#navigation ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#container div#navigation li.contact-us a{
	background: url('../images/Nav_contact-us.jpg') no-repeat;
	width: 51px;
	height: 104px;
	display: block;
	text-indent: -10000px;	
}
div#container div#navigation li.contact-us a:hover, div#container div#navigation li.contact-us-selected a{
	background-position: -51px 0px;
}


div#container div#navigation li.latest-news a{
	background: url('../images/Nav_latest-news.jpg') no-repeat;
	width: 51px;
	height: 98px;
	display: block;
	text-indent: -10000px;	
}
div#container div#navigation li.latest-news a:hover, div#container div#navigation li.latest-news-selected a{
	background-position: -51px 0px;
}


div#container div#navigation li.our-experience a{
	background: url('../images/Nav_our-experience.jpg') no-repeat;
	width: 51px;
	height: 115px;
	display: block;
	text-indent: -10000px;	
}
div#container div#navigation li.our-experience a:hover, div#container div#navigation li.our-experience-selected a{
	background-position: -51px 0px;
}

div#container div#navigation li.references a{
	background: url('../images/Nav_references.jpg') no-repeat;
	width: 51px;
	height: 133px;
	display: block;
	text-indent: -10000px;	
}
div#container div#navigation li.references a:hover, div#container div#navigation li.references-selected a{
	background-position: -51px 0px;
}

div#container div#navigation li.services a{
	background: url('../images/Nav_services.jpg') no-repeat;
	width: 51px;
	height: 76px;
	display: block;
	text-indent: -10000px;	
}
div#container div#navigation li.services a:hover, div#container div#navigation li.services-selected a{
	background-position: -51px 0px;
}


div#container div#navigation li.corporate a{
	background: url('../images/Nav_corporate.jpg') no-repeat;
	width: 51px;
	height: 87px;
	display: block;
	text-indent: -10000px;	
}
div#container div#navigation li.corporate a:hover, div#container div#navigation li.corporate-selected a{
	background-position: -51px 0px;
}

div#container div#navigation li.home a{
	background: url('../images/Nav_home.jpg') no-repeat;
	width: 51px;
	height: 68px;
	display: block;
	text-indent: -10000px;	
}
div#container div#navigation li.home a:hover, div#container div#navigation li.home-selected a {
	background-position: -51px 0px;
}







div#new-navigation {
	width: 804px;
	height: 65px;
	float: left;
	background: #f16824 url(../images/new_nav_bg.png) top left repeat-x;
	border-top: 1px solid #214292;
}


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

div#new-navigation li.contact-us a{
	background: url('../images/Nav_contact-us-new.jpg') no-repeat;
	width: 104px;
	height: 51px;
	display: block;
	text-indent: -10000px;	
}
div#new-navigation li.contact-us a:hover, div#new-navigation li.contact-us-selected a{
	background-position: 0 -51px;
}


div#new-navigation li.latest-news a{
	background: url('../images/Nav_latest-news-new.jpg') no-repeat;
	width: 98px;
	height: 51px;
	display: block;
	text-indent: -10000px;	
}
div#new-navigation li.latest-news a:hover, div#new-navigation li.latest-news-selected a{
	background-position: 0 -51px;
}


div#new-navigation li.our-experience a{
	background: url('../images/Nav_our-experience-new.jpg') no-repeat;
	width: 115px;
	height: 51px;
	display: block;
	text-indent: -10000px;	
}
div#new-navigation li.our-experience a:hover, div#new-navigation li.our-experience-selected a{
	background-position: 0 -51px;
}

div#new-navigation li.references a{
	background: url('../images/Nav_references-new.jpg') no-repeat;
	width: 133px;
	height: 51px;
	display: block;
	text-indent: -10000px;	
}
div#new-navigation li.references a:hover, div#new-navigation li.references-selected a{
	background-position: 0 -51px;
}

div#new-navigation li.services a{
	background: url('../images/Nav_services-new.jpg') no-repeat;
	width: 76px;
	height: 51px;
	display: block;
	text-indent: -10000px;	
}
div#new-navigation li.services a:hover, div#new-navigation li.services-selected a{
	background-position: 0 -51px;
}


div#new-navigation li.corporate a{
	background: url('../images/Nav_corporate-new.jpg') no-repeat;
	width: 87px;
	height: 51px;
	display: block;
	text-indent: -10000px;	
}
div#new-navigation li.corporate a:hover, div#new-navigation li.corporate-selected a{
	background-position: 0 -51px;
}

div#new-navigation li.home a{
	background: url('../images/Nav_home-new.jpg') no-repeat;
	width: 68px;
	height: 51px;
	display: block;
	text-indent: -10000px;	
}
div#new-navigation li.home a:hover, div#new-navigation li.home-selected a {
	background-position: 0 -51px;
}








div#container div#content {
	width: 804px;
	height: 683px;
	float: left;
	position: relative;
}

div#container div.home {
	background: #5971ad url(../images/bg_home.jpg) top left no-repeat;
}
div#container div.corporate {
	background: #5971ad url(../images/bg_corporate.jpg) top left no-repeat!important;
}
div#container div.contact-us {
	background: #5971ad url(../images/bg_contact-us_new.jpg) top left no-repeat!important;
}
div#container div.services {
	background: #5971ad url(../images/bg_services.jpg) top left no-repeat!important;
}
div#container div.news {
	background: #5971ad url(../images/bg_news.jpg) top left no-repeat!important;
}
div#container div.experience {
	background: #5971ad url(../images/bg_asda.jpg) top left no-repeat!important;
}
div#container div.project-management {
	background: #5971ad url(../images/bg_experience.jpg) top left no-repeat!important;
}
div#container div.references {
	background: #5971ad url(../images/bg_references.jpg) top left no-repeat!important;
}
div#container div.fm {
	background: #5971ad url(../images/bg_hardhat.jpg) top left no-repeat!important;
}

div#container div#content div#left {
	width: 430px;
	height: 100%;
	float: left;
	border-right: 3px solid #ffffff;
	position: relative;
}

div#container div#content div#left div.slogan {
	width: 330px;
	border-left: 10px solid #f16824;
	padding-left: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 25px;
	margin-bottom: 25px;
}

div#container div#content div#left div.vision-slogan {
	border-left: 10px solid #f16824;
	padding-left: 10px;
	margin-left: 25px;
	clear: both;
	margin-top: 25px;
}

div#container div#content div#left div#staff-members {
	width: 355px;
	margin: 0 auto;
	padding-top: 10px;
	clear: both;
	float: left;
	padding-left: 20px;
}

div#container div#content div#left div#staff-members div.staff-member{
	padding-top: 5px;
	clear: both;
}
div#container div#content div#left div#staff-members div.staff-member img{
	float: left;
	margin-right: 5px;
}

div#container div#content div#left div#staff-members div.staff-member div.name{
	height: 15px; background: #f16824; width: 175px; margin-top: 35px; font-size: 8pt; padding: 2px; text-align: center; padding-right: 3px;
}
div#container div#content div#left div#staff-members div.staff-member div.name p{
	margin: 0; padding: 0; text-align: right;
}

div#container div#content div#left div#case-studies {
	width: 385px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
}

div#container div#content div#left div#case-studies div.case {
	padding-right: 15px;
	float: left;
	color: #214292;
}

div#container div#content div#left div.corporate-name {
	width: 410px; height: 15px; background: #f16824; margin: 0 auto; margin-top: 20px; font-size: 8pt; padding: 2px;
}
div#container div#content div#left div.corporate-name p{
	margin: 0; padding: 0; margin-left: 5px;
}

div#container div#content div#left div.overlay {
	width: 430px;
	height: 132px;
	float: left;
	background: url(../images/1_white-overlay.png) repeat;
/*	background: transparent none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1_white-overlay.png',sizingMethod='scale');	
*/	
	border-bottom: 3px solid #ffffff;
}

div#container div#content div#left div.overlay ul{
	margin-top: 0;
	padding-top: 5px;
	font-size: 9pt;
}

div#container div#content div#left div.overlay li{
	color: #214292;
	list-style-type: none;
	padding-top: 10px;
}
div#container div#content div#left div.overlay li a {
	color: #214292;
	text-decoration: none;
	padding: 2px;
}

div#container div#content div#left div.overlay li a.selected{
	color: #ffffff;
	background: #f16824;
	text-decoration: none;
	padding: 2px;
}


div#container div#content div#right {
	width: 371px;
	height: 100%;
	float: left;
	background: url(../images/1_blue-overlay.png) repeat;
/*	background: transparent none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1_blue-overlay.png',sizingMethod='scale');	
*/	
}

div#container div#content div#right div.quote {
	border-left: 10px solid #f16824;
	padding-left: 10px;
	margin-left: 20px;
}

div#container div#content div#right ul.white_block {
	padding-left: 15px;
	margin-left: 40px;
}

div#container div#content div#right ul.white_block li {
	list-style-type: square;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#container div#content div#right div.logo {
	width: 371px;
	height: 135px;
	float: left;
	background: #ffffff;
}

div#container div#content div#right div.text {
	width: 371px;
	clear: both;
	padding-top: 25px;
}
div#container div#content div#right div.text p.latest-news {
	font-size: 9pt;
}
div#container div#content div#right div.text p.latest-news a {
	text-decoration: none;
	color: #ffffff;
}
div#container div#content div#right div.text p.latest-news span {
	color: #f16824;
	font-weight: bold;
}

div#container div#content div#right div.text a.orange {
	color: #ffffff;
	background: #f16824;
	text-decoration: none;
	padding: 2px;
}
div#container div#content div#right div.text a.blank {
	color: #ffffff;
	text-decoration: none;
	padding: 2px;
}

div#container div#content div#right div.text h1 {
	font-size: 16pt;
	padding-left: 40px;
	padding-right: 35px;
}
div#container div#content div#right div.text p {
	font-size: 11pt;
	padding-left: 40px;
	padding-right: 35px;
}

div#container div#content div#right div.text p.contact {
	line-height: 1.4em;
}