/*
	*** TABLE OF CONTENTS ***
	--------------------------------------------------------------------------	
	Following the name of each section is -n- and a 3 or 4 digit code, for example
	abc, which you can use find next to skip to the next section.
	--------------------------------------------------------------------------
	
	Base = bas
	Modules = mdl
	Primary = prm
	Home Page = hpg
	Media Queries = mdq	
	Plugins -n- plg
	
	Header = hdr
	Content = cnt
	Main = main
	Sidebar = sdb
	Footer = ftr
	Media Queries = mdq

*/

/* ==========================================================================
   Base -n- bse   
   ========================================================================== */
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { background:#fff url(../img/bg.png) repeat-x; color:#787878; font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 1.4; }

h1,h2,h3,h4,h5,h6 {}
h1, h2, h3 { color:#928D7D; font-family: 'PT Sans Narrow', sans-serif; }
h3 { font-size:1.5em; }

::-moz-selection { background: #06c; color: #fff; text-shadow: none; }
::selection { background: #06c; color: #fff; text-shadow: none; }

a { color: #928D7D; }
a:hover { color: #000; }

.button, input[type=submit] {
	display: inline-block;
	background: #222224;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff !important;
	border: none;
	padding: 6px 16px 8px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	cursor: pointer;
	text-decoration: none;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
	width: auto;
	overflow: visible;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-appearance: none;
}
.button:hover, input[type=submit]:hover { background: #1d1d1e; color: #fff; }
.button.color { background-color:#88816b; }
.button.color:hover { background:#7d765f; }

.box { background:#eee; padding:1em; }

/* ==========================================================================
   Modules -n- nrm   
   ========================================================================== */

/* ==========================================================================
   Primary Styles -n- prm  
   ========================================================================== */
   
.nav { word-wrap: normal; }

/* ==|== Header hdr -n- ====================================================== */

#header {
	background: #968f7a;
	background: -moz-radial-gradient(bottom center, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)), #968f7a;
	background: -webkit-radial-gradient(bottom center, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)), #968f7a;
	background: radial-gradient(bottom center, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)), #968f7a;
	color:#fff;
	border-bottom:1px solid #a19c8c;
	padding-bottom:20px;
	margin-bottom:20px;
	float:left;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
}
#header > .inner {
	background: #2c2c2e;
	background: -moz-radial-gradient(top center, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)), #2c2c2e;
	background: -webkit-radial-gradient(top center, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)), #2c2c2e;
	background: radial-gradient(top center, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)), #2c2c2e;
	border-bottom:1px solid #49494b;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	padding-top:10px;
	float:left;
}

a#logo { float: none; margin: 0; }
a#logo img { margin:0; }

#tagline { color:#fff; font-size:1.8em; line-height:1.2; margin:0; }

.header-info .widget { text-align:right; padding-right:1em; }
.header-info h3 { color:#aaa490; font-weight:bold; margin-bottom:6px; font-size:1.6em; }
.header-info h3 .button { font-size:14px; }
.header-info h3 .button:hover { color:#fff; }
.header-info a { color:#fff; }
.header-info a:hover { color:#fff; text-decoration:none; }

/* Navigation */
#main-nav-wrap { background: #252525; position: relative; z-index: 1000; }
#main-nav-wrap .container {}
#main-nav .nav { position: relative; left: 0; display: block; float: right; }
#main-nav .nav > li { display: block; float: left; }
#main-nav .nav > li > a {
	display: block;
	padding: 10px 10px;
	color: #999;
	text-transform:lowercase;
}
#main-nav .nav > li > a:hover,
#main-nav .nav > li.dropdown.open > a,
#main-nav .nav > li.current-menu-item > a,
#main-nav .nav > li.current-menu-parent > a,
#main-nav .nav > li.current-menu-ancestor > a {
	color: #ffffff;
}
/* Drop Down */
#main-nav .nav .dropdown { position: relative; }
#main-nav .nav .dropdown-toggle { *margin-bottom: -3px; }
#main-nav .nav .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; }
#main-nav .nav > .dropdown > .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 180px;
	max-width: 220px;
	_width: 160px;
	padding: 4px 0;
	margin:0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
#main-nav .nav > .dropdown:hover > .dropdown-menu { display:block; }
#main-nav .nav > .dropdown > .dropdown-menu:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	position: absolute;
	top: -7px;
	left: 9px;
}
#main-nav .nav > .dropdown > .dropdown-menu:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 10px;
}
#main-nav .nav > .dropdown.open { *z-index: 1000; }
#main-nav .nav > .dropdown.open > .dropdown-menu { display: block; }
#main-nav .nav .dropdown-menu li a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	color: #555;
	text-transform:lowercase;
	font-size:13px;
	white-space: nowrap;
}
#main-nav .nav .dropdown-menu li li a { padding-left: 25px; }
#main-nav .nav .dropdown-menu li li li a { padding-left: 35px; }
#main-nav .nav .dropdown-menu li li li li a { padding-left: 45px; }
#main-nav .nav .dropdown-menu li li li li li a { padding-left: 55px; }
#main-nav .nav .open > .dropdown-toggle { }
#main-nav .nav .dropdown-menu li > a:hover, #main-nav .nav .dropdown-menu li.current-menu-item > a { color: #fff; background: #968f7a; }
/* End Navigation */


/* ==|== Content cnt -n- ===================================================== */

#content-wrap {}
#content {}

#page-title { background:#eae8e3; border-top:1px solid #c5c1b3; border-bottom:1px solid #c5c1b3; margin-bottom:1.5em; }
#page-title .container { position:relative; padding:26px 0 30px; }
#page-title h2 { padding:0; margin:0; font-size:2.4em; line-height:1; }
#page-title img { position:absolute; right:0; top:0; width:auto; }

.topic-nav { background:#eee; padding:10px 20px; margin-bottom:1em; overflow:hidden; }
.topic-nav h4 { font-weight:bold; margin-bottom:0.4em; }
.topic-nav ul { margin:0 50px 0 0; padding:0; list-style:none; }
.topic-nav ul li {  }
.topic-nav ul li a { text-decoration:none; display:inline-block; padding:1px 0; }

/* ==|== Main main -n- ======================================================= */

#main {}
.main-title { text-transform:capitalize; }

/* ==|== Sidebar sdb -n- ===================================================== */

#sidebar { background:#eee; }
#sidebar .inner { padding:1em; }

#side-subnav { border-bottom:1px solid #ccc; margin-bottom:1.5em; }
#side-subnav h2 { border-bottom:1px solid #ccc; }
#side-subnav ul { margin:0 0 1.5em 0; padding:0; list-style:none; }
#side-subnav ul li { }
#side-subnav ul li a { color:#808486; display:block; font-size:18px; text-decoration:none; }
#side-subnav ul li.current_page_item a { color:#262626; }
#side-subnav ul li a span {
	display:inline-block;
	float:left;
	margin:7px 10px 0 0;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
}
#side-subnav ul li a:hover span, #side-subnav ul li.current_page_item > a span { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #928D7D; }

/* ==|== footer ftr -n- ====================================================== */

#footer { background: #C8C5BF; border-top:#fff; color:#555; margin-top: 1em; }
.footer-line { background: #CBC7BB; border-bottom: 1px solid #fff; height:10px; margin-bottom:1em; }

#footer a { color:#262626; }
#footer a:hover { color:#555; }

#footer .widget h3 { color:#555; margin-bottom:8px; }

#footer-nav {}
#footer-nav > ul { text-align: left; margin: 0 0 1em; }
#footer-nav > ul > li { display: inline; }
#footer-nav > ul > li > a { color:#908B79; padding: 0 8px; font-size:13px; }
#footer-nav > ul > li:first-child > a { padding-left: 0; }
#footer-nav ul ul { display: none; }
#footer-nav ul li a:hover,
#footer-nav ul li.current-menu-item a, 
#footer-nav ul li.current-menu-parent a,
#footer-nav ul li.current-menu-ancestor a{
	color: #555;
}

#copyright {}
#design-by { font-size: .8em; }

/* ==========================================================================
   Home Page -n- hpg
   ========================================================================== */
   
#home-cta p { font-size:13px; }
   
.home-box {
	background:#e4ddc8;
	background: -webkit-gradient(linear, left top, right top, from(#e4ddc8), to(#f7f5ed));
	background: -webkit-linear-gradient(left, #e4ddc8, #f7f5ed);
	background: -moz-linear-gradient(left, #e4ddc8, #f7f5ed);
	background: -ms-linear-gradient(left, #e4ddc8, #f7f5ed);
	background: -o-linear-gradient(left, #e4ddc8, #f7f5ed);
	padding:10px 15px 15px;
	margin-bottom:5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.home-box h3 { color:#938e7c; font-weight:bold; margin-bottom:10px; line-height:1; text-shadow:1px 1px 0 rgba(255,255,255,0.75); }
.home-box a { display:block; width:190px; height:86px; position:relative; }
.home-box a .click-here { background:url(../img/click-here.png) no-repeat; display:block; position:absolute; right:-15px; bottom:-15px; width:72px; height:72px; }
.hometop-right img {
	border: 6px solid #F3F0E6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.home-info {
	background:#fafafa url(../img/bg-home-info.png) repeat-x;
	border-bottom:1px solid #e1e1e1;
	width:680px;
	padding:10px;
	margin-bottom:1em;
	float:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.home-info h2 { color:#646a6e; font-size:40px; font-weight:bold; margin-bottom:5px; line-height:1; }
.home-info h3 { color:#9da1a8; margin-bottom:5px; }
.home-info h4 { color:#888; margin-bottom:5px; line-height:1; font-weight:bold; font-size:22px; }
.home-info p { color:#787878; margin:0; }
.home-info img.left { margin:0 5px 0 0; }
.home-info .button { display:block; text-align:center; margin:10px 0 0 0; font-size:22px; }

/* ==========================================================================
   Media Queries -n- mdq   
   ========================================================================== */
   
/*  Desktop
================================================== */
/*@media only screen and (max-width: 979px) {
	#main-nav-wrap { display: block !important; }
}*/
@media screen and (min-width: 980px) {
	.mobile #main-nav-wrap { display: block !important; }
}
.oldie #main-nav-wrap { display: block !important; }

/* ==========================================================================
   Plugins -n- plg  
   ========================================================================== */