/* Main Screen CSS Document */

/* ----------------- COLOURS ----------------- 
  Dark Grey             : #666
  Blue                      : #0f298f
  Jade                      : #00aa96
*/

/* ----------------- CLEAR STYLES ----------------- */
.clear { clear: both; }


/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h1, h2, p, li { font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 { font-size: 100%; margin: 0; color: #000; font-weight:bold; }
h2 { font-size: 90%; margin: .5em 0 .5em 0; color: #666; font-weight: bold; }
h3 { font-size: 80%; margin: .5em 0 .5em 0; color: #666; font-weight: bold; }
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.5em; color: #666; }
li { font-size: 80%; margin: .5em 0 1em 0; line-height: 1.3em; color: #666; }
a:link { color: #00aa96; }
a:visited { color: #00aa96;}
a:active, a:hover { color: #666; }
a { outline: none; }
p.blue { color: #0f298f; }
.tiny { font-size: 70%; }

hr { border:0; border-top: 1px solid #e0e0e0; height: 1px; }

/* ----------------- FORM STYLES ----------------- */
form { display: inline; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
.input-text { border: 1px solid #b2b2b2; padding:1px; }
.input-select { border: 1px solid #b2b2b2; padding:1px; }
.input-button { border: 1px solid #b2b2b2; background-color: #e0e0e0; padding:1px; color: #666 !important; width:0; overflow:visible; } /* fix for IE long button bug... width and overflow */ 
.input-button[class] { width: auto; } /* fix for IE long button bug... ie ignores [class] */

/* ----------------- PAGE STYLES ----------------- */
body {
	background-color: #666;
	margin: 10px;
}
#frame { width: 760px; margin-left: auto; margin-right: auto; }


/* ----------------- HEADER ----------------- */
#header { width: 760px; height: 114px; }
#header-content { width: 520px; height: 114px; float: left; background: url(images/header_content_background.gif) top left no-repeat;}
#header-images { width: 240px; height: 114px; float: left; }
#header-logo { width: 212px; height: 58px; float: left; padding: 22px 0 0 18px; } /* div: W=230px H=80px */
#header-strapline { width: 228px; height: 49px; float: left; padding: 31px 0 0 62px; } /* div: W=290px H=80px */

.image1 { background: url(images/header_images1.jpg) top left no-repeat; }
.image2 { background: url(images/header_images2.jpg) top left no-repeat; }
.image3 { background: url(images/header_images3.jpg) top left no-repeat; }
.image4 { background: url(images/header_images4.jpg) top left no-repeat; }
.image5 { background: url(images/header_images5.jpg) top left no-repeat; }
.image6 { background: url(images/header_images6.jpg) top left no-repeat; }

/* ----------------- BODY ----------------- */
#body { background: url(images/body_content.gif) 0 10px repeat-y; }
#body-header { height: 10px; background: url(images/body_header.gif) top left no-repeat; overflow: hidden; }
#body-footer { height: 10px; background: url(images/body_footer.gif) top left no-repeat; overflow: hidden; }

/* -- Full width column -- */
.column-740 { width: 740px; }
.column-740-header { height: 6px; background: url(images/column_740_header.gif) top left no-repeat; overflow: hidden; }
.column-740-content { width: 710px; background-color: #fff; padding: 15px;
    height: auto !important; /* for modern browsers */
    height: 250px; /* for IE5.x and IE6 */
    min-height: 250px; /* for modern browsers */
} /* Available content width = 365px */
.column-740-footer { height: 6px; background: url(images/column_740_footer.gif) top left no-repeat; overflow: hidden; }

/* -- Sub-nav & Content Set-up -- */
.column-180 { width: 180px; float: left; }
.column-570 { width: 570px; float: left; }
.column-570-header { height: 6px; background: url(images/column_570_header.gif) top left no-repeat; overflow: hidden; }
.column-570-content { width: 540px; background-color: #fff; padding: 15px;
    height: auto !important; /* for modern browsers */
    height: 250px; /* for IE5.x and IE6 */
    min-height: 250px; /* for modern browsers */
} /* Available content width = 540px */
.column-570-footer { height: 6px; background: url(images/column_570_footer.gif) top left no-repeat; overflow: hidden; }

/* -- 2 Equal width columns -- */
.column-365 { width: 365px; float: left; }
.column-365-header { height: 6px; background: url(images/column_365_header.gif) top left no-repeat; overflow: hidden; }
.column-365-content { width: 335px; background-color: #fff; padding: 15px;
    height: auto !important; /* for modern browsers */
    height: 250px; /* for IE5.x and IE6 */
    min-height: 250px; /* for modern browsers */
} /* Available content width = 365px */
.column-365-footer { height: 6px; background: url(images/column_365_footer.gif) top left no-repeat; overflow: hidden; }

/* -- Pagination -- */
.pagination { width: 536px; background-color: #fff; border: 1px solid #e0e0e0; padding: 1px; }
.pagination-button { width: 45px; float: left; }
.pagination-pages { width: 344px; height: 18px; float: left; padding: 3px 4px 0 4px; background-color: #f0f0f0; font-size: 70%; text-align: center; color: #666; line-height: 1em; }
.pagination-pages a:link, .pagination-pages a:visited { color: #666; }
.pagination-pages a:active, .pagination-pages a:hover { color: #00aa96; }


/* -- NAVIGATION -- */

/*-- Main Navigation --*/
#nav-main { width: 501px; height: 29px; padding: 0 0 0 19px; } /* div: W=520px was 501*/
#nav-main div { height: 29px; float: left; background-position: top left; background-repeat: no-repeat;  }
#nav-main a { height: 29px; display: block; outline: none; } 
#nav-main a:hover { background-position: bottom left; background-repeat: no-repeat; }
#nav-main span { display: none; visibility: hidden; }
#nav-main .selected { background-position: bottom left; }

#nav-main .home, #nav-main .home a:hover { width: 57px;  background-image: url(images/nav_main_home.gif); }
#nav-main .whoareesprit, #nav-main .whoareesprit a:hover { width: 116px;  background-image: url(images/nav_main_whoareesprit.gif); }
#nav-main .products, #nav-main .products a:hover { width: 71px;  background-image: url(images/nav_main_products.gif); }
#nav-main .mediacentre, #nav-main .mediacentre a:hover { width: 106px;  background-image: url(images/nav_main_mediacentre.gif); }
#nav-main .contactus, #nav-main .contactus a:hover { width: 88px;  background-image: url(images/nav_main_contactus.gif); }
#nav-main .login, #nav-main .login a:hover { width: 58px;  background-image: url(images/nav_main_login.gif); }

/*-- Sub Navigation --*/
#nav-sub { }
#nav-sub ul.sub-lvl1-list { margin: 0; padding: 0; }
#nav-sub li.sub-lvl1 { margin: 2px 0 0 0; padding: 0; list-style: none; border-left: 4px solid #0f298f;  background: #ebebeb;}
#nav-sub li.sub-lvl1 a { width: 161px; padding: 0 5px 0 10px; display: block; line-height: 1.6em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#nav-sub li.sub-lvl1 a:link, #nav-sub li.sub-lvl1 a:visited { color: #0f298f; text-decoration: none; }
#nav-sub li.sub-lvl1 a:active, #nav-sub li.sub-lvl1 a:hover { color: #00aa96; text-decoration: none; }
#nav-sub li.lvl1-selected { border-left: 4px solid #00aa96; background-color: #f5f5f5; }
#nav-sub li.lvl1-selected a:link, #nav-sub li.lvl1-selected a:visited { color: #00aa96; }

#nav-sub ul.sub-lvl2-list { margin: 0; padding: 5px 5px 5px 10px; background: #ebebeb; border-bottom: 1px solid #fff;  }
#nav-sub li.sub-lvl2 { margin: 0; padding: 0 0 0 0; list-style: none; font-size: 85% !important; color: #666;}
#nav-sub li.sub-lvl2 a { width: auto; padding:0 ; display: inline; line-height: 1.8em; background: none; border: 0; }
#nav-sub li.sub-lvl2 a:link, #nav-sub li.sub-lvl2 a:visited { color: #666; text-decoration: none; }
#nav-sub li.sub-lvl2 a:active, #nav-sub li.sub-lvl2 a:hover { color: #00aa96; text-decoration: none; }
#nav-sub li.lvl2-selected a:link, #nav-sub li.lvl2-selected a:visited { color: #00aa96; }


/* -- PAGE TITLES -- */
.page-title { width: auto; height: 32px; border-bottom: 1px solid #e0e0e0; background-position: top left; background-repeat: no-repeat; margin-bottom:10px; }
.page-title h1 { display: none; visibility: hidden; }

/* -- Titles -- */
.title-background { background-image: url(images/title_background.gif); }
.title-boarddirectors { background-image: url(images/title_boarddirectors.gif); }
.title-whatdowedo { background-image: url(images/title_whatdowedo.gif); }

.title-digitalescalatorpanel { background-image: url(images/title_digitalescalatorpanel.gif); }
.title-digitalescalatorpanel-casestudy { background-image: url(images/title_digitalescalatorpanel_casestudy.gif); }
.title-65digitalposter { background-image: url(images/title_65digitalposter.gif); }
.title-65digitalposter-casestudy { background-image: url(images/title_65digitalposter_casestudy.gif); }
.title-streetbright { background-image: url(images/title_streetbright.gif); }
.title-bespokesolutions { background-image: url(images/title_bespokesolutions.gif); }
.title-software { background-image: url(images/title_software.gif); }
.title-manufacturing { background-image: url(images/title_manufacturing.gif); }
.title-maintenance { background-image: url(images/title_maintenance.gif); }
.title-consultancy { background-image: url(images/title_consultancy.gif); }
.title-login { background-image: url(images/title_login.gif); }
.title-image { background-image: url(images/title_image.gif); }
.title-playlist { background-image: url(images/title_playlist.gif); }
.title-services { background-image: url(images/title_services.gif); }



.title-news { background-image: url(images/title_news.gif); }
.title-downloads { background-image: url(images/title_downloads.gif); }
.title-brochures { background-image: url(images/title_brochures.gif); }
.title-videos { background-image: url(images/title_videos.gif); }
.title-images { background-image: url(images/title_images.gif); }
.title-testimonials { background-image: url(images/title_testimonials.gif); }

.title-headoffice { background-image: url(images/title_headoffice.gif); }
.title-developmentcentre { background-image: url(images/title_developmentcentre.gif); }

/* ----------------- MARGIN STYLES ----------------- */
.margin1-r { margin-right: 1px; }
.margin1-l { margin-left: 1px; }

.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin10-t-r { margin: 10px 10px 0 0; }
.margin10-t-b { margin: 10px 0 10px 0; }
.margin10-t-b-l { margin: 10px 0 10px 10px; }
.margin10-t-l { margin: 10px 0 0 10px; }
.margin10-t-r-b { margin: 10px 10px 10px 0; }
.margin10-r-b { margin: 0 10px 10px 0; }
.margin10-r-l { margin: 0 10px 0 10px; }

.margin15-r { margin-right: 15px; }

.margin20-l { margin-left: 20px; }

/* ----------------- FORM STYLES ----------------- */
input.width-full, select.width-full, textarea.width-full { width: 97%; }
.form-table input, .form-table select, .form-table textarea { font-size: 100%; color: #000; }

/* ----------------- FOOTER ----------------- */
#footer { width: 760px; }
#footer-details { width:630px; float: left; margin-top:10px; margin-bottom:7px; font-size: 70%; color: #fff; display: inline; }
#footer-details a:link, #footer-details a:visited { color: #fff; text-decoration: none; }
#footer-details a:active, #footer-details a:hover { color: #00aa96; text-decoration: none; }
#poweredby2c { width:100px; height: 21px; float:left; margin-top:7px; margin-bottom:7px; background: url(images/poweredby_2c.gif) top left no-repeat; display: inline; }
#poweredby2c a { width:100px; height: 21px; display: block; outline: none; }
#poweredby2c a:hover { background: url(images/poweredby_2c.gif) bottom left no-repeat; }
#poweredby2c span { display: none; visibility: hidden; }



/* ----------------- Matt ----------------- */

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #666666;
	color: #0f298f;
	}
 .Calendar TD {
	font-size: 12px;
}