/*------------------------------------------------------------------------
# JA Utahia 1.0 - Mar, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
body#bd {
	color: #333333;
}

a {
	color: #EE9A0A;
}

a:hover, a:active, a:focus {
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
}

hr {
	border-top: 2px solid #FCE6BC;
}

select, textarea, .inputbox {
	color: #333333;
}

.button, .button:hover {
	background: url(../../images/natural/but-bg.gif) repeat-x center #EE9A0A;
	border: 1px solid #FCE6BC;
}

.inputbox {
	border: 2px solid #FCE6BC;
}

.inputbox:hover, .inputbox:focus {
	border-color: #EE9A0A;
}

div.moduletable h3 {
	color: #666666;
}

table.contenttoc th {
	background: url(../../images/natural/but-bg.gif) repeat-x center #EE9A0A;
}

.blog_more {
	background: url(../../images/natural/seperator.gif) no-repeat top left;
}

.blog_more strong {
	color: #333333;
}

.componentheading {
	color: #333333;
	background: url(../../images/natural/seperator.gif) no-repeat bottom left;
}

.contentheading {
	color: #333333;
}

.createdate,
.modifydate,
.mosimage_caption,
.small,
.smalldark {
	color: #999999;
}

.sectiontableheader {
	background: url(../../images/natural/but-bg.gif) repeat-x center #EE9A0A;
}

tr.sectiontableentry1 td {
	background: #FFFFFF;
	border-bottom: 1px solid #FCE6BC;
}

tr.sectiontableentry2 td {
	background: #F4F2E6;
	border-bottom: 1px solid #FCE6BC;
}

#ja-containerwrap {
	background: url(../../images/natural/containerwrap-bg.gif) repeat-x;
}

#ja-container {
	background: url(../../images/natural/container-bg.gif) repeat-x 25% 0% #FFFFFF;
}

#ja-headerwrap {
	background: url(../../images/natural/header-bg.gif) repeat-x bottom #F4F2E6;
}

#ja-mainnavwrap {
	background: url(../../images/natural/mainnavwrap-bg.gif) repeat-x top #CDBD89;
	border-top: 1px solid #C1B281;
	border-bottom: 1px solid #918561;
}

#ja-mainnav  {
	background: url(../../images/natural/mainnav-bg.gif) no-repeat 25% 0% #CDBD89;
}

a.mainlevel {
	color: #666666;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	color: #333333;
	border: 2px solid #FCE6BC;
}

a.mainlevel#active_menu {
	background: #EE9A0A;
	border: 2px solid #EE9A0A;
}

#active_menu {
	color: #EE9A0A;
}

#ja-topslwrap {
	background: #CDBD89;
}

#ja-topsl {
	background: url(../../images/natural/topsl-bg.gif) repeat-x 25% 0% #D3C495;
}

#ja-botslwrap {
	background: url(../../images/natural/botsl-right-bg.gif) no-repeat top right;
}

#ja-botsl {
	background: url(../../images/natural/botsl-left-bg.gif) no-repeat top left;
}

#ja-botsl div.ja-box-left,
#ja-botsl div.ja-box-center {
	background: url(../../images/natural/botsl-vseperator.gif) no-repeat center right;
}

#ja-botsl div.moduletable {
	color: #999999;
}

#ja-botsl h3 {
	color: #999999;
}

#ja-pathwaywrap {
	background: url(../../images/natural/pathwayleft-bg.gif) no-repeat bottom left;
}

#ja-pathway {
	background: url(../../images/natural/pathwayright-bg.gif) no-repeat bottom right #F4F2E6;
}

#ja-footer {
	color: #999999;
	border-top: 2px solid #FCE6BC;
}

#ja-footer a {
	color: #999999;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
	color: #333333;
}

div.gradline {
	background: url(../../images/natural/grad-line.gif) repeat-y 80% 0% #EE9A0A;
	border-top: 1px solid #BF7900;
	border-bottom: 1px solid #BF7900;
}

/* BONUS TYPO
--------------------------------------------------------- */
pre, .code {
	background: url(../../images/natural/tp-code.gif) no-repeat top left #FFFFF0;
}

/* Quote */
blockquote {
	background: url(../../images/natural/quote.gif) 15px 5px no-repeat;
}

div.blockquote {
	background: url(../../images/natural/quote-right.gif) no-repeat bottom right;
}

.dropcap,
.message,
.tips {
	color: #EE9A0A;
}

.highlight {
	border: 1px dotted #999999;
	background: #FFFFF0;
}

p.stickynote {
	background: url(../../images/natural/sticky-bg.gif) no-repeat top right #FFFFF0;
}

p.pinnote {
	background: url(../../images/natural/pin-bg.gif) no-repeat top right #FFFFF0;
}

p.clipnote {
	background: url(../../images/natural/clip-bg.gif) no-repeat top right #FFFFF0;
}

ul.checklist li {
	background: url(../../images/natural/checklist-bg.gif) no-repeat top left;
}

.bignumber {
	background: url(../../images/natural/ol-bg.gif) no-repeat top left;
}

div.bubble1 div {
	background: url(../../images/natural/bub-br-bg.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../../images/natural/bub-bl-bg.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../../images/natural/bub-tr-bg.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../../images/natural/bub-tl-bg.gif) no-repeat top left;
}

div.bubble2 {
	background: url(../../images/natural/bub-arrow-bg.gif) no-repeat bottom left;
}

div.bubble2 div {
	border-color: #FCE6BC;
	background-color: #FFFFF0;
}

div.bubble3 div {
	background: url(../../images/natural/bub2-br-bg.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../../images/natural/bub2-bl-bg.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../../images/natural/bub2-tr-bg.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../../images/natural/bub2-tl-bg.gif) no-repeat top left;
}

div.bubble4 {
	background: url(../../images/natural/bub2-arrow-bg.gif) no-repeat bottom left;
}

div.bubble4 div {
	border-color: #FCE6BC;
	background-color: #FFFFF0;
}

a.but-download {
	background: url(../../images/natural/download-right-bg.gif) no-repeat top right #EE9A0A;
}

span.download {
	background: url(../../images/natural/download-left-bg.gif) no-repeat top left;
}

span.download span {
	color: #FCE6BC;
}

a.but-signup {
	background: url(../../images/natural/signup-right-bg.gif) no-repeat top right #EE9A0A;
}

a.but-signup:hover span.signup strong {
	color: #FFFF66;
}

span.signup {
	background: url(../../images/natural/signup-left-bg.gif) no-repeat top left;
}

span.signup span {
	color: #FCE6BC;
}

/* SPLIT MENU
--------------------------------------------------------- */
#ja-splitmenu a {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right!important;
}

#ja-splitmenu a:hover,
#ja-splitmenu a:active,
#ja-splitmenu a:focus {
	color: #333333!important;
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #E5DBBC!important;
}

#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
	color: #FFFFFF!important;
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #EE9A0A!important;
}

#ja-subnav a {
	background: url(../../images/natural/menuleft-bg.gif) no-repeat center left #CDBD89!important;
}

#ja-subnav a span {
	background: url(../../images/natural/menuright-bg.gif) no-repeat center right!important;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
	background: url(../../images/natural/menuleft-active-bg.gif) no-repeat center left #EE9A0A!important;
}

#ja-subnav a:hover span,
#ja-subnav a:active span,
#ja-subnav a:focus span {
	background: url(../../images/natural/menuright-active-bg.gif) no-repeat center right!important;
}

#ja-subnav li.active a,
#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
	background: url(../../images/natural/menuleft-active-bg.gif) no-repeat center left #EE9A0A!important;
}

#ja-subnav li.active a span,
#ja-subnav li.active a:hover span,
#ja-subnav li.active a:active span,
#ja-subnav li.active a:focus span {
	background: url(../../images/natural/menuright-active-bg.gif) no-repeat center right!important;
}

/* SOSD MENU
--------------------------------------------------------- */
#ja-cssmenu li ul {
	border: 1px solid #918561!important;
	background: #CDBD89!important;
}

#ja-cssmenu li ul li {
	border-top: 1px solid #D3C495!important;
}

#ja-cssmenu li a {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right!important;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:focus,
#ja-cssmenu li a:active {
	color: #333333;
}

#ja-cssmenu li li a {
	background: none!important;
}

#ja-cssmenu li li a.active {
	background: none!important;
	color: #333333!important;
}

#ja-cssmenu li a.active {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #EE9A0A!important;
}

#ja-cssmenu ul li:hover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #EE9A0A!important;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover,
#ja-cssmenu li:hover a.first-item,
#ja-cssmenu li.sfhover a.first-item,
#ja-cssmenu li.havechildsfhover a.first-item,
#ja-cssmenu li.havechild-activesfhover a.first-item {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #E5DBBC!important;
	color: #333333!important;
}

#ja-cssmenu li a.active-first-item {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #EE9A0A!important;
}

/* TRANSMENU
---------------------------------------------------------*/
.transMenu .background {
	background-color: #CDBD89!important;
}

.transMenu .item.hover {
	background: #C1B281!important;
}

.transMenu .item#active,
.transMenu .item#active:hover {
	background: #EE9A0A!important;
}

#ja-transmenu li a {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right!important;
}

#ja-transmenu a.havechild-mainlevel-active-trans,
#ja-transmenu a.havechild-mainlevel-active-trans:hover,
#ja-transmenu a.havechild-mainlevel-active-trans:active,
#ja-transmenu a.havechild-mainlevel-active-trans:focus {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #EE9A0A!important;
}

#ja-transmenu a.jahover {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #E5DBBC!important;
	color: #333333!important;
}

#ja-transmenu a.jahover-active {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #EE9A0A!important;
}

#ja-transmenu a.mainlevel-trans:hover,
#ja-transmenu a.mainlevel-trans:active,
#ja-transmenu a.mainlevel-trans:focus {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #E5DBBC!important;
	color: #333333!important;
}

#ja-transmenu a.mainlevel-active-trans,
#ja-transmenu a.mainlevel-active-trans:hover,
#ja-transmenu a.mainlevel-active-trans:active,
#ja-transmenu a.mainlevel-active-trans:focus {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #EE9A0A!important;
}

/* First item */
#ja-transmenu a.havechild-mainlevel-active-trans-first,
#ja-transmenu a.havechild-mainlevel-active-trans-first:hover,
#ja-transmenu a.havechild-mainlevel-active-trans-first:active,
#ja-transmenu a.havechild-mainlevel-active-trans-first:focus,
#ja-transmenu a.mainlevel-active-trans-first,
#ja-transmenu a.mainlevel-active-trans-first:hover,
#ja-transmenu a.mainlevel-active-trans-first:active,
#ja-transmenu a.mainlevel-active-trans-first:focus {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #EE9A0A!important;
}

#ja-transmenu a.havechild-mainlevel-trans-first:hover,
#ja-transmenu a.havechild-mainlevel-trans-first:active,
#ja-transmenu a.havechild-mainlevel-trans-first:focus,
#ja-transmenu a.mainlevel-trans-first:hover,
#ja-transmenu a.mainlevel-trans-first:active,
#ja-transmenu a.mainlevel-trans-first:focus {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #E5DBBC!important;
	color: #333333!important;
}