/**********************************************************************************************

	CSS on Sails
	Title	: Knoll Mediation
	Author	: XHTMLized (http://www.xhtmlized.com/)
	Date	: October 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Footer
			2.6 Sidebar

***********************************************************************************************/


/* 	1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 	1.1 Reset
-----------------------------------------------------------------------------------------------*/

	html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	a, ins, del { text-decoration: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	th, td { vertical-align: top; }
	th { text-align: left; }

/* 	1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

	ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 	1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 	1.4 Default Styles
-----------------------------------------------------------------------------------------------*/
body { background: #477547 repeat-x fixed; color: #333; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; padding-top: 13px;}
body, html { height: 100%; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #477547; text-decoration: none; cursor: pointer; }
a:hover, a:active { color: #f00; text-decoration: none; }

#robot_protection { position: absolute; left: -999em; top: -999em; }


/* 	2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/




/* 	2.1 Structure
-----------------------------------------------------------------------------------------------*/
.container {
  width: 695px;
  margin: 0 auto 15px;
  background: url(../images/bg-container.jpg) top left repeat-y;
}

#header {
  width: 100%;
  position: relative;
  height: 94px;
  background: #84a855;
  z-index: 1;
}

#wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  z-index: 10;
}

#left {
  width: 144px;
  text-align: center;
  float: left;
}

#content {
  width: 369px;
  padding: 20px 28px 40px 28px;
  float: left;
}

#right {
  width: 126px;
  float: right;
  z-index: 1;
  position: relative;
}

#footer {
  clear: both;
  margin-left: 169px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 425px;
}
	
/* 	2.2 Header
-----------------------------------------------------------------------------------------------*/
#header h1 a {
  position: absolute;
  display: block;
  width: 413px;
  height: 28px;
  text-indent: -9999px;
  background: url(../images/logo-knoll.jpg) top left no-repeat;
  top: 13px;
  left: 35px;
}

#header h2 {
  position: absolute;
  top: 48px;
  left: 315px;
  font-size: 9px;
  font-weight: normal;
  color: #ffffdd;
  letter-spacing: 3px;
}

#header h2 a {
  color: #ffffdd;
}

#header h2 span {
  font-size: 11px;
}

#header .author {
  position: absolute;
  width: 200px;
  right: 30px;
  top: 10px;
  text-align: center;
  font-size: 10px;
  color: #050503;
  letter-spacing: 2px;
}

#header .author strong {
  display: block;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 20px;
}

#header .author span {
  font-size: 16px;
}

#header .slogan {
  position: absolute;
  bottom: 0;
  letter-spacing: 1px;
  height: 24px;
  line-height: 22px;
  background: #336666;
  padding-left: 45px;
  width: 650px;
  font-size: 12px;
  color: #f5edd5;
}

#header .alt {
  background: #663333;
}
	
/* 	2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#nav {
  list-style: none;
  padding-top: 10px;
}

#nav li a {
  font-size: 11px;
  color: #653030;
  padding: 53px 15px 0;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}

#nav li a.solutions {
  background: url(../images/nav-solutions.jpg) top center no-repeat;
}
#nav li a.about {
  background: url(../images/nav-schedule.jpg) top center no-repeat;
}
#nav li a.location {
  background: url(../images/nav-location.jpg) top center no-repeat;
}
#nav li a.schedule {
  background: url(../images/nav-about.jpg) top center no-repeat;
}
#nav li a.terms {
  background: url(../images/nav-terms.jpg) top center no-repeat;
}
#nav li a.contact {
  background: url(../images/nav-contact.jpg) top center no-repeat;
}
#nav li a.rabout {
  background: url(../images/nav-rabout.jpg) top center no-repeat;
}
#nav li a.rschedule {
  background: url(../images/nav-rschedule.jpg) top center no-repeat;
}


/* 	2.4 Content
-----------------------------------------------------------------------------------------------*/

#content h1 {
  font-size: 14px;
  font-variant: small-caps;
  letter-spacing: 1px;
  margin-bottom: 10px;
  color: #336666;
}

#content h2 {
  font-size: 14px;
  font-family: "Georgie", "Times", "Times New Roman", serif;
  color: #050503;
  margin-bottom: 10px;
  font-weight: bold;
}

#content h4 {
  font-size: 12px;
  color: #515151;
  font-weight: bold;
  margin-bottom: 12px;
}

#content h5 {
  font-size: 12px;
  font-weight: normal;
  color: #515151;
  margin-bottom: 10px;
}

#content p {
  font-size: 12px;
  color: #515151;
  margin-bottom: 10px;
}

#content ul {
  font-size: 12px;
  color: #515151;
  margin-bottom: 10px;
}

#content ul li {
  list-style: inside disc;
  padding-left: 8px;
}

#content ul.outside li {
  list-style: outside disc;
  padding-left: 0;
  padding-bottom: 2px;
}

#content ul.outside {
  margin-left: 18px;
}

#content ul.nobullets li {
  list-style: outside none;
  list-style-type: none;
  padding-left: 0;
}

#content ol {
  font-size: 12px;
  color: #515151;
  margin-bottom: 10px;
  padding-left: 20px;
}

#content ol li {
  list-style: inside decimal;
}

#content ol.terms {
  padding-left: 0;
}

#content ol.terms li {
  list-style-position: outside;
  list-style: none;
}

#content ol.terms li h3 {
  font-size: 13px;
  font-weight: bold;
  color: #515151;
  letter-spacing: 0;
  margin-bottom: 2px;
}

#content h3 {
  color: #3b6465;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 1px;
}

#content h3 span {
  font-size: 14px;
}

#content p span.spacer {
  display: inline-block;
  width: 11px;
}

.map {
  width: 181px;
  height: 150px;
  float: right;
  margin-right: -97px;
  margin-left: 20px;
}

.map img {
  display: block;
  margin-bottom: 5px;
  position: relative;
  z-index: 100;
  border: solid 1px #333;
}

.map a {
  font-size: 11px;
  font-weight: bold;
  color: #3b6465 !important;
}

form.schedule { font-size: 12px; padding: 20px 0; }
form.schedule .textbox { height: 30px; }
form.schedule .textbox label,
form.schedule .textarea label { display: block; float: left; width: 105px; padding-right: 15px; text-align: right; line-height: 20px; font-weight: bold; }
form.schedule .textarea label span { font-size: 10px; font-weight: normal; font-style: italic; line-height: 12px; }
form.schedule .textarea textarea { width: 241px; float: left; }
form.schedule .buttons { clear: both; padding: 10px 0 0 120px; }

/* 	2.5 Footer
-----------------------------------------------------------------------------------------------*/
#footer p {
  width: 210px;
  float: left;
  font-size: 11px;
  color: #515151;
  padding: 5px 0 15px 0;
}

#footer a { color: #477547; text-decoration: underline; }

	
/* 	2.6 Sidebar
-----------------------------------------------------------------------------------------------*/	
.side-image {
  margin-top: -13px;
  margin-bottom: 8px;
  position: relative;
  z-index: 100;
  padding: 1px;
  background-color: #ffd;
  border: solid 1px #633;
  float: left;
}

.side-image img {
  border: solid 2px #633;
  display: block;
}

address {
  clear: both;
  font-size: 11px;
  color: #043467;
  line-height: 15px;
}

address strong {
  display: block;
  margin-bottom: 5px;
  color: #336666;
  font-size: 13px;
}

address a {
  color: #336666 !important;
  font-weight: bold;
  position: relative;
  top: -5px;
  margin-bottom: 12px;
  padding-left: 24px;
  background: url(../images/ico-mail.jpg) top left no-repeat;
  height: 13px;
  line-height: 13px;
  display: inline-block; 
}

address strong a {
	padding-left: 0;
	background: none;
	top: 0;
	margin-bottom: 5px;
}

.terms-download {
  background: url(../images/terms-download.jpg) no-repeat 50% 0;
  margin: 23px 23px 0 0;
  font-weight: bold;
  text-align: center;
  display: inline-block;
}

.terms-download a {
  display: inline-block;
  padding: 33px 0 0;
  color: #b57f58 !important;
}

.terms-download a:hover {
  text-decoration: underline;
}