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

/*********************
  Reset styles*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }
body {
	line-height: 1;
	background-color: #ffffff; }
ul {
	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0; }
caption, th, td {
	text-align: left;
	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {
	content: ""; }
blockquote, q {
	quotes: "" ""; }
object {
	line-height: 0px; }
img, :focus {
	outline: 0; }
strong {
	font-weight: bold; }

/************************************************
  Helper styles*/

.r {
	float:right; }
.l {
	float:left; }
.cb {
	clear:both; }
.align-l {
	text-align: left; }
.align-r {
	text-align: right; }
.align-c {
	text-align: center; }
.hide {
	display: none; }
.hl {
	border: 1px solid #f0f; }
.g:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*************************************************
  Layout styles */

/******* site message is for error reporting only */
#site-message-wr {
	position: absolute; top: 0px; left: 0px; z-index: 99999; width: 100%; background: #f00; border-bottom: 1px dashed #fff; }
#site-message {
	width: 960px; margin: 0px auto; padding: 10px 0; text-align: center; font-size: 1.2em; }
/**************************************************/

#page-wr { width: 100%; }
	#page-wr #page { width: 960px; margin: 70px auto; }

		#header { }

			#header h1 {
				width: 960px; height: 28px;
				background:url(../../media/images/common/logo.jpg) no-repeat;
				margin: 0px 0px 54px 0px;
			}
				#header a{display:block; height:100%; width:100%;}
					#header a span{position: absolute; left:-9999px; top:-9999px;}


		#mid-wr { }
			#mid {}
				#main-content {min-height: 580px; margin-bottom: 50px; position: relative; }
					#sidebar1 {width: 152px; }
						#nav { }
							#nav li,
							#projects-cat-nav li,
							#projects-page-nav li {
								margin-bottom: 1.8em; }
								/*Navigation for Projects pages*/
								.projects-page #nav .hidden a {display: none; }
								.projects-page #nav .home-btn {margin-bottom: 64px; }
								#projects-cat-nav {clear: left; }
					#sidebar2 {width: 256px; }
					#sidebar2 img {margin-top: 90px; }
					#sidebar3 {width: 215px;}
		#footer-wr { }
			#footer { }
				#footer a { }


/* Home */

#welcome { margin-bottom: 130px;}

#slideshow, #about-photo {margin-top: 232px; text-align: right; }
#slideshow img, #about-photo img { margin-bottom: 8px; }

/*Contact Us*/

#contact-details {float: left; clear: left; width: 270px; margin-top: 61px; }
/*#contact-details p {font-size: 1.2em;}*/
.column {width: 251px; float: left; margin-right: 29px;}
#maps {width: 610px;}
#maps #ireland {width: 100%; margin: 0 30px 40px 0;}
#maps img {float: right;}

/*Staff We Like*/
#grid {width: 482px; margin-bottom: 97px; }
	#grid ul {line-height: 0; }
		#grid li {float: left; margin: 0 24px 24px 0;}
		#grid li.last {margin-right: 0;	}
		#grid li.last-row {margin-bottom: 0; }
		#grid a {opacity: 0.5; }

/*Typical project page*/
#gallery {margin-top: 137px;}
	#gallery-photo {
		width: 553px;
		height: 368px;
		background: url(../../media/images/icons/ajax-loader.gif) center center no-repeat ; }
#carousel {width: 553px; margin-top: 24px;}
	#carousel img {float: right; margin: 0; opacity: 0.5; }

	/* Order for stationhouse */
	#station-house #carousel img { float: left; }


#big-photo {clear: left; margin-top: 29px; padding-right: 19px; }



/*************************************************
  Typograpy styles */

/* Default font settings.
   The font-size percentage is of 16px. (0.675 * 16px = 10px) */
body {
	font-size:67.5%;
	line-height: 1;
	font-family: "century gothic", "ff-basic-gothic-web-pro", Arial, sans-serif;
 	background-color: #3b3839;
	color: #b3aaad;
	letter-spacing: 1px; }
h1, h2, h3, h4, h5, h6 {line-height: 1.3; font-weight: bold; color: #000; }
h1 {font-size:3.0em; }
h2 {font-size:2.0em; }
h3 {font-size:1.8em; }
h4 {font-size:1.5em; }
h5 {font-size:1.3em; }
h6 {font-size:1.3em; }
p {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 1.3em;}
#caption p {margin-bottom: 0; }
.justify {letter-spacing: 0; text-align: justify; }
.justify:after {content: ""; display: inline-block; width: 100%; }
blockquote, q {
	font-size: 1.1em; line-height: 1.5em; padding:0 2em; }
em, .emphasize {
	color: #e5dade;
	font-weight: bold; }
.title {color: #e5dade; }

/* Link styles */

a:link, a:visited {
	color: #b3aaad; text-decoration: none; }
a:hover, a:focus {
	color: #e5dade;
	text-decoration: underline; }
a.active {
	color: #e5dade;
	font-weight: bold; }
a.active:hover {
	text-decoration: none; }

/*Images*/

img.left {
	float:left; margin:0.5em 1.5em 1.5em 0; padding:0; }
img.right {
	float:right; margin:0.5em 0 1.5em 1.5em; }

/* Lists */

ul, ol {
	font-size: 1.3em;
	margin: 0 0 1.5em;}
ol {padding-left: 1.5em; }

/*Tables*/

table {
	margin: 1em 0; width: 100%; }
th {
	font-weight: bold; background-color: #dddddd; color: #444444; }
td, th {
	font-size: 1.2em;
	padding: 0.5em;
	border: #999999 1px solid; }
/*
  You can zebra-stripe your tables in outdated browsers by adding
  the class "even" to every other table row.
 */
tbody tr:nth-child(even) td,
tbody tr.even td  {
  background: #e5ecf9;
}

/*************************************************
  Specific styles + overrides */


#collaborators {
	list-style: disc; 
	margin: 0 0 10px 18px;
}

#collaborators li { margin-bottom: 5px; line-height: 150%; }