/* 

Globe Cleaning / Feb 2011

*/



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* HTML5 */
header,footer,article,section,hgroup,nav,figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
	}
/* END HTML5 */


@font: Century Gothic, sans-serif;
@blue: #2b328b;


/* GLOBAL */
a:active{outline:none; color:@blue;}
a:focus{-moz-outline-style:none;}
a{text-decoration:none;}
a:hover{}
strong{}
em{}
h1{font:18px helvetica, arial, sans-serif; font-weight:bold; color:#454545; padding-bottom:15px;}
.header1{font:18px helvetica, arial, sans-serif; font-weight:bold; color:#454545; padding-bottom:15px;}
h2{font:17px helvetica, arial, sans-serif; color:@blue; padding-bottom:15px;}
.header2{font:17px helvetica, arial, sans-serif; color:@blue; padding-bottom:15px;}
h3{font:15px helvetica, arial, sans-serif; color:@blue; padding-bottom:10px;}
.header3{font:15px helvetica, arial, sans-serif; color:@blue; padding-bottom:10px;}
h4{}
h5{}
h6{}
ul, li{}
p {font:14px/24px helvetica, arial, sans-serif; color:#5f5f5f; padding-bottom:15px;}
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.ifr {float:right; margin:0 0 10px 15px; }
.clr{clear:both;}

.standardlist { margin:15px 0 15px 20px; font:14px helvetica, arial, sans-serif; color: #5F5F5F;}
.standardlist li {margin: 10px 0px 10px 0px;}

.border-block {background:#f3f3f3; padding:10px; -moz-border-radius:7px; border-radius:7px; margin:10px 0}
/* GLOBAL END */


/* LAYOUT START */
body {margin:0px; background:url(../images/bg.png) repeat-x #dee1ec}
#container{width:940px; margin:0 auto;}
nav ul { list-style:none; height:64px; background: url(../images/navbg.jpg) repeat-x; clear:both; margin-bottom:22px;
	li {float:left; margin:0 13px; font:12px/58px @font; text-transform: uppercase;
		a {display:inline-block; color:#ffffff; height:64px;
			& :hover {color:#DEE1EC; }
		}
	}
}

/* ACTIVE NAV CLASS */

#body-home nav ul li.home a, #body-vacancies nav ul li.vacancies a, #body-support nav ul li.support a, #body-accreditations nav ul li.accreditations a, #body-cleaning nav ul li.cleaning a, #body-support nav ul li.support a, #body-specialist nav ul li.specialist a, #body-gallery nav ul li.gallery a, #body-links nav ul li.links a,#body-news nav ul li.news a, #body-contact nav ul li.contact a, body nav ul li a:hover, {background:url(../images/active.jpg) center bottom no-repeat}

/* END ACTIVE NAV CLASS */
#loginarea {width:100%; background:#303191;
	form {width:565px; color: #fff; margin:0 auto; padding:25px 0; overflow:auto;
		label {color:#fff; font:14px helvetica neue, helvetica, arial, sans-serif;}
		input[type=text] {margin:0 15px 0 10px; -moz-border-radius:3px; border-radius:3px; border:0; padding:4px;}
		input, label {float:left; display: inline-block;}
		a { color: #fff; text-decoration: underline;}
	}
}


#top{height:55px; }
	#login {float:left}
	#strapline {margin:19px 0 0 24px;}
#top-right {float:right; padding-top:5px; text-align: right }
	#top-right h1{font: 18px @font; color:#2b328b; font-weight:bold; padding:0; margin:0; }
	#top-right .header1{font: 18px @font; color:#2b328b; font-weight:bold; padding:0; margin:0; }
	time{font: 11px @font; color:#898989; }
#top-left {float:left;}

#content {background:#fff; padding:28px; position:relative;}
	#flash {background:url(/images/flash-bg.jpg) no-repeat #fff; padding:6px; width:928px; height:291px; }
	#bodytext {width:410px; float:left; background:url(../images/map.png) center center no-repeat;
		h1 	span {font-weight:normal}
	}
	#middle-icons {width:160px; float:left; margin:35px 15px 15px 15px; text-align:center;
		img {margin-bottom:35px}
	}
	
	#home-aside {width:243px; padding:18px; background:#edf7e7; border:1px solid #d2e3da; float:right;
		.latest {clear:both;
			h1 {font:14px @font; color:#a92e5f; padding-bottom:10px}
			p {padding-bottom:5px}
			.readmore {margin:10px 0; float:right}
		}
	}
	
	#callback {background:url(../images/lower-bar.png) no-repeat; width:884px; height:50px; text-align: right;
		#callbacktext { width:400px; float:right;
			p {line-height:50px; height:30px; color:#a6a6a6; float:left;  }
			 #callbutton { margin:10px 10px 0 15px; float:left; }
		}
	}
footer {
	p {font-size:11px;}
}
/* LAYOUT END */

/* SPECIALIST PAGE */

#specialist-box1 {width:330px; float:left; min-height: 200px}
#specialist-box2 {width:500px; float:right; min-height:200px;}

/* ACCREDITATIONS PAGE */

#accreditations {margin-bottom:10px}
#accreditations img {float:left;}
#midimage {margin:0 40px;}



/* CONTACT FORM */
.validation-message{font-weight:bold; color:#de0000; padding:15px; background: url(../images/error-icon.png) no-repeat right center; background-color:#f9a2a2;  -moz-border-radius:7px; border-radius:7px}
.validation-message p {color:#de0000;}
#enquiryform{font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#666; background:#f3f3f3; padding:10px; width:515px; -moz-border-radius:7px; border-radius:7px; float:left;}
#enquiryform table{ padding:0; margin:0;}
#enquiryform td{}
#enquiryform textarea, #enquiryform input[type=text] {background:#ccc; border:0; color:#666; width:260px; padding:10px; margin:5px 0 5px 10px; font: 13px  Helvetica, Arial, sans-serif;-moz-border-radius:3px; border-radius:3px }
#enquiryform textarea {}
#enquiryform input[type=text] { }
#content #enquiryform .required {border-bottom:3px solid #666; }
#map_canvas {width:980px; height:400px;}
#submit {float:right; margin:5px 0 5px 5px}
#contact-text {background:#f3f3f3; -moz-border-radius:7px; border-radius:7px; margin-bottom:15px; padding:10px; width:515px; }



#addressblock {float:right; width:305px; -moz-border-radius:3px; border-radius:3px; background:#f3f3f3; padding:10px; }
/* CONTACT FORM END */

/* services jquer */

	div#feature_list {
			width: 880px;
			height: 500px;
			
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 280px;
		}

		ul#tabs li {
			background:url(../images/featuredicons/bg.png);
			width:280px;
			height: 50px;
			margin:0;
		}
		
		ul#tabs li p {
			font-size: 13px;
			font-family: helvetica, arial, sans-serif;
			font-weight:bold;}
		
		
		ul#tabs li  :hover {
			background:url(../images/featuredicons/bghover.png);
			
		}
		
		ul#tabs li:hover p {color:#f9f9f9;}
		
		ul#tabs li img:hover ul#tabs li   {color:red;}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 5px 10px 0 10px;
			
		}
		
		ul#tabs li img:hover {background:none;}		
		ul#tabs li p {
			line-height: 50px;
			padding:0 10px;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			outline: none;
		}

	

		ul#tabs li a.current {
			background:url(../images/featuredicons/bgcurrent.png);
			}
		
		ul#tabs li a.current p {
		color:#fff;}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 585px;
			height: 450px;
			position: relative;
			background:#262B7F;
			padding:15px;
			margin-right: 50px;
		}

		ul#output li {
			position: absolute;
			width: 580px;
			height: 450px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		
		
		.output_list  {padding:15px;}
		.output_list p {display:block; padding:5px 8px; background:#181b4f; float:left; margin:5px; color:#fff;-moz-border-radius:3px; border-radius:3px }
		
		article.newsStory{width: 600px; float:right;}
		
		ul#news{width:200px; float: left; background: #262b7f; padding: 15px;}
		ul#news li{list-style: none;  padding:10px 0px; border-bottom: 1px solid #696fd2;}
		ul#news li a{color: #ffffff; font:12px @font; display: block;}
		ul#news li a span.date{font-size: 10px; color: #696fd2; }