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%;
	position:relative;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px;
}
.push, .footer {
	height: 142px;
}
.footBg {
	background:#000;
}
/***** STICKY FOOTER END *****/
	
	/******************** STRUCTURE ******/
	.show {
	display:none !important;
}
#main-slider {
	position:absolute;
	z-index:-3;
	top:-7px;
	margin:0 auto;
	width:100%;
	clear:both;
	height:507px;
	overflow:hidden;
	background:#efefef;
	border-bottom:4px solid #daa520;
}
#main-slider img {
	width:100%;
	height:565px;
}
.banner-bg {
	width:100%;
	position: absolute;
	width: 100%;
	z-index: -2;
	margin:0 auto;
	top:415px;
}
.side-effect {
	background: url("../images/graphics/side-effect.png") no-repeat center center;
	width:1133px;
	height: 277px;
	margin:0 auto;
	position:relative;
	z-index:5;
}
#bodyClass {
}
header {
}
#logo {
	background:url(../images/graphics/logo.png) no-repeat;
	width:261px;
	height:76px;
	margin-top:8px;
}
#logo a {
	width:261px;
	height:76px;
	display:block;
}
#menu {
	display: none;
}

.pad {
	padding:2% !important;
}
.imageHeader {
	height:320px;
	padding:5px 0px;
}
.imageHeader iFrame {
	width:100%;
	height:310px;
	float:right;
}
.welcome {
	max-width:999px;
	width:96%;
	margin:0 auto;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	text-align:center;
}
.welcome h1 {
	text-align:center;
	color:#daa520;
	font-size:32px;
	font-weight:normal;
}
/*Read More */
	.button {
	text-decoration:none;
	background:#daa520;
	color:#fff;
	border-radius:20px;
	margin:0 auto;
	padding:8px 25px;
	text-align:center;
}/* Hang */
 @-webkit-keyframes hang {
 50% {
 -webkit-transform: translateY(3px);
 transform: translateY(3px);
}
 100% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
}
 @keyframes hang {
 50% {
 -webkit-transform: translateY(3px);
 transform: translateY(3px);
}
 100% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
}
.readmore {
	display: inline-block;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.readmore:hover, .readmore:focus, .readmore:active {
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-animation-name: hang;
	animation-name: hang;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
.readmore a {
	display:inline-block;
 -webkit-transition-duration:.5s;
 transition-duration:.5s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
 box-shadow:0 0 1px rgba(0, 0, 0, 0) background:#daa520;
	color:#fff;
	border-radius:20px;
}
.readmore:active, .readmore:focus, .readmore:hover {
	-webkit-transform:translateY(6px);
	transform:translateY(6px);
	-webkit-animation-name:hang;
	animation-name:hang;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
 -webkit-animation-delay:.3s;
 animation-delay:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate;
	text-decoration:none;
	color:#fff;
}
/* ----------------------------------------- */
	
	/* Services */
	
	.ca-menu {
	padding:0;
	margin:20px auto;
	width: 100%;
}
.ca-menu li {
	list-style:none;
	width: 30%;
	height: 290px;
	position: relative;
	float:left;
	padding:1%;
	overflow:hidden;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	margin-right: 4px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.ca-menu li:last-child {
	margin-right: 0px;
}
.ca-menu li a {
	text-align: left;
	width: 100%;
	height: 100%;
	display: block;
	color: #333;
	position: relative;
}
.ca-icon {
	text-shadow: 1px 0px 1px rgba(255, 255, 255, 0.8);
	position: absolute;
	width: 100%;
	max-width:57px;
	height: 50%;
	max-height:57px;
	left: 35%;
	top: 0px;
	text-align: center;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.ca-content {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 50%;
	top: 30%;
}
.ca-main {
	font-size:26px;
	color:#8b4513;
	opacity: 1.0;
	text-align: center;
	text-outline:none;
	text-decoration:none;
	text-decoration:blink;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.ca-content p {
	font-size: 13px;
	opacity: 0.8;
	text-align: center;
	line-height:25px;
	
}
.ca-sub {
	text-align:center;
	font-size: 14px;
	color: #afa379;
	text-shadow: 1px 1px 1px #fff;
	line-height: 40px;
	opacity: 0.8;
	position:relative;
	left:0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.ca-menu li:hover {
	background:#efefef;
	text-decoration:none;
	list-style:none;
}
.ca-menu li:hover .ca-icon {
	color: #afa379;
	font-size: 90px;
	opacity: 0.5;
	-webkit-animation: moveFromLeft 400ms ease;
	-moz-animation: moveFromLeft 400ms ease;
	-ms-animation: moveFromLeft 400ms ease;
}
.ca-menu li:hover .ca-main {
	color: #000;
	
}
.ca-menu li p:hover {
	color: #000;
	text-decoration:none;
	
}
.ca-menu li:hover .ca-sub {
	color: #000;
	-webkit-animation: moveFromBottom 500ms ease;
	-moz-animation: moveFromBottom 500ms ease;
	-ms-animation: moveFromBottom 500ms ease;
}
 @-webkit-keyframes moveFromLeft {
 from {
 -webkit-transform: translateX(-100%);
}
to {
	-webkit-transform: translateX(0%);
}
}
 @-moz-keyframes moveFromLeft {
 from {
 -moz-transform: translateX(-100%);
}
to {
	-moz-transform: translateX(0%);
}
}
 @-ms-keyframes moveFromLeft {
 from {
 -ms-transform: translateX(-100%);
}
to {
	-ms-transform: translateX(0%);
}
}
 @-webkit-keyframes moveFromRight {
 from {
 -webkit-transform: translateX(100%);
}
to {
	-webkit-transform: translateX(0%);
}
}
 @-moz-keyframes moveFromRight {
 from {
 -moz-transform: translateX(100%);
}
to {
	-moz-transform: translateX(0%);
}
}
 @-ms-keyframes moveFromRight {
 from {
 -ms-transform: translateX(100%);
}
to {
	-ms-transform: translateX(0%);
}
}
 @-webkit-keyframes moveFromBottom {
 from {
 -webkit-transform: translateY(100%);
}
to {
	-webkit-transform: translateY(0%);
}
}
 @-moz-keyframes moveFromBottom {
 from {
 -moz-transform: translateY(100%);
}
to {
	-moz-transform: translateY(0%);
}
}
 @-ms-keyframes moveFromBottom {
 from {
 -ms-transform: translateY(100%);
}
to {
	-ms-transform: translateY(0%);
}
}


@media all and (max-width: 980px) {
	.ca-menu li {
		width:47%;
		height: 250px;
	}
}

/*----------------------------------------------------*/
	section#content {
}
section#content img, section#content td img {
	width:auto !important;
	display:inline-block;
} /* KEEPS IMAGES IN CONTENT FROM SPANNING 100% */
article {
}
article h1 {
	color:#333;
	background:url(../images/graphics/name-bg.png) repeat-x bottom;
	padding-bottom:8px;
	font-size:22px;
	line-height:39px;
}
article h1 span {
	color:#daa520;
}
aside {
}  /* side bar */
aside h1 {
	background:#daa520;
	margin:0;
	padding:0px;
	height:47px;
	font-size:21px;
	color:#fff;
	text-indent:16px;
	line-height:43px;
}
aside h1 img {
	position:relative;
	left:7px;
	max-width:55px;
	top:-15px;
}
aside ul {
	margin:0;
	padding:0;
}
aside ul li {
	margin:0;
	padding:0;
	background:url(../images/graphics/arrow.png) no-repeat 4px 5px;
	list-style:none;
	padding-left:20px;
	color:#fff;
	margin-right:5px;
}
aside ul li a {
	color:#fff;
	text-decoration:none;
}
.tools {
	background:#8b4513;
	padding:5px;
	overflow:hidden;
}
.tools h1 {
	background:none;
	clear:both;
}
.tools h1 img {
	width:28px;
	height:auto;
	float:left;
	margin-left:5px;
	padding-right:5px;
	top:5px;
}
.tools ul li {
	margin:0;
	padding:0;
	background:url(../images/graphics/bullet.png) no-repeat 4px 5px;
	list-style:none;
	padding-left:20px;
	color:#fff;
	margin-right:5px;
	float:left;
	width:84.5px;
	font-size:11.5px;
}
.tools ul li a {
	color:#fff;
	text-decoration:none;
}
footer {
	background:#d5a633;
	color:#fff;
	line-height:40px;
}
footer a {
	color:#fff;
	text-decoration:none;
}
footer a:hover {
	color:#fff;
	text-decoration:underline;
}
/******************** STRUCTURE END ******/
	
	/******************** RESPONSIVE STYLES ******/
	
	.menu-link {
	display:none;
} /* HIDE MOBILE MENU BUTTON */
 @media all and (max-width: 380px) {
 .readmore {
margin-bottom:10% !important;
}
}
 @media all and (max-width: 980px) {
	.readmore {
	margin-bottom:3%;
	}

}


 @media all and (max-width: 800px) {
 #logo {
 width:80% !important;
 margin:0 auto;
 background-position:center;
}

.s3sliderImage {
 float: none; /* important */
 position: relative; /* important */
 display: none; /* important */
}

 section#content img, section#content td img {
 width:100% !important;
 display:block;
} /* IMAGES SPAN 100% FOR MOBILE */

/***** 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;
  transform: skewX(35deg);
  
}
 nav#menu ul li ul {
  transform: skewX(0deg); 
}
 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;
}
 .hidden {
 display:none !important;
}
 .show {
 display:block !important;
}
 
	
	/***** 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; */
}
	/* 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 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 *****/
	
	}
/******************** 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:none;
	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;
}
.newssubscribe .formlabel {
	text-align:left !important;
}
.newssubscribe input[type=text] {
	width:300px !important;
}
/******************** FORM STYLES ******/ 
	input[type="text"], input[type="password"], textarea, select {
	border: solid 1px #ccc;
	padding:5px 8px;
	outline:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
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;
}
input[type="submit"]:hover, button[type="button"]:hover {
	background: #333;
}
/***** FORM STYLES END ******/ 
	
	/******************** SAASU CSS 
	#saasuintro{width: 680px;}
	.saasuimg{width: 680px;}
	.saasuhomeimgs{}
	.saasutour{}
	******/
	
	/******************** 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;
}
/******************** GOOGLE RSS FEED ******/
	.gfc-resultsHeader {
	border:0px !important;
	display:none;
}
.gfc-title {
	font-size:12px !important;
	color:#666 !important;
	text-decoration:none !important;
}
.gf-author {
	color:#666 !important;
	font-size:11px !important;
}
.gf-relativePublishedDate {
	color:#666 !important;
	font-size:11px !important;
}
.gf-snippet {
	color:#333 !important;
	font-size:11px !important;
}
.gf-title a {
	font-size:11px !important;
}
	
	/********************* EXTRAS END ******/