@charset "UTF-8";
/* CSS Document */

/*//////////////////////globals////////////////*/
html{
	height:100%;
}
body{
	margin:0px;
	line-height:1.5;
	background:#222;
	font-size:12px;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	font-weight:300;
	color:#000;
	height:100%;
	}
li, ul{
	list-style:none;
	padding:0;
	margin:0;
	}
p{
	margin:0;
	}
form{
	margin:0;
	padding:0;
	}	

/*///////////Sticky Footer/////////////*/
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {overflow:auto; padding-bottom: 160px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -160px;height: 160px; clear:both;background:#000;min-width:900px;}
#main{position:relative; clear:left;width:900px; margin:0 auto;}
#floater{ 	position:relative; float:left;
		height:38%;	margin-bottom:-215px;
		width:1px; }
/*//////////////////////divs////////////////*/
#content{
	background:#fff;
	color:#000;
	min-height:400px;
}
.clear{
	clear:both;
	height:0;
	display:block;
	overflow:hidden;
}
#footer_inside{
	width:900px;
	margin:0px auto;
	position:relative;
}
#footer_shadow{
	position:absolute;
	width:100%;
	min-width:900px;
	height:25px;
	top:-25px;
	left:0;
	background:url(../images/layout/footer_shadow.png);
}
#projects_nav{
	min-height:26px;
	line-height:1;
	font-size:1.2em;
	padding-bottom:5px;
}
#textbox{
	width:220px;
	padding:10px;
	padding-top:42px;
	float:left;
	padding-right:25px;
}	
#home_tags{
	
}

#tag_sub{
	font-size:13px;
	color:#888;
	line-height:1.1;
	padding-top:10px;
	display:block
}
#map{
	float:right;
	border-left:15px solid #84B819;
	width:630px;
	height:400px;
}
.world{
	margin-top:-5px;
}
/*//////////////////////fonts///////////////*/
p{
	padding:0px;
	margin:0;
	margin-bottom:15px;
}
#footer h1, #footer h3{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	padding:0;margin:0;
	line-height:1;
	float:left;
	width:162px;
}
h1, h2{
	color:#000;
	font-weight:100;
	font-size:35px;
	line-height:.7;
	margin-bottom:42px;
	min-height:2em;
}
h2{
	font-size:20px;
	color:#000;
	padding:0;
	padding-top:10px;
	margin-bottom:-20px;
	line-height:1;
}
.image_tags{
	display:block;
	position:absolute;
	text-align:left;
	bottom:10px;
	left:10px;
	z-index:5;
}
span.contact{
	display:inline-block;
	width:10px;
	padding-right:7px;
	font-weight:900;
	color:#84B819;
}
p.services_list{
	font-weight:400;margin-bottom:0
}
span#project_head{
	color:#fff;
	display:inline-block;
	padding:6px 0px;
	padding-right:5px
}

/*///////////////Links///////////////*/
a:link, a:visited, a:hover, a:active{
	text-decoration:underline;
	color:#fff;
	display:inline-block;
	padding:6px 2px;
}
a:hover{
	color:#84B819;
}
div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active{
	padding:6px 2px;
	text-decoration:none;
}
a.green:link, a.green:visited{
	color:#84B819;
	text-decoration:none;
}
a#prev:link, a#prev:visited, a#prev:hover, a#prev:active, a#next:link, a#next:visited, a#next:hover, a#next:active{
	display:block;
	width:20px;
	height:400px;
	background:url("../images/layout/prev.png");
	background-position:0 0 ;
	color:#222;
}
a#next:link, a#next:visited, a#next:hover, a#next:active{
	background:url("../images/layout/next.png");
}
a#prev:hover, a#next:hover{
	background-position:20px 0;
}
div#footer_inside a#home_link{
	padding:0;position:relative
}
a#home_link span.hide_me{
	position:absolute;
	display:none;
	visibility:hidden;
	font-size:.5em;
	text-transform:uppercase;
	font-weight:normal;
	color:#84B819;
	letter-spacing:0;
	bottom:-5px;
	left:0;
}
a#home_link:hover span.hide_me{
	display:block;
	visibility:visible;
}
a.plus_minus{
	text-decoration:none;
	font-size:1em;
	overflow:hidden;
	padding:6px 10px;
	background:#222;
}
#contact_text a{
	display:inline;
	padding:0;
	color:#84B819;
}
/*colours of links */
a.our-clients:hover, a.our-clients-selected{ color:#B41F60; }
a.worldwide:hover, a.worldwide-selected{ color:#227F8C; }
a.contact-us:hover, a.contact-us-selected{ color:#84B819; }
a.what-we-do:hover, a.what-we-do-selected{ color:#EC6F08; }

div#footer .blog_links{
	position:absolute;
	right:10px;
	top:-72px;
	height:60px;
	display:block;
	padding:12px;
	padding-bottom:0;
	margin:0;
	width:318px;
	background:url(../images/home/home_foot_bck.png);
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
div#footer .blog_links a{padding:0;margin:0;display:inline-block}

/*///////////////Lists///////////////*/
ul#top_links, ul#bot_links{
	float:right;
	position:relative;
	width:588px;
}
ul#top_links{
	border-bottom:1px solid #555;
	margin-top:37px;
}
ul#top_links li, ul#bot_links li{
	float:left;
	width:165px;
	font-size:1.1em;
	margin-right:4px;
	text-align:center;
}
ul#top_links li{
	font-weight:bold;
	font-size:1.4em;
}
ul#top_links li.first, ul#bot_links li.first{
	text-align:left;
	width:126px;
}
ul#top_links li.last, ul#bot_links li.last{
	text-align:right;
	width:120px;
	margin-right:0;
}
ul#services li{
	line-height:1;
	display:inline-block;
	width:105px;
	float:left;
	border-left:1px solid #ccc;
	padding-left:3px;
	margin-bottom:5px;
}
/*///////////////Images///////////////*/
#logo{
	margin-top:50px;
}
/*/////////home////////////*/
#header_bg{
	background:#000;
	opacity:0.7; -moz-opacity:0.7;filter:alpha(opacity=70);
	width:100%;
	height:150px;
	position:absolute;
	left:0;top:0;
	z-index:2;
}
#header_100{
	position:absolute;width:100%;top:0;left:0;z-index:3;
}
#slidecaption{
	width:900px;
	margin:0 auto;
	position:relative;
	z-index:3;
	color:#fff;
	font-size:3.2em;
	font-weight:bold;
	letter-spacing:-1px;
	font-stretch:extra-expanded;
	padding-top:48px
}
#hide_home{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	z-index:0;
	margin-top:-140px
}
#supersize_out{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	z-index:-1;
	margin-top:-140px
}