/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

/* General Resets */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body,
form,
fieldset,
legend,
input,
select,
textarea,
button {
  margin: 0;
}
html {
  font-size: 100%;
}
nav#mobile {
		display:none
	}
/* ==========================================================================
/* --  Micro Clearfix and Helpers
   ========================================================================== */
/* Micro Clearfix */
.clear:before,
.clear:after {
  content: "";
  display: table;
}
.clear:after {
  clear: both;
}
.clear {
  zoom: 1;
}
.section:before,
.section:after {
  content: "";
  display: table;
}
.section:after {
  clear: both;
}
.section {
  zoom: 1;
}
.checkbox:before,
.checkbox:after {
  content: "";
  display: table;
}
.checkbox:after {
  clear: both;
}
.checkbox {
  zoom: 1;
}
/* Helpers */
.left {
  float: left;
}
.right {
  float: right;
}
.text-left {
	text-align:left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align:right;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.inline {
  display: inline;
}
.strong {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.center-text {
  text-align: center;
}
.none,
[hidden] {
  display: none;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  left: -9999em;
}
.visuallyvisible {
  clip: auto;
  width: auto;
  height: auto;
  overflow: visible;
  left: 0;
}
/* Alert */
.alert {
  background-color: #ffc;
  display: block;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.no-desktop {
  display: none;
}
/* ==========================================================================
/* 1.0 - Document Setup (typography, links, paragraph, etc)
   ========================================================================== */
/* Body */
body {
  font-size: 14px;
  font-size: 0.82rem;
  color: #555;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* Strong and Italic */
b,
strong {
  font-weight: bold;
}
/* Links */
a {
  color: #01488A;
  transition: all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	-o-transition:all 0.2s linear 0s;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:active,
a:hover {
  outline: 0;
}
/* Paragraph and Small */
p,
pre {
  margin: 1em 0;
  line-height:20px;
}
small {
  font-size: 80%;
}
/* Abbreviations */
abbr[title] {
  border-bottom: 1px dotted;
}
/* Audio */
audio,
canvas,
video {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
/* Small, 
Sub and Sup */
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Definition */
dfn {
  font-style: italic;
}
/* Images */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
.image-left {
  margin-right: 20px;
}
.image-right {
  margin-left: 20px;
}
/* 1.1 Headings - h1, h2, h3, h4, h5, h6 & other (if any)
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 30px 0 0 0;
  font-weight: normal;
}
h1,
.h1 {
  font-size: 25px;
    font-size: 1.5rem;
    margin-bottom: 0.5em;
    padding-bottom: 5px;
}
h2,
.h2 {
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: .33em;
}
h3,
.h3 {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: .5em;
}
h4,
.h4 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: .5em;
}
h5,
.h5 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: .5em;
}
h6,
.h6 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: .5em;
}
/* Reset Heading */
.no-style-heading {
  margin: 0;
  font-size: 100%;
}
/* Horizontal Rule */
hr {
  border: 0;
  background: none;
  outline: 0;
  background-color: #ddd;
  margin: 2em 0;
  *margin: 1em 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
}
/* 1.2 Quotes and Code - block quotes, quotes, code, pre, etc
   ========================================================================== */
/* Block Quotes and Quotes */
blockquote {
  font-family: "Georgia", "Times" serif;
  font-size: 20px;
  font-size: 1.25rem;
  color: #777;
  margin: 1em 0;
  font-style: italic;
}
cite {
  color: #222;
  font-style: normal;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
/* Mark */
mark {
  background: #ff0;
  color: #111;
}
/* Code */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
code {
  color: #111;
  padding: 2px 5px;
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* 1.3 Lists
   ========================================================================== */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin: 0;
}
dd {
  margin: 0 0 0 40px;
}
dt {
  font-weight: bold;
}
menu,
ol,
ul {
  padding: 0 0 0 40px;
  line-height: 20px;
}
/* Remove Styling from List */
.no-style-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* 1.4 Tables
   ========================================================================== 
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  *white-space: normal;
}
table th,
table td {
  padding: 8px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
table thead th {
  vertical-align: bottom;
  font-weight: bold;
  background-color: #e1e1e1;
  color: #333;
}
table tfoot td {
  font-weight: bold;
}
table caption {
  padding: 0.5em;
  font-style: italic;
  background-color: #eee;
  border-bottom: 0;
  font-weight: bold;
}
/* 1.5 Forms, Labels and Inputs
   ========================================================================== */
fieldset {
  border: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
  font-weight: bold;
  margin-bottom:10px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle;
    transition: all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	-o-transition:all 0.2s linear 0s;
}
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea,
select {
  padding:5px;
  background-color: #fff;
  color: #777;
  border: 1px solid #ddd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=tel]:focus,
textarea:focus {
	border-color:#BBB;
}
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
.checkbox {
  display: block;
  margin: .2em 0;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio] {
  float: left;
}
.checkbox label {
  padding-left: 5px;
  overflow: hidden;
  display: table;
  *zoom: 1;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
/* Buttons */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
  height: 65px;
}
textarea.med {
	height:85px;
}
textarea.lrg {
	height:110px;
}
.form-field {
	margin-bottom:10px;
}
label {
	width:120px;
	display:inline-block;
}
.checkbox-label,
.radio-label {
	width:auto;
	margin-right:10px;
	cursor:pointer;
}
input.mini,
textarea.mini,
select.mini {
	width:50px;
	text-align:center;
}
input.sm,
textarea.sm,
select.sm {
	width:150px;
}
input.med,
textarea.med,
select.med {
	width:200px;
}
input.lrg,
textarea.lrg,
select.lrg {
	width:250px;
}
select {
	padding:8px;
}
/* Custom Buttons */
.btn,
.btn-strip {
	background-color: #6B8AB9;
  	color: #fff;
}
.btn,
.btn-strip {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-right:5px;
  width:auto;
}
.btn {
  padding:0.7em 1.6em;
}
.btn:hover,
.btn-strip:hover {
	background-color: #58729B;
}
.btn[disabled],
.btn.disabled {
  color: #ccc;
  background-color: #f1f1f1;
}
.btn.inverse,
.btn-strip.inverse {
	background:#bbb;
}
.btn.large,
.btn-strip.large {
	font-size:150%;
	
}

/* Custom Buttons with Icons */

.btn-strip .btn-text {
	display:inline-block;
  	padding:1em 1.6em;
}
.btn-strip .btn-icon {
	display:inline-block;
  	padding:1em 1.2em;
}
.btn-strip .btn-icon {
	border-right:1px solid #0186B2;
}
.btn-strip.inverse .btn-icon {
	border-right:1px solid #AAAAAA;
}
.btn-strip .btn-icon i {
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}

[class*='col-'] {
	float: left;
	padding-right: 20px;
}

[class*='col-']:last-of-type {
	padding-right: 0px;
}


/* ==========================================================================
/* 2.0 - Grid Layout (Responsive)
   ========================================================================== */

.grid {
	width: 100%;
	max-width: 1050px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 20px 0 0px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 30.00%;
}

.col-1-4, .col-3-12 {
	width: 20%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 50.00%;
}

.col-7-12 {
	width: 58.33%
}

@media handheld, only screen and (max-width: 767px) {

	
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.btn,
	.btn-strip {
		font-size: 150%;
		margin-top: 10px;
		width: 100%;
	}
	.btn-strip .btn-icon {
		border-right: 1px solid #0186B2;
		color: #DAECF2;
		float: left;
		width: 80px;
	}
	label {
		display:block;
		margin:20px 0 10px;
	}
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=search],
	input[type=tel],
	textarea,
	select {
		display:block !important;
		width: 100% !important;
		text-align:left !important;
	}
	.checkbox-label,
	.radio-label {
		margin-top:0;
	}

}
/* ==============================================
	3. Full menu
============================================== */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
.menu,
.menu a,
.menu ul,
.menu li,
.menu div,
.menu form,
.menu input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.menu a { text-decoration: none; }
.menu li { list-style: none; }
.menu {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500;
}
.menu > li {
    display: block;
    float: left;
}
.menu > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 40px;
    padding: 0 23px;
    line-height: 44px;
	color:#FFF;
	font-weight: bold;
	font-size: 14px;
 
    text-shadow: 0 0 1px rgba(0,0,0,.35);
  
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.menu > li:hover > a { 
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-shadow: #666666 2px 2px 2px;
	
	}
 
.menu > li:first-child > a {
    border-left: none;
}
.menu > li > div {
    position: absolute;
    display: block;
    width: 100%;
    top: 56px;
 
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
 
    background: #333;
    border-radius: 0 0 3px 3px;
 
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}
.menu > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}
.menu .menu-column {
    float: left;
   	text-align: left;
}
 
.menu .menu-column h3 {
    margin: 20px 0 10px 0;
    line-height: 18px;
 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #372f2b;
    text-transform: uppercase;
}
 
.menu .menu-column h3.orange { color: #ff722b; }
 
.menu .menu-column li {
	border:none !important;
}
.menu .menu-column li a {
    border-bottom: 1px solid #AEB68E;
    color: #EEEEEE;
    display: block;
    font-size: 12px;
    line-height: 26px;
    padding: 6px 15px;
    width: 180px;
}
 
.menu .menu-column li a:hover { background:#AEB68E; }
/* ==============================================
	4. Mobile Dropdown menu
============================================== */

@media screen and (max-width: 960px) {
	nav#full {
		display:none !important;
	}

	nav#mobile {
		background-color:#fff;
		display:block;
		border-bottom:1px solid #e5e5e5;
	}

	/*
	Top black bar that holds the toggle button
	*/

	nav#mobile #toggle-bar {
		line-height:70px;
		height:70px;
	}

	/*
	Toggle button #1 ("Menu")
	*/

	nav#mobile strong a {
		margin-left:30px;
		padding:10px;
		text-decoration:none;
		color:#FFF;
	}
	/*
	Toggle button #2 ("Navicon")
	*/

	nav#mobile .navicon {
		border-bottom: 4px solid #FFF;
    	border-top: 13px double #FFF;
    	float: right;
    	font-size: 0;
    	height: 21px;
    	margin: 23px;
    	width: 34px;
	}

	/*
	The dropdown menu
	*/

	nav#mobile ul li {
		clear:both;
		list-style:none;
		border-top: 1px solid #E5E5E5;
	}
	nav#mobile ul li:hover {
		background:#09c;
	}
	nav#mobile ul li:hover a {
		color:#fff;
	}

	nav#mobile ul li a {
		display:block;
		text-decoration:none;
		letter-spacing:.2em;
		margin:0 30px;
		padding:7px 0 7px 8px;
	}
	nav#mobile ul {
		padding:0;
		margin:0;
	}
	nav#mobile ul ul {
		font-size:small;
	}

	nav#mobile ul ul li {
		padding-left:50px;
	}

	nav#mobile ul ul a {
		padding-left:8px;
	}

	nav#mobile ul ul a:before {
		padding-right:8px;
	}
}