/* -----------------------------------------------
MASTER STYLESHEET
URI: http://www.citysurveysltd.co.uk/
Created by Stuart Robinson (www.asok.co.uk)
--------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset.css from eric meyer)

2: LAYOUT
	
3: GLOBAL ELEMENTS / CONTROLS
	
4: TEMPLATE / PAGE SPECIFIC
	
5: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Eric Meyer reset.css - http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* end of import */

html { height: 100%; font-size: 62.5%; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; color: #000; }
body { height: 100%; text-align: center; line-height: 1.6em; }
h1, h2 { color: #fc7613; font-weight: bold; }
a { color: #fff; }
a:hover { color: #fc7613; }
a:visited {  }
a:active {  }
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 1.1em; font-family: monaco, "Lucida Console", courier, mono-space }
fieldset { border: 0 none; }
legend { background: #fff; }
label { font-size: 1.1em; }
textarea, input[type='text'], select { border: 1px solid #000; background: #fff; font-size: 11px; color: #000; padding: .5em; }

/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

div#wrapper { width: 78em; margin: 0 auto; text-align: left; }

div#header { margin: 2em 0; }

div#content { clear: both; width: 100%; overflow: hidden; }

div#primary-content { width: 40em; margin: 0 2em; float: left; position: relative; }

div#secondary-content { width: 15em; float: left; }

div#tirtiary-content { width: 19em; float: left; }

div#footer { clear: both; border-top: 1px solid #c6cccc; margin: 2em 0 0 0; padding: 0 0 2em 0; width: 100%; overflow: hidden; }

/* -----------------------------------------------
3. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

div#primary-navigation { background: #404d55; width: 100%; overflow: auto; }
div#primary-navigation ul { float: right; margin: 2em 1.5em 1.5em 1.5em; }
div#primary-navigation ul li { display: inline; border-right: 1px solid #adb2b5; padding: .7em 1.2em .1em 1.2em; }
div#primary-navigation ul li.last { border-right: 0 none; padding-right: 0; }
div#primary-navigation ul li a { font-size: 1.4em; text-decoration: none; font-weight: bold; }

div#secondary-navigation {  }
div#secondary-navigation dt { background: #fc7613; text-align: center; text-transform: uppercase; color: #fff; font-size: 1.5em; padding: .8em 0 .5em 0; font-family: arial; font-weight: bold; }
div#secondary-navigation dd { border-left: 1px solid #c6cccc; border-right: 1px solid #c6cccc; text-align: center; padding: 0 }
div#secondary-navigation dd a { color: #000; font-weight: bold; font-size: 1.1em; text-decoration: none; border-bottom: dotted 1px #000; display: block; padding: 1.5em 1.5em 1.5em 1em; width: 10em; margin: 0 auto; white-space: nowrap; }
div#secondary-navigation dd a:hover, div#secondary-navigation dd.current a { color: #fc7613; }
div#secondary-navigation dd.sub a { color:#fc7613 }
div#secondary-navigation dd.sub ul li a { font-size:0.9em; color:#666; border-bottom:1px dotted #c6cccc; width:auto }
div#secondary-navigation dd.sub ul li a:hover { color:#fc7613 }
div#secondary-navigation dd.last a { border: 0 none; }
div#secondary-navigation img { width: 15em; }

div#social-media { clear: both; margin: 5em 0 0 0; padding:1em 0 2em 0; width: 100%; overflow: hidden; background:#fdfdfd }

div#tertiary-navigation { clear: both; margin:5em 0 2em 0; padding:1em 0 3em 0; width: 100%; overflow: hidden; border-top: 1px solid #c6cccc }
div#tertiary-navigation dl { width:23%; float:left; margin-left:1.6% }
div#tertiary-navigation dl dl { width:auto; float:none; margin-left:auto }
div#tertiary-navigation dl dl a { color:#333; text-decoration:none }
div#tertiary-navigation dl dl a:hover { color:#fc7613; text-decoration:none }
div#tertiary-navigation dt { font-weight:bold; margin-top:8px; font-size:1em }
div#tertiary-navigation dl dl dt { font-size:0.9em }
div#tertiary-navigation dd a {  }

.facebook { padding-left:20px!important; line-height:250%; background:transparent url("/_common/images/facebook.png") center left no-repeat }
.twitter { padding-left:20px!important; line-height:250%; background:transparent url("/_common/images/twitter.png") center left no-repeat }


div#branding { background: #c6cccc; height: 11.45em }
div#inner-branding { background: url('/_common/images/bg-branding.gif') bottom center no-repeat #fff; width: 77.8em; margin: 0 auto; overflow: auto; height: 11.35em; }
div#branding img { width: 13.6em; height: 9.1em; margin: 1em 1.4em; float: left; }
div#branding p { float: right; margin: 3.45em .6em 0 0; font-size: 2.2em; font-weight: bold; }
div#branding p span { color: #fc7613; }

/*div#primary-content h1 { font-size: 1.7em; position: absolute; top: 2.45em; left: .6em; text-transform: uppercase; }*/
div#primary-content h2 { font-size: 1.4em; margin: 1em 0 0 0; }
div#primary-content ul { font-size: 1.2em; margin: 1em 0 0 1.7em; list-style-type: circle; }
div#primary-content ul li { margin: 0 0 .5em 0; }
div#primary-content p { margin: 1em 0 0 0; font-size: 1.2em; }
div#primary-content p.intro { font-weight: bold; }
div#primary-content a { color: #fc7613; }
div#primary-content a:hover { color: #fc7613; text-decoration: none; }
div#primary-content img { width: 40em; height: 18em }

div#tirtiary-content h2 { background: #404d55; color: #fff; text-align: center; font-size: 1.4em; font-weight: bold; text-transform: uppercase; padding: .6em 0 .8em 0; margin: 0 0 1px 0; font-family: arial; }
div#tirtiary-content h2 span { display: block; margin-top: 3px; margin-bottom: -3px; }
div#tirtiary-content p { background: #d5dadd; padding: .7em 0; text-align: center; margin: 0 0 1px 0; }

div.links-list ul { margin: 0 0 1em 0; }
div.links-list ul li {margin:0; padding:0 }
/*div.links-list ul li a { color: #fff; background: url('/_common/images/icon-pdf-small.gif') left top no-repeat; padding: .2em 0 .2em 2em; font-size: 1.1em; }*/

div.logos-list ul { margin: 2em 0 1em 0; }
div.logos-list ul li { float: left; width: 6.3em; height: 6.5em; text-align: center; vertical-align: bottom; }
div.logos-list ul li img {  }

ul#our-clients-list { list-style:none!important; margin:0; padding:0; width:390px!important }
ul#our-clients-list li { width:150px!important; padding:20px 15px!important; float:left!important; margin:0; text-align:center; width:165px!important }
ul#our-clients-list li img { width:auto; height:auto; margin-bottom:10px }
ul#our-clients-list li a:hover { border-bottom:none; background:none!important }

a.register-link { margin: 1.5em 0; background: #e8e9eb; display: block; text-decoration: none; width: 100%; overflow: hidden; font-size: 1.2em; text-transform: uppercase; }
a.register-link:hover { background: #e8e9eb!important; color: #000; }
a.register-link span { padding: 5px; display: block; float: left; color: #000; }
a.register-link span.box { background: #ff8b14; color: #fff; }
a.register-link span span { display: inline; float: none; color: #ff8b14; }

div.accessibility-statement ol, div.accessibility-statement ul { margin: 1em 0 1em 1.8em; list-style-type: decimal; font-size: 1.1em; }
div.accessibility-statement ul { list-style-type: circle; font-size: 1.1em!important; }
div.accessibility-statement ol li, div.accessibility-statement ul li { margin-bottom: .5em; }

div.contact-block { width: 100%; overflow: hidden; margin: 2em 0 2em 0; }
div.contact-block address { float: left; font-style: normal; font-size: 1.1em; border-right: 1px solid #999; padding: 0 1em 0 0; margin: 0 1em 0 0; }
div.contact-block p { margin: 0!important; font-size: 1em!important; }

span.req { font-weight: bold; color: red; }
div.form-block { margin: 1.5em 0 0 0; }
div.form-block ol li { padding: 0 0 1.5em 0; }
div.form-block ol li label { display: block; font-weight: bold; padding: 0 0 .5em 0; }
div.form-block ol li input, div.form-block ol li select { width: 25em; border: 1px solid #999; }
div.form-block ol li select { width: 26em; }
div.form-block ol li textarea { width: 35em; height: 15em; font-size: 11px; color: #000; padding: .5em; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; border: 1px solid #999!important; }
div.form-block ol li input.button { width: auto; padding: .5em; font-weight: bold; }
div#portal_login { text-align: center; margin:0!important; }
div#portal_login button.button { width:188px!important; height:58px!important; margin:0!important; border:none!important; cursor:pointer!important; padding:0!important; text-indent:-3000px; background:url("/_common/images/buttons/client-login.gif") no-repeat }
label.error { color: red; font-weight: normal; }

dl.sitemap { margin: 1em 0; }
dl.sitemap dt { font-weight: bold; font-size: 1.2em; margin: 1em 0; }

div#footer p { float: left; width: 25em; color: #404d55; margin: 2em 0 0 0; }
div#footer ul { float: right; margin: 2em 0; }
div#footer ul li { display: inline; padding: 0 .8em; border-right: 1px solid #c6cccc; }
div#footer ul li.last { padding: 0 0 0 .8em; border: 0 none; }
div#footer ul li a { color: #404d55; }

a.btn-brochure { display:block; width:188px; height:59px; margin:7px 0 0 0; text-decoration:none; background:url("/_common/images/buttons/brochure.gif") no-repeat top left; text-indent:-3000px }
a.btn-brochure:hover { background-position:50% -59px }
a.btn-testimonials { display:block; width:188px; height:54px; margin:0; text-decoration:none; background:url("/_common/images/buttons/testimonials.gif") no-repeat top left; text-indent:-3000px }
a.btn-testimonials:hover { background-position:50% -54px }
a.btn-monitoring-datasheets { display:block; width:188px; height:54px; margin:7px 0 7px 0; text-decoration:none; background:url("/_common/images/buttons/monitoring-datasheets.gif") no-repeat top left; text-indent:-3000px }
a.btn-monitoring-datasheets:hover { background-position:50% -54px }
a.btn-newsletter { display:block; width:188px; height:122px; margin:0; text-decoration:none; background:url("/_common/images/buttons/newsletter.gif") no-repeat top left; text-indent:-3000px }
a.btn-newsletter:hover { background-position:50% -122px }
a.btn-structures-datasheets { display:block; width:188px; height:54px; margin:7px 0 7px 0; text-decoration:none; background:url("/_common/images/buttons/structures-datasheets.gif") no-repeat top left; text-indent:-3000px }
a.btn-structures-datasheets:hover { background-position:50% -54px }
a.btn-read-more { display:block; width:167px; height:28px; margin:15px 0 0 20px; text-decoration:none; background:url("/_common/images/buttons/read-more.gif") no-repeat top left; text-indent:-3000px }
a.btn-read-more:hover { background-position:50% -28px }

/* Calls to action */
a.btn-about-us { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/about-us.jpg") no-repeat top left; text-indent:-3000px }
a.btn-about-us:hover { background-position:50% -157px }
a.btn-architectural-surveys { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/architectural-surveys.jpg") no-repeat top left; text-indent:-3000px }
a.btn-architectural-surveys:hover { background-position:50% -157px }
a.btn-charity { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/charity.jpg") no-repeat top left; text-indent:-3000px }
a.btn-charity:hover { background-position:50% -157px }
a.btn-contact-us { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/contact-us.jpg") no-repeat top left; text-indent:-3000px }
a.btn-contact-us:hover { background-position:50% -157px }
a.btn-ground-investigation { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/ground-investigation.jpg") no-repeat top left; text-indent:-3000px }
a.btn-ground-investigation:hover { background-position:50% -157px }
a.btn-monitoring-services { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/monitoring-services.jpg") no-repeat top left; text-indent:-3000px }
a.btn-monitoring-services:hover { background-position:50% -157px }
a.btn-news { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/news.jpg") no-repeat top left; text-indent:-3000px }
a.btn-news:hover { background-position:50% -157px }
a.btn-our-clients { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/our-clients.jpg") no-repeat top left; text-indent:-3000px }
a.btn-our-clients:hover { background-position:50% -157px }
a.btn-pipeline-surveys { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/pipeline-surveys.jpg") no-repeat top left; text-indent:-3000px }
a.btn-pipeline-surveys:hover { background-position:50% -157px }
a.btn-railway-geospatial { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/railway-geospacial.jpg") no-repeat top left; text-indent:-3000px }
a.btn-railway-geospatial:hover { background-position:50% -157px }
a.btn-railway-technical { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/railway-technical.jpg") no-repeat top left; text-indent:-3000px }
a.btn-railway-technical:hover { background-position:50% -157px }
a.btn-site-engineering { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/site-engineering.jpg") no-repeat top left; text-indent:-3000px }
a.btn-site-engineering:hover { background-position:50% -157px }
a.btn-topographic-surveys { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/topographic-surveys.jpg") no-repeat top left; text-indent:-3000px }
a.btn-topographic-surveys:hover { background-position:50% -157px }
a.btn-utilities-mapping { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/utilities-mapping.jpg") no-repeat top left; text-indent:-3000px }
a.btn-utilities-mapping:hover { background-position:50% -157px }
a.btn-vacuum-excavation { display:block; width:188px; height:157px; margin:0; text-decoration:none; background:url("/_common/images/calls-to-action/vacuum-excavation.jpg") no-repeat top left; text-indent:-3000px }
a.btn-vacuum-excavation:hover { background-position:50% -157px }

/* image replaced titles */
h1.ttl-test { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/about-us.jpg") no-repeat }
h1.ttl-accessibility { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/accessibility.jpg") no-repeat }
h1.ttl-site-map { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/site-map.jpg") no-repeat }
h1.ttl-legal-statement { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/legal-statement.jpg") no-repeat }
h1.ttl-about-us { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/about-us.jpg") no-repeat }
h1.ttl-architectural-surveys { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/architectural-surveys.jpg") no-repeat }
h1.ttl-as-built-surveys-of-pipelines { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/as-built-surveys-of-pipelines.jpg") no-repeat }
h1.ttl-charity { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/charity.jpg") no-repeat }
h1.ttl-concrete-scanning { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/concrete-scanning.jpg") no-repeat }
h1.ttl-concrete-testing { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/concrete-testing.jpg") no-repeat }
h1.ttl-construction-materials-testing { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/construction-materials-testing.jpg") no-repeat }
h1.ttl-contact-us { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/contact-us.jpg") no-repeat }
h1.ttl-datum-plating { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/datum-planning.jpg") no-repeat }
h1.ttl-elevations { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/elevations.jpg") no-repeat }
h1.ttl-ground-investigation { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/ground-investigation.jpg") no-repeat }
h1.ttl-land-surveying { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/land-surveying.jpg") no-repeat }
h1.ttl-laser-scanning { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/laser-scanning.jpg") no-repeat }
h1.ttl-latest-news { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/latest-news.jpg") no-repeat }
h1.ttl-latest-news-archive { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/news-archives.jpg") no-repeat }
h1.ttl-newsletter { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/newsletter.jpg") no-repeat }
h1.ttl-machine-control { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/machine-control.jpg") no-repeat }
h1.ttl-measured-building-surveys { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/measured-building-surveys.jpg") no-repeat }
h1.ttl-monitoring-and-deformation-surveys { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/monitoring-and-deformation-surveys.jpg") no-repeat }
h1.ttl-monitoring-services { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/monitoring-services.jpg") no-repeat }
h1.ttl-our-clients { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/our-clients.jpg") no-repeat }
h1.ttl-pipeline-surveys { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/pipeline-surveys.jpg") no-repeat }
h1.ttl-rail-stressing { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/rail-stressing.jpg") no-repeat }
h1.ttl-railway-engineering { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/railway-engineering.jpg") no-repeat }
h1.ttl-railway-gauging-surveys { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/railway-gauging-surveys.jpg") no-repeat }
h1.ttl-railway-geospatial { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/railway-geospatial.jpg") no-repeat }
h1.ttl-railway-technical { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/railway-technical.jpg") no-repeat }
h1.ttl-railway-track-surveys { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/railway-track-surveys.jpg") no-repeat }
h1.ttl-setting-out-and-levelling { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/setting-out-and-levelling.jpg") no-repeat }
h1.ttl-setting-out-of-pipelines { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/setting-out-of-pipelines.jpg") no-repeat }
h1.ttl-settlement-monitoring-of-pipelines { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/settlement-monitoring-of-pipelines.jpg") no-repeat }
h1.ttl-site-engineering { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/site-engineering.jpg") no-repeat }
h1.ttl-structural-investigations { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/structural-investigations.jpg") no-repeat }
h1.ttl-structural-monitoring { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/structural-monitoring.jpg") no-repeat }
h1.ttl-tamping { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/tamping.jpg") no-repeat }
h1.ttl-topographic-surveys { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/topographic-surveys.jpg") no-repeat }
h1.ttl-track-handback { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/track-handback.jpg") no-repeat }
h1.ttl-track-monitoring { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/track-monitoring.jpg") no-repeat }
h1.ttl-utilities-mapping { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/utilities-mapping.jpg") no-repeat }
h1.ttl-vacuum-excavation { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/vacuum-excavation.jpg") no-repeat }
h1.ttl-vibration-monitoring { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/vibration-monitoring.jpg") no-repeat }
h1.ttl-engineering-surveyors { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/engineering-surveyors.jpg") no-repeat }

h2.ttl-railway-engineering { width:400px; height:197px; text-indent:-3000px; margin:-3px 0 0 0; padding:0; position:relative!important; background:url("/_common/images/banners/railway-engineering.jpg") no-repeat }


/* -----------------------------------------------
4. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* index banners */
ul#banners { list-style:none; width:400px; height:370px;  margin:0; padding:0 }
ul#banners li { list-style:none; width:400px; height:370px; margin:-12px 0 0 -20px!important; padding:0 }
ul#banners li h1 { color:#fff; margin-top:202px!important; margin-left:20px!important; font-size:2em }
ul#banners li p { color:#fff; margin-left:20px; margin-right:20px; line-height:130% }
ul#banners li.land-surveying { background:url("/_common/images/index-banners/land-surveying.jpg") no-repeat }
ul#banners li.structural-investigations { background:url("/_common/images/index-banners/structural-investigations.jpg") no-repeat }
ul#banners li.site-engineering { background:url("/_common/images/index-banners/site-engineering.jpg") no-repeat }
ul#banners li.structural-monitoring { background:url("/_common/images/index-banners/structural-monitoring.jpg") no-repeat }
ul#banners li.utilities-mapping { background:url("/_common/images/index-banners/utilities-mapping.jpg") no-repeat }
ul#banners li.concrete-scanning { background:url("/_common/images/index-banners/concrete-scanning.jpg") no-repeat }

/* index ctas */
div#track-handback { width:50%; float:left; background:url("/_common/images/index-banners/track-handback.jpg") no-repeat top left; padding-top:160px; margin-top:13px; margin-bottom:25px }
div#track-monitoring { width:47%; float:right; background:url("/_common/images/index-banners/track-monitoring.jpg") no-repeat top right; padding-top:160px; margin-top:13px }
div#track-handback h3, div#track-monitoring h3 { font-size:1.5em; color:#fc7613 }

#news-ticker { height: 70px; }
#news-ticker li { display: none; width: 170px; padding: 0 10px }
#news-ticker li p { width: auto; height: 40px; background: white; text-align: left }
#news-ticker li a { display: block; text-align: right; color: #fc7613 }

/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }
.nb { border: 0 none }