@import url(/styles/reset.css);

/* 
Created by:
	Jade Faist
	Kinesis
	http://kinesisinc.com
	
Color Key:
	white: #ffffff;
	grey: #4d5357;
	grey 10%: #ededee;
	green: #80a077;
	light green: #d1e2cc;
	brown: #a3552d;
*/

/* ====================================================== Structure */
#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -150px auto;
	padding: 0 0 0 45px;
    width: 895px;
}

/* ====================================================== General Styles */
html {
	background: #fff url(/images/background/body.jpg) top center repeat;
}
body {
	background: transparent url(/images/background/head.jpg) top center no-repeat;
	color: #4d5357;
	font-family: Arial, Helvetica, sans-serif;
}
a:link, a:active, a:visited {
	color: #80a077;
}
a:hover, a:focus {
	color: #a3552d;
	text-decoration: underline;
}

/* ====================================================== Header */
#header {
	padding: 84px 30px 0 5px;
	position: relative;
}
/* ====================================================== Navigation */
#navigation {
}
#navigation li {
	list-style: none outside;
	float: left;
	padding: 8px 16px;
}

/* ====================================================== Navigation */
#navigation {
	color: #a3552d;
	height: 50px;
	list-style: none outside;
	position: absolute;
	top: 150px; left: 375px;
	z-index: 500;
}
#navigation li {	
	background: none;
	border-left: 1px solid #d1e2cc;
	float: left;	
	padding: 0;
	position: relative;
}
#navigation li a {	
	color: #a3552d;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 1.25em;
	padding: 0 1em;
	position: relative;
	z-index: 400;
}
#navigation li a:hover,
#navigation li.current a {
	background-color: #d1e2cc;
	color: #a3552d;
	text-decoration: none;
}
/* == Subnavigation */
#navigation li.primary ul {	visibility: hidden; }
#navigation li.primary:hover ul { visibility: visible; }
#navigation li.primary:hover ul ul,
#navigation li.primary ul:hover ul {	visibility: hidden; }
#navigation li.primary ul li:hover ul { visibility: visible; }
#navigation ul {
	border: 1px solid #d1e2cc;
	font-size: 0.934em;
	list-style: none outside;
	padding: 0;
	position: absolute;
	top: 50px; left: 0;	
	width: 12em;
	z-index: 1000;
}
#navigation ul li {	
	border: 0 none;
	float: none;
	padding: 0;
	margin: 0;
}
#navigation li.primary ul a {
	background: #ffffff;
	line-height: normal;
	padding: 10px 20px;
	width: auto; height: auto;
}
#navigation li.primary ul a:hover,
#navigation li.primary ul a:focus,
#navigation li.current ul li.current a:hover {
	background: #d1e2cc;
}
#navigation ul ul {
	position: absolute;
	top: .5em; left: 11.5em;
	width: 12em;
}
#navigation li.primary ul ul li a {
	background: #ffffff;
}

/* ====================================================== Callout Column */
#callout {
	float: right;
	padding: 0 70px 0 57px;
	width: 400px;
}
h1 {
	background: transparent url(/images/background/h1.png) 0 0 no-repeat;
	color: #a3552d;
	font-size: 2.4em;
	font-weight: normal;
	left: -25px;
	padding: 35px 75px 0 35px;
	position: relative;
	width: 335px; height: 50px;
}
#callout .photo {
	background: transparent url(/images/background/image.png) 0 0 no-repeat;
	left: -25px;
	position: relative;
	padding: 0 34px 39px 35px;
}
#callout .tall {
	background: transparent url(/images/background/image_tall.png) 0 0 no-repeat;	
}
h2 {
	font-size: 1.8em;
	line-height: 1.445em;
	padding: 5px 5px 25px 0;
}

/* ========================= Custom Home */
#home h1 {
	background: none;
	text-indent: -9999em;
	height: 0;
	left: -20px;
	padding: 0;
}
#home .photo {
	padding: 0;	
}

/* ====================================================== Main Content */
#content {
	width: 368px;
	padding-bottom: 10px;	
}
blockquote {
	color: #a3552d;
	font-size: 1.25em;
}
p, ul, ol, dl, address {
	font-size: 1.2em;
	line-height: 1.667em;
	padding-bottom: 1em;
}
ul li {
	background: transparent url(/images/dash.png) left 10px no-repeat;
	padding-left: 10px;
	padding-bottom: .5em;
}
ul ul {
	padding-bottom: 0;
	font-size: 1em;
}
dt {
	color: #a3552d;
	font-size: 1.25em;
	padding-bottom: 1em;
}
dd {
	border-bottom: 1px solid #d1e2cc;
	margin-bottom: 2em;	
	padding-bottom: 1em;
}

/* ========================= Accordion */
.accordion {
	border: 1px solid #4d5357;
	font-size: 1em;
	line-height: 1em;
	padding: 0;
}
.accordion ul {
	font-size: 1.2em;
	padding-bottom: 1em;
}
.accordion li {
	background: none;
	list-style: none outside;	
	padding: 0;
}
.accordion li a.trigger {
	background: #ededee url(/images/accordion-arrows.png) 0 0 no-repeat;	
	border-bottom: 1px solid #ffffff;
	color: #4d5357;
	display: block;
	font-size: 1.2em;
	padding: 12px 12px 12px 30px;
}
.accordion li a.trigger:hover,
.accordion li a.trigger:focus,
.accordion li a.trigger.current {
	background: #4d5357 url(/images/accordion-arrows.png) 0 -35px no-repeat;
	color: #ffffff;	
	text-decoration: none;
}
.accordion li a.trigger.current {
	background-position: 0 -70px;	
}
.accordion .block {
	line-height: 1.667em;
	padding: 10px 10px 0 30px;
}
.accordion .block ul li {
	background: transparent url(/images/dash.png) left 10px no-repeat;
	padding-left: 10px;
}

/* ====================================================== Footer */
#push {
	clear: both;
	font-size: 1.5em;
    height: 80px;
	text-align: center;
	padding: 30px 45px 0 0;
}
#push strong {
	font-weight: normal;
	color: #a3552d;
}
#push a:link, 
#push a:active, 
#push a:visited {
	color: #a3552d;
}
#push a:hover, 
#push a:focus {
	color: #80a077;
}
#footer {
	background: transparent url(/images/background/foot.png) center bottom no-repeat;
	font-size: 0.917em;
	padding: 160px 0 0 0;
	text-align: center;
    width: 100%; height: 70px;
}