/*
==============================================================================
**
** TYPOGRAPHY
**
** SCOPE: 		GLOBARL
** REVISION:	0.1
** DATE:		02/23/12
** AUTHORS:		TIMOTHY O'CONNOR FRASER (tim@dewdropmedia.com)

** FONTS:		font-family:'Clarendon W01 Bold';
				font-family:'Clarendon W01 Light';
				font-family:'Clarendon W01 Medium';
				


** NOTES:			Modular Scale 
					---------------------- 
					16px @ 1:1.618	 
					14px @ 1:1.618	 
					----------------------
					Pixels		Ems		% of 13
					925.000 	57.813 	7,115.385
					751.538 	46.971 	5,781.062
					571.693 	35.731 	4,397.638
					464.486 	29.03 	3,572.969
					353.333 	22.083 	2,717.946
					287.074 	17.942 	2,208.262
					218.376 	13.649 	1,679.815
					177.425 	11.089 	1,364.808
					134.967 	 8.435 	1,038.208
					109.657 	 6.854 	  843.515
					 83.416	 	 5.214 	  641.662
					 67.773	 	 4.236 	  521.331
					 51.555	 	 3.222 	  396.577
					 41.887	 	 2.618 	  322.208
					 31.863	 	 1.991 	  245.100
					 25.888	 	 1.618 	  199.138
					 19.693	 	 1.231 	  151.485
					 16.000	 	 1 		  123.077
					 12.171	 	 0.761 	   93.623
					  9.889 	 0.618 	   76.069
					  7.522 	 0.47 	   57.862
					  6.112 	 0.382 	   47.015
					  4.649 	 0.291 	   35.762
					  3.778 	 0.236 	   29.062
					  2.873 	 0.18 	   22.100
					  2.335 	 0.146 	   17.962
					  1.776 	 0.111 	   13.662
					  1.443 	 0.09 	   11.100
					  1.098 	 0.069 	    8.446



				
** TODO:		Connect up LESS variables

** REVISION HISTORY
------------------------------------------------------------------------------

font-family:'Avenir LT W01 35 Light';
font-family:'Avenir LT W01 65 Medium';
font-family:'Avenir LT W01 85 Heavy';


==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
body {
  font-family: 'Avenir LT W01 35 Light', sans-serif;
  font-weight: normal;
  line-height: 1.4;
  color: #000000 !important;
}
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {
  font-family: 'Avenir LT W01 35 Light', sans-serif;
  line-height: 1.25;
  color: #2a3d48;
  margin: 0;
  font-weight: normal;
}
#wrapper h1 {
  font-size: 1.4em;
  line-height: 1;
  margin-bottom: .15em;
  font-weight: normal;
}
#wrapper h2 {
  font-weight: normal;
  color: #000;
  font-size: 1.2em;
}
#wrapper h3 {
  color: #99cc33;
  padding: 0 0 .3em 0;
  font-weight: normal;
}
#wrapper h4 {
  font-size: .875rem;
  color: #999999;
  padding: 0;
  font-weight: normal;
}
#wrapper a {
  color: #3399cc;
}
#wrapper #content p,
#wrapper #content ul,
#wrapper #content ol,
#wrapper #content dl {
  margin-top: 0;
  font-size: 14px;
  /* FOR IE 6-8 */

  font-size: .875rem;
  /* FOR Good Browsers */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
#wrapper #content ul {
}
#wrapper #content ul li span {
}
#wrapper h2#main-header {
  text-transform: uppercase;
  letter-spacing: 2px;
  background: transparent url(styles/img/header-bg.png) left bottom no-repeat;
  padding: 0 0 1px 3px;
  margin-bottom: 10px;
}
#wrapper #aside {
  font-size: .9rem;
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-weight: 400;
  font-variant: small-caps;
}
#wrapper #aside h3 {
  color: #fff;
  margin-bottom: 0;
  font-size: .95em;
  padding: 0 0 .3em 0;
  text-transform: uppercase;
  font-family: 'Avenir LT W01 35 Light', sans-serif;
}
#wrapper #aside h4 {
  color: #0397d6;
  text-transform: uppercase;
  margin-top: 15px;
  font-family: 'Avenir LT W01 35 Light', sans-serif;
}
#wrapper #aside ul {
  margin: 0;
  padding: 0 0 0 20px;
}
#wrapper #aside li {
  line-height: 1.2;
  background: transparent url(styles/img/orange_dots.png) 0 2px no-repeat;
  padding: 0 0 4px 18px;
  margin: 0;
}
#wrapper #aside p,
#wrapper #aside ul,
#wrapper #aside ol,
#wrapper #aside dd,
#wrapper #aside figcaption {
  margin-top: 0;
  font-size: 13px;
  /* FOR IE 6-8 */

  font-size: .9rem;
  /* FOR Good Browsers */
}
.home #wrapper aside h2 {
  padding: 4px 20px 2px;
  color: #fff;
  text-transform: uppercase;
}

/*
=================================================================================================================================
**
** GLOBAL CSS
**
** SCOPE: 		GLOBAL
** REVISION:	0.4
** DATE:		07/16/12
** AUTHORS:		Timothy O'Connor Fraser (tim@dewdropmedia.com)
** NOTES:		This file links to all CSS files, on deployment though all stylesheets will be inlined in to a single global.css
				

** REVISIONS


=================================================================================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
/*
1.	COLUMNS
2.	FORMS
3.	STRUCTURE
4.	NAV
*/
/*
** COLUMNS
**
** DESCRIPTION:	Defines the standard		
** USAGE:		
** NOTES:		
**
*/
.col100 {
  width: 97.3% !important;
}
.col80 {
  width: 77.3% !important;
}
.col75 {
  width: 72.3% !important;
}
.col70 {
  width: 67.3% !important;
}
.col66 {
  width: 63.3% !important;
}
.col60 {
  width: 57.3% !important;
}
.col50 {
  width: 47.3% !important;
}
.col40 {
  width: 37.3% !important;
}
.col33 {
  width: 30.3% !important;
}
.col30 {
  width: 27.3% !important;
}
.col25 {
  width: 22.3% !important;
}
.col20 {
  width: 17.3% !important;
}
.col15 {
  width: 12.3%  !important;
}
.col100,
.col80,
.col75,
.col70,
.col66,
.col60,
.col50,
.col40,
.col33,
.col30,
.col25,
.col20,
.col15,
.col10,
.col5 {
  padding: 2.7% 2.7% 2.7% 0;
  display: block;
  float: left;
}
.col100_last {
  width: 100% !important;
}
.col80_last {
  width: 80% !important;
}
.col75_last {
  width: 75% !important;
}
.col70_last {
  width: 70% !important;
}
.col66_last {
  width: 66% !important;
}
.col60_last {
  width: 60% !important;
}
.col50_last {
  width: 50% !important;
}
.col40_last {
  width: 40% !important;
}
.col33_last {
  width: 33% !important;
}
.col30_last {
  width: 30% !important;
}
.col25_last {
  width: 25% !important;
}
.col20_last {
  width: 20% !important;
}
.col15_last {
  width: 15% !important;
}
.col100_last,
.col80_last,
.col75_last,
.col70_last,
.col66_last,
.col60_last,
.col50_last,
.col40_last,
.col33_last,
.col30_last,
.col25_last,
.col20_last,
.col15_last {
  padding: 2.7% 0 2.7% 0;
  display: block;
  float: left;
}
.no_top {
  padding-top: 0;
}
/*
** FORMS 
**
** DESCRIPTION:	
** USAGE:		
** NOTES:
**
*/
#wrapper textarea {
  overflow: auto;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
#wrapper input[type="radio"] {
  vertical-align: text-bottom;
}
#wrapper input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
#wrapper label,
#wrapper input[type="button"],
#wrapper input[type="submit"],
#wrapper input[type="image"],
button {
  cursor: pointer;
}
#wrapper button,
#wrapper input,
#wrapper select,
#wrapper textarea {
  margin: 0;
}
#wrapper input:invalid,
#wrapper textarea:invalid {
  border: 1px solid red;
}
.no-boxshadow #wrapper input:invalid,
.no-boxshadow #wrapper textarea:invalid {
  background-color: #f0dddd;
}
#wrapper form {
  font-size: 1em;
  line-height: 1.446;
}
#wrapper form label {
  font-weight: 700;
  display: block;
}
#wrapper form li {
  margin-bottom: 3px;
}
#wrapper form .col li {
  margin-left: 2%;
  width: 100%;
  float: left;
}
#wrapper form .col li:first-child {
  margin-left: 0;
}
#wrapper form .two li {
  width: 49%;
}
#wrapper form .three li {
  width: 32%;
}
#wrapper form .four li {
  width: 23.5%;
}
#wrapper form .five li {
  width: 18.4%;
}
#wrapper form .six li {
  width: 15%;
}
#wrapper fieldset {
  padding: 1em;
  background: #f0f0f0;
  margin-bottom: 1em;
  border: none;
  overflow: auto;
}
#wrapper fieldset ol,
#wrapper fieldset ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#wrapper legend {
  display: none;
}
#wrapper fieldset fieldset legend {
  display: block;
  font-weight: 700;
  padding-bottom: .3em;
}
::-moz-focus-inner {
  border: 0;
}
#wrapper label {
  margin-bottom: .3em;
}
#wrapper input[type="text"],
#wrapper input[type="password"],
#wrapper input[type="url"],
#wrapper input[type="tel"],
#wrapper input[type="email"],
#wrapper button,
#wrapper select,
#wrapper textarea {
  font-size: 1.2em;
  vertical-align: middle;
  margin: 0;
  border: none;
  border: 1px solid #000;
  padding: .4em .3em;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#wrapper input[type="text"],
#wrapper input[type="url"],
#wrapper input[type="tel"],
#wrapper input[type="email"],
#wrapper textarea,
#wrapper select {
  width: 99%;
  border: 1px solid #ccc;
}
#wrapper select {
  position: relative;
  z-index: 1;
  width: 98.5%;
  height: 1.817em;
  padding: auto .5em !important;
  outline: 0;
  line-height: 1;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAGCAYAAAAc2cSCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQyQzZBNTA0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQyQzZBNTE0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMyQ0ZGNTQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMyQ0ZGNjQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQ4KtEAAABeSURBVHjaYjTS0zvMwMBgw4AJpgNx1tmLFxlwASYgLsYi/g6IaxgIAJDmU0C8DE28BmoAQc0gUAbEX6DsC0A8i4EIANP8FIhbkWz9S4xmFiR2HxBLAPFWBiIBQIABAJhkENSat+AJAAAAAElFTkSuQmCC") center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee));
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAGCAYAAAAc2cSCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQyQzZBNTA0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQyQzZBNTE0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMyQ0ZGNTQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMyQ0ZGNjQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQ4KtEAAABeSURBVHjaYjTS0zvMwMBgw4AJpgNx1tmLFxlwASYgLsYi/g6IaxgIAJDmU0C8DE28BmoAQc0gUAbEX6DsC0A8i4EIANP8FIhbkWz9S4xmFiR2HxBLAPFWBiIBQIABAJhkENSat+AJAAAAAElFTkSuQmCC") 10px right no-repeat, -webkit-linear-gradient(top, #ffffff 0, #eeeeee 1);
  background: -moz-linear-gradient(top, #ffffff 0, #eeeeee 1);
  background: linear-gradient(top, #ffffff 0, #eeeeee 1);
}
#wrapper textarea {
  height: 10em;
}
.form-list-item label {
  font-weight: 400;
  text-indent: -0.1em;
  margin-left: 1.2em;
  margin-right: 1.2em;
}
.two input[type="text"],
.two input[type="url"],
.two input[type="tel"],
.two input[type="email"],
.two select,
.two textarea {
  width: 97%;
}
.three input[type="text"],
.three input[type="url"],
.three input[type="tel"],
.three input[type="email"],
.three select,
.three textarea {
  width: 96%;
}
.four input[type="text"],
.four input[type="url"],
.four input[type="tel"],
.four input[type="email"],
.four select,
.four textarea {
  width: 94%;
}
.five input[type="text"],
.five input[type="url"],
.five input[type="tel"],
.five input[type="email"],
.five select,
.five textarea {
  width: 92%;
}
.six input[type="text"],
.six input[type="url"],
.six input[type="tel"],
.six input[type="email"],
.six select,
.six textarea {
  width: 90%;
}
#wrapper input[type="radio"],
#wrapper input[type="checkbox"] {
  border: none;
  float: left;
  height: 15px;
  width: 15px;
  margin: .15em .5em auto .1em;
}
#wrapper input[required] {
  content: "Required";
}
#wrapper input[type="text"]:focus {
  outline: none;
  background: #fff;
}
/*
** ITEM-LIST
**
** DESCRIPTION:	List of Input Elements
** USAGE:		Used for checkboxes and radio buttons
**
*/
.form-list-item {
  margin: 0 0 1em 0;
}
.form-list-item li {
  margin-bottom: 1em;
}
.form-list-item label {
  font-weight: 400;
  text-indent: -0.1em;
  margin-left: 2em;
}
/* 
	For radio buttons or checkboxes laid out horizontally
	NOTE: This is just an initial version should be refined 
*/
.horizontal {
  margin: 0 !important;
  overflow: hidden;
}
.horizontal li {
  padding: 0 !important;
  margin: 0 !important;
  float: left;
}
#asides form {
  margin: 0 0 0 0 !important;
}
#asides fieldset {
  padding: 0;
  margin: 0 0 1em 0;
  background: none;
}
#asides form li {
  margin-bottom: .75em;
}
#asides select,
#asides input[type="text"] {
  font-size: 1em;
}
#asides label {
  font-weight: 400;
  margin-bottom: .2em;
}
.required abbr {
  color: #f00;
  margin-left: .4em;
  font-size: 1.2em;
}
.errorMessage {
  z-index: 10000;
  display: block;
  padding: 0 10px;
  height: auto;
  color: #fff;
  font-family: sans-serif;
  font-size: 1em;
  background: #f00;
}
.errorMessage ul {
  margin: 0;
  padding: .5em 0;
  list-style: none;
}
.errorMessage li,
.errorMessage li p {
  margin: 0 !important;
  padding-bottom: 0 !important;
}
/*
** STRUCTURE 
**
** DESCRIPTION:	
** USAGE:		
** NOTES:
**
*/
html {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #ffffff none 0 0 repeat-x;
}
body {
  height: 100%;
  padding: 0;
  position: relative;
  margin: 0;
}
body.editmode {
  position: static;
}
a,
a:link {
  text-decoration: none;
}
a.email {
  color: #DEB841;
}
a.email:hover {
  color: #DEB841;
}
img {
  max-width: 100%;
}
#map img {
  max-width: none;
}
#wrapper {
  padding-top: 0;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  min-width: 320px;
}
#container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  width: 100%;
}
.container {
  position: relative;
  overflow: auto;
  margin: 0 auto;
  padding: 0;
  width: 978px;
}
#masthead {
  display: block;
  position: relative;
  height: 80px;
}
#masthead h1 {
  display: block;
  position: relative;
  text-indent: -999em;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
}
#masthead #top-logo {
  display: block;
  position: absolute;
  top: 18px;
  left: 5%;
  border: 0px solid;
  height: 54px;
  width: 170px;
}
#top-banner {
	height: 80px;
}
#subhead {
  position: relative;
  margin-top: -27px;
  padding-left: 145px;
}
#subhead h2.page-head {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5em;
}
#subnav {
  position: relative;
  float: left;
  padding: 0 40px 0 20px;
  width: 95px;
  min-height: 10px;
}
#subnav .nav {
  padding: 0;
  margin: 35px 0 0;
}
#subnav .nav li {
  text-align: right;
  font-size: .75em;
  border-top: 1px dotted	#98968e;
}
#subnav .nav li a {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  color: #3a5390;
  padding: 13px 0;
}
#subnav .nav li:first-child {
  border-top: none;
}
#subnav .nav li:first-child a {
  padding-top: 0;
}
#sidebar {
  position: relative;
  float: left;
  padding: 0 40px 0 20px;
  width: 95px;
  min-height: 10px;
}
#sidebar .ccmDateNav {
  margin: 35px 0 0;
}
#sidebar .ccm-tags-display {
  padding: 0;
  margin: 20px 0 0;
}
#sidebar .ccm-tags-display ul.ccm-tag-list li {
  height: auto;
  font-size: .7em;
  padding: 0;
  margin: 0;
}
#sidebar ul {
  padding: 0;
  margin: 0;
  overflow: visible;
}
#sidebar ul li {
  font-size: .9em;
}
#sidebar ul li a {
  display: block;
  font-weight: 700;
  color: #3a5390;
  padding: 5px 0;
}
#sidebar ul li:first-child {
  border-top: none;
}
#sidebar ul li:first-child a {
  padding-top: 0;
}
#main-area {
  overflow: auto;
  min-height: 400px;
}
#content {
  position: relative;
  z-index: 2;
  overflow: visible;
  min-height: 180px;
  margin: 0;
  padding: 0 0 44px;
  width: 100%;
  float: none;
}
#content a:hover {
  text-decoration: underline;
}
.ie7 #content,
.ie8 #content {
  margin-top: 12px !important;
}
#content nav {
	position: relative;
	width: 220px;
	float: left;
	z-index: 1;
}
#content nav ul {
	margin: 0;
	padding: 32px;
}
#content nav .flex-direction-nav {
	height:32px;
	padding: 0;
}
#content nav .flex-direction-nav a {
	margin: 0;
	padding: 0;
}
#content nav .flex-direction-nav .flex-prev {
	left: 32px;
}
#content nav .flex-direction-nav .flex-next {
	right: 0;
	left: 62px;
}
#aside {
  float: left;
  width: 240px;
  padding: 0 0 0 12px;
  margin: 60px 0 20px 12px;
  border-left: 1px solid #fff;
}
#aside ul {
  list-style: none;
  width: 200px;
}
.home #aside {
  border-left: none;
}
#bottom-banner {
	text-align: center;
	background: #3399cc;
	background-color: rgba(0, 92, 165, 0.5);
	position:fixed;
	bottom: 0;
	width:100%;
	color: #fff;
	font-size: 15px;
	font-style: normal;
	padding: 0.3em 0;
	z-index:100;
}
#bottom-banner h4 {
	margin: .5em 0;	
}
#bottom-banner #social-media {
  display: block;
  float: left;
  width: 115px;
  list-style: none;
  margin: 0;
  padding: 1em .8em;
}
#bottom-banner #social-media a {
  display: block;
  width: 34px;
  height: 31px;
  margin: 0 2px 0 0;
  float: left;
  text-indent: -999em;
  background: transparent url(images/social-icons.png) 0 0 no-repeat;
}
#bottom-banner #social-media a#facebook {
  background-position: 0 0;
}
#bottom-banner #social-media a#linkedin {
  background-position: -37px 0;
}
#bottom-banner #social-media a#twitter {
  background-position: -72px 0;
}

iframe {
	width: 100% !important;
}

.flexslider {
	max-width: 100%;
	width: 100%;
	min-height: 520px;
	margin: 0 auto;
}
.flexslider .topnav .flex-direction-nav a {
	top:0%;
}

.topnav .flex-direction-nav{
	position: relative;
}

.topnav li,
.topnav li a {
	cursor: pointer;
	font-size: 18px !important;
	text-transform:uppercase;
	color: #666666;
	padding: 0 0 .5em 0;
}

.topnav li:hover,
.topnav li a:hover {
	color: #333;
}

#about .topnav li.team_link,
#portfolio .topnav li.portfolio_link,
#contact .topnav li.contact_link,
#about .topnav li.team_link a,
#portfolio .topnav li.portfolio_link a,
#contact .topnav li.contact_link a {
	color: #99cc33;
}



#wrappernav a {
	width: 93px;
	height: 56px;
	top: 250px;
	background: #accb36 url(images/arrows.png) 0 0 no-repeat;
	outline: 0;
}

#wrappernav a:hover {
	background-color: #cff441;
}


#wrappernav .flex-prev {
	left: 0;
	z-index: 100;
	background-position: 26px 6px;
}
#wrappernav .flex-next {
	right: 0;
	z-index: 100;
	background-position: -38px 6px;
}

.flexslider .slides > li {
	max-width: 100%;
	margin: 0 auto;
	background-color:
}

.page {
	position: relative;
	max-width: 960px;
	border: 1px solid #e1e1e1;
	margin: 0 auto;
	overflow: auto;
}

.page .page-top {
	height: 224px;
	border-bottom: 1px solid #999;
	background-color: #fff;
	position: relative;
}

#about, #contact {
	background-color: #fff;
}

#portfolio #portfolio-drops {
	width: 705px;
	position:	absolute;
	top: 18px;
	left: 220px;
	
}

#top-mask {
	position: absolute;
	width:100%;
	height: 305px;
	background-color: #fff;
	top: 0;
	border-bottom: 1px solid #999;
	z-index: -1;
}

#home h1 {
	color: #a0cf41;
	font-size: 36px;
	position: absolute;
	bottom: 0;
	padding-left: 150px;
}

#home h1 .medium{
	color: #a0cf41;
	font-size: 48px;
  	font-family: 'Avenir LT W01 35 Light', sans-serif;
}

#home h1 .large{
	color: #a0cf41;
	font-size: 60px;
  	font-family: 'Avenir LT W01 35 Light', sans-serif;
}

#home article {
	padding: 65px 0 85px 150px;
	background-color: rgba(255,255,255,.6);
	overflow: auto;
}

#home article p, #home article h3 {
	background-color: rgba(255,255,255,.8);
}

#home article p {
	padding: 10px 100px 10px 10px;
	font-size: 30px !important;
	color: #99cc33;
}

#home article h3 {
	text-transform:uppercase;
  	font-family: 'Avenir LT W01 65 Medium', sans-serif;
}

#home article h4 {
	text-transform:uppercase;
  	font-family: 'Avenir LT W01 35 Light', sans-serif;
}

#home article h4 {
	font-size: 32px !important;
}

#about .top-content {
	position: absolute;
	right: 45px;
	bottom: 15px;
	width: 595px;
}

#about .medium{
	color: #3399cc;
	font-size: 26px;
}

#about .page-bottom{
	padding:20px 70px;
}

#about h2 {
	color: #9C3;
	font-size: 24px !important;
	text-transform: uppercase;
	padding: 0 0 .5em 0;
}

#about #expand-bios {
	display: none;
	clear: both;
}

#about #expand-bios img {
	width: auto;
}

#about #expand-bios .bio div {
	overflow: auto;
	margin-bottom: 20px;
}
		
#wrapper #about .partners h3 {
	margin-bottom: 20px;
}

#about #expand-bios .bio img {
	float: left;
	margin: 0 20px 20px 0;
}

#about #expand-bios .partners img {
	margin: 0 auto;
	float: none;
}

.poem-title,.poem-credit {
	text-align: right;
}

#portfolio {
	background-color: rgba(255,255,255, .75);
}

#contact .top-content {
	position: absolute;
	right:	0;
	bottom: 30px;
	width: 350px;
}

.ie7 .page,
.ie8 .page {
	background-color: #fff;	
}

/* ie8/ie7 bug */
.ie7 .clone .topnav .flex-direction-nav,
.ie8 .clone .topnav .flex-direction-nav{
	display: none;
}

.lazy {
  display: none;
}

@media screen and (max-width: 1100px) {
  #wrappernav {
	  display: none;
	}
}

@media screen and (max-width: 900px) {
  #about .top-content {
	width: 60%;
	right: 10px;
  }
  #about .medium {
	font-size: 16px;
  }
  #home article h4 {
	font-size: 24px !important;
  }
}


@media screen and (max-width: 790px) {
  #about .medium {
	font-size: 16px;
  }
}


  
@media screen and (max-width: 600px) {
  #content nav {
	width: 80%;
  }
  .topnav .flex-direction-nav {
	position: absolute;
	right: 0;
	top: 20px;
  }
  #home article {
	padding: 65px 0 25px 25px;
  }
  #home article p {
	padding: 10px;
  }
  #about .top-content {
	display: none;
  }
  
}

@media screen and (max-width: 580px) {
  #content nav ul {
	padding: 10px;
  }
  #home h1 {
	font-size: 24px;
	padding-left: 10px;
  }
  #home h1 .medium {
	font-size: 32px;
  }
  #home h1 .large {
	font-size: 40px;
  }
  #home article {
	padding: 10px;
  }
  #home article p {
	padding: 10px;
  }
  #home article .col33 {
	float: none;
  }
  #about .page-bottom {
	padding: 20px 10px;
  }
  .element.large, .variable-sizes .element.large, .variable-sizes .element.large.featured {
	width: 100%;
  }
  
}

@media screen and (max-width: 420px) {
  #content nav {
	width: 66%;
  }
  #contact .top-content {
	left: 10px;
  }
}