/* CSS Document */


body { text-align: center; background:url(img/bg.gif); }
/* ------------------- PAGE LAYOUT  ----------------------*/
#container { margin: 0 auto; width: 967px; text-align:left; padding:0; background: #FFFFFF; }
#header { width:967px; height:180px; margin:-8px 0 0 0; padding:0; background: url(img/header-bg.png) top; }
.spacer { clear: both; width: 960px; height:20px; margin:0; padding: 0; }
.spacer2 { clear: both; width: 960px; height:1px; margin:0; padding: 0; }
.contact { margin:7px 45px 0 0; padding:0; width:400px; float:right; font-size:8pt; font:Geneva, Arial, Helvetica, sans-serif; color:#666666; text-align:right; }
.contact p { margin:0; padding:0; font-size:9pt; font:Geneva, Arial, Helvetica, sans-serif; color:#666666; }
.contact a { color:#666666; }
.contact a:hover { color:#000000; }
.logo { width: 500px; height: 65px; display:block; padding: 40px 0 0 0; margin: 0 0 0 34px; float: left; }
.search { float: right; margin: 40px 55px 0 20px; background:#ffffff; }
#nav { width: 100%; height: 48px; display:block; padding:0; margin: 117px 0 0 0; position: absolute; }
#wrapper { width:900px; height: auto; padding: 10px 34px 0 33px; background:url(img/wrapper-bg.png) top right repeat-y; }
#maincontent { width:615px; float:left; margin:0; padding:0; background: #ffffff; }
#maincontent_index { width:900px; float:left; margin:0; padding:0; background: #ffffff; }
#maincontent_clients { width:900px; float:left; margin:0; padding:0; background: #ffffff; }
#contentbox { width: 613px; border: 1px solid #999999; background:url(img/box-module-bg.png) bottom repeat-x; margin:  20px 0 25px 0; }
#contentboxindex2 { width: 900px; border: 1px solid #999999; background:url(img/box-module-bg.png) bottom repeat-x; margin:  20px 0 25px 0; }
#contentboxindex3 { width: 425px; border: 1px solid #999999; background:url(img/box-module-bg.png) bottom repeat-x; margin:  20px 0 25px 0; }
#contentboxindex4 { width: 425px; border: 1px solid #999999; background:url(img/box-module-bg.png) bottom repeat-x; margin:  20px 0 25px 0;position: static; top:20px; left:450px; }
#contentboxstaff { width: 613px; height: 175px; border: 1px solid #999999; background:url(img/box-module-bg.png) bottom repeat-x; margin:  20px 0 25px 0; }
#staffsearch { width: 900px; border: 1px solid #999999; background:url(img/box-module-bg.png) bottom repeat-x; margin:  20px 0 25px 0; }
#contentbox_clients { width: 900px; border: 1px solid #999999; background:url(img/box-module-bg.png) bottom repeat-x; margin:  20px 0 25px 0; }
#contentbox1 { width: 613px; border: 1px solid #999999; margin:  20px 0 25px 0; }
#advert { width: 248px; border: 0px solid #ffffff; margin:  0px 0px 25px 0px; background: #FFFFFF; }
#footerbanner { width: 900px; float: center; margin: 0; padding:0px; background:#FFFFFF; }
#sidebar { width: 250px; float: right; margin:14px 0 0 0; padding:0;  background:;
}
#sidebutton1, #sidebutton2, #sidebutton3 { width: 248px; margin:  0 0 20px 0; }
#sidecontent { width: 248px; border: 1px solid #999999; margin:  0px 0px 25px 0px; background:url(img/box-module-bg.png) bottom repeat-x; }
#sidecontent-news { width: 248px; height:200px; border: 1px solid #999999; margin:  0px 0px 25px 0px; }
#sidecontent1 { width: 248px; height: 147px; border: 1px solid #999999; margin:  36px 0px 0px 0px; background:url(img/box-module-bg.png) bottom repeat-x; }
#button { width: 260px; height: 60px; display:block; margin:  0; background:url(img/side-button.png) top left no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif; padding: 3px 0 0 0; }
#button:hover { width: 260px; height: 57px; display:block; background-image:url(img/side-button-hv.png); padding: 6px 0 0 3px; }
#button .padding a { text-decoration:none; font-size: 10pt; }
#button .padding:hover { color: #cc0000; }
#button .padding img { margin:-5px 20px 0 0; }
#banner { width: 967px; height:50px; padding:0; margin:0; clear:both; background: url(img/header-bg.png) bottom; }
#banner2 { width: 900px; height:108px; padding:0; margin:10px 0 0 0; clear:both; }
.morespace { padding-top: 118px; }
/* ------------------- PAGE LAYOUT  END----------------------*/

/* ------------------- NAVIGATION PROPERTIES ----------------------*/

#pad { height:140px; }
/* Default link styling */
#menu { padding:0; margin:0 0 0 11px; list-style:none; height:48px; width: 947px; position:relative; z-index:500; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14pt; }
#menu li { float:left; margin-right:1px; }
#menu li a { display:block; float:left; height:48px; line-height:48px; background:;
color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:normal; padding:0 28px 0 28px; }
#menu table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }
/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover { z-index:200; position:relative; color:#003366; }
#menu li:hover { position:relative; z-index:200; }
#menu li:hover > a { color:#003366; background:  url(img/menu-bg.png) repeat-x; }
#menu li:hover > a.sub { color:#003366; background-color:#BAE0FD; }
#menu li.current a { color:#fff; background:#840; }
#menu li a.sub { background: url(down-arrow.gif) no-repeat right center; }
#menu li.current a.sub { color:#fff; background:#840 url(img/down-arrow.gif) no-repeat right center; }
#menu :hover ul { left:0; top:48px; width:120px; background:#444; }
/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
#menu :hover ul :hover ul { left:120px; top:-1px; background:#003366; white-space:nowrap; width:100px; z-index:200; height:auto; }
/* 1st  level attributes */
#menu :hover ul li { margin:0; border-top:1px solid #BAE0FD; }
#menu :hover ul li a { width:123px; padding:0; text-indent:10px; background:#003366; color:#ffffff; height:30px; line-height:30px; }
#menu :hover ul li a.fly { background:#003366 url(img/right-arrow.gif) no-repeat right center; }
#menu :hover ul :hover { background-color:#BAE0FD; color:#003366; }
#menu :hover ul :hover a.fly { background:#BAE0FD url(img/right-arrow-dk.gif) no-repeat right center; color:#003366; }
#menu :hover ul li.currentsub a { background:#840; color:#fff; }
#menu :hover ul li.currentsub a.fly { background:#003366 url(img/right-arrow.gif) no-repeat right center; color:#FFFFFF; }
/* 2nd level attributes */
#menu :hover ul :hover ul li a { width:240px; padding:0; text-indent:10px; background:#003366; color:#FFFFFF; }
#menu :hover ul :hover ul :hover { background-color:#BAE0FD; color:#003366; }
#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover { background:#003366; color:#fff; }
/* ------------------- NAVIGATION PROPERTIES END----------------------*/


/* ------------------- FOOTER  ----------------------*/

#footerholder { clear: both; width:100%; text-align:center; background:url(img/bg.gif); margin:-13px 0 0 0; padding:0 0 0 0; }
#footer { width:967px; margin:0 auto; text-align:left; background:url(img/footer-bg-lined-flat.png) top; padding:0; }
#footerbar { background-color:#333333; width:947px; padding:0 0 5px 0; margin:0 0 0 10px; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:8pt; color:#CCCCCC; }
#footerbar2 { width:900px; margin: 0 auto; text-align:left; }
#footer1, #footer2, #footer3, #footer4 { width: 215px; display: block; padding:0; margin: 15px 10px 10px 10px; float: left; }
#footer1 { margin-left:34px; }
#footer1 h1, #footer2 h1, #footer3 h1, #footer4 h1 { font-size: 10pt; }
#footer1 p, #footer2 p, #footer3 p { font-size: 8pt; padding:0; margin:0; color:#333333; }
#footer1 li, #footer2 li, #footer3 li { font-size: 8pt; padding:0; margin:0; color:#333333; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif; }
#footer4 p { font-size: 7pt; padding:0; margin:0; color:#333333; }
#footer a { color:#333333; }
#footer a:hover { color:#000000; text-decoration:underline; }
#footerbar a { color:#CCCCCC; }
#footerbar a:hover { color:#FFFFFF; }
#footer h2, #footer h2 a { color:#336699; font-size: 10pt; }
/* --------------------------------- text/link elements ------------------------------------------------*/


/* -- content list style --*/
.flexispacer { width: 100%; height: 5px; }
#contentbox ul, #contentbox li { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9pt }
/* -- end of content list style --*/

.padding { margin: 15px; }
.searchpadding { width:615px; float: left; margin: 15px; }
#searchcontent { float:left; margin:0; padding:0; width: 615px; }
h1 { font-size:10pt; color:#336699; }
h2 { font-size:10pt; color:#336699; }
h3 { font-size:10pt; color:#336699; font-style:italic; padding-bottom:0; margin-bottom:0; }
p { font-size: 9pt; color:#333333; margin-top:0; padding-top:0; }
p, h1, h2, h3, h4, h5 { line-height: 130%; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }
li, ul { color:#333333; font-size: 9pt; }
#sidebutton1 h2, #sidebutton2 h2, #sidebutton3 h2 { font-size: 10pt; font-weight:normal; margin:0; padding:0; }
#sidebutton1 h2 { color: #006600; }
#sidebutton2 h2 { color:#003399; }
#sidebutton3 h2 { color: #CC0000; }
#sidebutton1 p, #sidebutton2 p, #sidebutton3 p { font-size: 8pt; font-weight:normal; color: #333333; padding: 0 0 0 0; margin: 0; }
#sidebuttonheader { padding: 0; margin:0; }
.italicblue { font-style:oblique; color: #006699; }
a { color: #003366; text-decoration:none; }
a:hover { text-decoration:none; color: #cc0000; }
.telnumber { font-size: 18pt; color:#333333; }
.phone { padding: 0 0 0 34px; }
.blue { color:#336699; }
.rightimg { float: right; margin: 0px 0px 20px 20px; }
.rightimgstaff { float: right; margin: 0px 0px 0px 0px; }
.leftimg { float: left; margin: 0px 20px 20px 0px; }
.bold { font-weight:bold; }
.linktitle { padding:0; margin:0; }
.red { color:#003366; }
/* --------------------------------- login box elements ------------------------------------------------*/


.form-label { margin:0; padding:0; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size:10pt; color:#333333; }
.form-input { margin:0; padding:0; }
/**
 *SEARCH BAR STYLE
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse, .gsc-control-cse { padding: 2%; width: 96%; }
.cse .gsc-branding, .gsc-branding { display: none; }
.searchpadding #cse-search-results iframe { width: 615px; }
.cse .gsc-control-cse div, .gsc-control-cse div { position: normal; }
/* Selector for entire element. */
.cse .gsc-control-cse, .gsc-control-cse { background-color: #ffffff; border: 1px solid; border-color: #ffffff; }
.cse .gsc-control-cse:after, .gsc-control-cse:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cse .gsc-resultsHeader, .gsc-resultsHeader { border:none; }
/* Search button */
.cse input.gsc-search-button, input.gsc-search-button { font-family: inherit; color: #000000; text-shadow: 0 1px 2px #FFFFFF; background-color: #CECECE; border: 1px outset; border-color: #666666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive { border-bottom: none; color: #666666; background-color: #e9e9e9; border: 1px solid; border-color: #e9e9e9; border-bottom: none; }
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive { background-color: #FFFFFF; border: 1px solid; border-top: 2px solid; border-color: #e9e9e9; border-top-color: #FF9900; border-bottom: none; }
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea, .gsc-tabsArea { margin-top: 1em; border-bottom: 1px solid #e9e9e9; }
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result { padding: .25em; border: 1px solid; border-color: #ffffff; margin-bottom: 1em; }
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover { border: 1px solid; border-color: #FFFFFF; }
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result, .gs-promotion.gs-result { background-color: #FFFFFF; border: 1px solid; border-color: #336699; }
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image, .gs-promotion.gs-result .gs-promotion-image { }
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link, .gs-promotion.gs-result a.gs-title:link { color: #0000CC; }
.cse .gs-promotion.gs-result a.gs-title:visited, .gs-promotion.gs-result a.gs-title:visited { color: #0000CC; }
.cse .gs-promotion.gs-result a.gs-title:hover, .gs-promotion.gs-result a.gs-title:hover { color: #0000CC; }
.cse .gs-promotion.gs-result a.gs-title:active, .gs-promotion.gs-result a.gs-title:active { color: #0000CC; }
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet, .gs-promotion.gs-result .gs-snippet { color: #000000; }
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl {
 color: #008000;
}
/*----------------------------------lightbox------------------------------------------*/
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*----------------------------------------------------------Calender---------------------*/

#CalendarControlIFrame { display: none; left: 0px; position: absolute; top: 0px; height: 250px; width: 250px; z-index: 99; }
#CalendarControl { position:absolute; background-color:#FFF; margin:0; padding:0; display:none; z-index: 100; }
#CalendarControl table { font-family: arial, verdana, helvetica, sans-serif; font-size: 8pt; border-left: 1px solid #336; border-right: 1px solid #336; }
#CalendarControl th { font-weight: normal; }
#CalendarControl th a { font-weight: normal; text-decoration: none; color: #FFF; padding: 1px; }
#CalendarControl td { text-align: center; }
#CalendarControl .header { background-color: #336; }
#CalendarControl .weekday { background-color: #DDD; color: #000; }
#CalendarControl .weekend { background-color: #FFC; color: #000; }
#CalendarControl .current { border: 1px solid #339; background-color: #336; color: #FFF; }
#CalendarControl .weekday, #CalendarControl .weekend, #CalendarControl .current { display: block; text-decoration: none; border: 1px solid #FFF; width: 2em; }
#CalendarControl .weekday:hover, #CalendarControl .weekend:hover, #CalendarControl .current:hover { color: #FFF; background-color: #336; border: 1px solid #999; }
#CalendarControl .previous { text-align: left; }
#CalendarControl .next { text-align: right; }
#CalendarControl .previous, #CalendarControl .next { padding: 1px 3px 1px 3px; font-size: 1.4em; }
#CalendarControl .previous a, #CalendarControl .next a { color: #FFF; text-decoration: none; font-weight: bold; }
#CalendarControl .title { text-align: center; font-weight: bold; color: #FFF; }
#CalendarControl .empty { background-color: #CCC; border: 1px solid #FFF; }


/*New Banner*/
.newBanner { width:900px; height:340px; display:block; position:relative; background:url(img/banner_bg.jpg) top left no-repeat transparent scroll; }
a.button { display:block; position:absolute; width:210px; height:70px; }
a.button.top { right: 30px; top: 44px; }
a.button.mid { right: 30px; top: 136px; }
a.button.bottom { right: 30px; top: 228px; }

/*index image buttons*/
.indeximages { width:900px; height:250px; display:block; position:relative; background:ffffff top left no-repeat transparent scroll; }
image.left { left: 30px; top: 44px; }
image.mid { right: 30px; top: 136px; }
image.right { right: 30px; top: 228px; }

/*freeindex.co.uk*/
.FI_reviews {
    font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal;
    font-size: 9pt;
}