/* @group Yahoo! Reset */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}

/* @end */

/* @group Basic Colours and Sizes */

html {
	background-color: #141414;
	color: #fff;	
	font-family: "Lucida Sans", Tahoma, Helvetica, Arial, sans-serif;
}


/* Fonts */

body {
	font-size: 10pt;
}

a:link, a:visited, a:hover, a:active {
	color: #2bcff9;
	font-weight: bold;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

/* Main Menu */
#main-menu li a, #main-menu li a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 150%;
	text-decoration: none;
}

#main-menu li a:hover, #main-menu li a:active {
	color: #2bcff9;
	text-decoration: none;
}

/* Breadcrumb Navigation */
div#breadcrumb-track {
}

div#breadcrumb-nav {
	font-size: 100%;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}


#breadcrumb-nav a:link, #breadcrumb-nav a:visited {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}

#breadcrumb-nav a:active, #breadcrumb-nav a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	color: #ff6600;
	margin: 0;
	padding: 0;
	border: 0;	
	font-weight: bold;
	font-family: arial;
}

h1 {
	font-size: 150%;
	margin: 16px 0 8px 0;
}

h2 {
	font-size: 125%;
	margin: 16px 0 8px 0;
}

h3 {
	font-size: 115%;
	margin: 8px 0 4px 0;
}

div.base-box h1 {
	font-size: 130%;
	margin: 16px 0 8px 0;
}

p.postal-address {
	margin: 8px 0;
}

ul#testimonial-list {
	font-size: 90%;
	font-style: italic;
}

ul#testimonial-list span.big-quote,
ul#testimonials span.big-quote {
	font-size: 120%;
	font-style: normal;
	color: #ff6600;
	font-weight: bold;
	line-height: 100%;
}

div#footer {
	font-size: 80%;
	line-height: 33px;
	background: url(../images/breadcrumb-track.png) repeat-x;
	margin: 0;
	padding: 0;
}

div#privacy-legal a {
	font-weight: normal;
}

p.introduction {
	font-weight: bold;
}

body#standards div.right-side-box div.standards-logo {
	float: left;
	padding: 3px 5px 3px 0;
}

body#standards div.right-side-box h2 span.cert-number {
	font-weight: normal;
	font-size: 60%;
	padding: 0 0 0 0;
	margin: 0;
	color: #fff;
}

/* Health & Safety */

body#health-and-safety div.right-side-box ul, 
body#health-and-safety div.right-side-box p,
body#standards div.right-side-box ul, 
body#standards div.right-side-box p {
	font-size: 90%;
}

ul#testimonials li p.referee {
	color: #ff6600;
	font-weight: bold;
	padding-left: 16px;
	margin: 4px 0 16px 2px;
}

p.tiny {
	font-size: 1%;
}

/* @end */

/* @group Positioning and Padding/Margins */

/* Centre the content in the middle of the browser window */
/*div#site-wrapper {
	position: relative;
	width: 990px;
	left: 50%;
	margin: 0 0 0 -495px;
	padding: 0;
}*/

body {
	text-align: center;
}

div#site-wrapper {
	text-align: left;
	width: 990px;
	margin: 0 auto;
	padding: 0;
}

div#masthead {
	padding: 24px 0 0 0;
}

div#logo {
	float: left;
	margin: 0 0 16px 16px;
}

/* Main Menu */
div#main-menu-wrapper {
	float: right;
	margin: 45px 16px 0 0;
}

div#content-wrapper {
	/*position: absolute;
	top: 144px;*/
	/*border: 1px solid red;*/
	padding: 0 16px 16px 0;
}

body.bg-bottom div#content-text-wrapper {
	padding-bottom: 200px;
	margin: 0 0 16px 16px;
}

body.bg-scaffolding-blue div#content-text-wrapper {
	margin-left: 0;
}

body.bg-left div#content-text-wrapper {
	margin-top: 16px;
}

body.bg-scaffolding-blue div#content-text-wrapper {
	margin: 0 0 16px 16px;
}

ul.link-list {
	list-style: none;
	padding-left: 24px;
	margin: 16px 0 16px 0;
}


ul.link-list li {
	list-style: none;
	margin: 4px 0 4px 0;
}


ul.health-list {
	list-style: square;
	padding-left: 16px;
	margin: 0 0 16px 0;
}

ul.health-list li {
	margin: 4px 0 8px 0;
}

ul.services-list {
	list-style: square;
	padding-left: 16px;
	margin: 8px 0 8px 0;
}

ul.services-list li ul {
	list-style: square;
	padding-left: 16px;
}

ul.services-list li {
	margin: 4px 0 4px 0;
}

ul.projects-list {
	list-style: square;
	padding-left: 18px;
	margin: 8px 0 8px 0;
}

ul.projects-list li {
	padding: 4px 0 4px 0;
}

ul.recent-projects-list {
	list-style: square;
	padding-left: 18px;
	margin: 8px 0 8px 0;
}

ul.recent-projects-list li {
	padding: 4px 0 4px 0;
	font-size: 100%;
}

div#content-text-wrapper p {
	margin: 6px 0 6px 0;
	padding: 2px 0 2px 2px;
	line-height: 130%;
}

body#index div.right-side-box {
	float: right;
	width: 250px;
	padding: 8px 16px;
}

body#health-and-safety div.right-side-box,
body#standards div.right-side-box {
	float: right;
	width: 484px;
	padding: 0 16px 0 32px;
}


body#index div#main-text-box {
	padding: 8px 0;
	width: 484px;
	float: right;
}

div#standards-main-text-box {
	padding: 8px 0;
	width: 300px;
	float: right;
}

body#recruitment div#main-text-box {
	padding-right: 320px;
}

div#main-text-box h1 {
	padding: 0;
}

div#contact-main-text-box {
	padding: 8px 0;
	margin-right: 55px;
	width: 584px;
	float: right;
}


/* Default for bg-bottom template */

body.bg-bottom div#main-text-box,
body.bg-scaffolding-blue div#main-text-box {
	padding: 0 16px 0 16px;
}

/* Team */

body#team div#main-text-box table td {
	padding: 2px 16px;
}

body#team div#main-text-box table td a {
	font-size: 80%;
}


body#services div#main-text-box {
	padding: 0 0 0 16px;
	width: 584px;
}

body.bg-left-blue div#main-text-box,
body.bg-left-orange div#main-text-box {
	padding: 8px 16px 16px 272px;
}

body#health-and-safety div#main-text-box,
body#standards div#main-text-box {
	float: left;
	width: 392px;
	padding: 0 0 0 16px;
}

div.column {
	width: 484px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 8px 0 8px;
}

body#services div#main-text-box div.column {
	width: 270px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 8px 0 8px;
}

div#content-text-wrapper p.more-link, 
p.more-link {
	text-align: right;
}

div#content-text-wrapper p.more-link, 
p.more-link,
div#content-text-wrapper p.less-link,
p.less-link {
	margin-top: 8px;
}

div#content-text-wrapper p.less-link,
p.less-link {
	text-align: left;
}

div#boxes-wrapper {
	padding: 24px 0 0 16px;
}

div.base-box {
	width: 319px;
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	/*border: 1px dotted green;*/
}

div.base-box p {
	margin: 0 0 16px 0;
}

div.box-inner {
	/*border: 1px solid red;*/
	padding: 0 32px 0 20px;
}

ul#testimonial-list {
	list-style: none;
}

ul#testimonial-list li {
	list-style: none;
	margin: 0 0 16px 0;
}

ul#testimonials {
	list-style: none;
}

ul#testimonials li {
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0 4px;
}

div#federation-logos {
	float: left;
	margin: 0 16px 0 0;
}

div#federation-logos img {
	display: block;
	margin: 0 0 16px 0;
}

div#footer {
	margin: 0 0 16px 0;
}

div#privacy-legal {
	float: left;
	padding: 0 0 0 36px;
}

div#company-number {
	float: right;
	padding: 0 36px 0 0;
	text-align: right;
}

div#copyright {
	text-align: center;
	width: 400px;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	font-size: 95%;
	color: #ddd;
}

div#project-thumbnails {

}

ul.imagelist,
ul.imagelist-medium {
	list-style: none;
	padding: 0;
}

ul.imagelist-medium {
	margin: 16px 0;
}

ul.imagelist li {
	float: left;
	margin: 5px 5px;
	list-style-image: none;
	display: block;
	width: 120px;
	text-align: center;
/*	border: 1px solid #666; */
	padding: 3px 1px 2px 1px;
}

ul.imagelist-medium li {
	float: left;
	margin: 5px 5px;
	list-style-image: none;
	display: block;
	width: 180px;
	text-align: center;
/*	border: 1px solid #666; */
	padding: 3px 1px 2px 1px;

}

ul.imagelist li img,
ul.imagelist-medium li img
 {
	border: 1px solid #ccc;
}

.clear-float {
	clear: both;
}

/* @end */

/* @group Breadcrumb */



ul#breadcrumb-nav {
	list-style: none;
	/*border: 1px dashed red;*/
}

ul#breadcrumb-nav li {
	float: left;
	margin-top: 1px;
	margin-left: -16px;
	padding: 0 0 0 16px;
	line-height: 29px;
	/*border: 1px dotted white;*/
	position: relative;
}

ul#breadcrumb-nav li.first,
ul#breadcrumb-nav li.only {
	margin-left: 0;
	padding-left: 0;
}

ul#breadcrumb-nav li a.title,
ul#breadcrumb-nav li span.title {
	display: block;
	float: left;
	padding: 0 8px 0 16px;
	margin: 0;
}

ul#breadcrumb-nav li span.right-side {
	display: block;
	float: left;
	width: 16px;
	margin: 0;
	padding: 0;
	/*border: 1px dotted green;*/
}

/* @end */

/* @group iBox */

/********************************************************
*
* iBox configuration
*
********************************************************/

#ibox_wrapper {
    line-height:25px;
    border-color:#fff;
}
#ibox_wrapper, #ibox_footer_wrapper a { background-color:#fff; }
#ibox_content { background-color:#fff; border:0; margin: 10px 10px 40px 10px; }
#ibox_footer_wrapper {
    line-height: 30px;
    bottom: 5px;
    top: auto;
    padding: 8px 0 8px 0;
}

#ibox_footer {
	font-size: 115%;
	margin-left: 8px;
}

#ibox_footer_wrapper a {
    text-indent: -100000px;
    background: url('../ibox/images/closelabel.gif') center center no-repeat;
    width: 66px;
    height: 25px;
    line-height: 25px;
}

#ibox_footer_wrapper a:hover {
	border: 1px solid #ff6600;
	background: none;
    background: url('../ibox/images/closelabel.gif') center center no-repeat;
}

#ibox_loading {
    text-indent: -100000px;
    width: 200px;
    height: 200px;
    background: #fff url('../ibox/images/loading.gif') center center no-repeat;
}

/* @end */

/* @group Dropdowns */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 margin-left: 30px;
}

ul.dropdown li ul li {
	margin-left: 0;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 95%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}


/**********************************************************
*
* Dropdown Theme
*
**********************************************************/

ul.dropdown {
 font-weight: bold;
 font-size: 120%;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border: 0;
	 color: #fff;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #000;
	 color: #2bcff9;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #2bcff9; }
	ul.dropdown a:active	{ color: #2bcff9; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 180px;
	 margin-top: 1px;
	 padding: 10px;
	 font-size: 85%;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 /*background-image: url(../images/dropdown/nav-arrow-down.png);*/
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 /*background-image: url(../images/dropdown/nav-arrow-right.png);*/
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/*ul.dropdown-upward *.dir {
 background-image: url(../images/dropdown/nav-arrow-top.png);
}*/

/*ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(../images/dropdown/nav-arrow-right.png);
}*/

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 /*background-image: url(../images/dropdown/nav-arrow-left.png);*/
 background-position: 0 50%;
}

/* @end */

/* @group Contact Form */

div#contact-form {
	/*position: absolute;
	left: 30em;*/
	border: 0;
	margin: 0;
	padding: 0;
}

form.contact {
	margin-left: -126px;
	padding: 0;
}

form.contact div.column {
	width: 350px;
	float: left;
	padding: 0 0 0 0;
	margin: 0;
}

form.contact div.column-small {
	width: 350px;
	float: left;
	padding: 0 0 0 0;
	margin: 0;
}

form.contact div.column-small label span.wrapper {
	display: block;
	width: 80px;
	vertical-align: top;
}

form.contact div.column-small label {
	width: 82px;
	float: left;
	text-align: right;
	border: 0;
	padding-right: 3px;
	vertical-align: top;
}

form.contact div.column-small textarea {
	width: 250px;
}

form.contact input, 
form.contact textarea {
	width: 200px;
	font-family: "Lucida Sans", Tahoma, Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
}


#contactform h2 {
	text-align: center;
	margin-top: 0;
}

div#messagebuttons {
	float: right;
	clear: both;
	margin: 8px 20px 0 0;
}

div#contactinstructions {
	text-align: left;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 87%;
}

span.required {
	color: #f00;
	font-weight: bold;
}

span.oneof {
	color: #0f0;
	font-weight: bold;
}

div#form-errors {
	color: #fff;
	background: url(../images/error-bg.png) repeat;
	padding: 16px 16px;
	margin: 16px 0 16px 0;
	border: 1px solid #ddd;
	clear: both;
	width: 20em;
}

div#form-errors ul {
	padding: 0 0 0 16px;
	list-style: square;
}

#namefield.error, #emailfield.error, #messagefield.error {
	border: 2px solid #f00;
	background: #fdc0c0;
	color: #000;
}

#emailfield.error, #phonefield.error, #mobilefield.error, #addressfield.error {
	border: 2px solid #00d400;
	background: #e3fada;
	color: #000;
}

form.contact fieldset {
	border: 0;
}

/*form.contact label {
	width: 9em;
	display: inline-block;
	display: -moz-inline-box;
	text-align: right;
	border: 0;	
	vertical-align: top;
}

form.contact label span.wrapper {
	display: block;
	width: 8.9em;
	vertical-align: top;
}*/

form.contact label {
	width: 122px;
	float: left;
	text-align: right;
	border: 0;
	padding-right: 3px;
	vertical-align: top;
}

form.contact label span.wrapper {
	display: block;
	width: 120px;
	vertical-align: top;
}

form.contact fieldset ol {
	margin: 0;
	padding: 0;
}

form.contact fieldset ol li {
	list-style: none;
	margin: 0;
	padding: 3px;
}


/* @end */