@import "reset.css";
html,body { height: 100%; font-size:100.01%;}
body { color:#59636E; background:#fff url(../images/Background.jpg) repeat-x; min-height:100%; margin:0; font-size:1em; font-family:arial,sans-serif;}
a {color:#30629E;}
a:hover {color:#6698C9;}
input, textarea, select,p,li {font:100% arial,sans-serif;vertical-align:middle;}
p{font-size:0.83em; color:#59636E; line-height:1.5em;}
p{margin-bottom: 10px;padding:0;}
ol li {line-height:1.5em;}
p.newsdate {margin-bottom: 5px;padding:0;font-style:italic;color:#999;}


h2{font-size: 0.95em; margin-bottom: 7px;font-weight:bold;color:#4F5861;}
.bold, strong {font-weight: bold;}


table {border:none;margin:5px 0 10px; 0;padding:0;border-collapse:collapse;width:100%;}
table td {background:#EEEFF0;padding:5px 10px 0 10px;border-bottom:1px solid #FFF;border-right:1px solid #FFF;}

/* = Structure
------------------------------------------------------ */
#main,#footer {margin:0 auto; width:954px; padding:6px; background:#fff; position:relative; border:1px solid #dedddd;}
#main {padding-top:175px}
body#home #main{padding-top: 165px;}

#footer{height: 119px; margin-top:12px; margin-bottom:25px;}
* html #footer{height:135px;}
#footerInner{background-color:#eeeff0; height: 119px; position:relative;}


/* = Header
------------------------------------------------------ */
/* logo */
#logo,#headphone {position:absolute; background:url(../images/logo.png) no-repeat;width:305px; height:47px; z-index:9999;text-indent:-9999px;overflow:hidden;}
#logo{top:34px;left:31px;}
#logo a,#headphone a{display:block; width:100%; height:100%; overflow:hidden;}
#headphone{width:191px; height:42px; top:34px; right:32px;background:url(../images/topPhone.png) no-repeat;}

/* = Footer
------------------------------------------------------ */
#footer #footerleft{position:absolute; left:21px; bottom:10px; width:360px; height:50px; vertical-align:bottom;}
#footer #footerright{position:absolute; right:15px; bottom:10px; width:515px; height:50px; text-align:right;}
#footer #footerleft img{float:left; margin-right:9px;}
#footer #footerleft p,#footer #footerright p{font-size:0.7em;}
#footer a{color:#6698C9;}
#footer a:hover{color:#666;text-decoration:underline;}

/* = Main Menu
------------------------------------------------------ */
#menu {width:954px;padding:0;margin:0;overflow:hidden;list-style:none; background:url(../images/menu.png) no-repeat 0 -43px; height:43px; position:absolute; left:6px; top:115px;}
#menu li {padding:0;display:inline;}
#menu li a{text-indent:-20000px; display:block; float:left;background:url(../images/menu.png) no-repeat 0 -43px; height:43px;}
#menu li a.navhome { width: 74px; background-position:0 -43px;}
#menu li a.navnews { width: 142px; background-position:-74px -43px;}
#menu li a.navcontact { width: 221px; background-position:-216px -43px;}
#menu li a.navabout { width: 137px; background-position:-437px -43px;}
#menu li a.navservices { width: 128px; background-position:-574px -43px;}
#menu li a.navcasestudies { width: 130px; background-position:-702px -43px;}
#menu li a.navpartners { width: 122px; background-position:-832px -43px;}
#menu li a.navhome:hover { background-position:0 0;}
#menu li a.navnews:hover { background-position:-74px 0;}
#menu li a.navcontact:hover { background-position:-216px 0;}
#menu li a.navabout:hover { background-position:-437px 0;}
#menu li a.navservices:hover { background-position:-574px 0;}
#menu li a.navcasestudies:hover { background-position:-702px 0;}
#menu li a.navpartners:hover { background-position:-832px 0;}

/* = HomePage
------------------------------------------------------ */
#homeBanner{width:100%; padding-bottom:6px; border-bottom:1px solid #dedddd; background:url(../images/banners/banner03.jpg) no-repeat 0 0; height:212px; margin-bottom:8px;}

.columns{float:left; border:1px solid #dedddd;}
#homeColA{width:435px; padding:1px; background:url(../images/columnbackground.png) repeat-x bottom left;}

#homeColA ul{margin: 0px; padding:0; font-size: 0.83em;}
#homeColA ul li {margin-bottom: 9px; padding:0 0 0 20px; list-style-type: none;line-height:1.5em;background: url(../images/bulletpoint.png) 0 5px no-repeat;}


#homeColA h2{height:44px; width:435px; background:url(../images/home-header-about.png) no-repeat 0 0; text-indent:-20000px;}
#homeColB{width:254px; padding:1px; margin-left:4px;}
#homeColB h2{height:44px; width:254px; background:url(../images/home-header-ourservices.png) no-repeat 0 0; text-indent:-20000px;}
#homeColA h2 a,#homeColB h2 a{width:100%; height:100%; overflow:hidden; display:block;}
#homeColC{width:248px; margin-left:3px;}
.colcontent{ width:100%; height:100%;}
.colcontent_text{padding:5px 20px;}
.servicelist{width:254px;}
.servicelist li,.homenewslist li{padding:8px; border-bottom:1px solid #EBEBEB; list-style-type:none; color:#4E6D93; font-size:0.83em}
.servicelist li.alt, .homenewslist li.alt{background:#f5f5f5;}
.servicelist li.last,.homenewslist li.last{border-bottom:none;}
.servicelist li a{display:block; color:#30629E; padding-left:20px; background:url(../images/bullet.png) no-repeat 0 0; margin:0 8px;}
.servicelist li a:hover{display:block; color:#333; padding-left:20px; background:url(../images/bullet.png) no-repeat 0 0; margin:0 8px;}
.servicelist li.alt a{background:url(../images/bullet-alt.png) no-repeat 0 0;}
.homenewslist li{padding:20px 10px;}
.homenewslist li.first{background:none;}
.homenewslist li a {display:block; color:#6698C9; font-weight:bold; padding-left:20px; background:url(../images/bullet-alt.png) no-repeat 0 0; margin:0 8px;} 
a.readmore{color:#6698C9; font-weight:bold;}
.homenewslist li a:hover, a.readmore:hover{text-decoration:underline;}

#homeColC #tabs ul.tabs li{list-style-type:none; float:left;}
#homeColC #tabs ul.tabs li a{display:block; height:45px; text-indent:-9999px;}
#homeColC #tabs ul.tabs li.tabnews{width:118px;}
#homeColC #tabs ul.tabs li.tabarticles{width:130px;}
#homeColC #tabs ul.tabs li.tabnews.ui-state-default a{background:url(../images/home-tabs.png) no-repeat 0 -45px;width:117px;}
#homeColC #tabs ul.tabs li.tabarticles.ui-state-default a{background:url(../images/home-tabs.png) no-repeat -117px 1px;width:130px;}

#homeColC #tabs ul.tabs li.tabnews.ui-state-active a{background:url(../images/home-tabs.png) no-repeat 0 1px; width:117px;}
#homeColC #tabs ul.tabs li.tabarticles.ui-state-active a{background:url(../images/home-tabs.png) no-repeat -117px -45px;width:130px;}

/* = Inner Page
------------------------------------------------------ */
#innercontainer{width:700px;  min-height: none; padding:1px;}
#innercontainer .header{height:44px; position:relative; text-indent: -20000px; width:100%; background:url("../images/headers/hdbg_general.png") repeat-x 0 0; margin-bottom: 10px;}
#innercontainer .header.about{ background:url("../images/headers/hdbg_about.png") repeat-x 0 0;}
#innercontainer .header.case{ background:url("../images/headers/hdbg_case.png") repeat-x 0 0;}
#innercontainer .header.general{ background:url("../images/headers/hdbg_general.png") repeat-x 0 0;}
#innercontainer .header.partners{ background:url("../images/headers/hdbg_partners.png") repeat-x 0 0;}
#innercontainer .header.services{ background:url("../images/headers/hdbg_services.png") repeat-x 0 0;}
#innercontainer .header span{position: absolute; display:block; top:12px; left:20px; height: 20px; z-index: 5000;}
#innercontainer .header span.contact{width: 200px; background: url(../images/headers/hd_contact.png);}
#innercontainer .header span.contactdetails{width: 200px; background: url(../images/headers/hd_contactdet.png);}
#innercontainer .header span.enquiry{width: 200px; background: url(../images/headers/hd_enquiry.png);}
#innercontainer .header span.findus{width: 200px; background: url(../images/headers/hd_findus.png);}
#innercontainer .header span.newsarticles{width: 200px; background: url(../images/headers/hd_news.png);}
#innercontainer .header span.news{width: 200px; background: url(../images/headers/hd_newshd.png);}
#innercontainer .header span.article{width: 200px; background: url(../images/headers/hd_articles.png);}
#innercontainer .header span.rss{width: 200px; background: url(../images/headers/hd_taxnews.png);}
#innercontainer .header span.about{width: 300px; background: url(../images/headers/hd_about.png);}
#innercontainer .header span.people{width: 200px; background: url(../images/headers/hd_people.png);}
#innercontainer .header span.why{width: 200px; background: url(../images/headers/hd_why.png);}
#innercontainer .header span.case{width: 200px; background: url(../images/headers/hd_casestudies.png);}
#innercontainer .header span.partners{width: 200px; background: url(../images/headers/hd_partners.png);}
#innercontainer .header span.services{width: 200px; background: url(../images/headers/hd_services.png);}
#innercontainer .header span.accessibility{width: 200px; background: url(../images/headers/hd_access.png);}
#innercontainer .header span.notfound{width: 200px; background: url(../images/headers/hd_pnf.png);}
#innercontainer .header span.sitemap{width: 200px; background: url(../images/headers/hd_sitemap.png);}
#innercontainer .header span.terms_and_conditions{width: 200px; background: url(../images/headers/hd_terms.png);}
#innercontainer .header span.privacy_policy{width: 200px; background: url(../images/headers/hd_privacy.png);}
#innercontainer .content{padding:5px 20px;}

#innercontainer h1{font-size: 0.95em; margin-bottom: 7px;font-weight:bold;color:#4F5861;}
#innercontainer h3{font-weight: bold;}

#innercontainer ul {margin:0; margin-left: 10px; font-size: 0.83em;line-height:1.5em;}
#innercontainer ol{margin:0 0 0 25px; font-size: 0.83em;line-height:1.5em;}
#innercontainer ul ul,#innercontainer ol ol{margin: 10px 0 10px 0; font-size: 1em;}
#innercontainer ol li{margin-bottom: 9px;}
#innercontainer ol ol{margin-left: 20px;}
#innercontainer ul ul li{list-style-type: none;background: url(../images/bulletpointlt.png) 0 5px no-repeat;}
#innercontainer ul li{margin-bottom: 9px; padding:0 0 0 20px; list-style-type: none;line-height:1.5em;background: url(../images/bulletpoint.png) 0 5px no-repeat;}

/* Advanced formatting */
#innercontainer p + h2,#innercontainer p + h1,#innercontainer p + h3{margin-top: 25px;}
#innercontainer h1 + p{margin-top: 15px;}
#innercontainer p + ul,#innercontainer ul + p,#innercontainer h2 + ul{margin-top: 20px;}
#innercontainer ul + h2{margin-top: 25px;}

#innercontainer #newsfootertext{background:#EEEFF0; margin: 10px 0; padding:7px 10px 0 10px; border:1px solid #CCC;}
#innercontainer #newsfootertext p {font-weight: normal; color:#444;}

#innersmallcol{width:240px; padding:1px; margin-left: 5px;}
#innersmallcol .servicelist{width:100%;}
#innersmallcol .servicelist li{padding-right: 0;}

/* = News
------------------------------------------------------ */
.article_snippet{margin:0 0 10px 0;padding:0 0 5px 0;background: url(../images/dot_lt.png) left bottom repeat-x;}
.article_snippet h2 a {text-decoration:none;font-weight:bold;}
.article_snippet h2 a:hover {background: url(../images/dot_md.png) 0 bottom repeat-x;margin:0;padding:0;}
.article_snippet.alt{background-color:none;}
.article_snippet .summary.indent{float:left; width:485px;}
.article_snippet .articleImage{float:left; margin-right:10px;}
.articledetailsImage{float:right; margin:0 0 10px 10px;}
.article_snippet p a.link {margin:0;padding:0 0 0 20px;display:block;background: url(../images/bullet.png) 0 3px no-repeat;}

/* = About
------------------------------------------------------ */
.portrait {float:right;margin:0 0 15px 15px;border:1px solid #8294AB;overflow:hidden;width:180px;height:230px;}

/* = UI
------------------------------------------------------ */
.ui-tabs-hide{display:none;}
.line-lt {margin:0 0 5px 0;padding:10px 0 0 0;background: url(../images/dot_lt.png) left top repeat-x;}

/* = General
------------------------------------------------------ */
.hide{position:absolute; left:-20000px;}
.clear{clear:both;}
/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block;}
/* Hides from MacIE \*/           
* html .clearfix {height: 1%;}
.clearfix {    display: block;}
/* End hide from MacIE */