/* Default */

* {
margin:0;
padding:0;
}

html {
font-size:62.5%;
overflow-y:scroll;
}

body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color:#27446F;
background-color:#e3e8ef;
}

.textonly {
display:none;
}

/* Default Links */
a {
color:#27446f;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:underline;
}

div.alert {
border:5px solid #f00;
color:#f00;
padding:2px 10px 5px 10px;
margin:10px;
background-color:#ffc;
}
div.alert li {
margin-left:20px;
}

/* Drop Cap */
p.intro:first-letter {
color:#999;	/* 627A9E */
font-family:"Times New Roman",Times,Serif;
font-size:60px;
line-height:40px;
font-weight:normal;
float:left;
margin:0 5px 0 0;
padding:0;
}

.note {
font-size:smaller;
color:#999;
}
p.note {
padding:0;
margin:0 !important;
}

#page {
text-align:center;	/* IE5/IE5.5 */
}

#skip-links {
/*float:left;
display:inline;
margin-left:5px;*/
position:absolute;
top:0;
left:2px;
width:10em;
height:2em;
font-size:70%;
background-color:transparent;
line-height:12px;
text-align:left;
}
#skip-links a {
color:#666;
text-decoration:none;
}
#skip-links a:hover {
color:#000;
text-decoration:underline;
}

/* All sections have the same width */
#banner, #toolbar, #marker, #content, #footer {
margin:0 auto;
width:760px;
text-align:left;	/* Override #page.center */
overflow:hidden;	/* clear floats */
}
#content {
overflow:visible;
}

#banner-section {
height:8em;	/* 160 */
background:#e4e8ee url(/img/banner_bkgrd.gif) 0 bottom repeat-x;
}

#banner {
/*position:relative;
z-index:10;*/
padding-top:2em;
height:6em;
background:transparent url(/img/banner_people.gif) center bottom no-repeat;
}

#title {
float:left;
}

#title h1 {
font-family:arial,helvetica,sans-serif;
font-size:1.7em;
font-weight:normal;
line-height:1.1em;
}

#banner address {
float:right;
text-align:right;
font-size:0.8em;
line-height:1.2em;
font-style:normal;
}

/*****************************************************************************
	TOOLBAR...
*****************************************************************************/

#toolbar-section {
height:2.25em;	/* 43px */
font-size:0.9em;
line-height:2.2em;
font-weight:normal;
border-top:1px solid #c0c0c0;
padding-bottom:2px;
background:#fff url(/img/toolbar_bkgrd.gif) 0 bottom repeat-x;	/* d6d6d6 */
}

#toolbar {
height:100%;
padding-left:2px;
background:transparent url(/img/toolbar_separator.gif) left bottom no-repeat;
/*height:41px;
font-size:0.9em;
line-height:41px;
font-weight:normal;*/
}

#toolbar ul {
list-style-type:none;
}
#toolbar ul li {
float:left;
width:8em;	/* (IE) Default */
/*white-space:no-wrap;*/
padding:0 2px 2px 0;	/* 2px - width of right edge */
background:transparent url(/img/toolbar_separator.gif) right bottom no-repeat;
}
/* KEEP ALL SAME WIDTH
#toolbar ul li#nav-home {width:6em;}
#toolbar ul li#nav-services {width:12em;}
#toolbar ul li#nav-links {width:10em;}
#toolbar ul li#nav-download {width:8.5em;}
#toolbar ul li#nav-contact {width:7em;}
*/

#toolbar ul li a {
display:block;
text-align:center;
width:100%;
/*height:100%;*/
text-decoration:none;
color:#333;
/*padding-bottom:4px;*/
background:transparent url(/img/nav_bkgrd.gif) 0 bottom repeat-x;	/* Same as #header #nav */
}
#toolbar ul li a:hover, #toolbar ul li a:active, #toolbar ul li a:focus {
background:#E4E4E4 url(/img/toolbar_hover.gif) 0 bottom repeat-x;
text-decoration:underline;
color:#000;
}

/* Marker below toolbar */
#marker-section {
padding-top:5px;
background-color:#fee;
font-size:0.9em;	/* Same as #toolbar-section */
height:0.6em;
}
#marker {
position:relative;
background-color:#efe;
/*width:100%;*/
height:100%;
}
#m-selected, #m-hover {
position:absolute;
left:0;
top:0;
width:8em;
height:100%;
/*padding:0 2px 2px 0;*/
}
#m-selected {
background-color:#66a;
}
#m-hover {
background-color:#ccc;
left:16em;
}


/***********************************************************************
 Selected pages/buttons...
***********************************************************************/

/* Home, Services, Links, Downloads, Contact */
#pg-home #toolbar ul li#nav-home,
#pg-services #toolbar ul li#nav-services,
#pg-links #toolbar ul li#nav-links,
#pg-downloads #toolbar ul li#nav-downloads,
#pg-contact #toolbar ul li#nav-contact {
/* holder */
}
#pg-home #toolbar ul li#nav-home a,
#pg-services #toolbar ul li#nav-services a,
#pg-links #toolbar ul li#nav-links a,
#pg-downloads #toolbar ul li#nav-downloads a,
#pg-contact #toolbar ul li#nav-contact a {
text-decoration:none;
color:#000;
font-weight:bold;
background:#fff url(/img/toolbar_select.gif) 0 bottom repeat-x;
}


/***********************************************************************
 Footer
***********************************************************************/

#footer-section {
clear:both;
color:#91A2BB;
font-size:0.75em;
line-height:1.2em;
padding:15px 0 20px 0;
background:#E3E8EF url(/img/footer_bkgrd.gif) 0 top repeat-x;
}

#footer {
/* footer-section */
}
#footer #company {
float:left;
visibility:hidden;
}
#footer address {
font-style:normal;
}
#footer #company-no {
float:right;
text-align:right;
visibility:hidden;
}

#footer strong {
font-weight:normal;
color:#738AAD;
}

/* Only on homepage */ 
#pg-home #footer #company, #pg-home #footer #company-no {
visibility:visible;
} 

/***********************************************************************
 Textual Content
***********************************************************************/

#content-section {
min-height:28em;	/* 160, 24em */
padding-top:1em;
font-size:0.9em;	/* 0.95em */
line-height:1.2em;
background:#fff url(/img/content_bkgrd.gif) center bottom no-repeat;
/* overflow:hidden; */	/* Clear floats in #content - BAD FOR IE6, CLASH WITH height */
}
* html #content-section {
height:28em;	/* 24em */
}

#content {
position:relative;	/* Could contain abspos elements */
color:#27446f;
/*height:100%;*/
}

#content .text {
width:80%;	/* 80% */
overflow:hidden;	/* clear floats */
}

#content .indent {
margin-left:100px;
}

#content a {
color:#000;
text-decoration:underline;
white-space:nowrap;
/*border-bottom:1px solid #000;*/
}
#content a:hover {
text-decoration:underline;
background-color:#eee;
}
a.external {
padding-right:8px;
display:inline-block;	/* IE6: Seems to sort problem with bkg img not showing in some situations */
background:transparent url(/img/linkext.gif) right center no-repeat;
}
a.word {
padding-left:19px;
background:url(/img/icon_word.gif) left center no-repeat;
}
a.pdf {
padding-left:19px;
background:url(/img/icon_pdf.gif) left center no-repeat;
}
/* Postcode links to external map */
#content a.postcode {
color:#27446f;	/* same as content */
text-decoration:none;
}

/* lots of links */
#content .links ul li a {
color:#27446F;
text-decoration:none;
}
#content .links ul li a:hover {
color:#000;
text-decoration:underline;
}

#content p {
margin:0.8em 0 0.5em 0;
}

#content address {
padding:0.5em 0 0 0;
}

#content h2 {
font-size:1.3em;
color:#000080;
margin:0.5em 0 0.5em 0;
}

#content h3 {
font-size:1.1em;
margin:0 0 2px 0;
}

/* LINKS PAGE: Don't want to effect every UL */
#content .links ul {
/*margin-left:1em;*/
padding-left:1em;
list-style:disc outside url(/img/bullet.gif);
/*background-color:#eee;*/
}
#content .links ul li {
margin:0.6em 0 0 1em;
/*background:transparent url(/img/bullet.gif) -4px 0 no-repeat;*/
/*background-color:#ddd;*/
}

#content .links ul li ul {
list-style:disc outside url(/img/bullet_sm.gif);
}
#content .links ul li ul li {
margin-top:0;
font-size:90%;
}

#content .downloads {
margin-top:20px;
overflow:hidden;
}

/* DOWNLOADS: Don't want to effect every UL */
#content .downloads ul {
/*padding-left:1em;*/
list-style:none;
}
#content .downloads ul li {
clear:both;
margin:0.6em 0 0.6em 0;
padding:1em 0 1em 0;
border-bottom:1px dotted #eee;
}
#content .downloads ul li.last {
border-bottom:0;
}

#content .downloads ul li .thumbnail {
float:left;
margin-right:15px;
width:75px;
height:120px;
}
#content .downloads ul li .thumbnail a img {
border:1px solid #ccc;
width:71px;
height:100px;
}
span.readmore {
color:#aaa;
}


/***********************************************************************
	External Site Links - Logos
***********************************************************************/

#content .extsite-links {
margin:30px 0 0 0;
padding:0 0 10px 0;
overflow:hidden;
}

#content .extsite-links ul {
list-style:none;
margin:0;
padding:0;
}

#content .extsite-links ul li {
float:left;
width:182px;	/* Needed by IE6 */
display:inline;
margin:0 30px 0 0;
padding:0;
}

#content .extsite-links ul li a {
display:block;
width:100%;
height:100%;
}

#content .extsite-links img {
width:182px;
height:78px;
margin:0;
}


/***********************************************************************
 Decorative Background
***********************************************************************/

#decor {
position:absolute;
right:0;
top:0;
width:360px;
height:440px;
background:#fff url(/img/glass_window.jpg) 0 0 no-repeat;
z-index:5;
}

#pg-home #decor {
background:#fff url(/img/glass_window.jpg) 0 0 no-repeat;
}
#pg-finsupport #decor {
background:#fff url(/img/blue_forest.jpg) 0 0 no-repeat;
}
#pg-assetfin #decor {
background:#fff url(/img/autumn_trees.jpg) 0 0 no-repeat;
}
#pg-turnaround #decor {
background:#fff url(/img/vegetation.jpg) 0 0 no-repeat;
}
#pg-contact #decor {
background:#fff url(/img/dolphins.jpg) 0 0 no-repeat;
}


/*
address {
margin-top:3em;
text-align:right;
}
*/


/***********************************************************************
 Images...
***********************************************************************/

a img {
border:0;
}

#icon-gfx {
position:absolute;
left:0;
top:5px;
width:100px;
height:300px;
}
#icon-gfx img {
display:block;
width:60px;
height:60px;
background-color:#fff;
padding:5px;
margin-bottom:20px;
border:1px solid #C0C0C0;
}

#location-map img {
padding:5px;
border:1px solid #ccc;
}

/***********************************************************************
 Maps...
***********************************************************************/

#google-map {
padding:20px 0 10px 0;
}
#google-map iframe {
border:1px solid #666;
}

#map-thm {
visibility:hidden;	/* TEMP */
padding:20px 0 10px 0;
}

#map-thm img {
width:231px;
height:212px;
}

#map-thm p {
margin:0;
font-size:80%;
}

/***********************************************************************
 Contact...
***********************************************************************/

#contact-details {
float:left;
/*display:inline;*/
width:18em;
}

#contact-form {
/*color:#ccc;*/
min-height:25em;
margin-left:18em;
}
* html #contact-form {
height:25em;
}

div.sent {
color:#666;
font-family:monospace;
padding:0 0 0 5px;
margin:0 0 10px 5px;
border-left:3px double #27446f;
/*
border:1px solid #ddd;
background-color:#eee;
padding:0 2px 2px 2px;
*/
}

.clear {
clear:both;
width:100%;
font-size:1px;
}

/* Site stats */
.stats {
position:absolute;
top:0;
right:0;
width:15em;
height:18px;
text-align:right;
padding-right:5px;
font-size:smaller;
color:#900;
}