/*Credits*/
/*Some of the Icons: by Neurvit - http://www.smashingmagazine.com/2008/09/02/simplicio-a-free-icon-set */
/*icons*/
/*http://www.istockphoto.com/file_closeup/technology/computers/5061850-internet-icons.php?id=5061850
http://www1.istockphoto.com/file_thumbview_approve/5512254/2/istockphoto_5512254-insurance-icon-set-soft-series.jpg*/

/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0; text-align:center; font-size:100.01%; font-family: Arial, Helvetica, sans-serif; background: #fff; color: #4d4d4d;}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
object {outline:none;}
.toDo {background: yellow}

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/*Links*/
a {	color: #1f4396; text-decoration: underline;}
a:hover {text-decoration: none; color:#9c140a}

/* WIDTHS */
.s40 { width:40px; }
.s45 { width:45px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s130 { width:130px; }
.s280 { width:280px; }
.pc30 {width: 30%}
.pc70 {width: 70%}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff; display:none;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {margin:0 auto; text-align:center}

/* Universal Styling*/
.contentArea {margin: 0 auto; text-align:left; font-size: 0.8em}
.contentArea p {margin: 8px 0; line-height: 1.5em}
h1 {color:#9a1109;}
p.note {font-size: 0.9em;}
p.email {padding: 0 0 0 20px; background: url(../img/icons/email.gif) no-repeat; font-size: 0.85em;}
p.backToTop {padding: 0 13px 0 0; clear: both; text-align: right; font-size: 0.8em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:url(../img/icons/arrow-up.gif) right 4px no-repeat }

/*.................................................. HEADER ................................................*/
#topHeader {background: #9c140a; }/*colour confirmed*/
#topHeader .contentArea {padding: 3px 0 ;  font-size: 0.7em; color:#fff; text-align:left; width: 990px;}
#topHeader p {margin: 0px; float: left; }
#topHeader a {color: #fdeeeb;}
#topHeader ul {margin-top: 1px; float: right;}
#topHeader li {margin: 0 5px 0 0; display: inline; float:left; }
/*#topHeader li.twitterLogo {padding-left: 18px; background: url(../img/icons/twitter_icon.gif) no-repeat}*/
#topHeader li.lastCountry {margin-right: 0px;}
#topHeader li img {margin: 2px 0 0 0; }
#topHeader li a {display: block}
#topHeader li a img {border: 1px solid #9c140a;}
#topHeader li a:hover img {border: 1px solid #ed6d65;}
#topHeader li#mobileSite {margin-right: 20px;}

#header .contentArea {padding: 10px 0 ; width: 990px; clear: both; font-family: Georgia, "Times New Roman", Times, serif}
#header h1 {margin: 0px 15px 0 0; padding: 0px; display: inline; float:left; }
#header h2 {margin: 15px 0 0 0; float: right; font-size: 1.7em; color: #900c04; text-align:right; font-weight:normal}
#header h2 a { text-decoration:none; color:#470400; background:url(../img/bg/link-underline2.gif) repeat-x bottom left}
#header h2 a:hover {background: none; }

/*Top Level Menu*/
#mainmenu {background:#b1140b; }/*colour confirmed*/
#mainmenu .contentArea {width:990px;  clear: both;font-size: 1.0em;}
#mainmenu ul {width: 100%; clear:both; float: left; }
#mainmenu li { padding: 0 13px 0 0; margin: 0 10px 0 0; float: left; display:inline;font-size: 0.85em; background:url(../img/menu/border.gif) no-repeat center right ; }
#mainmenu li#m10 {padding-right: 0px; margin-right: 0px; background:none; }
#mainmenu a { padding: 10px 0; display:block; text-decoration:none; color: #fcd0cf; outline:none;  }
#mainmenu li.on a, #mainmenu li a:hover {color: #fff; background:url(../img/bg/menu-underline.gif) repeat-x 0 28px}
#mainmenu li {text-transform: none; }

/*Breadcrumbs*/
#bcrumb {margin: 9px 0 0 0; text-transform: lowercase; font-size: 0.8em; color:#777; font-family:Arial, Helvetica, sans-serif; clear: both;}
#bcrumb p {margin: 0px; line-height: 1.0em}

/*........................ MAIN this wraps the left and right columns........................*/
#main, #page {clear: both; font-family:"Times New Roman", Times, serif; background:url(../img/bg/main.gif) repeat-x}
#main div.contentArea {width: 990px;}
#wrapMainContent {background: url(../img/bg/wrapContent.gif) repeat-y 201px 0 ; width: 760px; float:left;}
#main.wideContent #wrapMainContent {width: 990px; clear: both;}

#rightCol {float: left; width: 540px; font-size: 1.1em;}
#main.wideContent #rightCol {width: 780px;}

#headings {padding: 5px 0 5px 0px; float: left; width: 760px;}
#main.wideContent #headings {width: 980px;}
#headings h1 {margin: 0 0 5px 0; font-size: 2.3em; text-transform:none; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; }
#headings h2 {margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-style:italic; font-weight:normal}

/*.................................................. LEFTCOL ...............................................*/
#leftCol, #sidebar {padding: 0 8px 10px 0px; float: left; width: 202px; text-align:right; font-size: 1.1em;}
#leftCol h1 {margin-right: 10px}
#leftCol dl, ul.sideMenu, #sidebar ul {margin: 28px 0 0 0 ; float: right;}
#leftCol dt {margin: 0 0 10px 0; padding-right: 10px}
#leftCol dd {margin: 0;  }
#leftCol dl ul li, ul.sideMenu li, #sidebar ul li, ul#featured li {margin: 0; float: right; display:inline; width: 100%; font-size: 1.0em; }
#leftCol dl ul {margin-bottom: 10px;}
#leftCol dl ul li a, ul.sideMenu li a, #sidebar ul li a, ul#featured li a {padding: 5px 10px 5px 0; color:#1f1f1f ; text-decoration: none; display:block;}
ul#generalPortfolio.sideMenu li a {padding-top: 3px; padding-bottom: 3px}
#leftCol dl ul li a:hover,
ul.sideMenu li a:hover, 
ul.sideMenu li.on a, 
ul#featured li.on a,
ul#featured li a:hover,
#sidebar ul li a:hover, 
#sidebar ul li.current_page_item a
 {color: #b41f18; background: url(../img/bg/sidemenu.gif) no-repeat right 0px}
#leftCol ul#featured {margin-top: 10px; border-bottom: 1px solid #f8e5d7; border-top: 1px solid #f8e5d7;  float:right; text-align:right; width: 100%; clear:both;}
#leftCol ul#featured li {display: inline; float:right; }
#leftCol ul#featured li a {display: block; }

#leftCol ul.sideMenu ul {font-size: .8em ; font-family:Arial, Helvetica, sans-serif}
/*.................................................. CONTENT ...............................................*/
#content {float: left; width: 540px; font-family: Arial, Helvetica, sans-serif;}
#main.wideContent #content {width: 100%}

#rightCol h1 {margin: 0 0 8px 0; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal}
#content p {line-height: 1.5em; margin: 6px 0; font-size: 0.9em}
#content h3 { margin: 10px 0 6px 0;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color:#1b1b1b; font-weight:normal; color:#9c140a}
#content h4 {margin: 10px 0 6px 0;  font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#233973 }
#content h4 img {margin-right: 8px}
#content h5 {margin: 10px 0 6px 0; font-size: 1.0em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#content h6 {margin: 10px 0 6px 0; font-size: 1.0em; font-family:Georgia, "Times New Roman", Times, serif; color:#000; }
#content strong.clickstream span {color: #b22018}
#content p.note {padding: 3px 0 ; margin-left: 15px; margin-right: 35px; font-size: 0.8em; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {padding: 75px 0 10px 0; margin: 0 0 10px 0px; float: right; width:230px; background:url(../img/bg/thirdcol.gif) repeat-x top left }
#thirdCol p {margin: 5px 0}

/********************************* Panels **************************/
.panel {margin: 0 0 10px 0; padding: 0 0 14px 0; font-family:Arial, Helvetica, sans-serif;}
#thirdCol .panel h1 {margin: 0px; padding: 37px 8px 5px 40px; color: #fff; font-size: 1.0em}
.panelContent {padding: 0 11px 10px 11px; float:left; width: 208px; }
.panel ul {margin: 0; }
.panel ul li {margin: 0 0 3px 0; color:#fff;}
#thirdCol .panel a:hover {color: #fff;}

/*Contact Clickstream*/
.contactClickstream {color: #fff;}
.contactClickstream h1 {background: url(../img/bg/panels/contact-top.gif) no-repeat}
.contactClickstream .panelContent {background: url(../img/bg/panels/contact-bottom.gif) no-repeat bottom left;}
.contactClickstream a {color: #fff; background: #ce006b;}

/*Latest News*/
.latestNews { background: url(../img/bg/panels/latest-news-bottom.gif) no-repeat bottom left #00357d}
#thirdCol .latestNews h1 {background: url(../img/bg/panels/latest-news-top.gif) no-repeat #00357d}
.latestNews a {color: #feffa8;}
.latestNews li {font-size: 0.9em}
li.newsTitle {font-weight: bold;}
span.date {font-weight: normal }

/*Related Links*/
.relatedLinks .panelContent {background: url(../img/bg/panels/related-links-bottom.gif) no-repeat bottom left;}
#thirdCol .relatedLinks h1 {padding: 33px 8px 9px 40px; background: url(../img/bg/panels/related-links-top.gif) no-repeat}
.relatedLinks ul li {padding: 0 0 0 12px; margin: 0 0 8px 0;  background: url(../img/icons/arrow-related-links.gif) no-repeat 0 3px; font-size: 0.9em}
.relatedLinks a {color: #faffcc;}
.relatedLinks a:hover {color: #fff;}

/*Case Study*/
.caseStudy {margin-top: 20px; padding-bottom: 0px; float:left;}
.caseStudy .panelContent {background: url(../img/bg/panels/case-study-bottom.gif) no-repeat bottom left;}
#thirdCol .caseStudy a:hover {color: #9c140a}
#thirdCol .caseStudy h1 {padding: 17px 8px 8px 40px; color: #3b3b3b; background: url(../img/bg/panels/case-study-top.gif) no-repeat }
#thirdCol .caseStudy h2 {margin: 5px 0; font-size: 1.0em; color:#9c140a}
#thirdCol .caseStudy ul {margin-bottom: 10px; margin-left: 5px;}
#thirdCol .caseStudy li {font-size: 0.85em; color:#4d4e37; padding-left: 10px; background: url(../img/icons/bullet01.gif) no-repeat 0 5px; }

/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}

#content ul {margin: 10px; }
#content ul li {margin: 5px 0}
#content ul.linkTo, .entry ul {margin: 10px 10px 15px 10px; }
#content ul.linkTo li, .entry ul li {margin: 0 0 5px 0; padding: 0 0 0 15px; background: url(../img/icons/arrow02.gif) no-repeat 0 4px; font-size: 0.9em }
#content ul.third {float: left; width: 28%;}

.listColumn {float: left; width: 49%}
#content ul.pageLinks {margin: 0px 10px 10px 0; }
#content ul.pageLinks li {margin: 0 0 15px 0;  font-size: 0.9em; background: #0b74b1; float:left; display:inline; width: 100%}
#content ul.pageLinks li span.sectionTitle {padding: 0 0 5px 0; font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; display:block; margin: 0px;}
#content ul.pageLinks li a {padding: 5px 5px 10px 5px; background: #f2f2f2; display:block; text-decoration:none; color: #333}
#content ul.pageLinks li span.readMore {margin-left: 10px;text-transform:uppercase; font-size: 0.6em; color:#1f4396}
#content ul.pageLinks li a:hover {background: #1a8bcd; color: #fff;}
#content ul.pageLinks li a:hover span.readMore {color:#fff}
#content ul.pageLinks h4 a {text-decoration: none; color:#fff}
#content ul.pageLinks p {margin: 5px; font-size:0.95em}
#content ul.pageLinks a.readMore {font-weight: bold; display:block; text-align:right; color:#ebdd00}

/*Our Partners*/
#content ul.partners {margin: 20px 0; float: left; width: 250px; text-align: center}
#content ul.partners li {margin: 0 0 20px 0; height: 64px; }
#content ul.partners li.meath {padding: 12px 0 0 0; height: 50px}
#content ul.partners li.digiweb {padding: 10px 0 0 0; height: 52px}
#content ul.partners li.digitalHub {padding: 6px 0 0 0; height: 56px}
#content ul.partners li.ukTrade {padding: 25px 0 0 0; height: 100px}
#content ul.partners li.iia {height: 100px}
#content ul.partners a {text-decoration: none;}
#content ul.partners a img {padding: 2px; border: 1px solid #fff}
#content ul.partners a:hover img {border: 1px solid #f2cbad}

/*************************** IMAGES ***************************************/
img.r {margin: 0 0 10px 10px; }
img.l {margin: 0 10px 10px 0; }
div.photoRight {margin: 0 0 10px 10px;  float: right}
div.photoRight img, div.photoLeft img {padding: 0 0 3px 0; border-bottom: 1px dotted #bdd000; display:block}
#content div.photoRight p {margin-top: 3px;font-size: 0.8em; text-align:right; line-height:normal; color:#000}
#content div.photoLeft p {margin-top: 3px;font-size: 0.8em; line-height:normal; color:#000}
div.photoLeft {margin: 0 10px 10px 0;  float: left}

/*************************** TABLES ***************************************/
table {border-collapse: collapse;  width: 100%}
table td, table th {text-align: left; vertical-align: top;}
table.data td {padding: 3px;  background: #eaeaea;}
table.data th {padding: 3px; background: #ddd;}

/*************************** FORMS ***************************************/
form {margin: 10px 0; font-size: 0.9em}
fieldset {border: 0px}
form table th, form table td {padding: 8px 0; }
form input, form textarea {padding: 2px 3px; border: 1px solid #ddd;}
form input.cb {border: 0px; padding: 0px;}
form textarea {padding: 8px 5px; border: 1px solid #ddd; font-family: Arial, Verdana, Helvetica, Geneva, _Sans, sans-serif; font-size: 1.0em; width: 250px;}
form label {font-weight: normal}
form select {padding: 2px 1px; border: 1px solid #ddd; font-size: 1.0em}
input.submit, input#submit {padding: 5px 8px; background: #9c140a; color:#fff; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.0em}
#content form p.note {font-size: 1.0em}

/*Messages, Errors*/
#content p.required {padding: 5px 8px 8px 38px;  background: url(../img/icons/info.gif) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; color: #000}
#content p.thanks {padding: 8px 8px 8px 68px; background: url(../img/icons/notification_done.gif) 8px 12px no-repeat #faffb2; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em}
#content p#errMsg {padding: 8px 8px 8px 68px; background: url(../img/icons/notification_error.gif) 8px 12px no-repeat #fdefef; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em}

/*************************** Other Content ***************************************/
#map {margin :10px 0; width: 540px; height:300px}

/*.................................................. FOOTER ...............................................*/
#footer {background: url(../img/bg/footer-border.gif) repeat-x #5f0801}
#footer .contentArea {margin-bottom: 10px; padding: 15px 10px 10px 10px; width: 970px; background:url(../img/bg/footer-lines.gif) repeat-x  0 42px}
#footer h1 {margin-bottom: 10px; text-transform: none; color: #f7cecb; font-size: 1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
#footer ul a {text-decoration: none; background:none;}
#footer ul li {margin: 0 0 5px 0; float:left; display:inline; width:100%}

#footer #siteStructure  { font-size: 0.85em; width: 690px; float: left; }
#footer #siteStructure ul {width: 170px; float:left;}
#footer #siteStructure a {color: #fdeeeb; display:block; font-weight:bold; outline:none;}
#footer #siteStructure a:hover {color: #cc9999; }
#footer #siteStructure .subSection {margin: 5px 0; border: 0px; width: 158px; }
#footer #siteStructure .subSection li {margin: 0 0 3px 0; background: url(../img/icons/arrow04.gif) no-repeat 0 5px ; width: 162px; }
#footer #siteStructure .subSection a {padding: 0 0 0 8px; background: none; color: #fff; font-weight: normal; display:block}
#footer #siteStructure .subSection a:hover { color: #cc9999}
#companyNum {color: #f7cecb}

#getInTouch {padding: 0 0 0 10px; color: #fff; font-size: 0.85em; float:left; width: 220px;}
#getInTouch h2 {margin-right: 5px; margin-bottom: 0px; color: #fff; font-size: 1.0em; display:inline; font-weight: bold; }
#getInTouch a {color: #cc9999}
#getInTouch p {margin-top: 0px; line-height: 1.5em}
ul#siteLinks {padding: 5px 0 20px 15px; margin: 0; float: left; text-align: center; width: 975px; background:url(../img/bg/footer.gif) no-repeat 0  bottom #fff; font-size: 0.7em; color:#bbb}
ul#siteLinks a:hover {color: #b41e18}
ul#siteLinks li {padding: 0 5px; display: inline;  float: left; }

/*Expanding Ads*/
#recWrap {padding: 0 10px 10px 0; float: right; width: 100px; height: 100px;  }
#rec { width:100px; height:100px; position:absolute; z-index:1; }

/*Search Results*/
#content h4 span.searchedFor {color: #000}

#content p.viewWebsite {padding: 5px 0 5px 10px; background: #4da5e1; color:#fff; line-height:1.0em; width: 100%; font-weight:bold; font-size: 0.9em; text-align:right;}
#content p.viewWebsite a {padding: 3px 24px 4px 8px; background: url(../img/icons/arrow09.gif) no-repeat center right #b1140b; color:#fff;}
#content p.viewWebsite a:hover {color: #000}
#content p.viewWebsite span {padding-right: 8px; }
.homePage {margin: 20px 0 10px 0; width: 460px; padding-left: 40px; padding-right: 40px; width: 460px}
.insidePageThumb {margin: 10px 0; }
.homePage img, .insidePageThumb img {padding: 0 0 5px 0; border-bottom: 1px solid #eaeaea; display:block}
#content .homePage p {padding: 5px 0; margin: 0px; text-align: right; font-size: 0.8em}
#thirdCol .insidePageThumb p {padding: 5px 0; margin: 0px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em}
#content .homePage p a, #thirdCol .insidePageThumb p a {padding: 3px 25px 3px 0; background: url(../img/icons/view-website.gif) no-repeat top right }

/*Portfolio Page*/
body#portfolioPage #wrapMainContent {background: none;}
body#portfolioPage #rightCol {width: 990px;}
body#portfolioPage #rightCol h1 {border-bottom: 1px solid #e0dada; background:none;}
body#portfolioPage #main {background:none;}
body#portfolioPage #thirdCol {margin-left: 0px;}
body#portfolioPage #content {width: 100%;}
body#portfolioPage.new #main {background:url(../img/bg/main.gif) repeat-x}

/*Careers Page*/
.jobSpec {padding: 0 10px; margin: 10px 0; background: #fbfbf7; border-top: 1px dotted #eaeaea; border-bottom: 1px dotted #eaeaea;}