@CHARSET "UTF-8";

/* fix needed for vertical positioning DO NOT REMOVE THIS */
html,body {
    height:100%;
}

/* body
-------------------------------------- */

body {
	font-family: 'Arial,' 'Verdana', 'sans-serif';
	font-size: 100%;
	background-color: #898989;
}

/* outer wrap
-------------------------------------- */

#outer_wrap {
	overflow: hidden;
	max-width: 1000px;
	padding: 20px;
	margin: 0px auto;
}


/* wrapper
-------------------------------------- */

#wrapper {
	overflow: hidden;
	max-width: 960px;
	margin: 0px auto;
	text-align:left;
	background-color: #fff;
	border: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}


h1,h2,h3,h4,h5,h6 { font-weight: normal; font-variant: normal; white-space: normal; color: #898989; margin-bottom: 15px; font-family: 'Arial', 'Verdana', 'sans-serif'; }
/*
h1 { font-size: 34px; line-height: 36px; }

h2 { font-size: 26px; line-height: 34px; }

h3 { font-size: 24px; line-height: 32px; }

h4 { font-size: 18px; line-height: 24px; }

h5 { font-size: 16px; line-height: 20px; }

h6 { font-size: 16px; line-height: 17px; }
*/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #303031; font-size: 100%; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { font-size: 100%; text-decoration: none; }

a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover { color: #24890d; }

a h1:visited,a h2:visited,a h3:visited,a h4:visited,a h5:visited,a h6:visited { color: #303031; }

a {
	color: #24890d;
}

a:visited {
	color: #24890d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.container {
	max-width: 960px;
}

/*
blockquote {
    border-left: .1em solid #E1E1E1;
    font-style: italic;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
}

blockquote:before {
    color: #898989;
    content: "“";
    font-size: 4em;
    line-height: .1em;
    margin-right: .2em;
    vertical-align: -.4em;
}

blockquote:after {
    color: #898989;
    content: "”";
    font-size: 4em;
    line-height: .1em;
    vertical-align: -.45em;
}
*/

/* header
-------------------------------------- */
header {
}

header h1 {
	font-size: 2.2em;
	margin-top: 0;
	margin-bottom: 0;
	color: #24890d;
}

header h1 a {
	color: #24890d;
	text-decoration: none;
}

header h1 a:hover {
	color: #24890d;
	text-decoration: none;
}

header h1 a:visited {
	color: #24890d;
	text-decoration: none;
}

header p {
	margin-top: 0;
	margin-bottom: 0;
	color: #24890d;
}

#header {
	overflow: hidden;
	clear: both;
	margin: 0 40px 0 40px;
	border-bottom: .1em solid #E1E1E1;
	margin-bottom: 0em; 
	padding-bottom: 0.5em;
}

#header-left {
	margin-top: 1.1em;
	margin-bottom: .5em;
	min-width: 60%;
	overflow: hidden;
	float: left;
}

#header-right {
	margin-top: 0;
	margin-bottom: .5em;
	float: right;
	overflow: hidden;
	text-align: left;
}

img.logo {
	height: 3.6em;
	width: 3.1em;
	margin-right: .6em;
	float: left;
}

/* nav
-------------------------------------- */

#nav {
	overflow: hidden;
}

#nav ul {
	list-style: none outside none;
}

#nav ul li {
	text-align: center;
	float: left;
	padding: 2.4em .5em 1em .5em;
}

#nav ul li a {
	color: #24890d;
	text-decoration: none;
}

/* TODO hover does not work */
#nav ul li a:hover {
	color: #24890d;
	text-decoration: underline;
}

#nav ul li a:visited {
	color: #24890d;
}

#nav ul li.nav-current {
	background-color: #24890d;
}

#nav ul li.nav-current a {
	color: #ffffff;
}

/* TODO hover does not work */
#nav ul li.nav-current a:hover {
	color: #ffffff;
}

#nav ul li.nav-current a:visited {
	color: #ffffff;
}


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

#content {
	clear: both;
	min-height: 500px;
}

/* banner
-------------------------------------- */

#banner {
	margin: 0 40px 0 40px;
}


/* flexslider
-------------------------------------- */

#slider-container {
	padding-top: 1em;
	border-bottom: .1em solid #E1E1E1;
	padding-bottom: 1em;
}

.flexslider.loading {
	min-height: 350px;
	background: url('../images/loading.gif') no-repeat center center; 
}

/* inner content
-------------------------------------- */

#inner-content {
	clear: both;
	margin: 0 40px 0 40px;
}

#inner-content li {
	margin-left: 30px;
}

/* block helpers
-------------------------------------- */

.full {
	overflow: hidden;
	float: left;
	min-width: 100%;
}

.half {
	overflow: hidden;
	float: left;
	min-width: 50%;
}

.third {
	overflow: hidden;
	float: left;
	min-width: 33%;
}

.quarter {
	overflow: hidden;
	float: left;
	min-width: 25%;
}


/* footer
-------------------------------------- */

#footer {
	color: #898989;
	overflow: hidden;
    clear: both;
	max-width: 960px;
 	margin: 0px 40px;
 	padding-top: 20px;
 	padding-bottom: 20px;
 	height: auto;
 	border-top: .1em solid #E1E1E1;
}

#footer-left {
	overflow: hidden;
	float: left;
}

#footer-right {
	overflow: hidden;
	float: right;
}

#footer-nav ul {
    list-style: none outside none;
    margin: 0;
}

#footer-nav li {
    border-right: .1em solid #E1E1E1;
    float: left;
    padding: 0 .5em;
}

#footer-nav li:first-child {
    padding-left: 0em;
}
#footer-nav li:last-child {
    border-right: 0px;
}

#footer-nav li a {
	text-decoration: none;
}

#footer-nav li a:hover {
	text-decoration: underline;
}


/* button
-------------------------------------- */

input.button {
	background: #24890d;
	color: #fff;
	border: 0;
	padding: 0.5em 2em;
	border-radius: 4px;
}

input.button:hover {
	background: #41a62a;
	color: #fff;
}
/* image
-------------------------------------- */

img.wrapped {
	height: 6em;
	float: left;
	display: block;
	margin: .5em .5em .5em .5em;
}

img.framed {
	padding: .25em .25em .25em .25em;
	border-style: solid;
	border-width: .1em;
	border-color: #E1E1E1;
}