/*
=====================================================
NorthWise Services website - 'Desktop' theme CSS file
version 4.5
=====================================================
-----------------------------------------------------
       (c) Robin North for pFusion:Design 2007
             www.pfusion-design.co.uk
              www.robinnorth.co.uk
------------------------------------------------------

You may use this file for learning purposes, but DO NOT 
copy the code in its entirity. The unique combination of 
images, colours, sizes, typography and positioning ('the 
design') is copyright. Copying, modifying or any other 
use of design related images is STRICTLY FORBIDDEN. 
*/

/*
NWS 'Basic' Theme for pre-site environment
=====================================================
*/

@import url("basic.css");

/*
Global reset
=====================================================
*/
* {
	font-size:100%;
	margin:0;
	padding:0;
	}

/* 
Viewport and background layout and appearance
=====================================================
*/
body, html {
	width:100%;
	height:100%;
	}

/*
Page layout and site interface
=====================================================
*/   
body {
	background:url(../images/desktop/backgrounds/dune_grass_1.jpg) fixed; /* Desktop 'wallpaper' */
	}
		
p {
	margin:1.4em 0em 1.4em 0em;
	}
		
hr, body br {
	display:none;
	}
	
#printHeader, #printHeader_nwr {
	display:none;
	}

#contentArea br {
	display:inline;
	}
	
#container {
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	}

#header h1 {
	visibility:hidden;
	}

#header {
	margin-left:auto;
	margin-right:auto;
	width:918px;
	height:158px;
	padding:30px 0px 0px 0px;
	background:url(../images/desktop/ie/header.gif) no-repeat bottom right; /* Single transparency GIFs fed to IE to make up interface due to lack of support for alpha transparency PNGs */
	}

/* Correct interface PNGs fed to other browsers (Mozilla et al) - IE doesn't understand CSS2 child selectors */
html>body #header {
	background:url(../images/desktop/header.png) no-repeat bottom right;
	}
		
#wrapper {
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	width:918px;
	height:auto;
	background:url(../images/desktop/ie/wrapper.gif) repeat-y;
	}

html>body #wrapper {
	background:url(../images/desktop/wrapper.png) repeat-y;
	}
		
#contentWrapper {
	float:left;
	width:689px;
	height:auto;
	}
		
#menuWrapper {
	float:right;
	width:218px;
	height:auto;
	padding:0px 11px 0px 0px;
	}
		
#locationBar {
	width:664px;
	height:21px;
	padding:6px 0px 0px 25px;
	text-align:left;
	background:url(../images/desktop/ie/locationBar.gif) no-repeat top left;
	}
		
html>body #locationBar {
	background:url(../images/desktop/locationBar.png) no-repeat top left;
	}
		
#taskPane {
	width:654px;
	height:52px;
	padding:15px 35px 0px 0px;
	text-align:right;
	background:url(../images/desktop/ie/taskPane.gif) no-repeat;
	}
		
html>body #taskPane {
	background:url(../images/desktop/taskPane.png) no-repeat;
	}
	
#tickerMessage {
	}
		
#contentArea {
	width:619px;
	height:auto;
	padding:0px 35px 5px 35px;
	text-align:justify;
	background:url(../images/desktop/ie/contentArea.gif) repeat-y;
	}
		
html>body #contentArea {
	background:url(../images/desktop/contentArea.png) repeat-y;
	}

.floatLeft {
	width:45%;
	padding:1em 0em 0em 1.4em;
	float:left;
	}

.floatRight {
	width:45%;
	padding:1em 1.4em 0em 0em;
	float:right;
	}
		
.contentIndent {
	height:auto;
	padding-left:50px;
	}

#contentFooter {
	width:689px;
	height:32px;
	background:url(../images/desktop/ie/contentFooter.gif) no-repeat;
	}
		
html>body #contentFooter {
	background:url(../images/desktop/contentFooter.png) no-repeat;
	}
		
#menuBar {
	width:200px;
	height:21px;
	padding:6px 0px 0px 18px;
	text-align:left;
	background:url(../images/desktop/ie/menuBar.gif) no-repeat;
	}
		
html>body #menuBar {
	background:url(../images/desktop/menuBar.png) no-repeat;
	}

.spacer {
	clear:both;
	}
		
#pageFooter {
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 30px;
	width:888px;
	height:50px;
	line-height:1.4em;
	background:url(../images/desktop/ie/pageFooter.gif) no-repeat;
	}
		
html>body #pageFooter {
	background:url(../images/desktop/pageFooter.png) no-repeat;
	}
	
#credits {
	float:left;
	}

#validCSS {
	display:block;
	float:left;
	width:85px;
	height:15px;
	background:url(../images/desktop/validCSS.png) no-repeat;
	}
	
#validCSS span {
	visibility:hidden;
	}
	
#validXHTML {
	display:block;
	float:left;
	width:85px;
	height:15px;
	background:url(../images/desktop/validXHTML.png) no-repeat;
	}
	
#validXHTML span {
	visibility:hidden;
	}
	
#getFirefox {
	display:block;
	float:left;
	width:85px;
	height:15px;
	background:url(../images/desktop/getFirefox.png) no-repeat;
	}
	
#getFirefox span {
	visibility:hidden;
	}

/*
Menu buttons and layout
=====================================================
*/

#menuItems {
	width:218px;
	height:180px;
	background:url(../images/desktop/ie/menuItems.gif) repeat-y bottom;
	}

html>body #menuItems {
	background:url(../images/desktop/menuItems.png) repeat-y bottom;
	}

#menu {
	width:218px;
	height:180px;
	list-style:none;
	}
	
#menu li {
	}
		
#menu span {
	visibility:hidden;
	display:none;
	}
	
#menu a {
	border:0;
	}

/* Home option */
#menuHome a {
	display:block;
	width:218px;
	height:36px;
	background:url(../images/desktop/ie/menuHome.gif) no-repeat right top;
	}

html>body #menuHome a {
	background:url(../images/desktop/menuHome.png) no-repeat right top;
	}
	
#menuHome a:hover {
	background:url(../images/desktop/ie/menuHome.gif) no-repeat 0 -36px;
	}
	
html>body #menuHome a:hover {
	background:url(../images/desktop/menuHome.png) no-repeat 0 -36px;
	}
	
/* About option */
#menuAbout a {
	display:block;
	width:218px;
	height:36px;
	background:url(../images/desktop/ie/menuAbout.gif) no-repeat right top;
	}

html>body #menuAbout a {
	background:url(../images/desktop/menuAbout.png) no-repeat right top;
	}
	
#menuAbout a:hover {
	background:url(../images/desktop/ie/menuAbout.gif) no-repeat 0 -36px;
	}
	
html>body #menuAbout a:hover {
	background:url(../images/desktop/menuAbout.png) no-repeat 0 -36px;
	}
	
/* Services option */
#menuServices a {
	display:block;
	width:218px;
	height:36px;
	background:url(../images/desktop/ie/menuServices.gif) no-repeat right top;
	}

html>body #menuServices a {
	background:url(../images/desktop/menuServices.png) no-repeat right top;
	}
	
#menuServices a:hover {
	background:url(../images/desktop/ie/menuServices.gif) no-repeat 0 -36px;
	}
	
html>body #menuServices a:hover {
	background:url(../images/desktop/menuServices.png) no-repeat 0 -36px;
	}
	
/* Recruitment option */
#menuRecruit a {
	display:block;
	width:218px;
	height:36px;
	background:url(../images/desktop/ie/menuRecruit.gif) no-repeat right top;
	}

html>body #menuRecruit a {
	background:url(../images/desktop/menuRecruit.png) no-repeat right top;
	}
	
#menuRecruit a:hover {
	background:url(../images/desktop/ie/menuRecruit.gif) no-repeat 0 -36px;
	}
	
html>body #menuRecruit a:hover {
	background:url(../images/desktop/menuRecruit.png) no-repeat 0 -36px;
	}
	
/* Contact option */
#menuContact a {
	display:block;
	width:218px;
	height:36px;
	background:url(../images/desktop/ie/menuContact.gif) no-repeat right top;
	}

html>body #menuContact a {
	background:url(../images/desktop/menuContact.png) no-repeat right top;
	}
	
#menuContact a:hover {
	background:url(../images/desktop/ie/menuContact.gif) no-repeat 0 -36px;
	}
	
html>body #menuContact a:hover {
	background:url(../images/desktop/menuContact.png) no-repeat 0 -36px;
	}
	
#menuSpacer {
	width:218px;
	height:53px;
	background:url(../images/desktop/ie/menuSpacer.gif) no-repeat top;
	}
	
html>body #menuSpacer {
	background:url(../images/desktop/menuSpacer.png) no-repeat top;
	}

#searchBox {
	width:189px;
	height:auto;
	padding:35px 10px 10px 19px;
	background:url(../images/desktop/ie/searchPane.gif) no-repeat top;
	}
	
html>body #searchBox {
	background:url(../images/desktop/searchPane.png) no-repeat top;
	}
	
#sitePreferences ul {
	list-style-type:none;
	}

#sitePreferences {
	width:194px;
	height:36px;
	padding:10px 5px 0px 19px;
	background:url(../images/desktop/ie/preferencesPane.gif) no-repeat bottom;
	}
	
html>body #sitePreferences {
	background:url(../images/desktop/preferencesPane.png) no-repeat bottom;
	}
	
/*
Navigation for sub-pages (within Contact Us and Our Services)
=====================================================
*/

#subPageNav {
	position:relative;
	top:-30px;
	float:right;
	}
	
#up {
	background:url(../images/desktop/up.gif) no-repeat top left;
	padding-left:20px;
	}
	
#previous {
	background:url(../images/desktop/previous.gif) no-repeat top left;
	padding-left:20px;
	}
	
#next {
	background:url(../images/desktop/next.gif) no-repeat top right;
	padding-right:20px;
	}

/*
Announcements and content Boxouts
=====================================================
*/

.announceTitle {
	width:490px;
	height:auto;
	padding:5px 5px 5px 5px;
	background:url(../images/desktop/announceBar.png) no-repeat;
	}
	
.announceContent {
	width:480px;
	height:auto;
	padding:5px 10px 10px 10px;
	border-top:1px solid #A2A0A0;
	background:#F7F7F7 url(../images/desktop/announceBackground.png) no-repeat bottom right;
	}
	
.announceContent span {
	display:none;
	}
	
.announceContent span.highlight {
	display:inline;
	}
	
#contentArea .announceContent a, #contentArea .boxoutContent a {
	border-right:1px solid #f7f7f7;
	}
	
#contentArea .announceContent a:hover, #contentArea .boxoutContent a:hover {
	border-right:1px solid #888888;
	}
	
.announceMore {
	width:480px;
	text-align:right;
	}
	
#announce000 {
	display:none;
	}
	
.boxoutTitle {
	width:240px;
	height:auto;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #A2A0A0;
	background:url(../images/desktop/boxoutBar.png) no-repeat;
	}
	
.boxoutContent {
	width:230px;
	height:auto;
	padding:5px 10px 10px 10px;
	background:#F7F7F7 url(../images/desktop/boxoutBackground.png) no-repeat bottom right;
	}
	
/*
Popup window style rules
=====================================================
*/

#popupBody {
	width:280px;
	padding:10px 10px 10px 10px;
	background:#FFFFFF;
	}
	
#popupBody #contentArea {
	padding:0px;
	width:280px;
	background:white;
	}
	
#popupBody .contentIndent {
	padding:0px;
	width:280px;
	text-align:center;
	}

#popupBody .boxoutTitle, #popupBody .boxoutContent {
	margin-left:auto;
	margin-right:auto;
	}
	
/*
Typography and content formatting
=====================================================
*/

body {
	font-size:62.5%; /* Resets font sizes to 10px, so 1em = 10px */
	font-family:"Lucida Grande", Arial, Helvetica,  sans-serif;
	}

#locationBar, #menuBar {
	color:#535353;
	line-height:20px;
	}
		
#taskPane, #taskPane a, #sitePreferences a {
	font-size:1.1em;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}
		
#taskPane a:hover, #sitePreferences a:hover {
	color:#BBBBBB;
	text-decoration:none;
	background:none;
	border-bottom:1px dashed #BBBBBB;
	}
		
#contentArea {
	font-size:1.2em;
	color:#595959;
	line-height:1.5em;
	word-spacing:.1em;
	}
		
#menu {
	font-size:0;
	}

#menu a {
	text-decoration:none;
	}
	
#searchBox {
	color:#FFFFFF;
	}
	
#locationBar a {
	color:#535353;
	text-decoration:none;
	border-bottom:1px dashed #999999;
	}
	
#locationBar a:hover {
	color:#535353;
	border-bottom:1px dashed #535353;
	}
	
h1 {
	font-size:1.6em;
	}

#contentArea h2 {
	margin:0em 0em 1.2em 0em;
	width:250px;
	height:30px;
	background-repeat:no-repeat;
	}
		
h3 {
	font-size:1.3em;
	}
	
h4 {
	font-size:1.1em;
	}
	
#contentArea ul {
	margin:1.4em 1.4em 1.4em 1.4em;
	text-align:left;
	list-style-position:inside;
	}
	
.announceTitle, .boxoutTitle {
	color:#FFFFFF;
	text-align:left;
	}
	
.boxoutContent {
	text-align:left;
	}

#contentArea a {
	color:#8B1E89;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	border-bottom:1px dashed #8B1E89;
	}
	
#contentArea a:hover {
	color:#222222;
	background-color:#EDD1EC;
	border-right:1px solid #888888;
	border-bottom:1px solid #888888;
	}
	
a.nameTag, a.nameTag:hover {
	visibility:hidden;
	}

#contentArea .keyList {
	width:225px;
	margin:0em 0em 0em 1.4em;
	padding:10px 10px 0px 15px;
	color:#FFFFFF;
	line-height:2em;
	background:url(../images/desktop/keyList.png) no-repeat top left;
	}
	
#contentArea ul.keyList a {
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	border-right-width:0;
	border-bottom:1px dashed #FFFFFF;
	}
	
#contentArea ul.keyList a:hover {
	color:#222222;
	background-color:#EDD1EC;
	border-right:1px solid #888888;
	border-bottom:1px solid #888888;
	}
	
.keyListFooter {
	margin:0em 0em 2em 1.4em;
	padding:0;
	display:block;
	height:10px;
	background:url(../images/desktop/keyListFooter.png) no-repeat top left;
	}
	
#contentArea .largeKeyList {
	width:265px;
	margin:0em 0em 0em 1.4em;
	padding:10px 10px 0px 25px;
	color:#FFFFFF;
	line-height:2em;
	background:url(../images/desktop/largeKeyList.png) no-repeat top left;
	}
	
#contentArea ul.largeKeyList a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	border-right-width:0;
	border-bottom:1px dashed #FFFFFF;
	}
	
#contentArea ul.largeKeyList a:hover {
	color:#222222;
	background-color:#EDD1EC;
	border-right:1px solid #888888;
	border-bottom:1px solid #888888;
	}
	
.largeKeyListFooter {
	margin:0em 0em 2em 1.4em;
	padding:0;
	display:block;
	height:10px;
	background:url(../images/desktop/largeKeyListFooter.png) no-repeat top left;
	}
	
.contentList {
	
	}

dl {
	margin:1em 0em 0em 0em;
	}

dd {
	margin:0em 0em 1em 0em;
	}

.highlight {
	background:#FCF7CD;
	color:#111111;
	}
	
.warning {
	background:#ffcccc;
	color:#111111;
	}
	
.success {
	background:#cdffcc;
	color:#111111;
	}
	
acronym, .help {
	cursor:help;
	border-bottom:1px dotted #222222;
	color:#222222;
	}
	
ul acronym, ul .help {
	cursor:help;
	border-bottom:1px dotted #CCCCCC;
	color:#CCCCCC;
	}

#contentArea img {
	border:1px solid #A2A0A0;
	}

#contentArea .icon, #contentArea .sprite {
	border-width:0px;
	}

#contentArea a.img, #contentArea a.img:hover, a.img img {
	border-width:0;
	background-color:transparent;
	}

#pageFooter {
	color:#555;
	vertical-align:bottom;
	}
	
#credits a {
	color:#444;
	text-decoration:none;
	border-bottom:1px dashed #6A6A6A;
	}
	
#credits a:hover {
	color:#222;
	text-decoration:none;
	border-bottom:0;
	}
	
#credits #pFusion {
	line-height:20px;
	padding:0 20px 20px 0;
	text-decoration:underline;
	border-bottom:0;
	background:url(../images/desktop/pfusionSprite.gif) no-repeat top right;
	}
	
#credits #pFusion:hover {
	text-decoration:none;
	}

#validCSS, #validXHTML, #getFirefox {
	text-decoration:none;
	border:0;
	}
	
/*
Form items
=====================================================
*/

#contentArea td {
	text-align:left;
	vertical-align:top;
	}
	
#contentArea td.announceContent {
	text-align:justify;
	}

.required {
	color:red;
	}

input {
	text-align:left !important;
	}

input, select {
	font-family:"Lucida Grande", Arial, Helvetica,  sans-serif;
	}
	
#searchBox #search {
	width:110px;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	background:#8D248D url(../images/desktop/searchBox.gif) repeat-x top left;
	border:2px solid #A04EA0;
	}

#contactForm {
	padding:0em 0em 0em 1.4em;
	}

.textField, .largeTextField {
	margin:0px 0px 2px 10px;
	padding:3px;
	font-weight:bold;
	color:#222222;
	background:#FFFFFF url(../images/desktop/formInput.gif) repeat-x top left;
	border:1px solid #888888;
	}
	
.textField {
	width:15em;
	}
	
.largeTextField {
	width:25em;
	}
	
.textArea {
	width:300px;
	height:150px;
	margin:0px 0px 10px 10px;
	padding:5px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:left;
	color:#222222;
	background:#FFFFFF url(../images/desktop/formInput.gif) repeat-x top left;
	border:1px solid #888888;
	}
	
.radio {
	margin:0px 0px 2px 10px;
	padding:1px;
	}
	
.formButton {
	margin:5px 0px 2px 10px;
	padding:1px;
	background:#981398 url(../images/desktop/formButton.gif) repeat-x top left;
	border:2px solid #C179C1;
	border-right:2px solid #651D65;
	border-bottom:2px solid #651D65;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	}

#searchBox .formButton {
	margin:0px 0px 0px 2px;
	width:4.5em;
	height:2em;
	text-align:center;
	}

#contactForm .formButton {
	margin:0px 0px 10px 10px;
	width:5em;
	height:2em;
	text-align:center;
	}

/*
Page titles
=====================================================
*/

h2 span {
	visibility:hidden;
	display:none;
	}
	
#pageNotFound {
	background:url(../images/desktop/headers/pageNotFound.gif); 
	}

#home {
	background:url(../images/desktop/headers/home.gif); 
	}
	
#announcements {
	background:url(../images/desktop/headers/announcements.gif); 
	}
	
#aboutUs {
	background:url(../images/desktop/headers/aboutUs.gif); 
	}
	
#workingWithUs {
	background:url(../images/desktop/headers/workingWithUs.gif); 
	}
	
#ourServices {
	background:url(../images/desktop/headers/ourServices.gif); 
	}
	
#nwBiometrics {
	background:url(../images/desktop/headers/nwBiometrics.gif); 
	}
	
#nwClinical {
	background:url(../images/desktop/headers/nwClinical.gif); 
	}
	
#nwConsultancy {
	background:url(../images/desktop/headers/nwConsultancy.gif); 
	}
	
#nwDevices {
	background:url(../images/desktop/headers/nwDevices.gif); 
	}
	
#nwMedical {
	background:url(../images/desktop/headers/nwMedical.gif); 
	}
	
#nwRecruitment {
	background:url(../images/desktop/headers/nwRecruitment.gif); 
	}

#nwSoftware {
	background:url(../images/desktop/headers/nwSoftware.gif); 
	}
	
#cytelSoftware {
	background:url(../images/desktop/headers/cytelSoftware.gif); 
	}
	
#dzsSoftware {
	background:url(../images/desktop/headers/dzsSoftware.gif); 
	}
	
#nwTechnology {
	background:url(../images/desktop/headers/nwTechnology.gif); 
	}

#nweServices {
	background:url(../images/desktop/headers/nweServices.gif); 
	}
	
#inferMedMacro {
	background:url(../images/desktop/headers/inferMedMacro.gif); 
	}
	
#contactUs {
	background:url(../images/desktop/headers/contactUs.gif); 
	}
	
#visitUs {
	background:url(../images/desktop/headers/visitUs.gif); 
	}
	
#contactOnline {
	background:url(../images/desktop/headers/contactOnline.gif);
	}
	
#eMail {
	background:url(../images/desktop/headers/eMail.gif);
	}
	
#telephoneFax {
	background:url(../images/desktop/headers/telephoneFax.gif);
	}
	
#postalAddresses {
	background:url(../images/desktop/headers/postalAddresses.gif);
	}