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 ******/

.show { display:none !important; }
.hidden { display:block !important; }
a#pull { display: none; }
nav#menu { display: none; }

/******************** STRUCTURE ******/

#bodyClass {}

.breadcrumbs { padding-bottom:30px; font-size:12px; text-align:right; }
.blogBtn { display:block; text-align:center; padding:10px 0; border:1px solid #223c77; text-transform:uppercase; font-weight:400; }
.blogBtn:hover { font-weight:400; background:#223c77; color:#fff; }

header.int ul.bxslider li { height:400px; }
header.int .headLvl2 { height:400px; }
header.int { height:400px; }
header.int .findChurch { padding:0.5% 0; }
header.int #logo { margin:2% auto 0 auto; }

ul.bxslider li { height:700px; overflow:hidden; }

header  { position:relative; width:100%; height:700px; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7);  overflow:hidden; }

.findChurch { width:100%; padding:2% 0; position:absolute; z-index:200; bottom:0; background: rgba(34, 60, 119, 0.6); text-align:center; vertical-align:middle; }
.findChurch:hover { background: rgba(34, 60, 119, 0.8); }
.findChurch span { font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:300; line-height:40px; color:#fff; vertical-align:middle; }
.findChurch span i { font-size:40px; vertical-align:middle; }
.findChurch form { margin:0; padding:0; display:inline-block; vertical-align:middle; }

.styled-select { width: 240px; height: 39px; overflow: hidden; background-color:#223c77; background-color: rgba(255, 255, 255, 0.1); background-image:url(../images/graphics/selectarrow.png); background-repeat:no-repeat; background-position:right; vertical-align:middle; border:solid 1px #fff; }
.styled-select select { background: transparent; width: 268px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 39px; -webkit-appearance: none; color:#fff; }
.styled-select select:hover { background-color:#223c77; background-image:url(../images/graphics/selectarrow.png); background-repeat:no-repeat; background-position:right; vertical-align:middle; width: 240px; }

.headLvl1 { width:100%; height:auto; position: absolute; z-index:100; }
.headLvl2 { width:100%; height:700px; position: absolute; top: 0; left: 0; }


.topIcons { height:50px; width:100px; right:0; top:0; position:fixed; z-index:120; }
.topIcons a { display:block; float:left; width:50px; height:50px; text-align:center; background:#223c77; background: rgba(0, 0, 0, 0.2);  }
.topIcons a:hover { background:#223c77; background: rgba(0, 0, 0, 0.5);  }
.topIcons a i { line-height:50px; font-size:22px; color:#fff; }

#logo { width:523px; margin:3% auto 0 auto; }
.quote { width:80%; margin:4% auto 0 auto; font-family: 'Open Sans', sans-serif; font-size:40px; font-weight:300; line-height:50px; text-align:center; color:#fff; }  
.quote p { padding:0; margin:0; line-height:50px; }

#mainNav { margin-bottom:30px; }

.addressBox { background:#223c77; color:#fff; }
.addressBox p, .addressBox td, .addressBox li { color:#fff; }
.addressBox .pad { padding:5%; }
.addressBox a { font-weight:400; color:#fff; text-decoration:underline; }
.addressBox a:hover { color:#c8c8e2; font-weight:400; text-decoration:underline;  }

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

section#content { padding:3% 0; }
section#content img, section#content td img { width:auto; display:inline-block; } /* KEEPS IMAGES IN CONTENT FROM SPANNING 100% */

.homeFeats {}
.eaHomeFeat { width:30%; height:150px; margin-right:4.5%; margin-bottom:3.5%; float:left; position:relative; }  
.eaHomeFeat.last { margin-right:0; }
.eaHomeFeat .label { text-transform:uppercase; background:#223c77; color:#fff; font-weight:400; line-height:normal; position:absolute; bottom:15px; left:0; padding:8px 15px; font-size:18px; }
.eaHomeFeat:hover .eaFeatOver { visibility:hidden; transition:visibility 0s linear 0.5s,opacity 0.5s linear; opacity:0; }

.eaFeatOver { background:url(../images/graphics/op2.png) repeat; position:absolute; width:100%; height:100%; visibility:visible; opacity:1;
  transition-delay:0s; }

.homeCont article { width:64.5%; margin-right:4.5%; float:left; }
.intCont article { width:100$; margin:0; float:left; }

aside { width:30%; float:left; background:#f3f3f3; }
aside .pad { padding:6%; }
aside .eventTitle { color:#666; font-size:28px; border-bottom:solid 1px #ccc; padding-bottom:15px; margin-bottom:15px; }
aside .eventTitle i { color:#223c77; }
aside .eaEvent { border-bottom:solid 1px #ccc; padding-bottom:15px; margin-bottom:15px; }
aside .eaEventDate { width:25%; float:left; text-align:center; text-transform:uppercase; }
aside .eaEventDate b { font-size:40px; color:#333; margin:0; line-height:50px; }
aside .eaEventDate div { font-size:20px; color:#999; margin:0; line-height:normal; font-weight:bold; }
aside .eaEventDate div.year { font-weight:400; font-size:16px; letter-spacing: 2px; }
aside .eaEventDetails { width:70%; margin-left:5%; float:left; }

.blogFeed { border-top:solid 1px #ddd; margin-top:5%; padding:4% 0; }

footer { background:#222222 url(../images/graphics/wmark.png) no-repeat right bottom; padding:3% 0; color:#ccc; }
footer p, footer td, footer li, footer a { color:#aaa; }
footer ul { margin:0; padding:0; list-style:none; }
footer ul li { padding:3px 0; font-size:13px; }
footer ul li a { font-size:13px; }
footer a { text-decoration:underline; font-weight:400; }
footer a:hover { color:#fff; text-decoration:underline; font-weight:400; }

.poweredBy { color:#666; padding:3% 0 0 0; text-align:center; font-size:14px; }
.poweredBy p { margin:0; padding:0; color:#666; font-size:14px; }
.poweredBy a { color:#666; text-decoration:underline; font-weight:400; }

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



/******************** FORM STYLES ******/ 

input[type="text"], input[type="password"], textarea, select
{  border: solid 1px #ccc; padding:5px 8px; outline:0;
   } 
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover
{ background:#f3f3f3; } 

input[type="submit"], button[type="button"]
{ border:0; background:#223c77; padding:8px 12px; color:#fff; text-transform:uppercase; 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:#666; 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;}

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

/***** IE HEIGHT HACK
minheight {min-height:500px; height:auto !important; height:500px;}*/
.BlogPost { border-top:solid 1px #ddd; }
.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;}

/* CLEAR FIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

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

/***** COUNT 
section#content iframe.countvideos { width:640px; }
 *****/
 
/******************** SEARCH CSS ******/ 
#search { display:inline-block; height:28px; padding:2px; vertical-align: middle; border:0; background-color:#eee; margin:0; }
#search form input { border:0px; padding:0 5px; float:left; vertical-align: middle; line-height:28px; background:transparent;  font-size:14px; }
#search form { padding:0px; margin:0px; }
#search #searchgo { float:right; font-size:18px; color:#00539c; vertical-align: middle; line-height:28px; }

/******************** 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 { display:none !important; }
.gf-author { color:#999 !important; font-size:13px !important;}
.gf-relativePublishedDate {color:#999 !important; font-size:13px !important;}
.gf-snippet {color:#555 !important; font-size:13px !important;}
.gf-title a {font-size:13px !important;}

.gfc-result { width:46%; margin:0 4% 0 0; display:block; float:left; }

/********************* 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) { 

    /**** IMPORTANT CSS ****/
    .responsiveimage { width:100% !important; display:block !important; height:auto !important; }
	img.responsiveimage[style] { margin-left:0 !important; margin-right:0 !important; }
	#SlideShowImg { width:100% !important; display:block !important; height:auto !important; }
    /*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; }
	iframe[style] { width:100% !important; }
	iframe[width] { width:100% !important; }

    /***** SITE CUSTOM CSS *****/
    #logo { width:50% !important; margin: 3% auto 0 auto; }

ul.bxslider li { height:300px; }
header  { height:300px; }
.quote { font-size:16px; line-height:20px; }
#logo img { width:100% !important; display:block !important; height:auto !important; }
.topIcons { display:none; }
.quote { display:none; }

section#content { padding:5% 0; }

header.int ul.bxslider li { height:300px; }
header.int .headLvl2 { height:300px; }
header.int { height:300px; }
header.int .findChurch { padding:2% 0; }
header.int #logo { margin:3% auto 0 auto; }

.findChurch span { font-size:20px; line-height:30px; }
.findChurch span i { font-size:30px; }

.eaHomeFeat { width:48%; height:150px; margin:2% 1% 0% 1%; }  
.eaHomeFeat.last { margin:2% 1% 0% 1%; }
.eaHomeFeat .label { position:absolute; bottom:15px; left:0; padding:8px 15px; font-size:16px; }

.homeCont article { width:100%; margin-right:0; float:none; }
.intCont article { width:100$; float:none; }
aside { width:100%; float:none; }

#content.int .addressBox { display:none; }

.homeCont { padding:6% 0; }

    /***** 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; height:auto !important; }
    table[align] { float:none !important; }
    table td { padding:5px 0 !important; margin:0 !important; }
    table td[style] { width:100% !important; height:auto !important; }
    table tr[style] { width:100% !important; height:auto !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%; }

    /***** MOBILE NAV STYLES ******/
    .ddsmoothmenu { display:none !important; }
    nav#menu { display: block !important; height: auto; border-bottom: 0; position:absolute; z-index:99999; }
        nav#menu ul { width: 100%; display: none; height: auto; padding: 0; margin: 0 auto; }
        nav#menu li { width: 100%; position: relative; display: inline; float: left; z-index:99; }
            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; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
        nav#menu a { text-align: left; width: 100%; color: #fff; display: block; text-decoration: none; padding: 8px 0; }
        nav#menu a:hover, nav#menu a:active { background-color: #888; }
        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: #223c77 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: #223c77 url('../images/graphics/nav-icon-close.png') no-repeat 12px center; }
}

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

     #logo { width:80% !important; margin: 4% auto 0 auto; }

}

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