/* CSS Document */

body {
padding:0px;
margin:0px;
background-color:#c6c8ca;
font-size:76%;
font-family:Helvetica, Arial, sans-serif;
color:#aeb0b2;
}

h1 {
font-size:1.5em;
}

h2 {
font-size:1.2em;
}

h3 {
font-size:1.2em;

}
h4 {
font-size:1em;
}

a {
	color:#00539b;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#aeb0b2;
}
a.emaillink {
font-weight:normal;
color:#c6c8ca;
background:url(../images/email.gif) left no-repeat;
padding-left:20px;
text-decoration:underline;
}

#topinfo a:hover.emaillink {
text-decoration:none;
}
a.backlink, a.downlink {
font-weight:normal;
color:#c6c8ca;
}

a:hover.backlink {
font-weight:normal;
color:#aeb0b2;
}
a:hover.downlink {
font-weight:normal;
color:#00539b;
}

/******** Layout *********/
#screenReaderLinks {
	position: absolute;
	width: 990px;
	left: -999px;
	top: 0px;
}

#main {
width:765px;
margin:auto;
padding:auto;

}



#header {
padding-top:30px;
padding-bottom:10px;
color:#FFFFFF;
font-size:0.9em;
}

#mainContent {
width:635px;
background:#FFFFFF url(../images/rightcolbg.gif) bottom right no-repeat;
float:right;
color:#aeb0b2;
}
body#home #mainContent {
	height:505px;
	}
#mainContent h3 {
	color:#00539b;
}
.homeContent {
	position:absolute;
	z-index:100;
	width:300px;
}

#bodyContent, #bodyContent.twocols, #bodyContent.threecols, #bodyContent3 {
float:left;
margin-bottom:15px;
min-height:400px;
padding-bottom:10px;
padding-left:30px;
padding-top:75px;

}
* html #bodyContent, #bodyContent.twocols, #bodyContent.threecols, #bodyContent3 {height:400px}

#bodyContent {
z-index:10;
width:220px;
padding-right:370px;
}
body#home #bodyContent {
z-index:10;
padding-top:107px;

}
/*** 2 columns ***/
#bodyContent.twocols {
width:390px;
padding-right:200px;
}
/*** 3 columns ***/
#bodyContent.threecols {
width:560px;
padding-right:30px;

}
#bodyContent3 {
width:560px;
padding-right:30px;

}

div.cols {
float:left;
/*margin-right:5px;*/
width:180px;
}
.done {background-color:#CCFF33;}
.dtwo {background-color:#999999;}
.dthree {background-color:#999933;}
div.colsskinny {
float:left;

margin-left:15px;
width:170px;
}
/*** lists ***/
#bodyContent ul, #bodyContent3 ul {
	margin:5px 0px;
	padding:  0px;
}
#bodyContent li, #bodyContent3 li {
	margin: 0px;
	padding: 3px 3px 3px 0px;
	list-style: none;
	/*display: inline;*/ /* Note use of inline to prevent IE spacing bug */ 
	font-weight:bold;
}

#bodyContent li a, #bodyContent3 li a {
	text-decoration: none;	
	display: block;
	color:#00539b;

}
#bodyContent li a:hover, #bodyContent3 li a:hover {

	color:#c6c8ca;
}


#bodyContent li a span, #bodyContent3 li a span {
	color:#c6c8ca;
	font-weight:normal;
}
#bodyContent3 ul.team {
margin:0px;
}
#bodyContent3 ul.team li a{
padding:1px 3px;
}
#bodyContent3 ul.team li a:hover {
background-color:#f9f9f9;
}
strong.blue {
color:#00539b;
}
/*** end of main content styling ***/
#topinfo {
position:absolute;
top:6.5em;

}
#topinfo h3 {
padding-bottom:0px;
margin-bottom:0px;
}
#topinfo h4 {
margin-top:3px;
margin-bottom:6px;
padding-bottom:0px;
}
#topinfo p {
margin-top:3px;
}

#topcurves {
position:relative;
width:635px;
height:20px;
background: url(../images/topcurve.gif) left top no-repeat;
}

#topshadow {
float:right;
background:#c6c8ca url(../images/topshad.gif) left top no-repeat;
width:15px;
height:20px
}
#mainContent br.noheight {
clear: both; 
line-height: 0px; 
display: block;
}
.litegrey {
color:#FFFFFF;
}
address {
color:#c6c8ca;
font-style:normal;
font-size:0.9em;
padding:30px 10px 30px 10px;
background: url(../images/navbotbar.gif) bottom left no-repeat; }

div.latestnews {
color:#c6c8ca;
font-weight:normal;
padding:15px 10px 25px 7px;
background: url(../images/navbotbar.gif) bottom left no-repeat; }

div.latestnews p {
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:5px;
}
div.latestnews a {
color:#c6c8ca;
font-weight:normal;
}

div.latestnews a:hover {
color:#aeb0b2;
font-weight:normal;
}
div.latestnews a.bluelink, #bodyContent a.bluelink {
 color:#00539b;
font-weight:normal;
}
div.latestnews a:hover.bluelink, #bodyContent a:hover.bluelink {
 color:#aeb0b2;
font-weight:normal;
}

/******** Navigation *********/
#navigation  {
width:130px;
float:left;
background:#FFFFFF url(../images/navbg.gif) left repeat-y;
}
#navigation ul {
	margin: 0px;
	padding: 2px 0px;
}


#navigation li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline; /* Note use of inline to prevent IE spacing bug */
	
}
#navigation li a {
	color:#c6c8ca;
	text-decoration: none;	
	display: block;
	padding: 3px 19px 2px 19px;
border-top:#c6c8ca 1px solid;
background: url(../images/arrow-wht.gif) no-repeat 5px 4px;
}

#navigation li a:hover {
color:#aeb0b2;
}

#navigation li#navcontact a {
background: url(../images/contact-but.gif) no-repeat 5px 4px;
}
#navigation li#navcontact a:hover {
background: url(../images/contact-buthover.gif) no-repeat 5px 4px;
}

#navigation li#navhome a {
	background: url(../images/houseicon.gif)  no-repeat 7px;
	height:2em;
}
#navigation li#navhome a:hover {
	background: url(../images/houseicon-hover.gif)  no-repeat 7px;
	height:2em;
}
#navigation li#navhome a span {
	position: absolute;
	width: 990px;
	left: -999px;
}
body#group li#navgroup a,  body#portfolio li#navportfolio a, body#team li#navteam a, body#news li#navnews a, body#links li#navlinks a {

color:#FFFFFF;
background: #00539b url(../images/arrow-blu.gif) no-repeat 5px ;
}

body#contact li#navcontact a, body#contact li#navcontact a:hover {
color:#FFFFFF;
background: #00539b url(../images/contact-butsel.gif) no-repeat 5px ;
}

/*  Logo */

#navigation #logo {
			background-image: url(../images/logo.gif);
			background-repeat: no-repeat;
			display: block;
			padding: 15px 0px 35px 0px;
			margin:  0px;
			width: 130px;
			height:50px;
			}
	
#navigation #logo a {
			height: 80px;
			width: 95px;
			display: block;
			border: none;
			margin:auto;
			padding:auto;
			background-image: none; }
#navigation #logo h1 {
	position: absolute;
	width: 990px;
	left: -999px;
}
/* 'View' titles - navigation h2 */
#navigation h2 {
height:30px;
	margin-left:7px;
	margin-top:5px;
	margin-bottom:5px;
}
body#home #navigation h2  {
	background: url(../images/titles/ourview.gif) left top no-repeat;
}
body#group #navigation h2  {
	background: url(../images/titles/globalview.gif) left top no-repeat;
}
body#portfolio #navigation h2  {
	background: url(../images/titles/projectview.gif) left top no-repeat;
}
body#team #navigation h2  {
	background: url(../images/titles/insideview.gif) left top no-repeat;
}
body#news #navigation h2  {
	background: url(../images/titles/uptodateview.gif) left top no-repeat;
}
body#links #navigation h2  {
	background: url(../images/titles/anotherview.gif) left top no-repeat;
}
body#contact #navigation h2  {
	background: url(../images/titles/connectingview.gif) left top no-repeat;
}

#navigation h2 span {
	position: absolute;
	width: 990px;
	left: -999px;
}

/******* Portfolio blue background *******/
body.bluebg #bodyContent3 li a:hover {
color:#5b7ab5;
}
body.bluebg  #topcurves {
background: url(../images/topcurveblu.gif) left top no-repeat;
}
body.bluebg #bodyContent3 {
	background:#92b4de url(../images/portfolio/frame.jpg) bottom left no-repeat;
	color:#00539b;
}
body.bluebg #bodyContent3 h3 {
color:#FFFFFF;
}
/******* Latestnews blue background *******/

body.newsbg  #topcurves {
background: url(../images/bg/topcurvenews.jpg) left top no-repeat;
}
body.newsbg #bodyContent {
	background:#a4c5e8 url(../images/bg/latestnews.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
body.newsbg #bodyContent h3 {
color:#FFFFFF;
}
body.newsbg #bodyContent a:hover {color:#5b7ab5;}
/******* Group background *******/

body.groupbg #bodyContent li a:hover {
color:#5b7ab5;
}
body.groupbg  #topcurves {
background: url(../images/bg/topcurvegroup.jpg) left top no-repeat;
}
body.groupbg #bodyContent {
	background:#c6c8ca url(../images/bg/group.jpg) bottom left no-repeat;
	
}
/******* Contact background *******/


body.contactbg #bodyContent {
	background:#FFFFFF url(../images/bg/contact.jpg) bottom left no-repeat;	
}

/******* Team background *******/

body.aisling #bodyContent {
	background:#FFFFFF url(../images/team/aislingbg.jpg) bottom left no-repeat;	
}


body.colin #bodyContent {
	background:#FFFFFF url(../images/team/colinbg.jpg) bottom left no-repeat;	
}

body.darin #bodyContent {
	background:#FFFFFF url(../images/team/darinbg.jpg) bottom left no-repeat;	
}

body.david #bodyContent {
	background:#FFFFFF url(../images/team/davidbg.jpg) bottom left no-repeat;	
}

body.graham #bodyContent {
	background:#FFFFFF url(../images/team/grahambg.jpg) bottom left no-repeat;	
}

body.jim #bodyContent {
	background:#FFFFFF url(../images/team/jimbg.jpg) bottom left no-repeat;	
}

body.katharine #bodyContent {
	background:#FFFFFF url(../images/team/katharinebg.jpg) bottom left no-repeat;	
}

body.ken #bodyContent {
	background:#FFFFFF url(../images/team/kenbg.jpg) bottom left no-repeat;	
}

body.kirsty #bodyContent {
	background:#FFFFFF url(../images/team/kirstybg.jpg) bottom left no-repeat;	
}

body.lorraine #bodyContent {
	background:#FFFFFF url(../images/team/lorrainebg.jpg) bottom left no-repeat;	
}

body.kirsty #bodyContent {
	background:#FFFFFF url(../images/team/kirstybg.jpg) bottom left no-repeat;	
}

body.martin #bodyContent {
	background:#FFFFFF url(../images/team/martinbg.jpg) bottom left no-repeat;	
}

body.paul #bodyContent {
	background:#FFFFFF url(../images/team/paulbg.jpg) bottom left no-repeat;	
}

body.grahams #bodyContent {
	background:#FFFFFF url(../images/team/grahamsbg.jpg) bottom left no-repeat;	
}

body.stephen #bodyContent {
	background:#FFFFFF url(../images/team/stephenbg.jpg) bottom left no-repeat;	
}

body.cathie #bodyContent {
	background:#FFFFFF url(../images/team/cathiebg.jpg) bottom left no-repeat;	
}

body.karl #bodyContent {
	background:#FFFFFF url(../images/team/karlbg.jpg) bottom left no-repeat;	
}

body.mike #bodyContent {
	background:#FFFFFF url(../images/team/mikebg.jpg) bottom left no-repeat;	
}

/******* Portfolio rollovers *******/
#rollover {
position:absolute;
top:392px;
width:528px;
text-align:right;
}
/******* Portfolio rollovers *******/
#teamrollover {
position:absolute;
top:310px;

}
/******* Image background *******/
body.qmilebg #bodyContent {
	background:#FFFFFF url(../images/portfolio/qmile.jpg) bottom left no-repeat;
	
}
body.lochrinbg #bodyContent {
	background:#FFFFFF url(../images/portfolio/lochrin.jpg) bottom left no-repeat;
	
}
body.broomielawbg #bodyContent {
	background:#FFFFFF url(../images/portfolio/broomielaw.jpg) bottom left no-repeat;
	
}
body.orionbg #bodyContent {
	background:#FFFFFF url(../images/portfolio/orion.jpg) bottom left no-repeat;
	
}

body.westhillbg #bodyContent {
	background:#FFFFFF url(../images/portfolio/westhill.jpg) bottom left no-repeat;
	
}
/**** flash homepage ***/
#flashcontentmain.homeMessage {
	position: absolute;
	left: auto;
	right: auto;
	z-index:1;
	top:52px;
}
/*** ***/
#navigation h3 {
	height:18px;
	margin-left:0px;
	margin-top:2px;
	margin-bottom:0px;
	background-color:#ffffff;
}

#navigation  h3 {
background: url(../images/titles/breakingnews.gif) left top no-repeat;
}

#navigation   h3 span {
	position: absolute;
	width: 900px;
	left: -999px;
}