/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	23/07/07
------------------------------------------------*/

/* RESET STYLES */

* {margin: 0; padding: 0; border: 0;}
img {display: block;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
strong {font-weight: bold;}
em {font-style: italic; font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: bold;}
q:before, q:after {content: '';}

/* ACCESSIBILITY */

#skip {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* HTML TAGS */

html, body {
	background-color: white;
}

body {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	line-height: 1.33;
	font-size: x-small;
}

hr {
	display: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* REMOVE HOVER/LINK STYLES FOR CURRENT LINK */

#primaryNavigation .current, #secondaryNavigation .current, #footer .current, #primaryNavigation .current:hover, #secondaryNavigation .current:hover, #footer .current:hover {
	cursor: default;
	text-decoration: none;
}

#primaryNavigation .current, #secondaryNavigation .current {
	color:#000 !important;
}	

/* HEADINGS */

#header h1, #body-main h1 {
	font-size: 200%;
	font-weight: normal;
}

h2 {
	font-size: 153.8%;
}

#body-main h2 {
	margin: 1.5em 0 0.5em;
}

h3 {
	font-size: 113.1%;
}

#bodywrapper h3 {
	margin-top: 1.0em;
}

#bodywrapper .compact, #bodywrapper #secondaryNavigation h3 {
	margin-top: 0 !important;
	margin-bottom:0.5em;
}

#bodywrapper .compactnews {
	margin-top: 0 !important;
	margin-bottom:0;
}

#bodywrapper #body-sub ul h3, 
#bodywrapper #body-related ul h3 {
	margin-top: 0.33em;
	height:1%;
}

/* CLASSES */

.container {
	font-size: 130%;
	max-width:940px;
	margin: 0 auto;
	position: relative;
}

* html .container {width:940px}

.rel {
	position: relative;
}

.large {
	font-size: 115.4%;
}

.home-thumb {
	margin:1em 0;
}

.image span {
	display:block;
	padding:5px;
	margin-top: 0 !important;
	text-align:center;
	font-style:italic;
	width:282px;
}

.image {
	background-color:#FFF;
	border:1px solid #C3C3C3;
	border-right:1px solid #989898;
	border-bottom:1px solid #989898;
	position:absolute;
	left:10%;
}

#secondary .image {
	float:left;
	position:relative;
}

.second {
	top:320px;
}

#secondary .image {
	position:inherit;
	float:right;
	margin-left:18px;
	margin-bottom:18px;
	margin-right:-165px;
	line-height:1.7;
	color:#666;
	font-size:0.9em;
}

.image img {
	margin-bottom:5px;
}

.clear {
	clear:both;
}

/* LOGO */

#logo {
	position: absolute;
	top: 0;
	left: 1%;
	width: 25%;
	height: 140px;
	text-indent: -200em;
	background-color:white;
}

#logo a {
	display: block;
	width: 223px;
	margin-top: 0.9em;
	height: 53px;
}

#logo a:hover {
	text-decoration: none;
}

#home #logo a:hover {
	cursor: default;
}

/* HEADER */

#header .container {
	height:95px;
}

#header .tel {
	position: absolute;
	bottom: 0em;
	left: 70%;
	width: 218px;
	height: 88px;
	line-height: 1;
	text-indent: -200em;
}

#header .type {
	text-indent: -200em;
}

#header .tel .value {
	position: absolute;
	bottom: 4px;
	left: 83px;
}

#header .tel {
	font-weight: normal;
}

/* NAVIGATION */

#primaryNavigation li {
	font-weight: bold;
}

#primaryNavigation h4 {
	display:none;
}

#primaryNavigation a {
	display: block;
	line-height: 1;
	padding: 3px 0 4px;
}

#who, #what, #views, #web-site {
	position: absolute;
	top: 17px;
}

#who {left: 30%; width: 10%;}
#what {left: 40%; width: 15%;}
#views {left: 54%; width: 10%;}

#nav-ancillary {
	position: absolute; 
	bottom: 0;
	left: 65%;
	width: 17%;
	height: 8.8em;
}

#secondaryNavigation ul {
	margin-bottom:0.5em;
}

#secondaryNavigation li {
	padding-left:20px;
	background:url(../images/interface/bullet.gif) 0 0.4em no-repeat;
}

#secondaryNavigation a, #primaryNavigation a {
	height:1%;
}

#secondaryNavigation li a {
	display: block;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#secondaryNavigation li h3 a, #body-related li h3 a {
	padding-bottom: 0;
}

/* BANNER */

#banner {
	height:175px;
}

#banner .container {
	height: 175px;
	overflow:hidden;
}

/* BODY CONTENT */

.column li {
	font-size: 92.31%;
}

#secondaryNavigation, #body-sub, #body-related {
	position: absolute;
	top: 25px;
	width: 18%;
}

#secondaryNavigation {
	left: 2%;
	width:22%;
}

#body-sub {
	top: 0;
	left: 65%;
	padding: 25px 2% 18px 2%;
	margin: 0 1px 0 2px;
	width:13%;
}

#body-main {
	width: 56%;
	margin-left: 26%;
	line-height:1.4;
}

#body-main .inner {
	margin-right: 30.5%;
	padding: 25px 3% 18px 3%;
	min-height: 25em;
	text-align:left;
	/*font-size:92.5%;*/
	font-size: 105.4%;
	padding-bottom:3em;
	background-color:#FFF;
}

* html #body-main .inner {zoom:1; height: 25em;}

#secondary #body-main .inner {
	margin-right: 0;
}

#body-main .inner ul {margin-top:1em;}

#body-main .inner ul ul {margin-top:0;}

#body-main .inner ul li {
	padding-left:15px;
	margin-left:20px;
}

#body-main h4 {
	font-size:112.5%;
}

#body-related {
	left: 84.25%;
	width:13%;
}

#body-sub, #body-related {
	line-height:1.7;
	color:#666;
	font-size:0.9em;
}

#body-sub h3, #body-related h3 {
	font-size:1.3em;
	line-height:1.33;
}

#body-sub p, #body-related p {
	margin-top: 0.5em;
}

#body-sub ul p, #body-related p {
	margin-top: 0;
}

#body-main p {
	margin-top: 1em;
}

#body-main h4 {
	margin-top: 1em;
}

/* FOOTER */

#footer .container {
	height: 6em;
}

#footer #btt a {
	display: block;
}

#footer-main, #btt, #end {
	position: absolute;
	top: 0;
	left: 25%;
	height: 6em;
}

#accreditations {
	position: absolute;
	top:18px;
	left:2%;
}

#footer-main {
	left: 26%;
}

#footer-main span {
	display:block;
	margin: 18px 0 0 17px;
	color:#999;
	font-size: 92.31%;
	width:100%;
}

#footer #footer-main a {
	color:#999;
	text-decoration:none;
}

#footer #footer-main a:hover {
	color:#999;
	text-decoration:underline;
}

#btt {
	left: 65%;
	width: 17.1%;
	margin-left: -1px;
}

#btt a {
	display: block;
	font-size: 92.31%;
	padding: 18px 4px 0 18px;
}

#end {
	left: 82%;
	margin-left: 1px;
}

/* BLOG */

.post h3 a {
	text-decoration:none;
}

.post h3 a:hover {
	text-decoration:none;
}

.postheader, .postheadersingle {
	background:url(../images/red/blog_date.gif) right bottom no-repeat;
	border-bottom:1px solid #D4D4D4;
	position:relative;
	height:41px;
}

.postheadersingle h2 {
	margin:0;
	padding:0;
}

.postheader h3 {
	position:absolute;
	bottom:0;
}

.postheader span, .postheadersingle span {
	position:absolute;
	right:32px;
	top:15px;
	font-weight:bold;
	color:#FFF;
}

.postmetadata {
	font-size:0.9em;
	background-color:#F7E8E8;
	border:1px solid #D4D4D4;
	display:block;
	padding:4px 8px;
	padding-top:3px;
	margin-top:1.5em;
	margin-bottom:2em;
}
}

.postmetadata a:visited {
	background-image:none !important;
	padding-right:0 !important;
}	

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

/* FLASH */

#ourclients {
	/*margin-top:1.5em;*/
	width:207px;
	height:100px;
}