/* 
@variables {
	LanguageRed: #e02b26;
	DefaultTextColor: #939598;
	MenuColor: #414141;
	HeadingColor: #3f3f3f;
}
*/
/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}



/* ALL */

strong {font-weight:bold; }

body {
	font: 16px/25px palatino, "palatino linotype", serif;
	color: #939598;
	background-color: #fff;
}
em {
	font-style: italic;
}
h1 {
	font-size: 20px;
	color: #3f3f3f;
}
#logo {
	margin: 0 0 40px;
}
#logo a {
	color: #e02b26;
	text-decoration: none;
	font-size: 20px;
}
#logo a:hover {
	text-decoration: underline;
}
#menu {
	background: url(/style/menu.png);
	position: absolute;
	top: 0;
	left: 0;
	padding: 45px 0 45px 55px;
	width: 195px;
	z-index: 1;
}
#menu ul {
	font: 11px/22px "lucida grande", "lucida sans", sans-serif;
}
#menu ul a {
	color: #414141;
	text-decoration: none;
}
#menu ul a:hover {
	text-decoration: underline;
}
#menu ul ul {
	margin: 0 0 0 20px;
	display: none;
}
#menu ul ul ul {
	display: none;
}
#margin {
	background: url(/style/menu.png);
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 600px;
	z-index: 1;
}
#header {
	padding: 45px 0 0 250px;
}
#container {
	overflow: hidden;
	margin: 25px 0 0;
}
#projects {
	position: relative;
	top: 0;
	/*left: 250px;*/
	left: 400px;
	width: 9000px;
}
#projects:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}
.project {
	float: left;
	width: 460px;
	/*height: 410px;*/
	margin: 0;
	/*background-color: #fff;*/
}
.wide {
	width: 900px;
}
.project h2 {
	font: 10px/14px "lucida grande", "lucida sans", sans-serif;
}
.project h2 a {
	color: #ccc; text-decoration:none;
}
.project img {
	display: block;
	margin: 0 0 10px;
}
.intro {
	float: left;
	color: #999999;
	background-color: #fff;
	/*padding-left: 20px;
	padding-right: 20px;*/
	margin: 16px 0 0;
	width: 400px;
	/*height: 345px;*/
	font-size: 21px;
	line-height: 28px;
}
.intro p {
	margin: 0 0 18px;
}
.caption {
  clear:left;
  float:left;
  width:440px;
}
.caption p {
	margin: 0 0 18px;
}
.media {
	position: relative;
	float: left;
	width: 440px;
	height: 420px;
	margin: 0 20px 0 0;
	background-color: #fff;
	font-size: 21px;
	line-height: 28px;
	color: #ccc;
}
.media div {
	position: absolute;
	top: 0;
	left: 0;
}
.tabs {
	position: absolute;
	top: 379px;
	left: 0;
	font: bold 10px/22px "lucida grande", "lucida sans", sans-serif;
}
.tabs li {
	float: left;
	margin: 0 4px 0 0;
}
.tabs li a {
	float: left;
	color: #ccc;
	border: 1px solid;
	padding: 0px 6px;
	text-decoration: none;
	line-height:16px;
}
.tabs li a.selected {
	color: #e02b26;
}
.more {
	color: #e02b26;
	font: bold 10px/22px "lucida grande", "lucida sans", sans-serif;
	cursor: pointer;
}
.info {
	padding: 0 40px 0 0;
	width: 400px;
}
#scrollright {
	position: absolute;
	top: 100px;
	right: 20px;
	width: 18px;
	height: 25px;
	padding: 372px 0;
	z-index: 2;
}
#scrollleft {
	position: absolute;
	top: 100px;
	left: 232px;
	width: 18px;
	height: 25px;
	padding: 372px 0 0px;
	z-index: 2;
}
#description {
	margin: 0 0 0 250px;
	width: 440px;
	font-size: 18px;
}
#footer {
	margin: 50px 0 0;
}
body.aontas #menu a.aontas,
body.bosi #menu a.bosi,
body.comber #menu a.comber,
body.cib #menu a.cib,
body.crisispregnancyagency #menu a.crisispregnancyagency,
body.crosscare #menu a.crosscare,
body.diageo #menu a.diageo,
body.dublincitygallery #menu a.dublincitygallery,
body.dda #menu a.dda,
body.firestation #menu a.firestation,
body.halifax #menu a.halifax,
body.iadt #menu a.iadt,
body.itb #menu a.itb,
body.ile #menu a.ile,
body.kerlingallery #menu a.kerlingallery,
body.kevinkavanagh #menu a.kevinkavanagh,
body.lexus #menu a.lexus,
body.mandate #menu a.mandate,
body.drinkaware #menu a.drinkaware,
body.montague #menu a.montague,
body.nccri #menu a.nccri,
body.museum #menu a.museum,
body.oco #menu a.oco,
body.odf #menu a.odf,
body.rha #menu a.rha,
body.safefood #menu a.safefood ,
body.spellbinders #menu a.spellbinders,
body.superquinn #menu a.superquinn,
body.sei #menu a.sei,
body.ywi #menu a.ywi,
body.barry #menu a.barry,
body.robin #menu a.robin,
body.ann #menu a.ann,
body.keith #menu a.keith,
body.denise #menu a.denise,
body.henri #menu a.henri,
body.adam #menu a.adam,
body.james #menu a.james,
body.ivor #menu a.ivor,
body.joey #menu a.joey,
body.sinead #menu a.sinead,
body.joan #menu a.joan,
body.lys #menu a.lys,
body.david #menu a.david,
body.neasa #menu a.neasa,
body.oriana #menu a.oriana,
body.anne #menu a.anne,
body.profile #menu a.profile,
body.work #menu a.work,
body.clients #menu a.clients,
body.people #menu a.people,
body.invest #menu a.invest,
body.opportunities #menu a.opportunities,
body.usbythem #menu a.usbythem,
body.diary #menu a.diary,
body.advertising #menu a.advertising,
body.screen #menu a.screen,
body.exhibition #menu a.exhibition,
body.print #menu a.print,
body.identity #menu a.identity,
body.all #menu a.all,
body.bosi #menu a.bosi,
body.breastcheck #menu a.breastcheck,
body.diageo #menu a.diageo,
body.equality #menu a.equality,
body.lexus-ireland #menu a.lexus-ireland,
body.drinkaware #menu a.drinkaware,
body.superquinn #menu a.superquinn,
body.mama #menu a.mama,
body.annual-reports #menu a.annual-reports,
body.communications #menu a.communications,
body.mem #menu a.mem,
body.mem0 #menu a.mem0,
body.mem1 #menu a.mem1,
body.mem2 #menu a.mem2,
body.mem3 #menu a.mem3,
body.mem4 #menu a.mem4,
body.mem5 #menu a.mem5,
body.mem6 #menu a.mem6,
body.mem7 #menu a.mem7,
body.mem8 #menu a.mem8,
body.mem9 #menu a.mem9,
body.contact #menu a.contact,
body.books #menu a.books {
	font-weight: bold;
}
body.profile #menu ul.profile,
body.work #menu ul.work,
body.clients #menu ul.clients,
body.people #menu ul.people,
body.contact #menu ul.contact,
body.directions #menu ul.directions,
body.advertising #menu ul.advertising,
body.screen #menu ul.screen,
body.exhibition #menu ul.exhibition,
body.print #menu ul.print,
body.identity #menu ul.identity,
body.mem #menu ul.mem,
body.all #menu ul.all {
	display: block;
}
.slides {
	float: left;
	width: 440px;
	margin: 0 20px 0 0;
	overflow: hidden;
	background-color: #fff;
}
.slides img {
	display: none;
}
/* Mat's crazy CSS additions */
.mediapeople {
	position: relative;
	float: left;
	width: 440px;
	height: 700px;
	margin: 0 20px 0 0;
	background-color: #fff;
}

.media p {color: #999999;}

.twit {font-size:16px; color: #999999;  text-decoration:none;}
.twit a:link {color: #999999; text-decoration:none;}
.twit a:link {color: #999999; text-decoration:none;}
.twit a:visited {color: #999999; text-decoration:none;}
.twit a:hover {color: #999999; text-decoration:underline;}