html,body {margin:0; height:100%;}
/***** RESET ******/
img, form, a,
header, nav, article, section, dialog, figure, aside, footer
{border:0; margin:0; outline:0; padding:0;}
/***** RESET END ******/

/******************** STICKY FOOTER *****/
html, body {height: 100%;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px;}
.push, .footer{ height: 142px;}
.footBg { }
/***** STICKY FOOTER END *****/

/******************** STRUCTURE ******/
.show { display:none !important; }
.hidden { display:block !important; }

#bodyClass {}

header  { padding-bottom:10px;}

#logo { padding:10px 0;width: 1000px;}

#animation{ text-align:center; }
#animation img{ width:auto !important; margin:45px auto 0; }

#menu { display: none; }

nav { height:auto; background:#045d89; } /* STOPS NAV HEIGHT FROM JUMPING ON LOAD */
nav img { width:auto !important; display:inline-block; } /* KEEPS IMAGES IN NAV FROM SPANNING 100% */

section#content {}
section#content img, section#content td img { width:auto; display:inline-block; } /* KEEPS IMAGES IN CONTENT FROM SPANNING 100% */
/*ADD TO CONTENTSTYLE: .responsiveimage { width:auto; display:inline-block; }*/

.newsticker-jcarousellite{ float:right; height:250px; overflow: hidden;}
.banner-text {
	float:left;	color:#fff;	background:#458dca;	padding:2px;
	}
.banner-text h1 {
	color: #e0e9ec;	font-size: 22px;	font-weight: normal;	margin-bottom: 10px;	text-align: left;	text-transform: none;	margin-top:0px;
	}
.banner-text p {
		text-align:left;	color:#fff;	margin-bottom:5px;	font-size:16px;
		}


.service-box{ clear:both; 

background: #045d89; /* Old browsers */
background: -moz-linear-gradient(top, #045d89 0%, #045685 12%, #04517f 19%, #03507c 20%, #044c7c 23%, #044d78 25%, #054271 35%, #023665 46%, #043061 53%, #022c5c 56%, #04285a 61%, #022656 63%, #031a4c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#045d89), color-stop(12%,#045685), color-stop(19%,#04517f), color-stop(20%,#03507c), color-stop(23%,#044c7c), color-stop(25%,#044d78), color-stop(35%,#054271), color-stop(46%,#023665), color-stop(53%,#043061), color-stop(56%,#022c5c), color-stop(61%,#04285a), color-stop(63%,#022656), color-stop(100%,#031a4c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #045d89 0%,#045685 12%,#04517f 19%,#03507c 20%,#044c7c 23%,#044d78 25%,#054271 35%,#023665 46%,#043061 53%,#022c5c 56%,#04285a 61%,#022656 63%,#031a4c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #045d89 0%,#045685 12%,#04517f 19%,#03507c 20%,#044c7c 23%,#044d78 25%,#054271 35%,#023665 46%,#043061 53%,#022c5c 56%,#04285a 61%,#022656 63%,#031a4c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #045d89 0%,#045685 12%,#04517f 19%,#03507c 20%,#044c7c 23%,#044d78 25%,#054271 35%,#023665 46%,#043061 53%,#022c5c 56%,#04285a 61%,#022656 63%,#031a4c 100%); /* IE10+ */
background: linear-gradient(to bottom, #045d89 0%,#045685 12%,#04517f 19%,#03507c 20%,#044c7c 23%,#044d78 25%,#054271 35%,#023665 46%,#043061 53%,#022c5c 56%,#04285a 61%,#022656 63%,#031a4c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045d89', endColorstr='#031a4c',GradientType=0 ); /* IE6-9 */
}
.service-box a{ clear:both; color:#fff;}
.service-box .more{ color:#fff; background:#045d89; clear:both; width:95%; margin:0 auto; padding:5px; text-align:center; float:left; }
		
.colFeat h1 {
    border-bottom: 1px solid #c6c6c6;    color: #fff;    font-size: 14px;    margin: 0;    padding: 0; text-indent:5px;
	}

.colFeat ul li{ margin:0; padding:0 0 0 15px; color:#fff; text-align:left; background: url("../images/graphics/arrow.png") no-repeat  -5px 3px ;  }

.colFeat ul{ margin:1% 0 2%; padding:10px 0 0 10px; color:#fff; min-height:110px;}
.colFeat li a {   clear: both;    color: #fff;         margin: 0;    padding: 2px 0; font-size:11px;    text-align: right;    width: 100%;}


/* New CSS */
.service-box li{ overflow:hidden; background-image:none; margin:0 9px;}
.service-box li h1{ font-size:13px; padding:0; margin:0; border-bottom:1px solid #c6c6c6; color:#fff; }

.service-box li ul{ margin:0; padding:0; color:#fff; height:125px;}


.top-links {    display: inline-block;    float: right;    position: relative;    text-align: right;    top: 8px; 
		 }

.top-links a{ color:#000;}

.sb_menu{ clear:both;}
.sb_menu li{ display:inline-block; float:left; width:200px !important;}

#search_form {
display:none;
	float:right;	margin-right:12px;	position:relative;	right:-211px;	top:45px;
	}

.img_row2{ float:left;}


/*
.more {
    color: #06639e;
    float: right;
    height: 25px !important;
    margin-right: 20px;
    padding: 2px 10px 0;
}
*/
.imageHeader{ margin:10px 0;}
/* Services slide */

* {
	margin:0;
	/*padding:0;*/
}
#newsticker-demo {
	width:100%;
	padding:5px 5px 0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	margin:0px auto;
}
#newsticker-demo a {
	text-decoration:none;
}

#newsticker-demo .more {
	background:#06639E;
	color:#fff !important;
	height:25px ;
	width:40px;
	
	float:right;
	padding:2px 10px 0;
	margin-right:0px;
	font-size:11px;
	border-radius:12px 0 0 0;
}


#newsticker-demo img {
	border: 2px solid #FFFFFF;
}
#newsticker-demo .title {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}
/*.newsticker-jcarousellite { width:300px; }*/
.newsticker-jcarousellite ul li {
	list-style:none;
	display:block;
	padding-bottom:1px;
	margin-bottom:5px;
	height:120px !important;
	width:98% !important;
}
.newsticker-jcarousellite .thumbnail {
	float:left;
	width:3px;
	height:100%;
	background:#2f5a87;
}
.newsticker-jcarousellite .thumbnail img {
	display:none;
}
.newsticker-jcarousellite .info {
	
	width:100%;
	border-bottom:1px solid #06639E;
}
.newsticker-jcarousellite .info p.text {
	height:38px;
	line-height: 17px;
	overflow: hidden;
}
.newsticker-jcarousellite .info span.cat {
	display: block;
	font-size:10px;
	color:#808080;
}
.newsticker-jcarousellite .info h3 {
	background:url(../images/graphics/arrow2.png) no-repeat;
	padding-left:35px;
	line-height:35px;
	text-transform:capitalize;
}	




.footer ul {
	margin:5px auto;
	padding:0;
	clear:both;
}
.footer ul li {
	margin:6px auto;
	list-style:none;
	padding:0;
	background:url("../images/graphics/arrow3.png") no-repeat scroll 0 5px transparent;
	color:#000;
	padding-left:20px;
	footer-style:none;
	float:left;
	width:120px;
}

.footer ul li a{ color:#000; text-align:left; list-style:none;}

.footer .icon{
	
	
	
	background:url("../images/graphics/arrow3.png") no-repeat scroll 0 5px transparent;
	padding-left:20px;
	footer-style:none;
	float:left;
	
}

.copyright {
	clear:both;
	margin:0 auto;
	font-size:12px;
	color:#000;
	line-height:30px;
	border-top:4px double #0d507a;
}
.copyright a {
	text-decoration:none;
	font-weight:normal;
	color:#000;
}
.copyright img {
	padding-right:65px;
	float:left;
	
}

.links {
	float:left;
	padding-top:5px;
	position: relative;
	bottom:0px;
	right:0px;
}
.list h1 {
	text-align:left;
	text-transform:capitalize;
	font-size:22px;
	color:#42424b;
	padding-left:8px;
	font-weight:normal;
	margin-bottom:5px;
	border-left:5px solid #06639e;
}

footer {
	clear:both;
	padding:26px 0;
	color:#bfbfbd;
}
footer a {
	color:#333;
	text-decoration:underline;
}
footer a:hover {
	color:#666;
	font-weight:normal;
	text-decoration:underline;
}
/*--------------------------------------------------*/

article { text-align:justify;}

article .expand { font-weight:bold; color:#06639e;}

/* Grid */
.eaFaq { position: relative; width:96%; margin:0 auto; height:auto; padding:5px 2%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px 10px 0 0; }

.expand { background:#b7d8ec; }

.faqCon .switchcontent { background:#fff; padding:20px; border-right:solid 2px #b7d8ec; border-left:solid 2px #b7d8ec; border-bottom:solid 2px #b7d8ec; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

.oddColour { background: #efefef; }
.eaFaq:hover { background-color:#06639e; color:#fff; cursor:pointer; } 
.eaFaq.active { background-color:#06639e; color:#fff; cursor:pointer;
margin-bottom:0; 
-webkit-border-radius: 10px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; }
.eaFaq.active a { color:#fff; }

.margb { margin-bottom:5px; }

.exarrows { display:block; float:right; margin-left:10px; margin-top:4px; background:url(../images/graphics/exarrows.png) no-repeat top; width:15px; height:12px; }

.eaFaq.active .exarrows, .eaFaq:hover .exarrows { background:url(../images/graphics/exarrows.png) no-repeat bottom; }





article ul{ margin-left:15px;}

aside {
padding-top:5px;
padding-left:4%;
background: -moz-linear-gradient(left, rgba(237,237,237,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,237,237,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(237,237,237,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(237,237,237,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(237,237,237,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(237,237,237,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ededed', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}  /* side bar */

footer {}
.footer h1{ border:0px;    border-left: 5px solid #06639e;    color: #42424b;    font-size: 22px;    font-weight: normal;    margin-bottom: 5px;    padding-left: 8px;    text-align: left;    text-transform: capitalize;
		}

/******************** STRUCTURE END ******/

/******************** MOBILE MENU PANEL *******/

/* Clearfix */
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

a#pull { display: none; }

nav#menu { display: none; width: 100%; background: #222; font-weight:normal; position: relative; z-index:99999; }
nav#menu ul { padding: 0; margin: 0 auto; }
nav#menu li { display: inline; float: left; }
nav#menu a { color: #fff; display:block; text-decoration: none; padding: 8px 0; }
nav#menu li a { border-right: 1px solid #576979; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
nav#menu li:last-child a { border-right: 0; }
nav#menu a:hover, nav#menu a:active { background-color: #8c99a4; }


/******************** MOBILE MENU END ******/

/******************** EXTRAS ******/

/***** IE HEIGHT HACK
minheight {min-height:500px; height:auto !important; height:500px;}*/
.PostHeader h2 a {text-decoration:underline; font-size:24px; font-weight:normal;}
.PostLinks { padding-left: 0; margin-left: 0; border-bottom: 1px solid #ccc; }
.PostLinks li { list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid #ccc; }
#ui-datepicker-div { display:none }
.clearBoth {clear:both;height:0px;}
/* Start Form Validation Styles*/
.validation_failed {border: 1px solid red;}
.error_msg {color:red;}
/* End  Form Validation Styles */
hr { height: 0px; color: #e3e2e2; border-top: 1px; background: #e3e2e2; border-style: solid;}


/******************** FORM STYLES ******/ 
input[type="text"], input[type="password"], textarea, select
{  border: solid 1px #023867; padding:5px 8px; outline:0;
  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:0px;
   } 
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover
{ background:#f3f3f3; } 

input[type="submit"], button[type="button"]
{ border:0; background:#666; padding:8px 12px; color:#fff; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; -webkit-appearance: none;}

input[type="submit"]:hover, button[type="button"]:hover {background: #333;}
/***** FORM STYLES END ******/ 

.LinkButtons+*, .linkbuttons+* {
    clear: right
}

.LinkButtons:hover, .linkbuttons:hover {background:#00718b; cursor:pointer; text-decoration:none; color:#fff;}

.LinkButtons a, .linkbuttons a {color:#fff; text-decoration:none;}
.LinkButtons a:hover, .linkbuttons a:hover {color:#fff; text-decoration:none;}

/******************** SAASU CSS 
#saasuintro{width: 680px;}
.saasuimg{width: 680px;}
.saasuhomeimgs{}
.saasutour{}
******/

/***** COUNT 
section#content iframe.countvideos { width:640px; }
 *****/
 
/******************** SEARCH CSS ******/ 
#search {padding:2px; vertical-align: middle; border:solid 1px #666; background-color:#fff;}
#search form input {border:0px; padding:0; float:left;}
#search form{padding:0px; margin:0px;}
#search #searchgo {float:right; padding-top:1px;}

/******************** CLIENT LOGIN CSS ******/
#login{width: 160px; margin:0px auto; }
#login textarea, #login input{ outline:none;} 
#loginheader{ font-size:14px; padding: 5px; color: #000;  }
#client_login{padding: 0px; margin: 0px; font-size:11px; color:#333; }
#client_login .username{margin: 5px 0px 5px 0px; font-size:11px; width: 155px;}
#client_login .password{margin: 5px 0px 0px 0px; font-size:11px; width: 155px;}
#loginGo {float:right; margin: 5px 0px 5px 0px;}  

/******************** NEWSLETTER SUBSCRIBE THIN ******/
form#fmNewsSubscribeThin table td input {width:120px;}
form#fmNewsSubscribeThin {width:180px; margin:0px auto;}
form#fmNewsSubscribeThin table.newssubscribe .formlabel {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe input#firstname {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe input#email {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe .essential {display:none;}
form#fmNewsSubscribeThin table td input#subscribe {font-size:11px; width:80px; color:#333;}
/*.newssubscribe .formlabel { text-align:left !important; }
.newssubscribe input[type=text] { width:300px !important; } */

/******************** GOOGLE RSS FEED ******/
.gfc-resultsHeader {border:0px !important;}
.gfc-title {font-size:12px !important; color:#fff !important; text-decoration:none !important;}
.gf-author {color:#fff; font-size:11px !important;}
.gf-relativePublishedDate {color:#fff !important; font-size:11px !important;}
.gf-snippet {color:#dedede; font-size:11px !important;}
.gf-title a {font-size:11px !important; color:#fff;}

.gf-title a:hover{ color:#FFFFFF; }



/********************* EXTRAS END ******/
/******************** RESPONSIVE STYLES ******/

.menu-link { display:none; } /* HIDE MOBILE MENU BUTTON */

.securewarning { display:none; width:98%; padding:1%; background:#ff0000; color:#fff; text-align:center; font-size:12px; line-height:18px; }

@media all and (max-width: 768px) { 

    #logo { width:70% !important; margin:0 auto; border-bottom:5px solid #045d89; }
    /*section#content img, section#content td img { width:100% !important; display:block; }  IMAGES SPAN 100% FOR MOBILE */
    .hidden { display:none !important; }
    .show { display:block !important; }
	.responsiveimage { width:100% !important; display:block !important; height:auto !important; }
	
	#animation{ clear:both; padding:15px 0 0; text-align: center; }
	#animation img{ width:auto !important; margin:0 auto; }
	
	
	/*  top - right */
	.col9{ clear:both; float:none; text-align:center;}
	.top-links { float:none; text-align: center; display: block;}
	#search_form{ float:none;}
	
	.sb_menu li{ display:inline-block; float:left; width:100% !important;}
	.copyright{ text-align:center;}
	
	/* Services */
	

	.colFeat h1 {
		font-size: 25px;    margin: 0;    padding: 2% 0;    text-align: center;    text-transform: uppercase;
		}
	.colFeat ul { min-height:auto;}
	.service-box .more{ width:98%;}
	
	.col3{ float:left;}
    
	.imageHeader .col9{ display:none !important;}
	
	footer .last{ background:#458dca; margin:0 auto !important; text-align:center;}
	footer .last img{ width:auto !important; margin:0 auto; padding:1%;}
    /***** MOBILE NAV STYLES ******/
	.ddsmoothmenu { display:none !important; }
    nav#menu { display:block !important; height: auto; border-bottom: 0; }
    nav#menu ul { width: 100%; display: none; height: auto; }
    nav#menu li { width: 100%; position: relative; }
    nav#menu li a { background: #111 url(../images/graphics/m_arrow.png) no-repeat 5px center; display: block; padding: 6px 0 6px 15px; border-bottom: solid 1px #111; font-weight: normal; }
    nav#menu a { text-align: left; width: 100%; }  
    nav#menu ul li ul li a { padding: 6px 0 6px 25px !important; background-color: #333; background-position: 15px center; }
    nav#menu ul li ul li ul li a { padding: 6px 0 6px 35px !important; background-color: #444; background-position: 25px center; }
    nav#menu ul li ul li ul li ul li a { padding: 6px 0 6px 45px !important; background-color: #555; background-position: 35px center; }
    nav#menu ul li ul li ul li ul li ul li a { padding: 6px 0 6px 55px !important; background-color: #666; background-position: 45px center; }
    nav#menu ul li ul li ul li ul li ul li ul li a { padding: 6px 0 6px 65px !important; background-color: #777; background-position: 55px center; }
    #pull { display: block !important; text-align: center; width: 100%; position: relative; content: ""; background: #333 url('../images/graphics/nav-icon.png') no-repeat 12px center; height: 45px; line-height:45px; color:#fff; text-decoration:none; }
    #pull.current { text-decoration:none; background: #333 url('../images/graphics/nav-icon-close.png') no-repeat 12px center; }

    /***** BLOG STYLES ******/
    div.Blog div.BlogPosts {margin:0px !important;} 
    div.Blog div.BlogRightMenu { position:relative !important; width:100%; }   

    /***** CHANGE TABLE STATE *****/
    table, thead, tbody, th, td, tr { display: block; }
    table[style] { width:100% !important; }
    table td { padding:5px 0 !important; margin:0 !important; }
    table td[style] { width:100% !important; }
    table[cellpadding] { padding:15px 0px !important; }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { position: absolute; top: -9999px; left: -9999px; }
    tr { border:0; }
    td { /* Behave  like a "row" */ border: none; position: relative; }

    /****** ONLINE ACCOUNTING CSS *****/
	section#content iframe.countvideos,
    section#content img.ibizzimgs, 
    section#content img.collaborateimg, 
    section#content img.BankLinkdiagram,
    section#content img.banklinklogo, 
    section#content iframe.myobvideos,
    section#content img.liveaccountslogo,
    section#content img.accountrightlogo, 
    section#content iframe.xerovideomain,
    section#content iframe.xerovideos,
    section#content img.xeroimage { width:100% !important; }
    
    /**** END *****/
    table.newssubscribe td.formlabel { text-align:left !important; }
    table.newssubscribe td input[type="text"] { width:50%; }
	
	
}

@media all and (max-width: 400px) {
       .securewarning { display:block !important; }
}