body {
 margin:0;
 padding:0;
 background: #ffffff;
 color: #334755;
 text-align:center;
 font-family: arial,helvetica,sans-serif;
 font-size: 12px;
 height:100%;
 min-height:100%;
 }
 
#container1 {
 margin:0;
 padding:0;
 width:100%;
 height:145px;
 background: #ffffff;
 border:1px solid #99a3aa;
 border-top:none;
 border-left:none;
 border-right:none;
}

#container2 {
 padding:0;
 width:100%;
 height:auto;
 background-image: url(images/grad-bg.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

.outer {
 padding:0;
 text-align:left;
 width:920px;
 height:auto;
 margin:auto;
 background:transparent;
}

 #hdr {
 margin:25px 0 0 0;
 padding:0 0 0 0;
 width:920px;
 height:75px;
 background:#ffffff;
 color:#4c4d4f;
 }
 
 #nav {
 margin:0;
 padding:0;
 float: right;
 height:70px;
 }
 
 #logo {
 margin:0;
 padding:0;
 float:left;
 width:210px;
 }
 
 #search {
 margin:0;
 padding:0;
 float:right;
 }
 
 #search a:link, #search a:visited {
	color: #a5aeb4;
	text-decoration: none;
}

#search a:hover {
	color:#334755;
}

#top-links {
font-size:11px;
padding:8px 0 0 0;
color: #a5aeb4;
}

 #top-links a:link, #top-links a:visited {
	color: #154ec3;
	padding:0 6px 0 6px;
	text-decoration: underline;
}

#top-links a:hover {
	color:#a5aeb4;
}

.case-studies {
padding:30px 0 0 0;
margin:0;
color: #334755;
}

.right-case-studies {
margin:0 0 0 0;
padding:0 0 0 40px;
color: #7f9c43;
font-size:11px;
line-height:2.0em;
}

.right-case-studies a:link, .right-case-studies a:visited {
	color: #334755;
	padding:0;
	text-decoration: none;
}

.right-case-studies a:hover {
	color:#a5aeb4;
}

.right-video-links {
margin:0 0 0 0;
padding:0 0 0 40px;
color: #7f9c43;
font-size:11px;
line-height:2.0em;
}

.right-video-links a:link, .right-video-links a:visited {
	color: #154ec3;
	padding:0;
	text-decoration: underline;
}

.right-video-links a:hover {
	color:#a5aeb4;
}

.case-image {
width:214px;
margin: 0 0 -22px 0;
padding:0;
}

.case-image-title {
font-size:9px;
width:190px;
height:28px;
padding:2px 4px 0 0;
margin:0;
background:#ffffff;
text-align:right;
position:relative;
left:24px;
top:-15px;
}

.menu-image {
width:214px;
margin: 0 0 -12px 0;
padding:5px 0 0 0;
}

.menu-image-title {
font-size:9px;
width:120px;
height:14px;
padding:2px 4px 0 0;
margin: 0 0 0 0;
background:#ffffff;
text-align:right;
float:right;
position:relative;
top:-10px;
}

.updates-image-title {
font-size:9px;
width:120px;
height:14px;
padding:2px 4px 0 0;
margin: 0 0 0 0;
background:#ffffff;
text-align:right;
float:right;
position:relative;
top:-10px;
}

.updates-link:link, .updates-link:visited{
color: #154ec3;
text-decoration:underline;
}

.standard-link:link, .standard-link:visited{
color: #154ec3;
text-decoration:underline;
}

/* colours for services menu items */

.research-menu-title {
font-size:9px;
width:180px;
height:14px;
padding:2px 4px 0 0;
margin: 0 0 0 0;
background:#6c0046;
color:#ffffff;
float:right;
text-align:right;
position:relative;
top:-10px;
}

.social-marketing-menu-title {
font-size:9px;
width:180px;
height:14px;
padding:2px 4px 0 0;
margin: 0 0 0 0;
background:#f68a4c;
color:#ffffff;
float:right;
text-align:right;
position:relative;
top:-10px;
}

.design-branding-menu-title {
font-size:9px;
width:180px;
height:14px;
padding:2px 4px 0 0;
margin: 0 0 0 0;
background:#9dafcb;
color:#ffffff;
float:right;
text-align:right;
position:relative;
top:-10px;
}

.presentation-media-menu-title {
font-size:9px;
width:180px;
height:14px;
padding:2px 4px 0 0;
margin: 0 0 0 0;
background:#b0a97a;
color:#ffffff;
float:right;
text-align:right;
position:relative;
top:-10px;
}

.public-relations-menu-title {
font-size:9px;
width:180px;
height:14px;
padding:2px 4px 0 0;
margin: 0 0 0 0;
background:#846e8f;
color:#ffffff;
float:right;
text-align:right;
position:relative;
top:-10px;
}

.dvd-menu-title {
font-size:9px;
width:180px;
height:14px;
padding:2px 4px 0 0;
margin: 0 0 0 0;
background:#003875;
color:#ffffff;
float:right;
text-align:right;
position:relative;
top:-10px;
}

/* end colours for services menu items */

/* colours for services header text */

.research-text {
color: #6c0046;
}

.social-marketing-text {
color: #f68a4c;
}

.design-branding-text {
color: #9dafcb;
}

.presentation-media-text {
color: #b0a97a;
}

.public-relations-text {
color: #846e8f;
}

.dvd-text {
color: #003875;
}

/* end colours for services header text */

.view-case a:link, .view-case a:visited{
font-size:10px;
float: right;
position:relative;
top:-28px;
right:20px;
color: #334755;
text-decoration:none;
}

.services-menu {
float:right;
text-align:right;
color: #334755;
padding:0 0 40px 0;
margin:0;
}

.updates-menu {
float:left;
width:214px;
color: #334755;
padding:0 0 40px 0;
margin:0;
}

.opacity img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
}

.opacity:hover img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
 -moz-opacity: 0.9;
 }
 
.menu-opacity img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.5;
}

.menu-opacity:hover img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
 } 
 
 #left-col{
 margin:25px 0 0 0;
 padding:0;
 float:left;
 width:295px;
 text-align:left;
 }
 
 #right-col{
 margin:40px 0 0 0;
 padding:0 10px 0 0;
 float:right;
 width:590px;
 text-align:left;
 }
 
 #left-col-services{
 margin:25px 0 0 0;
 padding:0;
 float:left;
 width:635px;
 text-align:left;
 }
 
 #right-col-services{
 margin:40px 0 0 0;
 padding:0 10px 0 0;
 float:right;
 width:250px;
 text-align:left;
 }
 
 #left-col-updates{
 margin:25px 0 0 0;
 padding:0;
 float:left;
 width:250px;
 text-align:left;
 }
 
 #right-col-updates{
 margin:40px 0 0 0;
 padding:0 10px 0 0;
 float:right;
 width:635px;
 text-align:left;
 }
 
 #one-col{
 margin:25px 0 0 0;
 padding:0;
 float:left;
 width:885px;
 text-align:left;
 }
 
.home-text{
 margin:0;
 padding:0;
 float:left;
 text-align:justify;
 }
 
 .home-text2 {
clear:both;
text-align:left;
float:left;
padding:10px 0 0 0;
}
 
 .home-text.backup{
 margin:0;
 padding:0;
 width:220px;
 float:left;
 text-align:left;
 }
 
 .services-text{
 margin:0;
 padding:0 0 20px 0;
 float:left;
 text-align:left;
 }
 
.home-image{
 margin:0;
 padding:0;
 float:right;
 clear:right;
 width:350px;
 text-align:left;
 }
 
 .home-image.backup{
 margin:0;
 padding:0;
 float:right;
 width:350px;
 text-align:left;
 }
 
 .left-image{
 margin:0;
 padding:0;
 float:left;
 width:350px;
 text-align:left;
 }
 
 .left-updates{
 margin:0 0 0 0;
 padding:80px 0 0 0;
 float:right;
 text-align:left;
 width:260px;
 }

.main-image-title {
font-size:11px;
width:290px;
height:16px;
padding:0px 4px 0 0;
background:#ffffff;
text-align:right;
position:relative;
left:60px;
top:-30px;
}

.home-image-title {
font-size:11px;
width:290px;
height:16px;
margin:0;
padding:0px 4px 0 0;
background:#ffffff;
text-align:right;
position:relative;
float:right;
top:-190px;
}

.main-image-title.backup {
clear:both;
font-size:11px;
width:290px;
height:16px;
padding:0px 4px 0 0;
background:#ffffff;
text-align:right;
position:relative;
left:300px;
top:-30px;
}

.team-image-title {
font-size:12px;
width:250px;
height:16px;
padding:0px 4px 0 0;
color:#ffffff;
background:#6e858f;
text-align:right;
position:relative;
left:0px;
top:-30px;
}

.left-image-title {
clear:both;
font-size:11px;
width:290px;
height:16px;
padding:0px 4px 0 0;
background:#ffffff;
text-align:right;
position:relative;
left:60px;
top:-30px;
}

#home-test {
clear:both;
text-align:right;
padding:30px 0 0 0;
}

.view-test a:link, .view-test a:visited{
margin:8px 0 0 0;
font-size:10px;
float: right;
color: #154ec3;
text-decoration:underline;
}

.extern-link {
font-size:11px;
padding:30px 0 0 0;
}

.extern-link a:link, .extern-link a:visited {
	color: #154ec3;
text-decoration:underline;
}

.read-more {
font-size:10px;
margin: -15px 0 0 0;
text-align:right;
padding: 0 0 10px 0;
}

.read-more a:link, .read-more a:visited {
	color: #334755;
	text-decoration: none;
}

.read-more a:hover {
	color: #a5aeb4;
	text-decoration: none;
}

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

 .articles a:link, .articles a:visited {
	color: #0000ff;
	text-decoration: underline;
}

.articles a:hover {
	color:#0000ff;
}

.breadcrumb {
font-size:11px;
padding:0 0 30px 0;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color: #334755;
	text-decoration: none;
}

.name {
color:#c41200;
}

.client-name {
font-size:11px;
color:#c41200;
}

.news-title {
font-size:11px;
color:#c41200;
}

.team-name {
font-size:12px;
color:#6e858f;
}

.studies-title {
color:#c41200;
padding: 30px 0 0 0;
}

.page-on {
color:#c41200;
}

.search-word {
color:#c41200;
} 
 
 td {
 color: #334755;
 text-align:left;
 font-family: arial,helvetica,sans-serif;
 font-size: 12px;
 }
 
 td.underline {
 color: #334755;
 text-align:left;
 font-family: arial,helvetica,sans-serif;
 font-size: 12px;
 border:5px solid #cccccc;
 border-bottom:none;
 border-left:none;
 border-right:none;
padding: 5px 0 5px 0;
 }
 
 td.form {
 color: #334755;
 text-align:right;
 font-family: arial,helvetica,sans-serif;
 font-size: 12px;
 padding: 0 5px 0 0;
 }
 
img.border {
 border:5px solid #cccccc;
 } 
 
#add {
clear:both;
 width:318px;
 font-size:11px;
 color: #2f2b21;	
 margin:0;
 padding:0;
 float:left;
 border:1px solid #ffbfbf;
 border-top:none;
 border-left:none;
 border-bottom:none;
}

#strapline {
width:580px;
 font-size:16px;
 color: #334755;	
 margin:20px 0 0 0;
 padding:0;
 float:right;
}

#accred {
clear:both;
 margin:20px 0 0 0;
 padding:0;
 float:left;
}

#credits {
 font-size:9px;
 width:600px;
 color: #99a3aa;	
 margin:40px 0 0 0;
 padding:0;
 float:right;
}
 
#ftr {
 padding:0;
 text-align:left;
 width:920px;
 height:auto;
 margin:auto;
 background:transparent;
}

#credits a:link, #credits a:visited{
color: #99a3aa;
text-decoration:none;
}

#credits a:hover {
	color:#334755;
}

img {
 border:0;
 }
 
h1 {
 font-size:100%;
 font-weight:bold;
 color:#c41200;
 padding: 0 0 5px 0;
 margin:0;
}

h2 {
 font-size:100%;
 font-weight:bold;
 color:#334755;
 padding: 5px 0 5px 0;
 margin:0;
}

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

h2 a:hover {
	color:#a5aeb4;
}

h3 {
 font-size:14px;
 font-weight:bold;
 color:#334755;
 padding: 0 0 21px 0;
 margin:0;
 line-height:1.5em;
}

h5 {
 color:#334755;
}

h5 a:link {
 color:#334755;
text-decoration:none;	
}

p {
  text-align:left;
  font-size:11px;	
  line-height:1.6em;
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
 }

 /* menu */

.mlddm
{	visibility: hidden;
	margin: 0;
	padding-right: 10px;
	padding-left:0;
	padding-top: 0;
	color: #334755;
	background: #ffffff;
	float: right;
	height: 70px;
	font: 12px arial;
	border:1px solid #ffbfbf;
 border-top:none;
 border-right:none;
 border-bottom:none;}

	.mlddm li
	{	display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		color: #334755;
		font: 11px arial;}
		
	.mlddm menu
	{	font: 14px arial}	

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		font: 12px arial;
		text-align: left;
		white-space: nowrap;
		color: #334755;
		padding: 7px 18px 0 18px;
		margin: 0;
		text-decoration: none;
		background: #ffffff}

	.mlddm li a:hover
	{	color: #334755;
		background: #ffffff}
		
	.mlddm li a#buttonhover
	{	color: #334755;
		background: #ffffff}

		.mlddm ul
		{	margin: 15px 0 0 5px;
			padding: 0 0 0 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			color: #334755;
			background: #ececec;
			z-index: 10;
}
		
		.mlddm ul li
		{	float: none}

		.mlddm ul li a
		{	width: auto;
			padding: 9px 15px;
			color: #334755;
			text-align: left;
			background: transparent}

		.mlddm ul li a:hover
		{	color: #c41200;
			padding: 8px 15px;
			border: 1px solid #ececec;
			background:#ececec;
			border-width: 1px 0px}

		.mlddm .hsub:hover
		{	background: #ffffff}
		
		.line
		{	background: #ffffff;
		height:70px;
		border:1px solid #ffbfbf;
 border-top:none;
 border-left:none;
 border-bottom:none;}


/* Remove list style from lists */
ul {
  list-style: none;
  }
  
input,textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
	color:#334755;
    margin-bottom: 0;
    
    padding: 1px;
    border: solid 1px #a5aeb4;
    width: 136px;
}

/* Slide content */
#slide-7 {background:#ffffff;color:#334755;overflow:hidden;text-align:center}

#toggle { display:none }

hr {
color: #cccccc;
background-color: #cccccc;
height: 5px;
margin: 10px 0 10px 0;
}

select,input,textarea {
 font-family: arial,helvetica,sans-serif;
 color: #1a2c52;
 font-size:100%;
 }
 
input.btn{
	margin:0;
	padding:2px;	
   color:#1a2c52;
   font-family: arial,helvetica,sans-serif;
   font-weight:normal;
   background-color: #c7c9cb;
   border:2px solid;
   border-color:#1a2c52;
   }

   input[type="hidden"] {
    margin: 0;
    padding: 0;
}

.rss {
padding:0 0 10px 0;
margin:0;
}