/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Ben Hallam, DBS, www.dbs-uk.co.uk                              */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
	background:#053474;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
a
{
	outline:none;
}

a:link, a:visited
{
	color:#5498d2;
	font-weight:normal;
}

a:hover, a:active
{
	color:#2abd00;
	font-weight:normal;
}

div.spacer {
	clear: both;
}

div#background
{
	background:url(/site/img/bgslice.jpg) top repeat-x fixed #FFFFFF;
}

/* site container */
/*******************************************************************************/
div#container
{
	width: 902px;
	padding: 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}

/* left column*/
/*******************************************************************************/

div#left_column
{
	width:166px;
	float:left;
}

div#column_wrap
{
	padding:100px 12px 14px 12px;
}

div#news
{
	border:1px solid #FFFFFF;
	background:#f2f6fa;
	padding:7px;
	height:210px;
	margin-bottom:14px;
}

div#logo
{
	position:relative;
	height:105px;
	float:left;
}

#logo_image
{
	top:-103px;
	position:absolute;
	
}



/* header block */
/*******************************************************************************/
div#header_container
{
	height:31px;
	background:#0b5094;
	margin-bottom:8px;
	text-align:right;
}

div#telephone
{
	width:902px;
	margin:0 auto;
}


/* body block */
/*******************************************************************************/
div#body_container
{
	border-top:1px solid #004a8f;
	border-right:1px solid #004a8f;
	border-left:1px solid #004a8f;
	background:#e2ebf4 url(/site/img/bodybottom-bg.jpg) bottom repeat-x;
	padding-bottom:5px;
}

div#body_header
{
	padding:5px 0 10px 0;
	background:url(/site/img/bodyheader_bg.jpg) repeat-x #e2ebf4;
}

/* content */
/*******************************************************************************/
div#navigation
{
	padding-left:165px;
}

div#navigation ul
{
	margin:0;
	list-style:none;
}

div#navigation ul li
{
	float:left;
}

div#navigation ul li a:link,
div#navigation ul li a:visited
{
	padding:6px 12px;
	display:block;
	text-transform:capitalize;
	color:#FFFFFF;
	background:#5498d2 url(/site/img/nav-bg-off.jpg) repeat-x;
	border-bottom:3px solid #004a8f;
	margin-left:2px;
}

div#navigation ul li a:hover,
div#navigation ul li a:active,
div#navigation ul.home li#home a,
div#navigation ul.consultancy li#consultancy a,
div#navigation ul.hardware li#hardware a,
div#navigation ul.software li#software a,
div#navigation ul.digital li#digital a,
div#navigation ul.maintenance li#maintenance a,
div#navigation ul.faqs li#faqs a,
div#navigation ul.contact li#contact a
{
	padding:6px 12px;
	display:block;
	text-transform:capitalize;
	color:#FFFFFF;
	background:#004a8f url(/site/img/nav-bg-on.jpg) repeat-x;
	border-bottom:3px solid #86b1de;
	margin-left:2px;
}



/* subnavigation */
/*******************************************************************************/

div#submenu
{
	border:1px solid #ffffff;
	background:#f2f6fa;
	padding:7px;
	height:210px;
	margin-bottom:14px;
	clear:left;
}

div#submenu ul
{
	list-style:none;
	margin:0;
}

div#submenu ul li a:link,
div#submenu ul li a:visited
{
	display:block;
	color:#FFF;
	padding:5px;
	background:#5498d2 url(/site/img/nav-bg-off.jpg) repeat-x;
	border-bottom:2px solid #f2f6fa;
}

div#submenu ul li a:hover,
div#submenu ul li a:active,
div.optimise div#submenu ul li.optimise a,
div.disaster div#submenu ul li.disaster a,
div.systemupgrades div#submenu ul li.systemupgrades a,
div.systemdesign div#submenu ul li.systemdesign a,
div.repairs div#submenu ul li.repairs a,
div.email div#submenu ul li.email a,
div.dropin div#submenu ul li.dropin a,
div.support div#submenu ul li.support a,
div.callout div#submenu ul li.callout a,
div.remotesupport div#submenu ul li.remotesupport a,
div.backup div#submenu ul li.backup a,
div.maintenancecontracts div#submenu ul li.maintenancecontracts a,
div.repair div#submenu ul li.repair a,
div.virus div#submenu ul li.virus a,
div.installation div#submenu ul li.installation a
{
	display:block;
	color:#FFF;
	padding:5px;
	background:#004a8f url(/site/img/nav-bg-on.jpg) repeat-x;
	border-bottom:2px solid #f2f6fa;
}


/* breadcrumb */
/*******************************************************************************/

div#breadcrumb
{
	padding:0 15px 5px 0;
	height:14px;
}

div#breadcrumb p
{
	text-align:right;
	margin:0;
}

div#breadcrumb p a:link,
div#breadcrumb p a:visited
{
	font-size:0.83em;
	font-weight:normal;
	text-transform:uppercase;
	color:#757575;
}

div#breadcrumb p a:hover,
div#breadcrumb p a:active
{
	font-size:0.83em;
	font-weight:normal;
	text-transform:uppercase;
	color:#757575;
	text-decoration:underline;
}



/* content */
/*******************************************************************************/

div#content_wrap
{
	width:561px;
	float:left;
	background:#ffffff;
	border:1px solid #96a8ba;
	padding:3px 3px 3px 5px;
}

div#content
{
	padding:12px;
}


/* rightcolumn */
/*******************************************************************************/

div#right_column
{
	width:144px;
	float:left;
	padding-left:12px;
}

div#testimonial
{
	background:#f2f6fa;
	padding:10px;
	width:122px;
	margin-top:10px;
}


/* footer */
/*******************************************************************************/
div#footer_bg
{
	color: #ccc;
	font-size: 0.92em;
	clear:left;
	background:#0a4c90 url(/site/img/footerbg.jpg) bottom repeat-x;
	padding:0 0 60px 0;
}

div#footer_container
{
	width:902px;
	margin:0 auto;
	background:url(/site/img/footer-header.jpg) top center no-repeat;
	padding:32px 0 22px 0;
	text-align:left;
}

div#footer_container a:link,
div#footer_container a:visited,
div#footer_container p
{
	color:#FFFFFF;
	font-weight:normal;
}

div#footer_container a:hover,
div#footer_container a:active
{
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
}

div#footer_container ul
{
	list-style:none;
	margin:0 0 0 15px;
}

div.footer_column_consult
{
	width:125px;
	float:left;
	border-right:1px solid #387fc6;
	padding-bottom:10px;
	height:105px;
}

div.footer_column_hardware
{
	width:135px;
	float:left;
	border-right:1px solid #387fc6;
	padding-bottom:10px;
	height:105px;
}

div.footer_column_software
{
	width:115px;
	float:left;
	border-right:1px solid #387fc6;
	padding-bottom:10px;
	height:105px;
}

div.footer_column_digital
{
	width:110px;
	float:left;
	border-right:1px solid #387fc6;
	padding-bottom:10px;
	height:105px;
}

div.footer_column_maintenance
{
	width:105px;
	float:left;
	border-right:1px solid #387fc6;
	padding-bottom:10px;
	height:105px;
}


div.footer_column_info
{
	width:140px;
	float:left;
	border-right:1px solid #387fc6;
	padding-bottom:10px;
	height:105px;
}

div.footer_column_big
{
	width:152px;
	float:left;
}

div.footer_column_big p
{
	padding-left:15px;
}



/* News Scroller */
/*******************************************************************************/
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* JAVASCRIPT DISABLED */
.no_javascript
{
	width: 125px;
	height: 180px;
	overflow: auto;
}

.no_javascript ul
{
	margin: 0;
	padding: 0;
}

.no_javascript li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.no_javascript li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above .simply-scroll is default base class */

/* Container DIV */
/* Clip DIV */
.simply-scroll {
	width: 125px;
	height: 180px;
}

.simply-scroll .simply-scroll-clip {
	width: 125px;
	height: 180px;
}

ul#news_scroll li
{
	margin-bottom:20px;
}

/* Explicitly set height/width of each list item */
/*.simply-scroll-list li {
	width: 128x;
	height: 80px;
}*/