/* Copyright Vanbar Multimedia Ltd 2006 */

/*************************** Top Level ****************************/
/* always force a vertical scroll bar */
html { height:101%; }
*	 { margin:0; padding:0; border:0; }
body {
	background-color: #FFFFFF;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:small;
	line-height:17px; /* percentage and em is too different between browsers */
	color:#3E647E;
	font-weight:normal;
	padding:0px 0 0px 0;
	}


/************************* Common Divs *************************/
#container {
	margin:0 auto;
	width:790px;
	}
#header {
	height:60px;
	border-bottom:5px solid #892034;
	}
#content {
	width:590px;
	float:left;
	margin-right:6px;
	}
#right {
	width:194px;
	float:left;
	}
#footer {
	clear:both;
	height:26px;
	background-color:#892034;
	width:100%;
	margin-top:-12px; /* cludge as   used for Safari bug */
	}
#content_copy {
	height:446px;
	padding:24px 100px 0 25px;
	background-color:#3E647E;
	color:#FFFFFF;
	overflow:auto;
	}
#content_copy h1 {
	font-size:300%;
	margin-bottom:50px;
	}
#content_copy h2 {
	font-size:x-large;
	line-height:1.1em;
	font-weight:normal;
	margin-bottom:16px;
	}


/*********************** Common Styles ***********************/
/* Positioning */
.left			{float:left}
.right			{float:right}
.clearfloats	{clear:both;}
.clearleft		{clear:left}

/* Styling */
p 	{ margin:10px 0 12px 0; }
h1	{
	font-size:x-large;
	color:#A5BBC9;
	line-height:20px;
	}

/* HTML 4 Strict bug fix */
/* could also use display:block */
img	 	{ vertical-align:bottom; }
ul		{ list-style-position:inside }

/* forms - see Contact*/


/* links */
a 			{ text-decoration:none; }
a:link		{ color:#3E647E; font-weight:bold}
a:active	{ color:#3E647E; font-weight:bold}
a:visited	{ color:#3E647E; font-weight:bold}
a:hover		{ color:#3E647E; text-decoration:underline}


/*************************** Menu ****************************/
/* Main top nav */
#menu {
	margin:6px 0 6px 0;
	}
#menu ul {
	list-style-type: none;
	}
#menu li {
	display:inline;
	float: left;
	width:143px;
	height:21px;
	margin-right:6px;
	background-color:#A5BBC9;
	}
#menu li.lastchild {
	margin-right:0;
	width:194px;
	}
/*#menu li a {
	display:block;
	color:#FFFFFF;
	height:17px;
	padding:5px 0 0 10px; 		Old style when textual links 
	width:96px;  			(old width when we had the News button)
	width:115px;
	}
#menu li a
	{ font-weight:normal; }
#menu li a:hover
	{ background-color:#892034; text-decoration:none; } */

/* Menu rollovers and actives */
body#home a#homenav,
body#services a#servnav,
body#portfolio a#portnav,
body#clients a#clientsnav,
body#news a#newsnav,
body#about a#aboutnav,
body#contact a#contactnav
	{ background-color:#892034 }


/*************************** SubMenu ****************************/
/* Right hand Secondary nav */
#submenu ul {
	letter-spacing:-0.07em; /* Cludge to fit on 'Print & Production Management' - can't go less than this 'cos of IE*/
	list-style-type:none;
	list-style-position:outside; /* for IE */
	width:194px;
	}
#submenu li {
	height:22px;
	margin-bottom:2px;
	background-color:#A5BBC9;
	display:block;			/* for IE - prevents a gap under each li */
	vertical-align:bottom;	/* for IE - prevents a gap under each li */
	}
#submenu li a {
	display:block;
	color:#FFFFFF;
	height:16px;
	padding:3px 0 3px 4px; /* Problem with IE - gap above text within the li ... */
	width:184px;
	text-indent:-5px;
	padding-left:10px;
	}
/* For IE to make the a's activated the whole vloume of the li !*/
#submenu li a {
	clear: left;
	float: left;
	}
#submenu li a
	{ font-weight:normal; }
#submenu li a:hover
	{ background-color:#3E647E; text-decoration:none; }


/*************************** Home ****************************/
/* #home_intro {
	width:495px;
	height:86px;
	background-color:#3E647E;
	color:#FFFFFF;
	margin-top:6px;
	padding:26px 15px 0 15px;
	}  no longer used as now an image....*/
img.splash {
	margin-bottom:6px;
	}
#latest_news {
	color:#3E647E;
	height:127px;	/* needed as too much difference cross-browser */
	overflow:hidden;/* needed as too much difference cross-browser */
	}
#latest_study {
	color:#892034;
	margin-bottom:6px;
	margin-top:4px;
	height:221px;	/* needed as too much difference cross-browser */
	overflow:hidden;/* needed as too much difference cross-browser */
	}
#latest_news h1, #latest_study h1 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:small;
	margin:3px 0 5px 0;
	border-bottom:1px dotted;
	}
#latest_news h1 {
	color:#3E647E;
	border-bottom-color:#3E647E;
	}
#latest_news a {
	font-weight:normal;  /* Useless IE doesn't understand inherit *sigh* */
	}
 #latest_study h1 {
 	color:#892034;
	border-bottom-color:#892034;
	margin-top:5px;
 	}
#latest_study img {
	margin-top:0px;
	}
#latest_study a {
	font-weight:normal;  /* Useless IE doesn't understand inherit *sigh* */
	}
#latest_news p, #latest_study p {
	margin:6px 0 6px 0;
	line-height:14px; /* percentage and em is too different between browsers */
	}
#latest_study p {
	height:52px;
	}
#latest_study a {
	color:#892034;
	}


/************************* Services **************************/

/* SubMenu rollovers and actives */
body#services ul#services_subnav	a#serv_subnav,
body#services ul#print_subnav		a#print_subnav,
body#services ul#exhib_subnav		a#exhib_subnav,
body#services ul#identity_subnav	a#identity_subnav,
body#services ul#newmedia_subnav	a#newmedia_subnav,
body#services ul#manage_subnav		a#manage_subnav,
body#services ul#pr_subnav			a#pr_subnav,
body#services ul#event_subnav		a#event_subnav
	{ background-color:#3E647E }

#services_content {
	height:333px;
	padding:24px 100px 0 25px;
	background-color:#3E647E;
	color:#FFFFFF;
	}
p.bottomless { margin-bottom:0 }


/************************* Portfolio *************************/
#portfolio_content {
	height:82px;
	padding:23px 0 23px 23px;
	background-color:#3E647E;
	color:#FFFFFF;
	margin-top:6px;
	}
#portfolio_nav {
	float:right;
	width:50px;
	text-align:center;
	height:105px;
	margin-top:-23px;
	padding-top:10px;
	}
#portfolio a		{ color:#FFFFFF; font-weight:bold }
#portfolio a:link	{ }
#portfolio a:active	{ }
#portfolio a:visited{ }
#portfolio a:hover	{ text-decoration:underline}


/************************** Clients **************************/
table {
	height:475px;
	width:100%;
	}
td {
	width:25%;
	}
td img {
	margin:0 auto;
	display:block;
	}


/*************************** About ***************************/



/************************* Contact ***************************/
#contact_content {
/*	margin-left:462px; */
	margin-left:456px;
	}


/*************************** News ***************************/
/* Note - a seperate css file is used for the submenu as this
is created from the CMS to handle it's dynamic nature */
body#news div#right img {
	margin-bottom:15px;
}
body#news div#content_copy a {
	color:#FFFFFF;
	text-decoration:underline;
	}


/*********************** Case Studies ***********************/
/* Note - a seperate css file is used for the submenu as this
is created from the CMS to handle it's dynamic nature */
body#case_studies div#right img {
	margin-bottom:15px;
}
body#case_studies #content_copy {
	background-color:#DEE4EB;
	color:#3E647E;
	}


/*********************** Case Studies ***********************/
/* Note - a seperate css file is used for the submenu as this
is created from the CMS to handle it's dynamic nature */
body#demo div#right img {
	margin-bottom:15px;
}
body#demo div#content_copy a {
	color:#FFFFFF;
	text-decoration:underline;
	}