@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			ABCOM Services
	Author: 		Jon Park | Union Room
	Created: 		March 25th, 2008
	Updated: 
	Copyright: 	(c) 2008, ABCOM Services.
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #FFF;
	
	background: #181818 url(../img/bg/body.gif) repeat-x top;
}

a { text-decoration: none; color: #FFD80F; }
a:hover { text-decoration: underline; }
a.external {}
a#unionroom { margin: 0 5px 0 0; color: #FFD80F; text-decoration: underline; }
a#unionroom:hover { text-decoration: none; }


ul#vacancies { padding: 20px 0 0 0; list-style: none; }
ul#vacancies li { margin: 0 0 15px 0; }
		ul#vacancies div.summary {}
		ul#vacancies div.content { display: none; }

a.tellMore { width: 109px; height: 31px; background-image: url(../img/button-tell-me-more.png); }
a.apply { width: 139px; height: 31px; background-image: url(../img/button-apply-for-job.png); }

	ul.links { width: 100%; margin: 10px 0 0 0; list-style: none; display: table; }
	ul.links li { padding: 0 15px 0 0; float: left; }

a img { border: none; }

abbr, acronym { cursor: help; }

p { padding: 0 0 10px 0; font-size: 1.1em; }
p.intro { font-size: 1.5em; }
p.strap { text-transform: uppercase; font-size: 2.0em; font-weight: normal; }

p#strapSecurityServices { width: 466px; height: 38px; background-image: url(../img/titles/pStrapSecurityServices.gif); }

/* === IDs & Classes === */
ul.bodyList { padding: 0 0 20px 20px; }
ul.bodyList li { padding: 2px 1px; font-size: 1.1em; }

/* === Structure Elements === */
div#wrapper { width: 886px; margin: 0 auto; }
div#hdr { width: 350px; height: 300px; float: left; }
div#body { width: 536px; float: right; }
	div#body div.upper { width: 516px; height: 241px; padding: 0 10px 10px 10px; float: left; }
	div#body div.inner { width: 496px; /*height: 221px;*/ padding: 20px; background: #181818 url(../img/bg/crossHatch.gif); float: left; }
	div#body div.inner .vacancy { font-size: 1.4em; color: #FFD80F; }
	
	/* === TEMP === */
	div#body div.innertemp { width: 496px; height: 464px; padding: 20px; background: #181818 url(../img/bg/crossHatch.gif); float: left; }
div.sidebar { 
	width: 305px;
	
	margin: 18px 0 0 0; 
	padding: 21px 15px 15px 15px; 
	
	background: #181818 url(../img/bg/crossHatch.gif); 
	
	float: left; 
	clear: left;
}
	
div#ftr { width: 866px; margin: 10px auto 5px auto; padding: 10px; font-size: 1.1em; background-color: #FFD80F; float: left; }

div.alt { display: none; }

div.structure { display: table; }

/* === Main Menu === */
ul.inline { list-style: none; }
ul.inline li { display: inline; }

ul#menuMain { 
	width: 531px; 
	height: 15px; 
	
	margin: 0 0 40px 0;
	padding: 0 0 20px 5px;
	
	text-align: center; 
	
	float: right;
	clear: both;
	
	background-color: #181818;
}
ul#menuMain li { padding: 5px 3px 0px 3px; float: left }
ul#menuMain li.nudge { margin: 5px 0 0 0; color: #5E5215; }
ul#menuMain a.topLink { 
	height: 4px; 
	
	margin: 0 auto; 
	padding: 6px 10px 20px 10px; 
	
	float: left;
	position: relative;
}
ul#menuMain a:hover { color: #000; text-decoration: none; background-color: #FFD80F; }

div.subMenu { top: 35px; margin: 0 0 0 -17px; position: absolute; border-top: 1px solid #FFD80F; display: none; }
div.subMenu ul { padding: 5px 0 5px 25px; float: left; }
div.subMenu li { padding: 2px 2px; clear: left; }
div.subMenu a { 
	height: auto; 
	padding: 0; 
}
ul#menuMain a.topLink, div.subMenu a { font-weight: bold; text-transform: uppercase; color: #FFF; }
ul#menuMain a.active, div.subMenu a:hover { color: #FFD80F; }

div.subMenu ul a:hover { color: #FFD80F !important; background-color: transparent !important; }
ul#menuMain a.topLink:hover { color: #000; }

div#submenu-about { width: 205px; height: 96px; background: url(../img/bg/divSubMenuServices.png) no-repeat 38px top; }
div#submenu-about ul { width: 145px; height: 86px; background: url(../img/bg/divSubMenuServicesLeft.png) no-repeat top left; }
div#submenu-about div.right { width: 34px; height: 96px; background: url(../img/bg/divSubMenuServicesRight.png) no-repeat top right; float: right; }

div#submenu-services { width: 205px; height: 96px; background: url(../img/bg/divSubMenuServices.png) no-repeat 38px top; }
div#submenu-services ul { width: 145px; height: 86px; background: url(../img/bg/divSubMenuServicesLeft.png) no-repeat top left; }
div#submenu-services div.right { width: 34px; height: 96px; background: url(../img/bg/divSubMenuServicesRight.png) no-repeat top right; float: right; }

/* === Content Elements === */
div#body div.upper p { width: 100%; font-size: 1.5em; line-height: 1.1em; color: #000; float: left; }
div#body div.upper img.investorInPeople { float: right; }

div#homeFlash { width: 846px; height: 244px; padding: 20px; background-color: #181818; clear: both; }
div#homeFlash div.inner { width: 806px; height: 204px; padding: 20px; background: #181818 url(../img/bg/crossHatch.gif); }
div#homeFlash div.inner p { font-size: 1.5em; }

form#contact table { width: 100%; margin: 30px auto 10px auto; background: transparent; border: 0; }
form#contact table th, form#contact table td { padding: 3px; font-size: 1.1em; }
form#contact table .heading { color: #FFD80F; }
form#contact table th { width: 35%; }
form#contact table thead th { padding: 7px 10px 0 3px; font-size: 1.8em; text-transform: uppercase; text-align: left; color: #FFD80F; background: transparent; }
form#contact table tbody tr th, form#contact table tbody tr td { border-bottom: 0; }
form#contact table tbody th { padding: 5px 10px 5px 5px; text-align: left; }
form#contact table .text { font: 1.1em Arial, Helvetica, sans-serif; width: 250px; }
form#contact table .dob { font: 1.1em Arial, Helvetica, sans-serif; width: 143px; }
form#contact table .telephone { font: 1.1em Arial, Helvetica, sans-serif; width: 150px; }
form#contact table .postcode { font: 1.1em Arial, Helvetica, sans-serif; width: 100px; }
form#contact table tr.spacer td { padding: 0; font-size: 0.8em; border: none; }

div.accordion {}
div.accordion h3 { font-size: 1.0em; }
div.accordion h3 a { margin: 5px 0; padding: 10px 15px; background-color: #FFD80F; font-size: 1.5em; text-transform: uppercase; color: #000; display: block; }
div.accordion div { margin: 5px auto; padding: 5px 5px; }
div.accordion div ul { margin: 0 0 10px 10px; }
div.accordion div li { margin: 0 0 0 5px; font-size: 1.1em; font-weight: bold; }

ul.images { padding: 10px 0; }
ul.images li { padding: 0 5px 0 0; }

ul#news { margin: 20px 0; list-style: none; }
ul#news ul { margin: 0 0 10px 20px; list-style: disc; }
ul#news li.item { padding: 15px 0; border-bottom: 1px solid #393939; }
ul#news div.controls { padding: 5px 0; }

ul#news h3.title { font-size: 1.5em; font-weight: normal; }
ul#news h3.title a { color: #FFF; }
ul#news h3.title a:hover { color: #FFD80F; }

ul#news div.summary { padding: 5px 0 10px 0; }
ul#news div.content { display: none; }

ul#serviceLinks { margin: 30px 0 0 0; list-style: none; }
ul#serviceLinks li { padding: 5px 0; }
ul#serviceLinks a { width: 460px; height: 149px; }
ul#serviceLinks a:hover { background-position: bottom; }
ul#serviceLinks a#securityServices { margin-top: 2px; background-image: url(../img/titles/aSecurityServices.png); }
ul#serviceLinks a#technicalServices { margin-top: 1px; background-image: url(../img/titles/aTechnicalServices.png); }
ul#serviceLinks a#scaffoldingSolutions { margin-top: 1px; background-image: url(../img/titles/aScaffoldingSolutions.png); }

div.sidebar ul { margin: 15px 0 0 10px; }
div.sidebar li { margin: 0 0 0 5px; list-style-image: url(../img/liSide.png); }
div.sidebar a { font-size: 1.1em; line-height: 1.8em; color: #FFD80F; font-weight: bold; text-transform: uppercase; }
div.sidebar a:hover { color: #FFF; }

div#specialOffer { padding: 19px 15px 15px 15px; background: #393939 url(../img/bg/crosshatch2.gif); }
div#specialOffer a { font-size: 1.0em; line-height: 1.2em; font-weight: normal; text-transform: none; text-decoration: underline; }

div#ftr ul {}
div#ftr ul li { padding: 0px 7px; border-right: 1px solid #000; color: #000; }
div#ftr ul a { color: #000; }
div#ftr ul a span { text-decoration: underline; }

ul#siteMapLinks, ul#siteMapLinks ul { padding: 0 0 0 20px; }
ul#siteMapLinks { font-size: 1.2em; }
ul#siteMapLinks li { padding: 5px 0; }

/* === Form Elements === */

/* === Titles & Headers === */
h1#siteTitle { 
	width: 262px; 
	height: 264px; 
	background-image: url(../img/titles/h1ABCOMServices.gif); 
	float: left; 
}

h2.mainTitle { margin: 0 0 10px 0; }
h2#aboutUs { width: 350px; height: 75px; background-image: url(../img/titles/h2AboutUs.gif); }
h2#careers { width: 350px; height: 75px; background-image: url(../img/titles/h2Careers.gif); }
h2#healthSafety { width: 350px; height: 75px; background-image: url(../img/titles/h2HealthSafety.gif); }
h2#latestVacancies { width: 350px; height: 75px; background-image: url(../img/titles/h2LatestVacancies.gif); }
h2#onlineEnquiries { width: 350px; height: 75px; background-image: url(../img/titles/h2Enquiries.gif); }
h2#securityServices { width: 460px; height: 149px; margin-top: 3px; background-image: url(../img/titles/h2SecurityServices.png); }
h2#scaffoldingSolutions { width: 460px; height: 149px; margin-top: 3px; background-image: url(../img/titles/h2ScaffoldingSolutions.png); }
h2#technicalServices { width: 460px; height: 149px; margin-top: 3px; background-image: url(../img/titles/h2TechnicalServices.png); }
h2#latestNews { width: 170px; height: 72px; margin-top: 13px; margin-bottom: 0 !important; background-image: url(../img/titles/h2LatestNews.gif); }
h2#contactUs { width: 350px; height: 75px; margin-top: 4px; background-image: url(../img/titles/h2Contact.gif); }
h2#services { width: 240px; height: 73px; margin-top: 3px; background-image: url(../img/titles/h2Services.gif); }
h2#tagLine { width: 258px; height: 130px; margin: 0 0 20px 0; background-image: url(../img/titles/h2TagLine.gif); float: left; }

h2#terms { width: 350px; height: 75px; margin-top: 4px; background-image: url(../img/titles/h2Terms.gif); }
h2#accessibility { width: 350px; height: 75px; margin-top: 2px; background-image: url(../img/titles/h2Accessibility.gif); }
h2#sitemap { width: 350px; height: 75px; margin-top: 2px; background-image: url(../img/titles/h2SiteMap.gif); }

h3#missingPlugin { width: 86px; height: 38px; margin: 8px 0 10px 0; background-image: url(../img/titles/h3MissingPlugin.gif); }
h3.section { margin: 10px 0 5px 0; padding: 8px 10px; background-color: #FFD80F; font-size: 1.2em; text-transform: uppercase; color: #000; }

h3#tHealth { width: 350px; height: 25px; background-image: url(../img/titles/h3HealthSafety.gif); background-position: 0 4px; }
h3#tCareers { width: 350px; height: 22px; background-image: url(../img/titles/h3Careers.gif); background-position: 0 1px; }

h3#findUs { width: 192px; height: 24px; margin-top: 12px; margin-bottom: 8px; background-image: url(../img/titles/h3FindUs.gif); }

h4#safetyMonitoring { width: 350px; height: 20px; margin-top: 3px; background-image: url(../img/titles/h4SafetyMonitoring.gif); }
h4#safetyInspections { width: 350px; height: 20px; margin-top: 5px; background-image: url(../img/titles/h4SafetyInspections.gif); }
h4#personalProtective { width: 350px; height: 20px; margin-top: 4px; background-image: url(../img/titles/h4PersonalProtective.gif); }

h4#stSecurityServices { width: 200px; height: 35px; background-image: url(../img/titles/h4SecurityServices.gif); }
#specialOffer h4 { width: 285px; height: 134px; margin: 0 0 15px 0; background-image: url(../img/titles/h4IntroOffer.gif); }
#specialOffer h4#offer2 { margin: 2px 0 15px 0; background-image: url(../img/titles/h4IntroOffer2.gif); }
#specialOffer h4#offer3 { width: 295px; height: 140px; margin: 0 0 15px 0; background-image: url(../img/titles/h4IntroOffer3.gif); }

h4.sub { font-size: 1.2em; }

/* === Important Stuff === */
.fLeft { float: left !important; }
.fRight { float: right !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.tCentre { text-align: center !important; }

.bold { font-weight: bold !important; }
.noBold { font-weight: normal !important; }
.noBorder { border: none !important; }

.yellow { color: #FFD80F; }

p.success, p.error, p.notice { padding: 10px 5px; font-size: 1.3em; text-align: center; }
p.success { background-color: #090; border: 1px solid #0A0; }
p.error { background-color: #C00; border: 1px solid #A00; }

input.error { background-color: #FCC; border: 1px solid #C00; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */