@charset "utf-8";

/* TAG RESET -------------------------------------------------------*/
/* Loosely based on YUI reset  (http://developer.yahoo.com/yui/reset/) stylesheet with some additions */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
input, select, button {vertical-align: middle;}
a img {border: 0;}
table, input, select, textarea, button {font: inherit;font-size: 1em;}
	
/* END TAG RESET ------------------------------------------------*/

body {
		font:62.5%/1.5 Arial, Helvetica, Tahoma, "Trebuchet MS", sans-serif;
		color:#231F20;
		text-align: center;
		background: #CCD68A url(../images/bg-main.jpg) repeat-x top left;
	}

	#container {
			width: 960px;
			margin: 0 auto 0 auto;
			text-align: left;
			position: relative;
			background: #fff;
		}
		
	#head {
			background: #fff;
			height: 144px;
			position: relative;
			width: 960px;
		}
		
	#main-navigation {
		clear: both;
		background: #4F1112 url(../images/bg-main-nav.jpg) repeat-x top left;
		font-size: 1.25em;
		border-bottom: 1px solid #dfdb97;
		width: 960px;
		}
		
	
	#hero {
			height: 281px;
			margin-bottom: 12px;
		}
		
	#body-wrap {	
		background: transparent url(../images/bg-side.gif) repeat-y top right;
		width: 960px;
		}
		
		
	#content {
		font-size: 1.25em;
		width: 684px;
		margin-right: 276px;
		padding: 15px 26px 15px 46px;
		w\idth: 606px;
		}
		#home #content {	
			width: 960px;
			margin: 0;
			padding: 5px 46px;
			w\idth: 868px;
		}
		
	#side-bar {	
		font-size: 1.25em;
		width: 276px;
		float: right;
		}
	
	#foot {
			width: 960px;
			border-top: 1px solid #D2DAAA;
			font-size: 1.2em;
			background: #F8F8F8;
		}


/* [+] -- HEAD -------------------------------- */

#logo {
		padding: 20px 0 0 20px;
		float: left;
	}
#tagline {
		float: right;
		text-align: right;
		color: #81941F;
		margin: 35px 46px 0 0;
		font-size: 2em;
		line-height: 1.3em;
		letter-spacing: -0.01em;
	}
	#tagline p {
		background: #fff url(../images/icon-phone.gif) no-repeat center left;
		color: #AC3335;
		font-size: 90%;
		padding: 3px 0 3px 22px;
		display: inline;
		margin-top: 5px;
		}
	
	
/* [+] -- MAIN NAVIGATION -------------------------------- */
	


/*** ESSENTIAL STYLES ***/
#main-navigation #main-navigation .nav, #main-navigation #main-navigation .nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-navigation #main-navigation .nav {
	line-height: 1.0;
}
#main-navigation .nav ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
#main-navigation .nav ul li {
	width: 100%;
}
#main-navigation .nav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
	background: #000;
}
#main-navigation .nav li {
	float: left;
	position: relative;
	margin-right: 14px;
}
#main-navigation .nav a {
	display: block;
	position: relative;
	color: #E2EE8E;
	padding: 6px 5px;
	text-decoration:none;
	font-weight: bold;
	}
	#main-navigation .nav a:hover {
	text-decoration:none;
	}
#main-navigation .nav li:hover ul,
#main-navigation .nav li.sfHover ul {
	left: 0;
	top: 2.45em; /* match top ul list item height */
	z-index: 99;
}
ul#main-navigation .nav li:hover li ul,
ul#main-navigation .nav li.sfHover li ul {
	top: -999em;
}
ul#main-navigation .nav li li:hover ul,
ul#main-navigation .nav li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul#main-navigation .nav li li:hover li ul,
ul#main-navigation .nav li li.sfHover li ul {
	top: -999em;
}
ul#main-navigation .nav li li li:hover ul,
ul#main-navigation .nav li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*** DEMO SKIN ***/
#main-navigation .nav {
	float: left;
}

#main-navigation .nav a, #main-navigation .nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #E2EE8E;
}
#main-navigation .nav li li {
	width: 16em;
	}
	#main-navigation .nav li li {
		background:	#526411 url(../images/bg-menu.jpg) repeat-x top left; 
		border-bottom: 1px solid #E2E7B9;
		}
		#main-navigation .nav li li:hover {
		background:#0B1604 url(../images/bg-menu-active.jpg) repeat-x top left;
		}
	#main-navigation .nav li li li {
		
	}
	#main-navigation .nav li:hover, #main-navigation .nav li.sfHover,
	#main-navigation .nav a:focus, #main-navigation .nav a:hover, #main-navigation .nav a:active {
		outline: 0;
	}
	#main-navigation .superfish li.current a {	
	background: #000;
	}
	#main-navigation .superfish li.current li a {	
	background: none;
	color: #fff;
	}
	#main-navigation .superfish li.current li a:hover {	
	color: #E2EE8E;
	}

#main-navigation .superfish {	
	 padding: 0 46px 0 40px;
	 }

/* [+] -- CONTENT -------------------------------- */

.row {	
	clear: both;
	margin-bottom: 20px;
	}
	.row ul li {	
		float: left;
		width: 276px;
		}
	.home-pods li {
		background: #E2E9B0;
		color: #3F4E09;
		}
		#home .home-pods li p {	
		margin: 0;
		padding: 0;
		font-size: 97%;
		line-height: 1.1em;
		}
		#home .home-pods li p.feature-pad {
			padding: 5px 10px 8px 10px;
			}
	.row-margin {
		margin: 0 20px;
		}
		


#content blockquote {	
	background: transparent url(../images/icon-quote-open.gif) no-repeat top left;
	padding-left: 25px;
	}
	#content blockquote p {	
	background: transparent url(../images/icon-quote-close.gif) no-repeat bottom right;
	padding: 10px 20px 0 0;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	}
	#content blockquote cite {	
	display: block;
	margin: 5px 0;
	color: #AC3335;
	font-weight: bold;
	}
	#home .row blockquote p span {
	display: none;
	}
	
	#page-15 blockquote {
	margin-bottom: 25px;
	}
	#page-15 blockquote p span {
	display: none;
	}


.latest-news h3 {
	border-bottom: 1px solid #EBEBEB;
	margin: 0;
	}
.latest-news li {
	border-bottom: 1px solid #EBEBEB;
	list-style: disc;
	color: #798D11;
	padding: 2px 0;
	line-height: 1.2em;
	margin-left: 15px;
	}
	
.box-list {	
	background: #F2F5E1;
	border: 1px solid #D9DCC7;
	width: 94%;
	padding: 1.5% 3%;
	color: #3F4E09;
	margin: 20px 0;
	}
	.box-list h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	color: #3F4E09;
	}
	.box-list ul {
	margin-left: 20px;
	list-style: disc;
	}
	.box-list ul li {	
	border-bottom: 1px dotted #D3DBA0;
	padding: 1.5px 0;
	color: #3F4E09;
	}
	.box-list li a {
	color: #3F4E09;
	}
	
#breadcrumb-nav {	
	border-bottom: 1px solid #DFE5B2;
	padding: 0 0 10px 0;
	color: #999;
	width: 100%;
	}
	#breadcrumb-nav li {	
	background: transparent url(../images/icon-breadcrumb.gif) no-repeat center left;
	padding-left: 16px;
	float: left;
	margin-right: 16px;
	}
	#breadcrumb-nav li a {	
	padding-bottom: 2px;
	border-bottom: 1px solid #E5E5E5;
	}
		#breadcrumb-nav li a:hover {	
		border-bottom: 1px solid #333;
		text-decoration: none;
		}
	#breadcrumb-nav .no-bg { 
	background: none;
	padding-left: 0;
	}
	
.big-image {	
	display: inline-block;
	padding: 15px 0;
	}
	.big-image-overlay {
	background: transparent url(../images/bg-image-overlay.png) repeat-y top left;
	}
	

/* [+] -- SIDEBAR -------------------------------- */

#side-bar .side-block {
	padding: 10px 0;
	}
	
#side-bar .feature-pods { 
	background: #E2E9B0;
	color: #3F4E09;
	padding: 0;
	}
	#side-bar .feature-pods p {
		margin: 0;
		padding: 4px 10px 8px 10px;
		line-height: 1.1em;
		}

#side-bar .latest-news li {	
	margin: 0 27px;
	padding: 2px 0;
	line-height: 1.5em;
	}
	#side-bar .latest-news li li {	
	margin: 0 0 0 15px;
	line-height: 1.3em;
	}
	
#side-bar blockquote {	
	padding-left: 25px;
	}
	#side-bar blockquote p {	
	padding-right: 20px;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
	}
	#side-bar blockquote cite {	
	display: block;
	margin: 5px 0;
	color: #AC3335;
	font-weight: bold;
	}


/* [+] -- FOOT -------------------------------- */

#foot #foot-wrap {
	padding: 15px 46px 14px 46px;
	}
#foot .float-left {
	float: left;
	}
	#foot .float-left img {
	float: right;
	padding-left: 5px;
	}
	#foot .float-left p {	
	color: #666;
	line-height: 1.2em;
	font-size: 99%;
	}


#foot .float-right ul {
	width: 400px
	}
#foot .float-right ul li {
	float: left;
	list-style: disc;
	list-style-position:inside;
	color: #666;
	margin-right: 10px;
	}
	

#company-info {	
	background: #551718 url(../images/bg-footer.jpg) repeat-x top left;
	color: #fff;
	width: 960px;
	padding: 8px 46px;
	w\idth: 868px;
	clear: both;
	font-size: 91%;
	min-height: 20px;
	}
	#company-info li {
		float: left;
		list-style: disc;
		color: #fff;
		margin-right: 10px;
		list-style-position:inside
		}
		#company-info li.no-bullets {
		list-style: none;
		}
	
/* [+] -- PAGE SPECIFIC -------------------------------- */

/*HOME*/


.stepcarousel{ /* http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm */
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 960px; /*Width of Carousel Viewer itself*/
	height: 281px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 281px;
	}
	
.stepcarousel .panel-content {
	margin: 60px 0 0 585px;
	color: #fff;
	font-size: 200%;
	width: 260px;
	line-height: 1.3em;
	}


/*GALLERY*/



.managecontainer textarea {
	width: 200px;
}
#body-wrap .managecontainer hr {
	width: auto;
	display: none;
}
#body-wrap .managecontainer input, #body-wrap center input {
	width: auto;
	padding: 5px;
	height: 2em;
	}
#body-wrap .uploadcounter {
	display: none;
	}


/*NEWS*/

.ditto_summaryPost {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	}

/* [+] -- FORMS -------------------------------- */

button, legend {	
		border: none;
		background: none;
	}

#content button, #content input#cfContact {
		border: 1px solid #b7c658;
		padding: 3px 5px;
		background: #f1f1f1;
		margin-top: 10px;
		width: auto;
		height: auto;
	}
#content button:hover, #content input#cfContact:hover {
		border: 1px solid #8c9e19;
		background: #8c9e19;
		color: #fff;
	}
#content fieldset {
		border: none;
		padding: 8px 15px 15px 15px;
	}
#content fieldset {
		border-left: 1px solid #ccc;
	}
#content fieldset:hover {
		border-left: 1px solid #8c9e19;
	}
#content input {
		border: 1px solid #b7c658;
		height: 22px;
		padding: 2px;
		he\ight: 16px;
		width: 250px;
		w\idth: 244px;	
	}
#content input:hover {
		border: 1px solid #8c9e19;
	}
#content textarea {
		border: 1px solid #b7c658;
		height: 100px;
		padding: 2px;
		he\ight: 96px;
		width: 250px;
		w\idth: 244px;	
	}
#content textarea:hover {
		border: 1px solid #8c9e19;
	}
#content legend {
		padding: 3px 10px;
		font-weight: bold;
		font-size: 106%;
	}
#content form dt {
		margin-top: 5px;
		font-weight: bold;
	}
#content form {
		padding: 20px 0;	
	}


/* [+] -- FONTS -------------------------------- */

p {
	margin: 0 0 15px 0;
	}
	#content p {	
	margin: 7.5px 0 7.5px 0;
	}

	
h1 {
		font-size: 190%;
		color: #333;
		margin: 0 0 15px 0;
		padding-top: 15px;
		letter-spacing: 0.0005em;
		text-transform: capitalize;
		font-weight: normal;
	}

h2 {
		font-size: 145%;
		margin: 0 0 15px 0;
		letter-spacing: 0.0005em;
		font-weight: bold;
		line-height: 1.3em;
	}
h2 span {
		font-size: 85%;	
	}
h3 {
		font-size: 130%;
		margin: 0 0 15px 0;
		letter-spacing: 0.0005em;
		text-transform: capitalize;
		font-weight: normal;
		font-weight: bold;
		color: #31312F;
	}
	#content ul h3 {
		margin: 0;
		padding-top: 5px;
		}
	

h4 {
		font-size: 125%;
		margin: 0 0 15px 0;
		letter-spacing: 0.0005em;
		text-transform: capitalize;
		font-weight: normal;
	}
	#foot h4 {	
	margin: 0 0 4px 0;
	font-size: 120%;
	color: #333;
	}
	

	
/* [+] -- LINKS -------------------------------- */

a, a:link {
		color: #798D11;
		text-decoration: none;
	}

a:visited {
		text-decoration: none;
	}
a:hover {
		text-decoration: underline;
	}
a:active {
		text-decoration: none;
	}
	
#foot a {	
	color: #7A8E15;
	}
	#foot #company-info li a {
			color: #fff;
			}
		
a.button-link {	
	background: #D4DE74 url(../images/icon-button-arrow.gif) no-repeat center left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 3px 6px 3px 24px;
	margin-top: 5px;
	color: #2A2C17;
	display: inline-block;
	}
	.panel a.button-link {
		font-size: 60%;
		line-height: 1.5em;
		}
	#foot a.button-link {	
	background: #F8F8F8 url(../images/icon-arrow.gif) no-repeat center left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 3px 6px 3px 24px;
	margin-top: 0px;
	color: #798D11;
	font-size: 90%;
	font-weight: bold;
	}
	#foot .button-link {
		float: right;
		}
		


/* [+] -- ACCESSIBILITY -------------------------------- */

#skip {
		position: absolute;
		left: -2000px;
	}
		
/* [+] -- UTILITY -------------------------------- */

.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
.clearFix {display:inline-block;}

.float-left {
		float: left;
		width: 49%;
	}
.float-right {
		float: right;
		width: 49%;
	}

.clear-both {
	clear: both;
	}

.left-margin {	
	margin-left: 25px;
	}

ul li.no-bullets {
	list-style: none;
	}

.bottom-margin {
	margin-bottom: 15px;
	}

ul li.no-border {
	border: none;
	}
	
.block-pad {
	padding: 0 27px;
	}