@charset "utf-8";
/* CSS Document */

body {
background: #332519 url(images/body-bg.jpg) top repeat-x scroll;   /* ============ body background ============== */
color: #000;
font-family: 'Open Sans', sans-serif;	   		/* ============ main font type ============== */
font-size: 14px;									/* ============ main font size ============== */
text-align: center; margin: 0; padding: 0;
}
a:link  { color: #858136; font-weight: bold;}
a:visited  { color: #858136; font-weight: bold;}
h1 { font-size: 20px; padding: 0; margin: 0; font-style:italic; }
h2 { padding: 10px 0 10px 0; margin: 0; }
h3 { padding: 10px 0 10px 0; margin: 0; }
h2 + p { padding: 0 0 10px 0; margin: 0; }
.first { margin-top: 0; padding-top: 0; }
p { line-height: 26px; text-align: justify; color: #5B5B5B; }
.grey { color: #525252; }
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

#container {
width: 90%;
text-align: left;
background: none;		/* ============ container background ============== */
max-width: 988px;
text-align: left;
margin: 0 auto;
height: auto;
}

/* ========================= HEADER =========================== */
#headerbg {
background: none;		/* ============ header background ============== */
width: 100%;
text-align: left;
margin: 0 auto;
height: auto;
}
#header {
display: block;
position: relative;
background-color: none;			/* ============ secondary header background ============== */
width: auto;
height: auto;						
}
#logo {
width: 33%;
}
.paddinglogo img a {
border: none;
border-width: 0;
}
.navigationPrimary {											/* ============ primary navigation ============== */
height: auto;
padding: 0;
margin: 0;
font-family: 'Source Sans Pro', sans-serif, arial;				/* ============ navigation font type ============== */
font-size: 14px;												/* ============ navigation font size ============== */
font-weight: bold;
text-align: left;
}
.navigationPrimary ul {											/* ============ primary navigation ul ============== */
margin: 0;
padding: 0 0 0 54%;
}

.navigationPrimary li {											/* ============ primary navigation li ============== */
float: left;
display: block;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}

.navigationPrimary a {											/* ============ primary navigation a ============== */
color: #ECEBC2;											/* ============ navigation font color ============== */
display: block;
text-decoration: none;
position: relative;
padding: 14px 14px;
margin: 0;
background: none;
}
.navigationPrimary a:hover {											/* ============ primary navigation a ============== */
color: #D8C8C0;											/* ============ navigation font color ============== */
}
.navigationPrimary a:visited {											/* ============ primary navigation a ============== */
color: #ECEBC2;											/* ============ navigation font color ============== */
}

/* =================== NAVIGATION BUTTONS ====================== */

#navigation {
height: auto;
padding: 0 0 0 0;
font-family: 'Open Sans', sans-serif;				/* ============ navigation font type ============== */
font-size: 14px;										/* ============ navigation font size ============== */
font-weight: bold;
}

#navigation li {
float: left;
display: block;
position: relative;
list-style: none;
background:url(images/header/li-bg-right.jpg) right no-repeat;
}

#navigation a {
color: #FFF;											/* ============ navigation font color ============== */
display: block;
text-decoration: none;
position: relative;
padding: 16px 38px 15px 38px;
background:url(images/header/li-bg-left.jpg) left no-repeat;
}

#navigation a:hover {
color: #FFF;											/* ============ navigation HOVER font color ============== */
text-decoration: none;
position: relative;
display: block;
background: url(images/header/li-hover.png) left bottom no-repeat;
}

#navigation ul {
margin: 0;
padding: 0;
}

.titlecontainer {
background: none;
}
.titlebg {
background: none;
height: 126px;
color: #594839;
font-weight: bold;
}
.homebanner {
max-height: 248px;
}



/* ================ underNavWRapper ===================== */

#UnderNavWrapper {										
width: 100%;
float: left;
display: block;
position: relative;
height:auto;
background: none;					/* ============ background directly under navigation ============== */
}
#UnderNavWrapperWrapper {								
width: 100%;
float: left;
display: block;
position: relative;
height:auto;
background: url(images/Under-nav-Wrapper-Wrapper-bg.png) repeat center;		/* ============ background directly under navigation ============== */
}
.footer {
background: none;
color: #707070;
}
.footer a {
color: #707070;
}
.footer li a {
color: #707070;											/* ============ navigation font color ============== */
display: block;
text-decoration: none;
position: relative;
padding: 13px 13px;
background: none;
}
.footer li {											/* ============ primary navigation li ============== */
float: left;
display: block;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
.footer ul {											/* ============ primary navigation li ============== */
float: left;
display: block;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
.copyright {
padding: 14px;
}
/* ====================== SIDEBAR ======================= */

.onethird {
width: 30%;
padding: 2%;
}
.fullwidth {
width: 100%;
padding: 1%;
}
/* ====================== COLUMNS ======================= */
.OneHundredPercent		{ width: 100%; height: auto; }
.FiftyPercent 			{ width: 50%; }		.FortyEightPercent	{ width: 48%; }
.ThirtyThreePercent 	{ width: 33%; }		.SixtySixPercent 	{ width: 66%; }
.TwentyFivePercent 		{ width: 25%; }		.SeventyFivePercent { width: 75%; }
.TwentyPercent 			{ width: 20%; }     .EightyPercent      { width: 80%; }	   .SixtyPercent { width: 60%; }	.FortyPercent { width: 40%;}
.SixteenPercent 		{ width: 16%; }
.FourteenPercent 		{ width: 14%; }
.TwelvePercent 			{ width: 12%; }
.TenPercent 			{ width: 10%; }
.EightPercent 			{ width: 8%;  }
.FivePercent			{ width: 5%;  }
.TextAlignLeft    { text-align: left; }
.TextAlignRight   { text-align: right; }
.TextAlignCenter  { text-align: center; }
.blackbackground { background: #000; }

/* ==================== PADDING =================== */
.paddinglogo {
	padding-top: 28px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 30px;
}
.paddingone {
	padding-top: 31px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.paddingoneleft {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 16px;
}
.paddingoneleftright {
	padding-top: 0;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 16px;
}
.paddingoneTitleInner {
	padding-top: 89px;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 24px;
}
.paddingonelefttwo {
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.paddingonetopleft {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 0;
}
.paddingonetopleftbottom {
	padding-top: 23px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 0;
}
.paddingonebotright {
	padding-top: 0;
	padding-bottom: 12px;
	padding-left: 0;
	padding-right: 11px;
}
.padFiftyPercentRight {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 20px;
}
.paddingonetop {
	padding-top: 23px;
}

.stretchimage img {
width: 100%;
height: auto;
}

/*====================== boxA ============================*/

.boxAtopleft 	  {  background: url(images/boxes/a/1-top-left.jpg) no-repeat;}
.boxAtopcenter 	  {  background: url(images/boxes/a/2-top-center.jpg) repeat-x;}
.boxAtopright 	  {  background: url(images/boxes/a/3-top-right.jpg) top right no-repeat;}
.boxAmidleft 	  {  background: url(images/boxes/a/4-mid-left.jpg) left repeat-y;}
.boxAmidcenter    {  background: #FFF;}
.boxAmidright     {  background: url(images/boxes/a/6-mid-right.jpg) right repeat-y;}
.boxAbottomleft   {  background: url(images/boxes/a/7-bottom-left.jpg) top left no-repeat;}
.boxAbottomcenter {  background: url(images/boxes/a/8-bottom-center.jpg) top repeat-x;}
.boxAbottomright  {  background: url(images/boxes/a/9-bottom-right.jpg) top right no-repeat;}
.boxArowheight    {  height: 34px;}

.paddingboxAtitle   { padding: 12px 15px 0 15px; }
.paddingboxAcontent { padding: 0 15px 0 15px; }

/* wrapper row for each new row that needs to be contained to maintain layout */
.wrapperRow { height: auto; width: 100%; }
.wrapperRowFiftyPercent { height: auto; width: 50%; }
/* ===================== Shadows =========================== */
.ShadowGlowOneBox {
    	background: none;
        -moz-box-shadow: 0px 0px 5px #F0F0F0;
        -webkit-box-shadow: 0px 0px 5px #F0F0F0;
        box-shadow: 0px 0px 5px #F0F0F0;
}
.cssboxApadding { padding: 2%;}
.cssShadowTop {
		box-shadow: inset 1px 4px 15px -6px #000;
        -moz-box-shadow: inset 1px 4px 15px -6px #000;
        -webkit-box-shadow: inset 1px 4px 15px -6px #000;
        box-shadow: inset 1px 4px 15px -6px #000;
}
.cssLeftRightInnerShadow {
box-shadow: inset 0px 0px 5px 1px #000;
}
/* ===================== CSS Curved Boxes =========================== */
.RoundBoxOne {
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #FFFFFF;
		}
/* ====================== CONTENT ======================= */

.floatright  { float: right; position: relative; display: block; }
.floatleft   { float: left; position: relative; display: block; }
.logostretch img { width: 100%; height: auto; }
.fullwidth { width: 100%; }
.center { text-align: center;}
.list ul { list-style: none; margin: 0; padding: 0; }
.list li { list-style: none; margin: 0; padding-bottom: 9px; }


@media only screen and (max-width: 1100px) {
#headerbg {
background: none;		/* ============ header background ============== */
}
#container {
background: none;
width: 100%;
}
.contentlight {
padding: 15px;
}
.navigationPrimary ul {											/* ============ primary navigation ============== */
margin: 0;
padding: 0 0 0 200px;
}
#navigation {
height: 50px;
}
#navigation li {
width: auto;
}
#navigation a {
padding: 18px 24px;
font-size: 12px;
}
.sloganone   { font-size: 12px; text-align:center; padding: 44px 0 0 20px; }
.slogantwo   { font-size: 18px; text-align:center; padding: 0 0 0 0; }
.sloganthree { font-size: 24px; text-align:center; padding: 0 0 50% 0; }
/* ====================== COLUMNS ======================= */
.OneHundredPercent		{ width: 100%; height: auto; }
.FiftyPercent 			{ width: 50%; }		.FortyEightPercent	{ width: 48%; }
.ThirtyThreePercent 	{ width: 33%; }		.SixtySixPercent 	{ width: 66%; }
.TwentyFivePercent 		{ width: 50%; }		.SeventyFivePercent { width: 75%; }
.TwentyPercent 			{ width: 20%; }     .EightyPercent      { width: 80%; }	   .SixtyPercent { width: 60%; }	.FortyPercent { width: 40%;}
.SixteenPercent 		{ width: 16%; }
.FourteenPercent 		{ width: 14%; }
.TwelvePercent 			{ width: 12%; }
.TenPercent 			{ width: 10%; }
.EightPercent 			{ width: 8%;  }
.FivePercent			{ width: 5%;  }
}

@media only screen and (max-width: 700px) {
	.titlebg {
background: none;
height: 74px;
color: #594839;
font-weight: bold;
padding: 30px 0 0 3px;
}
	.paddingoneTitleInner {
	padding-top: 45px;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 2px;
}
	.paddinglogo {
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.navigationPrimary ul {											/* ============ primary navigation ============== */
margin: 0;
padding: 0;
width: 100%;
}
.navigationPrimary {							/* ============ primary navigation============== */
width 100%;
}
#navigation a {
width: auto;
text-align: center;
padding: 10px 0 10px 0;
border: dotted #6E663C 1px;
background: none;
color: #2F1A1A;
}
#navigation li {
width: 50%;
}
.navigationPrimary li {
width: 30%;
}
.navigationPrimary a {
width: auto;
text-align: center;
padding: 18px 10px 17px 10px;
color:#FFF;
}
#navigation {
margin: 7px 0 0 0;
width: 100%;
background: none;
}
.onethird {
width: 94%;
float: right;
}
#contentwrapper {
width: 94%;
float: right;
}
.sloganone   { font-size: 14px; text-align:center; padding: 2px 0 0 2px; }
.slogantwo   { font-size: 14px; text-align:center; padding: 0 0 0 0; }
.sloganthree { font-size: 24px; text-align:center; padding: 0 0 20px 0; }
#logo img a {
border: none;
}
#phone {
width: 96%;
padding: 0 2px 2px;
font-size:12px;
}
/* ====================== COLUMNS ======================= */
.FiftyPercent 			{ width: 99%; }		.FortyEightPercent	{ width: 99%; }
.ThirtyThreePercent 	{ width: 99%; }		.SixtySixPercent 	{ width: 99%; }
.TwentyFivePercent 		{ width: 99%; }		.SeventyFivePercent { width: 99%; }
.TwentyPercent 			{ width: 99%; }        .EightyPercent      { width: 99%; }	   .SixtyPercent { width: 60%; }	.FortyPercent { width: 40%;}
.SixteenPercent 		{ width: 99%; }
.FourteenPercent 		{ width: 99%; }
.TwelvePercent 			{ width: 99%; }
/* ====================== PADDING ======================= */
.paddingone { padding: 10px; }
}

@media only screen and (max-width: 436px) {
	.paddinglogo {
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
}

/* ==================== HOMEPAGE SLIDER ======================= */

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
	margin-bottom:0px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}



/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
a, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}

.slider-wrapper { 
	width: 100%; 
	margin: 0 auto;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}
/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}