/* 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1em; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:0;}
ol, ul{list-style:none;}
a:focus{-moz-outline-style:none;}

/*=Colours
	Grey - #C6C7C9
	#88898B
*/

/*=General*/
	html{height:100%; overflow-y:scroll; margin-bottom:0px;}
	body{font-size:100%; line-height:1.273em; font-family:arial, sans-serif; color:#74756f; text-align:center; padding-bottom:350px;}
	h1, h2, h3, p, li, dt, dd, td, th{font-size:10px; line-height:12px; font-weight:normal;}
	a, span, em, i, b, strong{font-size:1em;}
	
/*=Typography*/
	a, a:link, a:active, a:visited, a:focus{color:#74756f; text-decoration:underline; outline:none;}
	a:hover{color:#000; text-decoration:underline;}

	h1,h2{color:#000; margin-bottom:11px;}
	h3{margin-bottom:14px;}	
	p{margin:0 0 12px 0; padding:0;}
	strong{font-weight:bold;}
	em{font-style:italic;}
	
	/* Lists */
	ul{margin:0 0 1.5em 0; padding:0;}
	li.selected a{color:#000 !important; text-decoration:underline;}
	
/*=Img*/
	img{border:none; display:block;}
	

/*= Grid */
/*	div#wrapper{width:775px; margin:0 auto; padding:0; text-align:left; padding:16px;}*/
	div#wrapper{position:absolute; top:50%; height:1px; left:0; width:100%; margin-top:-300px; min-width:775px;}
	div#wrapper.halt{margin-top:0; top:0;}
	div#content{width:775px; margin:0 auto;}

/*=Positioning*/
	/* header */
		#header{position:relative; margin:0; text-align:left;}

		h1#logo{margin-bottom:24px; position:relative;}
			h1#logo a{display:block; position:absolute; width:45px; height:16px;}

		#navigation{margin-bottom:15px; padding-bottom:13px; width:743px; border-bottom:1px solid #d1d1d1; min-height:36px; _height:2.3em;  overflow:hidden;}
		#navigation ul{margin:0;}
			#navigation li{display:inline; color:#74756f; padding-right:4px;  line-height:15px;}
				#navigation li a{display:inline; font-size:11px; line-height:15px;}
		

	/* main */
		#main{position:relative; width:460px;}
		.columns_2_2, .columns_1_1_1_1{width:100%; padding-top:14px;}
			.columns_2_2 div, .columns_1_1_1_1 ul{float:left;}
			.columns_2_2 div.column_1{width:363px; margin-right:17px;}
			.columns_2_2 div.column_2{width:363px;}
			
			.columns_1_1_1_1 ul{width:178px; margin-right:17px; position:relative; top:-4px;}
			.columns_1_1_1_1 ul li{line-height:18px; font-size:11px;}
			.columns_1_1_1_1 ul.column_4{margin:0;}
			.columns_1_1_1_1 a{color:#74756f;}
			.columns_1_1_1_1 a:hover{color:#000}
		    
/*=Forms*/
	input.text{border:1px solid #ccc; padding:3px; width:190px; font-size:11px;}
	input.text:focus, textarea:focus{background-color:#efefef;}
	
	form fieldset{border:none; margin:0px;}
	form fieldset div{position:relative; float:left; margin-bottom:7px; clear:both; width:200px;}
		form fieldset label{position:relative; font-size:11px; display:block; text-align:left; cursor:pointer; margin:0 0 3px 0; line-height:1.2em;}
		form p{font-size:10px; margin-bottom:15px;}
	
    form div.submit {clear:left; margin:0; width:100%;}
			form div.submit input{font-size:11px;}
		span.error{font-size:11px; color:#a81c1c;}
	
/*=SPECIFIC*/
	/*Home*/
	
	#latest_news_what_we_do{position:absolute; top:152px; left:540px; width:203px; height:387px;}
		#latest_news_what_we_do ul{margin:0;}
			#latest_news_what_we_do li{margin-top:11px;}
				#latest_news_what_we_do a{display:block;}
		#latest_news_what_we_do h3{margin-bottom:0.3em;}
		#latest_news_what_we_do h2.latest_news{margin-top:42px;}
		#latest_news_what_we_do #custom_html{margin-top:42px;}
		
		#news_or_custom{margin-bottom:-30px; margin-top:40px;}
		
		#latest_image{position:absolute; bottom:0;}

	/*Module*/
		.module{position:relative; height:400px; width:100%;}
		.module a .large_image{cursor:pointer !important;}
		.large_image_link{display:block; width:460px; height:400px;}

		/* Border  */
		.border{border:1px solid #d1d1d1; width:458px; height:398px; position:absolute; top:0px; left:0px; z-index:999; display:block;}

		/* For static old images */
		.project-rh .current_0 .border,
		.project-rh .current_2 .border,
		.project-jw .current_0 .border,
		.project-ko .current_4 .border,
		.project-hmy .current_1 .border,
		.project-hmy .current_2 .border,
		.project-hmy .current_3 .border,
		.project-gg .current_0 .border,
		.project-gg .current_1 .border,
		.project-gg .current_2 .border,
		.project-gg .current_3 .border,
		.project-gg .current_4 .border,		
		.project-gg .current_5 .border,
		.project-eg .current_0 .border,
		.project-eg .current_2 .border,		
		.project-eg .current_3 .border,
		.project-eg .current_4 .border,
		.project-eg .current_5 .border,
		.project-tt .current_0 .border,
		.project-tt .current_4 .border,
		.project-ze .current_0 .border,
		.project-uv .current_0 .border,
		.project-eu .current_0 .border{display:none !important;}

		.module .details{position:absolute; top:13px; left:540px; width:203px;}
		.details h1 span{color:#74756f;}
			#tags{font-style:italic;}
		
		.module ul#gallery{position:absolute; margin:0; padding:0; bottom:0; left:540px; overflow:hidden;}
			.module ul#gallery li{position:relative; float:left; margin-right:10px; line-height:0; margin-top:4px; width:61px; height:53px;}
			.module ul#gallery li a{position:relative; overflow:hidden; display:block; width:59px; height:51px; border:1px solid #d1d1d1;}
				.module ul#gallery li a:hover, .module ul#gallery li.selected a{border:1px solid #000;}			
				.module ul#gallery li a img{display:block; position:absolute; cursor:pointer; top:0px; left:0;}

		.module ul#gallery li a.t1 img{left:-59px;}
		.module ul#gallery li a.t2 img{left:-118px;}
		.module ul#gallery li a.t3 img{left:-177px;}
		.module ul#gallery li a.t4 img{left:-236px;}
		.module ul#gallery li a.t5 img{left:-295px;}
		
		/*Gallery*/
		#image_container{position:relative; margin:0; background:url('/img/loader-small.gif') no-repeat center center; width:460px; height:400px;}
			#image_container li{position:absolute; top:0; cursor:pointer;}
		#controls{position:absolute; top:374px; left:476px; width:8px; height:9px;}
			#controls a{display:block; text-indent:-999em; width:100%; height:100%;}
			#controls .pause{background:url('/img/slideshow_pause.png') no-repeat;}
			#controls .play{background:url('/img/slideshow_play.png') no-repeat;}
		
	/*Contact*/
	#map{float:left;}
	#details_form{width:200px;}
	#details{position:absolute; top:14px; left:540px; width:200px;}
		#details p{margin-bottom:2em;}
			p#updates{margin-bottom:10px;}
			
	#cm_form label{font-size:10px;}
	#cm_form input.text{width:100%;}
	#cm_form span.error{font-size:10px; color:#a81c1c;}
	
	p#copyright{position:absolute; top:416px; left:0; text-indent:-999em; background:url('/img/copyright.png') no-repeat left top; width:242px; height:7px; line-height:7px;}
			
	/*Articles*/
	#articles_navigation{position:absolute; width:200px; height:50px; top:270px;}
	#articles_navigation li{display:inline; font-size:11px;}
		#articles_navigation li span{color:#aaa;}
	
	.news_press_list{column-count:4; column-width:178px; column-gap:17px;}
	.news_press_list{margin:0; top:0;}
		
	/*About*/
	.about h1, .about h2, .about h3, .about p, .about li{font-size:11px; line-height:13px;}
	#clients #copy li, #clients #copy li a{line-height:18px;}
	
	

/*=TOOLS */

/*= Clearing */
	.clear { clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html>body .clearfix { display: inline-block; width: 100%; }
	* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }
	
/*= sIFR */
	.sIFR-flash{visibility:visible !important;margin:0;padding:0;}
	.sIFR-replaced,.sIFR-ignore{visibility:visible !important;}
	.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
	.sIFR-replaced div.sIFR-fixfocus{margin:0pt;padding:0pt;overflow:auto;letter-spacing:0px;float:none;}

/*Browser notice*/
#browser_notice{color:#000; font-size:14px; background:yellow; padding:3px 0; border-bottom:2px solid red;}

/*=Admin Form*/
#ArticleAddForm, #ArticleEditForm{margin-bottom:200px;}
/*body#add #wrapper, body#edit #wrapper{top:0; margin:20px 0 0 0;}*/
.radios *{display:inline;}
#authMessage{font-size:11px; margin-bottom:12px; font-weight:bold;}
fieldset div{margin-bottom:12px; width:100% !important;}
label{display:block; font-size:11px;}
fieldset input[type="text"], fieldset input[type="password"], textarea{border:1px solid #ccc; width:300px;}
.check *{display:inline;}
#ArticleTags, #ProjectTags{height:32px;}
#ArticleTeaser{height:60px;}
#ArticleBody, #ProjectDescription{height:200px;}
#ProjectPosition{width:50px;}
.error-message{font-size:11px; font-weight:bold; color:#000;}
.error input[type="text"], .error textarea{border:1px solid #000 !important;}
.error label{color:#000;}

/* Project edit */
#seo_stuff{float:left;}
.project_fieldset{float:left; width:30%; margin-right:20px;}
.project_fieldset input[type="text"], 
.project_fieldset textarea{border:1px solid #ccc; width:230px;}
#project_choice{margin-bottom:20px;}
.project_form_pane{clear:both; width:100%; border:1px solid #ccc; border-left:none; border-right:none; padding-top:10px; margin:20px 0;}
	.project_form_pane div{float:left; width:245px !important; clear:none; margin-right:10px;}
	.project_form_pane div label{display:inline;}
/*form.ProjectForm { padding:0px; }
form.ProjectForm h2 {font-weight:bold;}
form.ProjectForm .project_form_pane { float:left; width:203px; padding-right:20px; margin-right:20px; border-right: 2px dotted #f0f0f0; }
form.ProjectForm .project_form_pane.photo_upload {overflow:hidden;width:280px;margin-right:0;border-right:0;padding-right:0;}
form.ProjectForm div.input { margin-bottom:10px; }
form.ProjectForm div.input input, form#ProjectEditForm div.input select, form#ProjectEditForm div.input textarea { font-size:10px; }
form.ProjectForm textarea { width:203px;}
form.ProjectForm div.photo_pane { margin: 15px 0; padding-bottom:15px; border-bottom: 2px solid #f0f0f0;}
form.ProjectForm div.photo_pane .photo {width:80px;}
form.ProjectForm div.photo_pane .photo, form#ProjectEditForm div.photo_pane .actions {float:left}
*/
#toolbar{font-size:11px; position:absolute; top:58px; left:0; width:743px;}
	#toolbar a, #toolbar *{color:#aaa;}
	#toolbar a:hover{color:#000;}
.articlePriority{position:absolute; left:-50px;}

#homepage_image{margin-top:5px; border-top:1px solid #ccc; padding-top:10px;}
#index.home input.text{width:200px;}
#index.home textarea{width:205px;}

/*Psst*/
#lbb_form label{font-size:10px;}
#lbb_form input.text{width:100%;}
#lbb_form form p{font-style:italic; color:#000;}
#lbb_form form p span{color:#757563;}
#lbb_form #email_message{margin-top:8px;}
#lbb_form{/*margin-top:28px;*/}
#lbb_form span.error{font-size:10px; color:#a81c1c;}

#pssst a.large_image_link{display:block; width:460px; height:400px; border:1px solid #d1d1d1;}