/* Katara - Quickbooks: Stu Lanham 2007-10-02 */


/* ------- audio only content ------- */

.audio
{
    display: none;
}

@media aural  
{
    body 
    {  
        voice-family: female;
    }
    .audio
    {
        display: inline;
        voice-family: male;
    }
}

/* -------  typography ------- */

body
{
	font: 75% verdana; /* 75% = 12px */
	color: #666;
	letter-spacing: 1px;
	line-height: 15px;
	background-color: #0B8F49;
	margin: 0px;
}

a {color: #F3913D;}
a:hover {color: #000;}
a:visited {color: #F3913D;}
a:visited:hover {color: #000;}

/* -------  content styles ------- */

.img-right {float: right; margin: 0 0 10px 10px;}

/* -------  main navigation ------- */

/* ---  home ---- */
#home-nav a
{
    height: 32px;
    width: 261px;
    border-top: 1px dotted #666;
    margin-top: 20px;
    background: url(../images/home-nav-up.gif) no-repeat;
    float: left;
    display: block;
    clear: both;
    font-size: 0px;
    color: #FCF4E2;
}
#home-nav a:hover
{
    background: url(../images/home-nav-over.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #F3913D;
}
#home-nav-on
{
    height: 32px;
    width: 261px;
    border-top: 1px dotted #666;
    margin-top: 20px;
    background: url(../images/home-nav-focus.gif) no-repeat;
    float: left;
    display: block;
    clear: both;
    font-size: 0px;
    color: #FCF4E2;
    text-indent: -3000px;
}
/* ---  new users ---- */
#new-nav a
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/new-nav-up.gif) no-repeat;
    float: left;
    display: block;
    clear: both;
    font-size: 0px;
    color: #FCF4E2;
}
#new-nav a:hover
{
    background: url(../images/new-nav-over.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #F3913D;
}
#new-nav-on
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/new-nav-focus.gif) no-repeat;
    float: left;
    display: block;
    text-indent: -3000px;
}
/* ---  exsperienced users ---- */
#experienced-nav a
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/exp-nav-up.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
}
#experienced-nav a:hover
{
    background: url(../images/exp-nav-over.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #F3913D;
}
#experienced-nav-on
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/exp-nav-focus.gif) no-repeat;
    float: left;
    display: block;
    text-indent: -3000px;
}
/* ---  about ---- */
#about-nav a
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/about-nav-up.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
}
#about-nav a:hover
{
    background: url(../images/about-nav-over.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #F3913D;
}
#about-nav-on
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/about-nav-focus.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
    text-indent: -3000px;
}
/* ---  contact ---- */
#contact-nav a
{
    height: 32px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/contact-nav-up.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
}
#contact-nav a:hover
{
    background: url(../images/contact-nav-over.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #F3913D;
}
#contact-nav-on
{
    height: 32px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/contact-nav-focus.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
    text-indent: -3000px;
}
/* ---  useful ---- */
#useful-nav a
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/useful-nav-up.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
}
#useful-nav a:hover
{
    background: url(../images/useful-nav-over.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #F3913D;
}
#useful-nav-on
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    background: url(../images/useful-nav-focus.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
    text-indent: -3000px;
}


/* ---  blog (Added by MJC) ---- */
#blog-nav a
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    background: url(../images/blog-nav-up.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
}
#blog-nav a:hover
{
    background: url(../images/blog-nav-over.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #F3913D;
}
#blog-nav-on
{
    height: 33px;
    width: 261px;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    background: url(../images/blog-nav-focus.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
    text-indent: -3000px;
}

/* ---  sitemap ---- */
#sitemap-nav a
{
    height: 32px;
    width: 261px;
    border-bottom: 1px dotted #666;
    background: url(../images/sitemap-nav-up.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
}
#sitemap-nav a:hover
{
    background: url(../images/sitemap-nav-over.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #F3913D;
}
#sitemap-nav-on
{
    height: 32px;
    width: 261px;
    border-bottom: 1px dotted #666;
    background: url(../images/sitemap-nav-focus.gif) no-repeat;
    float: left;
    display: block;
    font-size: 0px;
    color: #FCF4E2;
    text-indent: -3000px;
}
/* ---  main-sub navigation ---- */
#nav-sub
{
    width: 251px;
    border-top: 1px dotted #666;
    float: left;
    display: inline;
    background: #F7E2B3;
    text-align: right;
    padding: 5px 5px;
    color: #F3913D;
}
#nav-sub ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#nav-sub li
{
    margin-bottom: 3px;
}
#nav-sub li a
{
    color: #F3913D;
    margin-right: 5px;
}
#nav-sub li a:hover
{
    color: #333;
}
#nav-sub li.on
{
    color: #000;
    text-decoration: none;
}
#nav-sub li.on a
{
    color: #000;
    text-decoration: none;
}
/* -------  main page ------- */

#wrapper
{
    width: 776px;
    left: 50%;
    margin-left: -388px;
	position: absolute;
	float: left;
    background: url(../images/katara-main-bg.gif) repeat-y;
}

#header
{
    background: #333;
    margin: 0 18px 0 18px;
    border-bottom: 1px solid #F3913D;
    height: 104px;
    float: left;
    display: inline;
}

#header h1
{
    text-indent: -3000px;
    margin: 0px;
    height: 104px;
    width: 740px;
    float: left;
    display: inline;
    background: url(../images/quickbooks-header-logo.gif) no-repeat left;
}

#header h2
{
    color: #CCC;
    text-align: right;
    margin: -95px 10px 0 0;
    float: right;
    display: inline;
    font-size: 0.9em;
}

#left-col
{
    width: 261px; /*-41px padding (24 right 20 left)*/
    padding: 0 24px 0 20px;
    margin-left: 18px;
    _margin-left: 7px; /* Hack for viewing left-col in IE 6 */
    float: left;
    display: inline;
}

#comments
{
    width: 261px;
    float: left;
    display: inline;
}

#left-col h5
{
    text-indent: -3000px;
    margin: 77px 0 7px 0;
    padding: 0px;
    height: 15px;
    width: 261px;
    float: left;
    display: inline;
    background: url(../images/customer-comments-h5.gif) no-repeat left;
}

#left-col p
{
    font-size: 0.8em;
    letter-spacing: 0px;
    line-height: 13px;
}

#right-col
{
    width: 415px; /* -20px padding (10px left 10px right) */
    min-height: 450px;
    float: right;
    display: inline;
    background: #fff;
    margin: -70px 18px 0 0;
    padding: 10px;
}


#right-col h1
{
    font: 1.6em tahoma;
	color: #666666;
    margin: 0 0 10px 0;
    padding: 0px;
    width: 425px;
    float: left;
    display: inline;
}

#right-col h3
{
    text-indent: -3000px;
    margin: 10px 0 7px 0;
    padding: 0px;
    width: 425px;
    height: 18px;
    float: left;
    display: inline;
    background: url(../images/professional-training-h3.gif) no-repeat left;
}

#right-col h4
{

    font: 2.7em tahoma;
	color: #F3913D;
    margin: 0 0 10px 0;
    padding: 0px;
    width: 425px;
    float: left;
    display: inline;
}

#right-footer
{
    width: 435px;
    float: right;
    display: inline;
    background: #333333;
    margin-right: 8px;
    padding: 3px 5px 7px 5px;
    border-top: 1px solid #F3913D;
}

#right-footer ul
{
    list-style: none;
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px;
}

#right-footer li
{
    list-style: none;
    float: left;
    display: inline;
}

#right-footer li a
{
    font-size: 0.85em;
    letter-spacing: 0px;
    text-decoration: none;
    color: #ccc;
    padding: 5px;
}

#right-footer li a:hover
{
    color: #F3913D;
}

#dhaus-footer
{
    width: 756px; /* -20px left & right padding */
    left: 50%;
    /*margin-left: -388px;
	position: relative;*/
	float: left;
    background: #0B8F49 url(../images/base-footer.gif) no-repeat top;
    padding: 10px;
    text-align: right;
    font-size: 0.8em;
    letter-spacing: 0px;
}
#dhaus-footer img
{
    border: 0px
}

/* -------  contact ------- */

#address
{
    width: 205px;
    float: left;
    margin-right: 5px;
}

#enquiry
{
    width: 205px;
    float: right;
}

/* Added by MJC */

#enquiry fieldset
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

#enquiry dl
{
	margin: 0;
	padding: 0;
}

#enquiry dd
{
	margin: 0 0 5px 0;
	padding: 0;
}

#enquiry span.error
{
    color: #CC0000;
	display: block;
	clear: left;
}

/*  End added by MJC */

#enquiry p
{
    margin: 0px;
    padding: 0px;
}

.required
{
    font-size: 0.8em;
    color: #FFCE00;
}

#enquiry-base
{
    width: 435px;
    padding: 5px 10px 10px 10px;
    float: right;
    display: inline;
    margin-bottom: 0px;  
}

#enquiry-base img
{
    border: 0px;
    padding: 0px;    
}

.top-arrow
{
    float: right;
    margin-right: 10px;
}

/* -------  comment ticker ------- */

#ajaxticker1
{
    width: 261px;
    /*height: 100px;*/
    background-color: #FCF4E2;
}
#ajaxticker1 div
    { /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
    background-color: #FCF4E2;
}

.ticker-comments
{
    font-size: 0.8em;
    letter-spacing: 0px;
    line-height: 13px;
}

/*.someclass
{ 
    //class to apply to your scroller(s) if desired
}*/