/* styles for iln.co.uk */


/* Reset CSS - thanks, Eric */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* my own reset */

input, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/* end of reset */


/* basics */

body { background-color: #1b1818; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; }

p, blockquote, li { line-height: 1.4em; }

::-moz-selection { background:#d3005e; color:#000; }
::selection { background:#d3005e; color:#000; }

a, a:link { color: #d3005e; text-decoration: none; }
a:hover { color: #fff; }

.invisible { display: none; }
.cleared { clear: both; }

h1 { color: #3695eb; font-weight: bold; font-size: 2.3em; margin-left: 25px; width: 480px; line-height: 1.25em; margin-bottom: 13px; }
h2 { color: #3695eb; font-weight: bold; font-size: 1.5em; }

#container { width: 980px; margin-left: auto; margin-right: auto; position: relative; }
  
#page-header { float: left; } 
#page-header #masthead { height: 94px; position: relative; border-bottom: 1px solid #0e0c0c; width: 100%; float: left; }
#page-header #logo { position: relative; float: left; display: block; margin: 16px 0 0 25px; }
#page-header #nav-primary { position: relative; float: left; margin: 0 0 0 52px; }
#page-header #nav-primary li { background: url(../images/nav-divider.gif) right 0 no-repeat; display: block; float: left; height: 36px; }
#page-header #nav-primary a { height: 36px; display: block; float: left; text-transform: uppercase; padding: 59px 19px 0 19px; color: #d3005e; font-size: 1em; font-weight: bold; }
#page-header #nav-primary a:hover { color: #fff; background-color: #101010; }
#page-header #nav-primary li.on a, #page-header #nav-primary li.on a:hover { background-color: #101010; color: #fff; }
#page-header #nav-secondary { position: relative; clear: both; width: 930px; padding: 0 25px 0 25px; float: left; background: #151718 url(../images/bg_nav_secondary.gif) 0 0 repeat-x; }
#page-header #nav-secondary li { display: block; float: left; } 
#page-header #nav-secondary a { color: #49535b; text-transform: uppercase; font-size: 1em; font-weight: bold; padding: 9px 0 10px 0; display: block; float: left; margin-right: 29px; } 
#page-header #nav-secondary a:hover { color: #fff; } 
#page-header #nav-secondary li.on a, #page-header #nav-secondary li.on a:hover { color: #fff; }

#home-movie { width: 100%; height: 360px; background-color: #111; border-bottom: 1px solid #282426; float: left; }

#nav-case-studies { width: 100%; margin: 0 0 21px 0; float: left; }
#nav-case-studies .thumbnail-row { width: 100%; margin: 25px 0 0 0; float: left; }
#nav-case-studies .thumbnail { width: 215px; margin-left: 24px; height: 189px; border-bottom: 10px solid #131313; float: left; display: block; }
#nav-case-studies .thumbnail:hover { border-bottom: 10px solid #d3005e; background-color: transparent; }
#nav-case-studies .thumbnail .title { color: #d3005e; background: url(../images/arrow_thumbnail.gif) 0 5px no-repeat; display: block; padding-left: 14px; margin-top: 12px; width: 201px; font-size: 1.12em; margin-bottom: 2px; }
#nav-case-studies .thumbnail p { color: #666; font-size: 0.95em; line-height: 1.54em; }

#content-area { width: 100%; border-bottom: 1px solid #282426; background-color: #111; padding-top: 42px; float: left; }
#content-upper { width: 590px; background-color: #111; color: #49535b; padding: 0 365px 25px 25px; position: relative; }
#content-upper p { line-height: 1.6em; font-size: 1.1em; }
#content-main { position: relative; width: 968px; background: #000 url(../images/bg_content_main.gif) 0 0 repeat-y; padding: 0 6px 0 6px; color: #fff; float: left; }
#content-main p { line-height: 1.6em; font-size: 1.1em; margin-bottom: 12px; }
#content-main ul { margin-bottom: 12px; margin-left: 12px; }
#content-main li { line-height: 1.6em; font-size: 1.1em; list-style-type: square; }
#content-main h2 { color: #3695eb; font-weight: bold; font-size: 1.5em; padding-bottom: 9px; padding-top: 12px; }
#content-main blockquote { line-height: 1.6em; font-size: 1.1em; margin-bottom: 12px; font-style: italic; }
#content-main address { line-height: 1.6em; font-size: 1.1em; margin-bottom: 12px; font-style: normal; }
#content-main .column-left { width: 414px; float: left; margin: 10px 0 30px 19px; }
#content-main .column-right { width: 414px; float: right; margin: 10px 59px 30px 0; }
#content-main .column-left-news { width: 590px; float: left; margin: 10px 0 30px 19px; }
#content-main .column-right-news { width: 238px; float: right; margin: 10px 59px 30px 0; }
#content-main #content-top { position: absolute; top: 0; left: 6px; }
#content-main .biography { float: left; padding-bottom: 16px; }
#content-main .biography h2 { width: 313px; float: right; font-size: 2.3em;  padding-bottom: 0; }
#content-main .biography h3 { width: 313px; float: right; color: #3695eb; font-weight: normal; font-size: 1.5em; padding-bottom: 3px; padding-top : 2px; }
#content-main .biography p { width: 313px; float: right; }
#content-main .biography img { padding-top: 15px; float: left; }
#content-main .row { width: 100%;  float: left; clear: both; padding-bottom: 16px; } 
#content-main .tel { width: 138px;  float: left; } 
#content-main .tel span { color: #3695eb; } 
#content-main .tel a { color: #fff; }
#content-main .tel a:hover { color: #d3005e; }
#content-main #map-location { width: 443px; float: right; margin: 19px 19px 30px 0; }

#page-footer { min-height: 139px; background: #292526 url(../images/bg_footer.gif) 0 0 repeat-x; border-bottom: 30px solid #1b1818; clear: both; border-top: 9px solid #1b1818; }
#page-footer ul { width: 956px; margin: 21px 0 0 24px; float: left; }
#page-footer li { width: 216px; height: 98px; float: left; background: url(../images/footer_divider.gif) right top no-repeat; margin-right: 11px; padding-right: 12px; padding-top: 5px; display: block; }
#page-footer li.last {  background: transparent; }
#page-footer li .title { color: #fff; font-size: 1.12em; margin-bottom: 1px; }
#page-footer p, #page-footer address { font-style: normal; font-size: 1.12em; line-height: 1.5em; }
#page-footer p a { color: #fff; }
#page-footer p a:hover { color: #d3005e; }

a.button-black { color: #fff; background-color: #000; display: inline-block; position: relative; padding: 5px 8px 5px 8px; margin-top: 9px; }
a.button-black .tl { width: 1px; height: 1px; position: absolute; top: 0; left: 0; background-color: #141112; }
a.button-black .tr { width: 1px; height: 1px; position: absolute; top: 0; right: 0; background-color: #141112; }
a.button-black .bl { width: 1px; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #141112; }
a.button-black .br { width: 1px; height: 1px; position: absolute; bottom: 0; right: 0; background-color: #141112; }
a.button-black:hover { color: #fff; background-color: #d3005e; }

#button-case-study { position: absolute; top: -50px; left: 781px; }

#map-container { width: 443px; height: 355px; }
#map-info h2 { color: #3695eb; font-weight: bold; font-size: 1.4em; padding-bottom: 9px; padding-top: 12px; }
#map-info address { line-height: 1.6em; font-size: 1em; margin-bottom: 12px; font-style: normal; }

#tag-cloud ul { list-style-type: none; margin-left: 0; border-top: 1px solid #111; margin-top: 8px; padding-top: 12px; }
#tag-cloud li { display: inline; padding-right: 8px; }
#tag-cloud .tag_1 { font-size: 0.75em; }
#tag-cloud .tag_2 { font-size: 1em; }
#tag-cloud .tag_3 { font-size: 1.25em; }
#tag-cloud .tag_4 { font-size: 1.5em; }
#tag-cloud .tag_5 { font-size: 1.75em; }
#tag-cloud p { color: #d3005e; background: url(../images/arrow_thumbnail.gif) 0 5px no-repeat; display: block; padding-left: 14px; width: 201px; font-size: 1.12em; margin-bottom: 2px; }

#news-articles { margin-left: 0 !important; }
#news-articles li { list-style-type: none; padding-bottom: 9px; }
#news-articles a { color: #3695eb; font-weight: bold; font-size: 1.12em; }
#news-articles .date { color: #49535b; }