/*** GLOBAL STYLES ***/

/* 	Firefox scrollbar fix */
html { min-height: 100%; margin-bottom: 1px; }

/* The Clearer! */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

img { border: 0; }
.all_left { float:left; text-align:left; }
.all_right { float:right; text-align:right }
.image_left {  }
.image_right { float:right; margin-left: 2em; }
.left_column { float: left; height:100%; width:300px; }
.right_column {}

body { background:#EEE url('img/header.gif') repeat-x left top; color:#000000; font:62.5% Tahoma, Helvetica, Arial, Sans-Serif; }

/*** STRUCTURE & LAYOUT ***/

/* GLOBALS */
h2 { margin: 1em 0 0.5em 0; padding: 0 0 0.5em 0; background: url('images/heading-underline.png') no-repeat bottom left }
h3 { margin: 1em 0 0.5em; }
h4 { margin: 0 0 0.5em; }
h5 { margin: 0 0 0.25em; }
h6 { margin: 0 0 0.125; }

p { margin-bottom: 1em; }

/* CONTENT */
#content {  }
#container { display: table; }

.clientlink { padding: 0 8px; }
.client { margin: 2em 0 0 0; }
.topclient {margin: 0; }
.topspace { margin-top: 2em }
.software-partner { margin-top: 2em; }

.key-player { padding-bottom: 20px; }

#content {  }
#content ul { margin-bottom: 1em; }
#content ul li { margin: 4px 0; padding-left: 16px; }

/* HEADER */
#header { clear:both; width:750px; height:70px; margin:0 auto; }
#logo {	float:left;	margin:18px 0 0 10px; }
#logo img { float: left; }

/* NAVIGATION */
#menu { margin: 0; padding: 0; float: right; margin-top: 10px; }	
#menu li {	float: left; list-style: none; }
#menu li a	{ color: #00005A; background: url('images/navigation-border.png') no-repeat center right; display: block; padding: 5px 12px; text-decoration: none; border-right: color: #00005A; white-space: nowrap }
#menu li a.last { background: none; }
#menu li a:hover { color: #8F0101; }
#menu li ul { margin: 1px 0 0 -1px; padding:0	; position: absolute; visibility: hidden; border: 1px solid #00005A; border-top: 1px solid #00005A; z-index:500; }
#menu li ul li { float: none; display: inline }
#menu li ul li a {	width: auto; background: #EEE; color: #00005A; border: none }
#menu li ul li a:hover { color:#8F0101; border: none; }

/* CONTENT */
#clients div { padding-bottom: 20px; vertical-align: middle; text-align: center;}

/* FOOTER */
#footer { margin-top: 20px }
#company-info p { margin:0 }

/*** TYPOGRAPHY ***/

/* GLOBALS */
h1 { font-size: 2.4em; }
h2 { font-size: 2.0em; letter-spacing:1px; font-weight: bold; }
h3 { font-size: 1.8em; letter-spacing:1px; font-weight: bold; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.4em; font-weight: bold; }
h6 { font-size: 1.2em; font-weight: bold; }

p, ul {	font-size: 1.3em; letter-spacing: 0; line-height: 1.4em; text-decoration: none; word-spacing: normal; }

/* NAVIGATION */
#menu li { font-size: 14px }
#menu li ul li { line-height: 14px }

/* CONTENT */
.clientlink { font-size: 0.8em; } 

/* FOOTER */
#footer p { font-size: 1.4em; line-height:1.4em; }
#company-info p { font-size: 0.8em; }


/*** COLOUR ***/

/* GLOBALS */
#contentWrapper { background:#FFF; }
h2, h3, h4, h5 { color: #8F0101; }
h6 { color: #000; }
p {	background-color: #fff; }

/* HEADER */
#header { background: #EEE; }

/* CONTENT */
#contentWrapper { background:#FFF url('images/contentbg.gif') repeat-x 50% top; border-top:1px solid #FEFEFE; color:#000; }
#content ul li { background: url('images/comment.gif') no-repeat left 4px; }
#services-list li { font-weight: bold; }

/* FOOTER */
#footer p { background:#eee; color:#414141; }
#footer p span { color: rgb(143,1,1); }