body {
	padding: 0px;
	margin: 0px;
	background: #ffffff url(images/body-background2.png) repeat-x;
	font-family: verdana;
}

h1, h2, h3, h4, h5, h6, p, li, div {
	font-family: verdana;
	color: #003366; /*#758ba4;*/
	text-align: left;
}
dd, dt {
	color: #758ba4;
}

/*
13.333px = 10pt => 14px
18.667px = 12pt => 19px

*/


h1 { font-size: 19px; }
h2 { font-size: 16px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 8pt; font-weight: normal; }
h6 { font-size: 10px; }
div, p, li, dd, dt { font-size: 13px; }

p {
	margin: 2px 0px 14px 0px;
}

hr { color: #003366; height: 1px; }

a {
	color: #6b8ca6;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #003366;
	text-decoration: underline;
	font-weight: bold;
}

a img { border: none; }

#whole {
	width: 960px;
	overflow: hidden;
	margin: 0px auto auto auto;
}

#arkexlogo {
	width: 121px;
	height: 37px;
	margin: 33px 0px 23px 0px;
}

/* MAIN NAVIAGTION */
/*-----------------*/
#navbar {
	width: 960px;
	height: 37px;
	padding: 0px;
	margin: 0px;
	background: url(images/navbars/navigation-background.png) no-repeat;
	list-style: none;
	line-height: 34px;
}

#navbar li {
	color: #758ba4;
	padding: 0px 20px 0px 18px;
	float: left;
	height: 34px;
	font-size: 11px;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
}

#navbar li a:link {
	color: #758ba4;
	display: block;
	text-decoration: none;
	font-weight: normal;
}

#navbar li a:visited {
	display: block;
	text-decoration: none;
	font-weight: normal;
}
#sele { color: #003366; }
#navbar li a:hover {
	color: #003366;
	text-decoration: none;
	font-weight: normal;
}

#navbar .leftnav {
	float: left;
	background: url(images/navbars/navigation-separator.png) right no-repeat;
}

#navbar .rightnav {
	float: right;
	background: url(images/navbars/navigation-separator.png) left no-repeat;
}


/* SUB NAVIGATION */
/*----------------*/
#subnavbar {
	width: 960px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 24px;
}

#subnavbar a {
/*	color: #ffffff;*/
}

.bq { background: url(images/navbars/bq-bar.png) no-repeat; }
.tc { background: url(images/navbars/tc-bar.png) no-repeat; }
.ds { background: url(images/navbars/ds-bar.png) no-repeat; }
.gm { background: url(images/navbars/gm-bar.png) no-repeat; }
.ci { background: url(images/navbars/ci-bar.png) no-repeat; }

#subnavbar li {
	padding: 0px 20px 0px 18px;
	float: left;
	height: 27px;
	font-size: 11px;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
}
	
#subnavbar li a:link {
	color: white;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
#subnavbar li a:visited {
	color: white;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
#subnavbar li #tore {
	color: #c2c2c2;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
#subnavbar li a:hover {
	color: #c2c2c2;
	text-decoration: none;
}

#subnavbar .leftnav {
	border-right: white 2px solid;
	float: left;
	background: url(images/navbars/sub_navigation-separator.png) right no-repeat;
}

#subnavbar .rightnav {
	float: right;
	background: url(images/navbars/sub_navigation-separator.png) left no-repeat;
}


	


/* Footer */
/*--------*/
.footer {
	width: 960px;
	padding: 12px 0px 2px 0px;
	overflow: hidden;
	clear: both;
}
.footer p {
	font-size: 10px;
	color: #758ba4;
}
.footer a {
	font-weight: normal;
	text-decoration: none;
	color: #758ba4;
}
.footer a:hover {
	text-decoration: none;
	color: #003366;
}



/* Floaters */
/*----------*/

.rightimg {
	float: right;
	margin: 0px 0px 20px 20px;
}

.leftimg {
	float: left;
	margin: 0px 20px 20px 0px;
}

.person {
	clear: left;
}

.centre {
	text-align: center;
}


/* Left and Right float elements, plus whole page width content container */
/*------------------------------------------------------------------------*/

#surround {
	width: 950px;
	margin: 0px;
}

#left {
	display: block;
	width: 670px;
	padding: 0px;
	margin: 20px 0px 30px 10px;
}

#right {
	display: block;
	float: right;
	text-align: center;
	width: 257px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 20px 20px;
}

#page {
	width: 940px;
	margin: 20px 10px 20px 10px;
}



/* CSS hovers: */
/*-------------*/
#gravity_gradiometry { margin: 3px 0px 3px 0px; }
#gravity_gradiometry a {
	display: block;
	width: 113px;
	height: 75px;
	background: url(images/blueqube_about/bq1.png) no-repeat;
	color: white;
	padding: 48px 140px 2px 4px;
	text-decoration: none;
	font-family: Arial-narrow, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}
#gravity_gradiometry a:hover {
	background-position: -257px 0;
	color: inherit;
}	

#discover { margin: 3px 0px 3px 0px; }
#discover a {
	display: block;
	width: 113px;
	height: 69px;
	background: url(images/blueqube_about/bq2.png) no-repeat;
	color: white;
	padding: 54px 140px 2px 4px;
	text-decoration: none;
	font-family: Arial-narrow, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}
#discover a:hover {
	background-position: -257px 0;
	color: inherit;
}	

#contact { margin: 3px 0px 3px 0px; }
#contact a {
	display: block;
	width: 113px;
	height: 69px;
	background: url(images/contact/contact.png) no-repeat;
	color: white;
	padding: 54px 140px 2px 4px;
	text-decoration: none;
	font-family: Arial-narrow, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}
#contact a:hover {
	background-position: -257px 0;
	color: inherit;
}	



#gototop {
	text-decoration: none;
}

.hover { margin: 3px 0px 3px 0px; }

#news a {
	display: block;
	width: 113px;
	height: 69px;
	background: url(images/news/news.png) no-repeat;
	padding: 54px 140px 2px 4px;
	color: white;
	text-decoration: none;
	font-family: Arial-narrow, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

#news a:hover {
	background-position: -257px 0;
	color: inherit;
}

#archive a {
	display: block;
	width: 113px;
	height: 69px;
	background: url(images/news/archive.png) no-repeat;
	padding: 54px 140px 2px 4px;
	color: white;
	text-decoration: none;
	font-family: Arial-narrow, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}
#archive a:hover {
	background-position: -257px 0;
	color: inherit;
}

#library a {
	display: block;
	width: 113px;
	height: 69px;
	background: url(images/news/image.png) no-repeat;
	padding: 54px 140px 2px 4px;
	color: white;
	text-decoration: none;
	font-family: Arial-narrow, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}
#library a:hover {
	background-position: -257px 0;
	color: inherit;
}


#map {
	width: 500px;
	height: 300px;
}

#markchampionmail a {
	display: block;
	width: 211px;
	height: 16px;
	vertical-align: top;
	margin: 0px;
	background: url(images/contact/mark.champion.arkex.com.hover.png) no-repeat;
}
#markchampionmail a:hover {
	background-position: 0px -16px;
}
#sheringtonmail a {
	display: block;
	width: 170px;
	height: 16px;
	vertical-align: top;
	margin: 0px;
	background: url(images/contact/sherington.arkex.com.hover.png) no-repeat;
}
#sheringtonmail a:hover {
	background-position: 0px -16px;
}
#supportmail a {
	display: block;
	width: 150px;
	height: 16px;
	vertical-align: top;
	margin: 0px;
	background: url(images/contact/support.arkcls.com.hover.png) no-repeat;
}
#supportmail a:hover {
	background-position: 0px -16px;
}
#duncanbatemail a {
	display: block;
	width: 183px;
	height: 16px;
	vertical-align: top;
	margin: 0px 2px 0px 2px;
	background: url(images/contact/duncan.bate.arkex.com.hover.png) no-repeat;
}
#duncanbatemail a:hover {
	background-position: 0px -16px;
}
#sarahlucasmail a {
	display: block;
	width: 176px;
	height: 16px;
	vertical-align: top;
	margin: 6px 0px 0px 0px;
	background: url(images/contact/sarah.lucas.arkex.com.hover.png) no-repeat;
}
#sarahlucasmail a:hover {
	background-position: 0px -16px;
}