/* CSS Document for global styles on bouygues location sites. */

/* Remove default padding from commonly used elements so that we may define our own. */
	html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, p, form, input, select {
		margin: 0px;
		padding: 0px;
	}
	
	body {
		background-color: #2F72C5;
	}
	
	div {
		position: relative;
	}


/* ------------------------------------------------------------------------------------------------------------------ */
/* Global font sizes and styles. */

/* All standard paragraph text = Arial 11px grey. */
	p {
		font: 0.7em Arial, Verdana, Helvetica, sans-serif;
		color: #686868;
	}
	
/* All standard standalone links = Verdana 9px orange. Rollover = blue. */
	a {
		font: 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #F15922;
		text-decoration: none;
	}
	
	a:hover {
		color: #2F72C5;
	}

/* ------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------ */
/* Global header elements. */

/* Container for header. */
	div#hdr {
		width: 940px;
		height: 79px;
	}

/* Container for header background. */
	div#hdrBg {
		position: absolute;
		top: 5px;
		left: 0px;
		width: 940px;
		height: 74px;
		background: url(/images/header-bg2.gif) no-repeat;
		z-index: 1;
	}
	
/* Bouygues UK logo. */
	h1#logo {
		position: absolute;
		top: 16px; 
		left: 780px;
		width: 148px;
		height: 64px;
		z-index: 2;
	}
	
/* Location / Site header. */
	h2#title {
		position: absolute;
		top: 28px; 
		left: 17px;
		width: 750px;
		height: 40px;
		z-index: 2;
	}
	
/* Container for main navbar. */
	div#navbarBg {
		width: 940px;
		background: url(/images/header-bg-btm2.gif) top no-repeat;
	}
	
	div#navbar {
		width: 750px;
		margin: 0px 0px 0px 10px;
	}

/* Main navbar styles. */

/* For dropdown that is displayed if there are too many sites to render nicely in the nav. */
	div#navbar select{
		font: 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #2F72C5;
		margin: 0px 0px 8px 8px;	
	}
	
	div.navOff {
		float: left;
		padding: 7px 8px 5px 9px;
	}
	
	div.navOffBorder {
		float: left;
		padding: 7px 8px 5px 9px;
		background: url(/images/nav-separator.gif) top left no-repeat;
	}
	
	div.navOn {
		float: left;
		padding: 7px 8px 5px 8px;
		background-color: #2F72C5;
	}
	
	div.navOff a {
		color: #2F72C5;
	}
	
	div.navOff a:hover {
		color: #F15922;	
	}
	
	div.navOffBorder a {
		color: #2F72C5;
	}
	
	div.navOffBorder a:hover {
		color: #F15922;	
	}
	
	div.navOn a {
		color: #FFFFFF;
	}
	
	div.navOn a:hover {
		color: #FFFFFF;
	}
	
/* Container for sub navbar. */
	div#subNavbar {
		width: 930px;
		margin: 7px 0px 7px 10px;
	}
	
/* Sub navbar styles. */
	div.subnavOff {
		float: left;
		padding: 4px 8px;
	}
	
	div.subnavOffBorder {
		float: left;
		padding: 4px 8px;
		background: url(/images/subnav-separator.gif) left no-repeat;
	}
	
	div.subnavOn {
		float: left;
		padding: 4px 8px;
		background-color: #FFFFFF;
	}
	
	div#subNavbar a {
		font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	}
	
	div.subnavOff a {
		color: #FFFFFF;
	}
	
	div.subnavOff a:hover {
		color: #F15922;	
	}
	
	div.subnavOffBorder a {
		color: #FFFFFF;
	}
	
	div.subnavOffBorder a:hover {
		color: #F15922;	
	}
	
	div.subnavOn a {
		color: #2F72C5;
	}
	
	div.subnavOn a:hover {
		color: #2F72C5;
	}

/* ------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------ */
/* Global content elements. */

/* Main content container. */
	div#page {
		width: 940px;
		padding: 0px 0px 0px 10px;
	}

	div#page2 {
		width:940px;
	}

/* Left column. */
	div#leftContent2 {
		float:left;
		width: 302px;
		margin: 0px 7px 10px 0px;
	}

	div#leftContent {
		float: left;
		width: 632px;
		margin: 0px 7px 10px 0px;
	}
	
/* General area for content. */
	div.mainContentBg {
		width: 632px;
		background: url(/images/main-content-top.gif) top no-repeat #FFFFFF;
	}
	
	div.mainContentBg2 {
		width: 632px;
		background: url(/images/main-content-top.gif) top no-repeat #FFFFFF;
		margin: 0px 0px 7px 0px;
	}
	
	div.mainContent {
		width: 618px;
		margin: 0px 0px 0px 7px;
		padding: 27px 0px 30px 0px;
	}
	
	div.mcLeftColumn {
		float: left;
		width: 213px;
		padding: 3px 0px 0px 0px;	
	}
	
	div.leftColumnPic {
		width: 199px;
		height: 149px;
		margin: 0px 0px 15px 0px;
	}
	
	div.leftColumnPic2 {
		width: 199px;
		height: 149px;
		margin: 0px 0px 8px 0px;
	}
	
	div.leftColumnLogo {
		width: 199px;
		margin: 0px 0px 15px 0px;
		text-align: center;
	}
	
	div.leftColumnLogoContact {
		width: 199px;
		margin: 13px 0px 15px 0px;
		text-align: center;
	}
	
	div.leftColumnCaption {
		width: 199px;
		text-align: center;
		margin: 0px 0px 34px 0px;
		font: 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #686868;
	}
	
	div.zoomIcon {
		width: 30px;
		height: 18px;
		padding: 121px 0px 0px 0px;
	}
	
	div.mcRightColumn {
		float: left;
		width: 405px;	
		padding: 0px 0px 0px 0px;
	}
	
	div.mainContent h3, div.mainContent2 h3 {
		padding: 0px 0px 0px 16px;
		margin: 0px 0px 6px 214px;
		background: url(/images/hdr-squares-orange.gif) top left no-repeat;
		font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
		color: #F15922;
	}
	
	div.mainContent h4, div.mainContent2 h4 {
		margin: 0px 0px 15px 214px;
		font: bold 0.7em Arial, Verdana, Helvetica, sans-serif;
		color: #686868;
	}
	
	div.mcRightColumn p {
		margin: 0px 0px 20px 0px;
	}
	
	p.intro {
		color: #2F72C5;
	}
	
	p.indent {
		padding: 0px 0px 0px 10px;
	}
	
	div.mcRightColumn h4 {
		margin: 0px 0px 8px 0px;
		font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #2F72C5;
	}
	
	div.mcRightColumn ul {
		padding: 0px 0px 0px 13px;
		margin: 0px 0px 20px 10px;
	}

	div.mcRightColumn li {
		padding: 0em 0em 0.5em 0.3em;
		font: 0.7em Arial, Verdana, Helvetica, sans-serif;
		color: #2F72C5;
	}
	
	div.mcRightColumn li span {
		color: #686868;
	}
	
	div.mcRightColumn a {
		font: 1em Arial, Verdana, Helvetica, sans-serif;
		text-decoration: underline;
	}
	
	img.pdf {
		margin: 0px 0px 5px 0px;
	}
	
	div.contactLineTop {
		width: 405px;
		height: 1px;
		padding: 0px 0px 13px 0px;
	}
	
	div.contactLineBtm {
		width: 405px;
		height: 1px;
		padding: 0px 0px 0px 213px;
	}
	
	div.contactLeft {
		float: left;
		width: 180px;
		margin: 0px 10px 0px 0px;
	}
	
	div.contactRight {
		float: right;
		width: 180px;
	}
	
	div#mainContentFtr {
		width: 632px;
		margin: 7px 0px 0px 0px;
		background: url(/images/main-content-btm.gif) bottom no-repeat #FFFFFF;
	}
	
	div#mainContentFtrPadding {
		padding: 0px 7px 0px 221px;
	}
	
	div#mainContentFtrLink {
		float: left;
		padding: 0px 0px 0px 9px;
		margin: 7px 0px 23px 0px;
		background: url(/images/hdr-squares-orange-small.gif) bottom left no-repeat;
	}
	
	div#mainContentFtrLink a {
		font-weight: bold;
	}
	
	div#mainContentFtrArrow {
		float: right;
		margin: 7px 0px 29px 9px;
	}
	
/* Right column. */
	div#rightContent {
		float: left;
		width: 285px;
		margin: 0px 0px 10px 0px;
	}
	
	div#rightContent2 {
		float: left;
		width: 625px;
		margin: 0px 0px 10px 0px;
	}
	
/* Transparent gif on top left corner of each content box. */
	div.cornerTriangle {
		width: 15px;
		height: 15px;
	}
	
/* Find out more arrow. */
	p.moreArrow {
		text-align: right;
		padding: 0px 7px 7px 0px;
	}
	
/* News tab. */
	div#newsTab {
		float: left;
		width: 67px;
		height: 18px;
		margin: 0px 5px 0px 0px;
	}

/* Jobs tab. */
	div#jobsTab {
		float: left;
		width: 61px;
		height: 18px;
		margin: 0px 5px 0px 0px;
	}
	
/* Tenders tab. */
	div#tendersTab {
		float: left;
		width: 88px;
		height: 18px;
	}
	
/* Global information callout container. */
	div#globalInfo {
		width: 285px;
		height: 255px;
		overflow: auto;
		background-color: #FFFFFF;
	}
	
	div#globalInfo h4 {
		font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #686868;
		padding: 8px 50px 8px 8px;
	}
	
	div#globalInfo h5 {
		font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #2F72C5;
		padding: 0px 50px 8px 8px;
	}
	
	div#globalInfo h6 {
		font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #2F72C5;
		padding: 8px 50px 8px 8px;
	}
	
	div#globalInfo p {
		font: 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #686868;
		padding: 0px 50px 15px 8px;
	}
	
	div#globalInfo a {
		text-decoration: underline;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
	}
	
	div#globalStrip {
		width: 285px;
		height: 1px;
	}
	
	div#globalLink {
		width: 285px;
		background-color: #FFFFFF;
	}
	
	div.readArticles {
		float: left;
		padding: 6px 8px;
	}
	
	div.readArticles a {
		font-weight: bold;
	}
	
	div.readArticlesArrow {
		float: right;
		padding: 7px 4px 0px 4px;
	}
	
	div#accessMapsCallout {
		width: 285px;
		height: 121px;
		margin: 7px 0px;
		background: url(/images/access-maps-pic.jpg);
	}
	
	div#accessMapsCallout2 {
		width: 199px;
		height: 237px;
		margin: 25px 0px 0px 0px;
		background: url(/images/access-maps-hpic.jpg);
		float:left;
	}
	
	div#accessMapsLink {
		width: 140px;
		height: 18px;
		padding: 10px 0px 0px 0px;
	}
	
	div#siteMapContainer {
		padding: 30px 0px 0px 0px;
	}
	
	div#siteMapContainer p a {
		font-size: 1em;
	}

/* ------------------------------------------------------------------------------------------------------------------ */	

/* ------------------------------------------------------------------------------------------------------------------ */	
/* Global footer elements. */

/* Various partner logos. */
	div.logos {
		float: right;
		margin: 0px 0px 7px 7px;
	}
	
/* Container for footer. */
	div#ftr {
		margin: 2px 7px 0px 0px;
	}
	
	div.ftrLeft {
		float: left;
		padding: 5px 8px 0px 0px;
	}
	
	div.ftrBorder {
		float: left;
		padding: 5px 8px;
		background: url(/images/subnav-separator.gif) left no-repeat;
	}
	
	div#ftr a {
		font: 0.7em Arial, Verdana, Helvetica, sans-serif;
		text-decoration: underline;
		color: #FFFFFF;
	}
	
	div#ftr a:hover {
		color: #F15922;
	}
	

/* ------------------------------------------------------------------------------------------------------------------ */