/*
Colours

Raspberry - #BC0064 / 188 - 0 - 100
Plum - #682150 / 104 - 33 - 80
Ocean - #2E99A4 / 46 - 153 - 164
Night - #5B5D72 / 91 - 93 - 114
Warm Grey - #7B6F68 / 123 - 111 - 104
Stone - #E2DEBF / 226 - 222- 191
Gun Metal - #A4ABB1 / 164 - 171 - 177
Footer - #15546B
*/



@import url("reset.css");

::selection{ /* Safari */
	background: #2E99A4; 
	color:#fff;	
}
::-moz-selection{ /* Firefox */
	background: #2E99A4; 
	color:#fff;
}

body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#A4ABB1;
	background: url("/images/bg-image.jpg") center 400px no-repeat;
}

h1{
	font-size:150%;
	font-weight:bold;
}

h1#pageTitle{
	display:none;
}

h2{
	font-size:120%;
	font-weight:bold;
}

h2.highlight{
	color: #2E99A4;
}

h3{
	font-size:100%;
	font-weight:bold;
	color: #2E99A4;
}

div.large{
	font-size:120%;
}

p{
	line-height:120%;
	margin-bottom:15px;
}

p.right{
	text-align:right;
}

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

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

strong{
	font-weight:bold;
}

img.floatLeft, p img{
	float:left;
	margin:0 10px 10px 0;
}

img.floatRight{
	float:right;
	margin:0 0 10px 10px;
}

#outerWrapper{
	width:1060px;
	margin:0 auto;
	position:relative;
}

#header{
	
}

#logo{
	margin:0;
	line-height:normal;
	position:relative;
	top:0;
	left:0;
}

	#logo img{
		margin:0;
		position:absolute;
		top:20px;
		left:0;
	}
	
	#logo img.hidden{
		display:none;
	}

#mainNav{
	width:100px;
	position:absolute;
	top:440px;
}

#mainNav.free{
	position:fixed;
	top:20px;
}

	#mainNav li{
		margin-bottom:4px;
		font-size:14px;
	}
	
		#mainNav li h1{
			font-size:14px;
			font-weight:normal;
		}
	
		#mainNav li a{
			color:#87888A;
			text-decoration:none;
		}
		
		#mainNav li a:hover{
			color:#1B9AA6;
		}
		
		#mainNav li a:active{
			color:#BC0064;
		}
		
		#mainNav li.current a{
			color:#1B9AA6;
		}
	
		#mainNav li ul{
			font-size:90%;
			margin:5px 0 5px 5px;
		}

#wrapper{
	width:830px;
	margin:0 auto;
	padding:0 0 50px 0;
	min-height:650px;
}
	
#headerImage{
	width:100%;
	height:400px;
	overflow:hidden;
}

/****** HEADER SLIDER ******/

	#headerSlider{
		width:100%;
		height:400px;
		position:relative;
		overflow:hidden;
	}
	
		#headerSlider ul.images{
			position:absolute;
			top:0;
			left:0;
			z-index:1;
		}
		
			#headerSlider ul.images li{
				float:left;
				height:400px;
				width:830px;
				overflow:hidden;
			}
			
		#headerSlider .edge{
			height:400px;
			width:25px;
			background-repeat:repeat-y;
			background-position:left top;
			position:absolute;
			top:0;
			z-index:2;
		}
		
		#headerSlider .edge.left{
			left:0;
			background-image:url(../images/slider-edgeLeft.png);
		}
		
		#headerSlider .edge.right{
			right:0;
			background-image:url(../images/slider-edgeRight.png);
		}
			
		#headerSlider ul.navigation{
			position:absolute;
			bottom:5px;
			right:0;
			z-index:3;
		}
		
			#headerSlider ul.navigation li{
				float:left;
			}
			
				#headerSlider ul.navigation li a{
					display:block;
					text-indent:-9999px;
					background:url(../images/slider-arrows.png);
					background-repeat:no-repeat;
					width:28px;
					height:21px;
				}
				
				#headerSlider ul.navigation li a.disabled{
					cursor:default;
				}
				
				#headerSlider ul.navigation li a.prev{
					background-position:left top;
				}
				
				#headerSlider ul.navigation li a.prev:hover, #headerSlider ul.navigation li a.prev:active{
					background-position:left -21px;
				}
				
				#headerSlider ul.navigation li a.prev.disabled{
					background-position:left -42px;
				}
				
				#headerSlider ul.navigation li a.next{
					background-position:right top;
				}
				
				#headerSlider ul.navigation li a.next:hover, #headerSlider ul.navigation li a.next:active{
					background-position:right -21px;
				}
				
				#headerSlider ul.navigation li a.next.disabled{
					background-position:right -42px;
				}
				
/****** MOVEABLE HEADER ******/
#headerSlider.moveable ul.images li{
	position:relative;
}

	#headerSlider.moveable ul.images li img{
		position:absolute
	}
	
	#headerSlider.moveable ul.images li p.elementTitle{
		display:none;
		position:absolute;
		z-index:100;
		margin:0;
	}
	
		#headerSlider.moveable ul.images li p.elementTitle span{
			display:block;
			color:#1B9AA6;
		}
		
		#headerSlider.moveable ul.images li p.elementTitle span.name{
			font-weight:bold;
			font-size:110%;
		}
		
		#headerSlider.moveable ul.images li p.elementTitle span.jobtitle{
			font-style:italic;
			font-size:90%;
			color:#15546b;
		}

/****** CONTENT ******/
#mainContent{
	overflow:hidden;
}

	#mainContent.splitContent{
		
	}
	
		#mainContent.splitContent .left.padded, #mainContent.splitContent .right.padded{
			padding-top:10px;
		}
		
		#mainContent.splitContent .left{
			float:left;
			width:400px;
		}
		
		#mainContent.splitContent.golden .left{
			width:500px;
		}
		
		#mainContent.splitContent.uneven .left{
			width:540px;
		}
		
		#mainContent.splitContent .right{
			float:right;
			width:400px;
		}
		
		#mainContent.splitContent.golden .right{
			width:300px;
		}
		
		#mainContent.splitContent.uneven .right{
			width:290px;
		}
		
		#mainContent.splitContent .right.alignRight{
			text-align:right;
		}
		
		#mainContent.splitContent .right.alignCenter{
			text-align:center;
		}
		
		#mainContent.splitContent h1{
			margin-bottom:10px;
		}
		
		#mainContent.splitContent p#introduction{
			font-size:150%;
		}

	#mainContent .section{
		width:100%;
		margin:0 0 10px 0;
		padding-bottom:10px;
		overflow:hidden;
		background:url(../images/divider-horizontal.png) left bottom repeat-x;
	}
	
	#mainContent .section.first, #mainContent .section#introduction{
		padding-top:30px;
	}
	
	#mainContent .section.last{
		margin-bottom:0;
		padding-bottom:0;
		background:none;
	}
	
	/* Twice for IE8.. */
	#mainContent .section:last-child{
		margin-bottom:0;
		padding-bottom:0;
		background:none;
	}
	
	#mainContent .section.noBorder{
		background:none;
		padding-bottom:0;
	}
	
	#mainContent .section.noBottom{
		margin-bottom:0;
	}
	
	#mainContent .section.divider{
		background-image:url(../images/divider-vertical.gif);
		background-repeat:repeat-y;
		overflow:hidden;
	}
	
	#mainContent.splitContent .section.divider{
		background-position:415px 0;
	}
	
	#mainContent.splitContent.golden .section.divider{
		background-position:515px 0;
	}
	
		#mainContent .section h2{
			margin-bottom:15px;
		}
		
		#mainContent .section h3{
			margin-bottom:10px;
		}
		
		#mainContent .section h3.lessBottom{
			margin-bottom:3px;
		}
		
		#mainContent .section .column, #footer .column{
			width:260px;
			margin-right:25px;
			float:left;
		}
		
		#footer .column.last{
			margin-right:0;
		}
		
		#mainContent .section .column:last-child{
			margin-right:0;
		}
		
		#mainContent .section .fullColumn, #footer .fullColumn{
			width:830px;
			float:left;
		}
		
			.fullColumn .left{
				float:left;
				width:400px;
			}
			
			.fullColumn .right{
				float:right;
				width:400px;
			}
			
		#mainContent .section.split .left{
			float:left;
		}
		
		#mainContent .section.split .right{
			float:right;
		}
		
		#mainContent.splitContent.golden .right .section.split .left, #mainContent.splitContent.golden .right .section.split .right{
			width:140px;
		}
		
	#mainContent #gmap{
		width:300px;
		height:300px;
	}
	
	#mainContent #gmap-base{
		height:10px;
		background:url(../images/map-shadow.gif) left bottom no-repeat;
		margin-bottom:10px;
	}
			
	#mainContent form{
		width:400px;
	}
	
		#mainContent .section form h3{
			margin-bottom:30px;
		}
	
		form fieldset{
			width:100%;
			overflow:hidden;
			margin-bottom:10px;
		}
		
			form fieldset label{
				float:left;
				width:130px;
				margin:0 10px;
				position:relative;
			}
			
				form fieldset label span.mandatory{
					position:absolute;
					left:-10px;
					color:#C96565;
					font-size:80%;
				}
				
			form fieldset input.text, form fieldset textarea, form fieldset select{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:14px;
				color:#777777;
			}
		
			form fieldset input.text, form fieldset textarea{
				float:left;
				width:240px;
				border:1px solid #d6d6d7;
				padding:2px;
			}
			
			form fieldset.textarea textarea{
				height:150px;
			}
	
			form fieldset.select select{
				width:246px;
				float:left;
			}
			
			form fieldset.submit{
				padding-top:10px;
			}
			
				form fieldset.submit input.send{
					background:url(../images/button-send.gif) left top no-repeat;
					border:none;
					display:block;
					width:77px;
					height:30px;
					text-indent:-9999px;
					cursor:pointer;
					margin-left:150px;
					padding:0;
					outline:none;
					/* IE */
					font-size: 0;
					display:block;
					line-height: 0;
				}
				
				/* Firefox */
				form fieldset.submit input.send::-moz-focus-inner { 
					border: 0; 
				}
				
			form p{
				margin-left:10px;
			}
			
		#mainContent #introduction p{
			font-size:320%;
			line-height:105%;
			letter-spacing: -0.02em;
		}
		
		#mainContent #news.section .column img{
			margin-bottom:5px;
		}
				
		#mainContent .quote{
			
		}
		
			.quote cite{
				font-style:italic;
			}
			
		#mainContent .mainEntry{
			
		}
		
			.mainEntry p.department{
				font-size: 110%;
    		font-weight: bold;
			}
			
			.mainEntry img.entryImage{
				float:left;
			}
			
			.mainEntry .entry_details{
				float:right;
				width:510px;
			}
			
			.mainEntry.portfolio .entry_details{
				width:620px;
				font-size:150%;
			}
			
			.mainEntry .halfSplit{
				overflow: hidden;
				margin-bottom: 10px;
			}
				.mainEntry .halfSplit .left{
					float: left;
					width: 45%;
				}
				.mainEntry .halfSplit .right{
					float: right;
				}
			
		.mainEntry ul.links{
			padding-top:0;
			float:left;
			width:250px;
		}
		
		.mainEntry.portfolio ul.links{
			padding-top:10px;
			width:320px;
		}
		
			.mainEntry ul.links li{
				font-size:14px;
				float:left;
				margin-right:5px;
				padding-right:5px;
				border-right:1px solid #999;
			}
			
			.mainEntry ul.links li.last{
				margin-right:0;
				padding-right:0;
				border-right:none;
			}
			
			.mainEntry ul.links li.linkedin, .mainEntry ul.links li.twitter{
				border-right:none;
				padding-right:0;
			}
			
				.mainEntry ul.links li.linkedin a{
					width:25px;
					height:24px;
					display:block;
					text-indent:-9999px;
					background:url(../images/icon-LinkedIn.jpg) left top no-repeat;
				}
				
				.mainEntry ul.links li.twitter a{
					width:25px;
					height:24px;
					display:block;
					text-indent:-9999px;
					background:url(../images/icon-Twitter.jpg) left top no-repeat;
				}
			
		.mainEntry div.anchor{
			padding-top:10px;
			text-align:right;
			font-size:14px;
			float:right;
			width:250px;
		}
		
			.mainEntry div.anchor a.downArrow{
				background:url(../images/arrow-down.gif) left 5px no-repeat;
				padding-left:14px;
			}
			
			.mainEntry a.downArrow:hover{
				background-position:left -25px;
			}
			
		#mainContent .portfolioEntries{
			padding-top:5px;
			overflow:hidden;
			width:860px;
			margin:0 -30px 15px 0;
		}
		
		#mainContent .portfolioEntries.wide{
			width:870px;
			margin-right:-40px;
		}
		
			.portfolioEntries .entry{
				float:left;
				width:185px;
				margin-right:30px;
				/* IE6 */
				display:inline;
			}
			
			.portfolioEntries.wide .entry{
				width:250px;
				margin-right:40px;
			}
			
				.portfolioEntries  .entry .portfolioImage{
					width:185px;
					overflow:hidden;
				}
			
				#mainContent .portfolioEntries  .entry h3{
					margin:5px 0 2px;
				}
				
				.portfolioEntries  .entry p.client{
					margin-bottom:20px;
				}
				
			.portfolioEntries .clear{
				float:left;
				width:100%;
				margin-bottom:10px;
				height:1px;
			}
					
		#mainContent #clientList ul.sortOptions{
			overflow:hidden;
			width:830px;
			margin-bottom:20px;
		}
					
			#clientList ul.sortOptions li{
				float:left;
				border-right:1px solid #CCC;
				padding-right:5px;
				margin-right:5px;
			}
			
				#clientList ul.sortOptions li a{
					font-weight:bold;
				}
			
			#clientList ul.sortOptions li:last-child{
				border-right:none;
				margin-right:0;
				padding-right:0;
			}
					
		#mainContent #clientList ul.sortList{
			width:840px;
			margin-right:-10px;
			overflow:hidden;
		}
		
			#clientList ul.sortList li{
				float:left;
				width:130px;
				margin:0 10px 10px 0;
			}
			
			#clientList ul.sortList li.last{
				margin-right:0;
			}
			
				#clientList ul.sortList li img{
					display:block;
				}
				
/****** FOOTER ******/
				
#stickyFooterWrapper{
	position:absolute;
	right:0;
	width:90px;
}
			
	#stickyFooter{
		width:90px;
		position:absolute;
		bottom:0;
	}
	
	#stickyFooter.free{
		position:fixed;
	}
	
		#stickyFooter img{
			display:block;
		}
			
#footer{
	width:100%;
	padding:20px 0;
	color:#fff;
	background: url("/images/footer-bg.gif") bottom center no-repeat #15546B;
	font-size:90%;
}

	#footerInner{
		width:830px;
		margin:0 auto;
		overflow:hidden;
	}
	
		#footer .fullColumn{
			background:url(../images/divider-horizontal.png) left top repeat-x;
			margin-top:10px;
			padding-top:10px;
		}
	
		#footer h3{
			margin-bottom:10px;
			color:#fff;
			font-size:120%;
		}
		
		#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
			color:#fff;
			text-decoration:underline;
		}
		
		#footer ul.gallery{
			overflow:hidden;
			width:260px;
		}
		
			ul.gallery li{
				float:left;
				margin:0 12px 12px 0;
			}
			
		#footer ul.entries{
			
		}
		
			ul.entries li{
				margin-bottom:6px;
				padding-bottom:12px;
				background:url(../images/divider-horizontal.png) left bottom repeat-x;
			}
			
			ul.entries li:last-child{ /* Not browser proof.. */
				background:none;
			}
			
				ul.entries li p.status{
					margin-bottom:8px;
					line-height:130%;
				}
				
				ul.entries li p.details{
					margin-bottom:0;			
					text-align:right;
				}
				
					#footer ul.entries li p.details a{
						text-decoration:none;
					}
					
					#footer ul.entries li p.details a:hover{
						text-decoration:underline;
					}
		
		#footer form#subForm #subscribeForm{
			
		}
		
		#footer form#subForm #subscribeThanks{
			display:none;
		}
		
		#footer form input.text{
			width:200px;
			padding:2px;
		}
		
		#footer form input.submit{
			display:block;
			margin-top:5px;
			padding:0;
			color:#fff;
			text-decoration:underline;
			background:none;
			border:none;
			cursor:pointer;
		}
		
		#footer .fullColumn .left ul.socialLinks{
			float:left;
			margin-bottom:20px;
			overflow:hidden;
			width:100%;
		}
	
			#footer .fullColumn .left ul.socialLinks li{
				float:left;
				margin-right:15px;
			}
			
		#footer .fullColumn .left ul.legal{
			float:left;
			margin-bottom:20px;
			overflow:hidden;
			width:100%;
		}
		
			#footer .fullColumn .left ul.legal li{
				float:left;
				margin-right:5px;
				padding-right:5px;
				border-right:1px solid #fff;
				font-size:80%;
			}
			
			#footer .fullColumn .left ul.legal li.last{
				border-right:none;
			}
			
			
		#footer .fullColumn .right ul.accredited{
			float:right;
			width:100%;
		}
		
			#footer .fullColumn .right ul.accredited li{
				float:right;
				margin-left:15px;
			}
			
/*** Extras ***/
#preload, #overlayWrapper{
	display:none;
}

#videoOverlay{
	width:768px;
	height:432px;
	overflow:hidden;
}