@import url(colours.css);
@import url(form.css);
@import url(kpi.css);

* { margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; }
body { font-size: 0.8em; }
ul, ol { margin-left: 1.5em; padding-left: 1.5em; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.75em; }
p, li { margin-bottom: 0.6em; line-height: 1.3em; }
img { border: 0; }
input.button { border-style: solid; border-width: 1px; }

#root { width: 960px; margin: 5px auto; padding-bottom: 10px; height: 1%; }
	#header { border-bottom-style: solid; border-bottom-width: 5px; }
		#header #logo { float: left; padding: 32px 0px 10px 45px; }
		#header #search { float: right; padding: 10px 10px 0 0; }
			#header #search input { font-size: 0.9em; }
	#body { margin-top: 10px; background-repeat: repeat-y; background-position: 10px 0px; height: 1%; position: relative; min-height: 535px; height: auto !important; height: 535px; }
		#body-leftpanel { position: relative; float: left; width: 190px; padding: 0px 10px; height: 525px; /* background-image: url(../images/bsec2010.gif); background-position: bottom center; background-repeat: no-repeat; */}
			#leftmenu { font-size: 0.85em; height: 1%; }
				#leftmenu ul { margin: 0; padding: 0; list-style-type: none; padding-bottom: 0px; }
				#leftmenu li { display: inline; line-height: 1.2em; margin: 0px; }
				#leftmenu a { display: block; border-bottom: 2px solid #808285; padding: 5px 15px; text-decoration: none; text-transform: uppercase; font-weight: normal; background-repeat: no-repeat; background-position: center right; }
				#leftmenu ul li ul li a { margin-bottom: 2px; padding: 3px 25px; }
				#leftmenu a.active { font-weight: bold; }

				#leftmenu ul.expanded { display: block; }
				#leftmenu ul.collapsed { display: none; }
			#livechatbox { position: absolute; width: 190px; left: 10px; bottom: 4px; }
			#twitterlink { position: absolute; right: 18px; bottom: 0px; }

		#body-rightpanel { float: right; width: 740px; margin-right: 10px; display: inline; }
			#groupcompanies { padding-bottom: 8px; }
				#groupcompanies ul { list-style-type: none; margin: 0; padding: 0; }
					#groupcompanies li { display: inline; }
						#groupcompanies a { float: left; padding: 3px 24px; text-decoration: none; }
			#breadcrumbs { text-align: right; font-size: 0.7em; padding: 8px; text-transform: lowercase; }
			#maintext { padding: 10px; height: 268px; overflow: auto; }
			#maintext.regions { float: left; width: 460px; }
			#maintext.map { width: 100%; float: none; height: 450px; }
			#maintext.casestudies { float: left; width: 400px; height: 490px; }
			#maintext.noimage { height: 490px; }
			#maintext.fluid { height: auto; overflow: auto; }

			#casestudyimages { float: right; width: 315px; padding: 10px 0px; }
				#casestudyimages .casestudyimage { float: left; width: 145px; height: 145px; margin: 0px 0px 8px 8px; display: inline; }

			.casestudy .casestudyimage { float: left; width: 102px; height: 102px; margin: 0px 10px 0px 0px; display: inline; }
				.casestudy .casestudyimage img { border-style: solid; border-width: 1px; }
			.casestudy .casestudytext { float: left; width: 230px; display: inline; }
			.casestudy .casestudysummary { font-size: 0.85em; }

			.buttons { margin-top: 5px; }
			.buttons a { display: block; float: left; margin-left: 8px; display: inline; }

			#regionmap { float: right; width: 250px; text-align: right; }
				#regionmapimg { padding: 10px 10px 0 0; }
			#regioncontactbuttons { margin-bottom: 8px; }
			#regioncontactbuttons .contactbutton { float: left; width: 110px; margin: 0px 3px; }
			#regioncontactbuttons .contactbutton a { display: block; padding: 3px 8px; text-decoration: none; text-align: center; }

			#contactdetails .contactdetail { background-color: #F6F7F7; padding: 8px; }
			#contactdetails .contactdetail .contactportrait { float: left; width: 75px; }
			#contactdetails .contactdetail .contacttext { float: left; width: 320px; padding: 2px 0; }

			#map { width: 738px; height: 470px; border: 1px solid black; }
			#directions { padding-top: 8px; text-align: right; }

		#bottomimage { width: 525px; height: 124px; overflow: none; font-size: 0.9em; padding: 15px 200px 15px 15px; }
			#bottomimage * { line-height: 1.7em; }

	#footer { margin-top: 10px; background-repeat: repeat-y; background-position: 10px 0px; position: relative; height: 1%; }
		#featureboxes { padding-top: 5px; }
			.leftfeaturebox { margin: 2px 6px; }
				.leftfeaturebox h2 { background-repeat: no-repeat; background-position: top right; padding: 4px 9px; font-weight: normal; font-size: 0.85em; margin-bottom: 1px; }
					.leftfeaturebox h2 a { text-decoration: none; }
				.leftfeatureboxcontent { padding: 4px; font-size: 0.85em; overflow: hidden; }
					.leftfeatureboximage { float: left; width: 64px; }
					.leftfeatureboxtext { float: left; width: 102px; }

		#footer-leftpanel { float: left; width: 190px; padding: 0px 10px; }
		#footer-rightpanel { float: right; width: 740px; margin-right: 10px; display: inline; }

#credit { width: 960px; margin: 10px auto; font-size: 0.7em; text-align: right; padding-bottom: 20px; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.float-left { float: left; }
.float-right { float: right; }

.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.status, .error { font-weight: bold; text-align: center; padding-bottom: 10px; }

.search-result { border-top-width: 1px; border-top-style: solid; padding: 8px 0px; }
.search-result-date { text-align: right; font-size: 0.9em; }

#popuproot { margin: 5px auto; width: 320px; }
#flashvideo { float: right; margin: 0px 0px 10px 10px; display: inline; }

table#loginform { width: 300px; margin: 10px auto; }
table#loginform th { padding: 6px; }
table#loginform td { padding: 6px; vertical-align: top; background-color: #F0F0F0; }
table#loginform th { background-color: #808285; color: #FFFFFF; }