/* ==========================================================================
	PRIMARY WEBSITE STYLES
	Website Design & Development by Richard the Brave
	Email for more information at info@richardthebrave.com
	Copyright (c) 2015 RICHARD THE BRAVE WEBSITE & PRINT MEDIA DEVELOPMENT
	All Rights Reserved
   ========================================================================== */

*						{ -webkit-text-size-adjust: none; }
*, *:before, *:after 	{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* ==========================================================================
   FONT-FACE DECLARATIONS
   ========================================================================== */

@font-face		{ font-family: 'RobotoLight'; src: url('/fonts/Roboto-Light-webfont.eot'); src: url('/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Light-webfont.woff') format('woff'), url('/fonts/Roboto-Light-webfont.ttf') format('truetype'), url('/fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg'); font-weight: 300; font-style: normal; }
@font-face		{ font-family: 'Roboto'; src: url('/fonts/Roboto-Regular-webfont.eot'); src: url('/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Regular-webfont.woff') format('woff'), url('/fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('/fonts/Roboto-Regular-webfont.svg#Roboto') format('svg'); font-weight: 400; font-style: normal; }
@font-face		{ font-family: 'RobotoMedium'; src: url('/fonts/Roboto-Medium-webfont.eot'); src: url('/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Medium-webfont.woff') format('woff'), url('/fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('/fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); font-weight: 500; font-style: normal; }
@font-face		{ font-family: 'RobotoItalic'; src: url('/fonts/Roboto-Italic-webfont.eot'); src: url('/fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Italic-webfont.woff') format('woff'), url('/fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('/fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); font-weight: 400; font-style: italic; }
@font-face		{ font-family: 'RobotoBold'; src: url('/fonts/Roboto-Bold-webfont.eot'); src: url('/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Bold-webfont.woff') format('woff'), url('/fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('/fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: 700; font-style: normal; }
@font-face		{ font-family: 'WebSymbols'; src: url('/fonts/web-symbols.eot'); src: url('/fonts/web-symbols.eot?#iefix') format('embedded-opentype'), url('/fonts/web-symbols.woff') format('woff'), url('/fonts/web-symbols.ttf') format('truetype'), url('/fonts/web-symbols.svg#WebSymbols') format('svg'); font-weight: 400; font-style: normal; }
@font-face		{ font-family: 'LeagueSpartan'; src: url('/fonts/leaguespartan-bold.eot'); src: url('/fonts/leaguespartan-bold.eot?#iefix') format('embedded-opentype'), url('/fonts/leaguespartan-bold.woff') format('woff'), url('/fonts/leaguespartan-bold.ttf') format('truetype'), url('/fonts/leaguespartan-bold.svg#LeagueSpartan') format('svg'); font-weight: 700; font-style: normal; }

.r300					{ font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; }
.r400					{ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; }
.r500					{ font-family: 'RobotoMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; }
.r400i, em		{ font-family: 'RobotoItalic', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; }
.r700, strong	{ font-family: 'RobotoBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; }
.icon					{ font-family: 'WebSymbols', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; }
.l700					{ font-family: 'LeagueSpartan', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; }

/* ==========================================================================
   Basics - Try Not to Mess With!
   ========================================================================== */

html, button, input, select, textarea { color: #000; }

body				{ background: #fff; color: #3C3C3C; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 100%; line-height: 1; }
body#top			{ overflow-y: scroll; }
::-moz-selection	{ background: #ccc; text-shadow: none; }
::selection			{ background: #ccc; text-shadow: none; }
img					{ vertical-align: middle; max-width: 100%; height: auto; }
fieldset			{ border: 0; margin: 0; padding: 0; }
textarea			{ resize: vertical; }
.nobr				{ white-space: nowrap; }

/* ==========================================================================
   HEADINGS
   ========================================================================== */

h1, h2, h3, h4, h5, h6	{
	color: #3C3C3C;
	font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300;
	font-size: 2.250em;
	line-height: 1;
	margin: 30px 0;
	}

.text_heading	{
	font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300;
	font-size: 2.250em;
	}

.text_heading:after	{
	background: #01913F;
	content: "";
	display: block;
	height: 5px;
	margin-top: 30px;
	width: 65px;
	}

h2, h3	{
	font-family: 'LeagueSpartan', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700;
	font-size: 1.5em;
	letter-spacing: 0.5px;
	}

h4, h5, h6	{
	font-family: 'LeagueSpartan', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700;
	font-size: 1.250em;
	letter-spacing: 0.5px;
	}

/* ==========================================================================
   LEAD PHOTO
   ========================================================================== */

#title	{
	background: #212121;
	position: relative;
	height: 360px;
	overflow: hidden;
	position: relative;
	text-align: center;
	}

#lead_photo	{
	margin: 0;
	}

#lead_photo img	{
	bottom: 0;
	left: 0;
	max-width: none;
	opacity: 0.5;
	position: absolute;
	right: 0;
	width: 100%;
	}

#page_title	{
	top: 47px;
	color: #fff;
	font-family: 'LeagueSpartan', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700;
	font-size: 3.375em;
	left: 0;
	letter-spacing: 6px;
	line-height: 1.185185185;
	margin: 0;
	padding: 0 30px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	text-align: center;
	width: auto;
	z-index: 1;
	}

#page_title:after	{
	background: #fff;
	content: "";
	display: block;
	height: 5px;
	margin: 33px auto 0 auto;
	width: 240px;
	}

/* ==========================================================================
   THE HERO PHOTO AND OVERLAY TEXT & LINKS
   ========================================================================== */

.home #title, #hero, .rslides li	{ height: 460px;	}

#hero	{
	background: #333;
	overflow: hidden;
	position: absolute;
	top: 165px;
	left: 0;
	width: 100%;
	z-index: 1;
	}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	bottom: 0;
	left: 0 !important;
	}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	left: 0;
	top: 0;
	}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
	}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	border: 0;
	}

/* ==========================================================================
   PARAGRAPHS
   ========================================================================== */

p	{
	font-size: 1.1250em;
	line-height: 1.5;
	margin: 0 0 30px 0;
	}

a.source	{
	color: #B6B6B6;
	font-size: 15px;
	text-decoration: none;
	}

a.source:before	{
	content: 'I ';
	font-family: 'WebSymbols', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400;
	font-size: 13px;
	}

blockquote	{
	margin: 0 0 30px 30px;
	padding: 15px 30px;
	border-left: 5px solid #01913F;
	}

blockquote p	{
	margin: 0;
	}

/* ==========================================================================
   LINKS
   ========================================================================== */

a, button 	{
  color: #3C3C3C;
	outline: none;
	}

a:hover, button:hover {
    color: #01913F;
	}

a:active, button:active {
  color: #999;

	text-decoration: none;
	}

/* ==========================================================================
   BUTTON STYLING
   ========================================================================== */

/* subtle gray buttons */

.btn_gray, .bg_gray	{
	background: #E1E1E1;
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #E1E1E1 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, #E1E1E1 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, #E1E1E1 100%);
	background-image: -ms-linear-gradient(top, #ffffff 0%, #E1E1E1 100%);
	border: 1px solid #B6B6B6;
	box-shadow: 0 0 2px #D9D9D9;
	color: #404040;
	text-decoration: none;
	}

/* the selected states */

.sel .btn_gray, .anc .btn_gray,
.btn_gray.sel, .btn_gray.anc	{ background: #fff; color: #212121; }

/* set hover state for buttons and when class is applied to a drop-down menu */

.btn_gray:hover	{
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff 50%, #e8e8e8 100%);
	background-image: -moz-linear-gradient(top, #ffffff 50%, #e8e8e8 100%);
	background-image: -o-linear-gradient(top, #ffffff 50%, #e8e8e8 100%);
	background-image: -ms-linear-gradient(top, #ffffff 50%, #e8e8e8 100%);
	border-color: #969696;
	box-shadow: 0 0 2px #B6B6B6;
	color: #212121;
	}

/* the active state */

.btn_gray:active	{ background: #fff; background-image: #fff; }




/* charcoal buttons */

.btn_charcoal	{
	background: #6C6C6C;
	background-image: -webkit-linear-gradient(top, #6C6C6C 0%, #3C3C3C 100%);
	background-image: -moz-linear-gradient(top, #6C6C6C 0%, #3C3C3C 100%);
	background-image: -o-linear-gradient(top, #6C6C6C 0%, #3C3C3C 100%);
	background-image: -ms-linear-gradient(top, #6C6C6C 0%, #3C3C3C 100%);
	border: 1px solid #3C3C3C;
	box-shadow: 0 0 2px #3C3C3C;
	color: #fff;
	text-decoration: none;
	}

.btn_charcoal:hover	{
	background: #3C3C3C;
	background-image: -webkit-linear-gradient(top, #3C3C3C 50%, #212121 100%);
	background-image: -moz-linear-gradient(top, #3C3C3C 50%, #212121 100%);
	background-image: -o-linear-gradient(top, #3C3C3C 50%, #212121 100%);
	background-image: -ms-linear-gradient(top, #3C3C3C 50%, #212121 100%);
	border-color: #212121;
	box-shadow: 0 0 2px #212121;
	color: #fff;
	}

.btn_charcoal:active	{ background: #3C3C3C; background-image: #3C3C3C; }


/* green buttons */

.btn_green	{
	background: #34A765;
	background-image: -webkit-linear-gradient(top, #34A765 0%, #01913F 100%);
	background-image: -moz-linear-gradient(top, #34A765 0%, #01913F 100%);
	background-image: -o-linear-gradient(top, #34A765 0%, #01913F 100%);
	background-image: -ms-linear-gradient(top, #34A765 0%, #01913F 100%);
	border: 1px solid #016D2F;
	box-shadow: 0 0 2px #3C3C3C;
	color: #fff;
	text-decoration: none;
	}

.btn_green:hover	{
	background: #01913F;
	background-image: -webkit-linear-gradient(top, #01913F 50%, #016D2F 100%);
	background-image: -moz-linear-gradient(top, #01913F 50%, #016D2F 100%);
	background-image: -o-linear-gradient(top, #01913F 50%, #016D2F 100%);
	background-image: -ms-linear-gradient(top, #01913F 50%, #016D2F 100%);
	border-color: #014920;
	box-shadow: 0 0 2px #212121;
	color: #fff;
	}

.btn_green:active	{ background: #01913F; background-image: #01913F; }

/* the selected states */

.sel .btn_green, .anc .btn_green,
.btn_green.sel, .btn_green.anc	{ background: #34A765; color: #fff; }

/* ==========================================================================
   LISTS
   ========================================================================== */

ul, ol	{
	font-size: 1.1250em;
	line-height: 1.5;
	margin: 0 0 30px 0;
	padding-left: 35px;
	}

ul		{ list-style-type: disc; }
ol		{ list-style-type: decimal; }

ul ul	{ font-size: 1em; margin-bottom: 0; padding-left: 20px; }
ol ol	{ font-size: 1em; margin-bottom: 0; padding-left: 20px; }

/* ==========================================================================
   CONTAINERS (generic)
   ========================================================================== */

.ob	{
	text-align: center;
	width: 100%;
	}

.ib	{
	margin: 0 auto;
	max-width: 1200px;
	text-align: left;
	}

/* PALE BACKGROUND COLOURS */

.bg_white			{ background: #fff; }
.bg_grey			{ background: #EFEFEF; }
.bg_yellow			{ background: #D2BF41; }

/* DARK BACKGROUND COLOURS */

.bg_orange			{ background: #DE501E; color: #fff; }
.bg_green			{ background: #01913F; color: #fff; }
.bg_lime			{ background: #8FBC54; color: #fff; }
.bg_navy			{ background: #07273C; color: #fff; }
.bg_teal			{ background: #057A8C; color: #fff; }
.bg_darkteal		{ background: #023F44; color: #fff; }
.bg_blue			{ background: #055F7F; color: #fff; }

.bg_lime a,
.bg_green a,
.bg_orange a,
.bg_darkteal a,
.bg_blue a,
.bg_navy a,
.bg_teal a			{ color: #fff; opacity: 0.75; }

.bg_lime a:hover,
.bg_green a:hover,
.bg_darkteal a:hover,
.bg_blue a:hover,
.bg_navy a:hover,
.bg_teal a:hover	{ opacity: 1; }

/* SOCIAL MEDIA BACKGROUND COLOURS */

.bg_facebook		{ background: #3b5998; }
.bg_houzz			{ background: #72C433; }
.bg_pinterest		{ background: #C92228; }
.bg_linkedin		{ background: #0077b5; }

/* TEXT COLOURS */

.color_green		{ color: #01913F; }
.color_orange		{ color: #DE501E; }
.color_lime			{ color: #68893D; } /* a darker version of the BG colour for legibility */
.color_yellow		{ color: #91832D; } /* a darker version of the BG colour for legibility */
.color_blue			{ color: #055F7F; }
.color_navy			{ color: #07273C; }
.color_teal			{ color: #057A8C; }
.color_darkteal		{ color: #023F44; }

/* ==========================================================================
   CONTAINERS (main content area)
   ========================================================================== */

#content	{
	background: #fff;
	position: relative;
	z-index: 2;
	}

/* ==========================================================================
   HEADER
   ========================================================================== */

header	{
	background-image: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff 75%, #E1E1E1 100%);
	background-image: -moz-linear-gradient(top, #ffffff 75%, #E1E1E1 100%);
	background-image: -o-linear-gradient(top, #ffffff 75%, #E1E1E1 100%);
	background-image: -ms-linear-gradient(top, #ffffff 75%, #E1E1E1 100%);
	box-shadow: 0 0 20px rgba(0,0,0,0.9);
	margin: 0;
	padding: 0 30px;
	position: relative;
	z-index: 2;
	}

#logo, #logo a	{
	height: 80px;
	width: 325px;
	}

#logo	{
	float: left;
	margin: 20px 0;
	}

#logo a	{
	display: block;
	line-height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-decoration: none;
	}

#logo .vcs	{
	display: block;
	font-size: 20px;
	left: 95px;
	letter-spacing: 1px;
	top: 5px;
	position: absolute;
	text-transform: uppercase;
	}

#logo .slogan	{
	bottom: 2px;
	color: #6C6C6C;
	display: block;
	font-size: 12px;
	left: 95px;
	line-height: 15px;
	position: absolute;
	}

#logo img	{
	display: block;
	float: left;
	height: 80px;
	width: 80px;
	}

#logo a:hover	{
	border-color: #CCE9D9;
	}

#logo a:active	{
	border-color: #99D3B2;
	}

#slogan	{
	border-bottom: 1px solid #DEDEDE;
	color: #6C6C6C;
	display: none;
	font-size: 12px;
	height: 30px;
	line-height: 15px;
	margin: 0;
	padding-bottom: 15px;
	text-align: center;
	}

/* ==========================================================================
   MAIN NAVIGATION
   ========================================================================== */

#nav_wrapper	{
	clear: both;
	}

#nav	{
	font-size: 0.93750em;
	line-height: 1;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	z-index: 2;
	}

/* ==========================================================================
   MAIN NAVIGATION - THE PARENT LINKS
   ========================================================================== */

.parent_li	{
	display: block;
	float: left;
	padding: 0;
	position: relative;
	width: 20%;
	}

.parent_li:hover > ul	{ display: block; }

.parent_li > a			{
	border-bottom: 0;
	border-right-width: 0;
	display: block;
	overflow: hidden;
	height: 45px;
	padding: 14px 15px 15px 15px;
	position: relative;
	z-index: 5;
	}

.parent_li > a:hover	{
	box-shadow: 0 0 2px #D9D9D9;
	border-color: #b6b6b6;
	}

.parent_li > a.omega	{
	border-right-width: 1px;
	}

.parent_li .icon	{
	display: block;
	right: 10px;
	text-align: right;
	position: absolute;
	top: 16px;
	width: 10px;
	}

/* ==========================================================================
   MAIN NAVIGATION - THE DROP DOWN MENU
   ========================================================================== */

.child_ul {
	-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
	box-shadow: 0 0 4px #212121;
	display: none;
	font-size: 13px;
	left: 0;
	line-height: 1;
	list-style-type: none;
	padding: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 4;
	}

.child_ul li		{ background: #E8E8E8; position: relative; }
.child_ul li.odd	{ background: #E1E1E1; }

.child_ul a {
	border: 0;
	border-top: 1px solid #CECECE;
	display: block;
	margin: 0;
	padding: 11px 15px 11px 15px;
	text-decoration: none;
	}

.child_ul a:hover 	{ background: #fff; color: #212121; }
.child_ul a:active	{ background: #B6B6B6; }

.child_ul a.sel		{ background: #01913F; color: #fff; }

/* ==========================================================================
   CONTACT / QUOTE BTN NAVIGATION
   ========================================================================== */

.contact_btns	{
	float: right;
	font-size: 0.93750em;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 30%;
	}

.contact_btns li	{ display: block; }

.btn_contact	{
	display: block;
	margin: 20px 0 10px 0;
	height: 50px;
	padding: 16px 5px 0 5px;
	}

.btn_quote			{
	color: #404040;
	font-size: 15px;
	text-decoration: none;
	}

.btn_quote:hover	{ color: #01913F; }
.btn_quote:active	{ color: #014920;  }

.sel .btn_quote		{ color: #000; cursor: default; text-decoration: underline; }

/* ==========================================================================
   MOBILE MENU BUTTON
   ========================================================================== */

#mobile	{
	display: none;
	float: right;
	font-size: 0.93750em;
	line-height: 1;
	line-height: 75px;
	margin: 15px 30px 15px 0;
	text-align: center;
	width: 80px;
	}

#mobile a	{
	display: block;
	margin: 0;
	height: 80px;
	padding: 0;
	}

#mobile .mobile_label	{
	padding-right: 5px;
	}

/* ==========================================================================
   THE #DECK REGION
   ========================================================================== */

#deck	{
	background: #01913F;
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
	color: #fff;
	padding: 45px 45px 15px 45px;
	position: relative;
	}

.homepage #deck { z-index: 2; }

#deck .ib	{
	max-width: 800px;
	text-align: center;
	}

#deck h2.alpha	{
	color: #014920;
	margin: 0 0 30px 0;
	}

#deck p	{
	font-size: 1.5em;
	}

#deck a	{
	color: #fff;
	}

/* ==========================================================================
   THE #MAIN REGION
   ========================================================================== */

#main	{
	padding: 45px 45px 15px 45px;
	}

#main .ib	{
	max-width: 1000px;
	}

#main h2.alpha	{
	margin-top: 0;
	}

/* ==========================================================================
   THE .SECONDARY REGION
   ========================================================================== */

.secondary	{
	padding: 45px 45px 15px 45px;
	}

.secondary.testimonial .ib	{
	max-width: 800px;
	}

.secondary .ib	{
	max-width: 1000px;
	}

.secondary h2.alpha	{
	margin-top: 0;
	}

.testimonial .textile	{
	border-left: 5px solid #34A765;
	margin-left: 5px;
	padding-left: 30px;
	}

/* ==========================================================================
   THE .FEATURES REGION
   ========================================================================== */

.features	{
	background: #E8E8E8 url('/img/concrete_light.png') repeat center center;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	padding: 45px 45px 15px 45px;
	}

.features .ib	{
	max-width: none;
	}

.features h2.alpha	{
	margin-top: 0;
	text-align: center;
	}

.features h2.alpha:after	{
	margin-left: auto;
	margin-right: auto;
	}

.features_ul	{
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	}

.feature	{
	display: block;
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: center;
	}

.count2 .feature		{ width: 50%; }
.count3 .feature		{ width: 33.33%; }
.count4 .feature		{ width: 25%; }

.count2.features_ul		{ max-width: 1000px; }


.feature_pad	{
	padding: 0 15px;
	}

.feature h3	{
	font-size: 1.250em;
	margin: 0 0 20px 0;
	padding: 0;
	}

.feature .feature_text	{
	font-size: 0.93750em;
	margin: 0;
	padding: 0;
	widows: 3;
	}

.feature_icon	{
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
	overflow: hidden;
	margin: 0 auto 25px auto;
	width: 100px;
	}

.feature_icon.is_map	{
	background: transparent;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	width: 300px;
	}

.feature_url	{
	font-size: 0.93750em;
	line-height: 1;
	margin: 20px 0 0 0;
	}

.feature_url a	{
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 100px;
	}

.feature_bio	{
	text-align: center;
	margin: 0 auto 30px auto;
	max-width: 540px;
}

.feature_bio .feature_url a	{
	width: 160px;
}


/* ==========================================================================
   TECHNIQUES & FINISHES (PORTAL PAGE)
   ========================================================================== */

.table_wrap { padding: 30px 45px 45px 45px; }

#tfs {
	font-size: 1em;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#tfs .tf {
	margin: 15px 0 0 0;
	overflow: hidden;
	padding: 35px 30px 30px 330px;
	position: relative;
	background: #E8E8E8 url('/img/concrete_light.png') repeat center center;
	border: 1px solid #CECECE;
	color: #404040;
	text-decoration: none;
}

#tfs .tf_title {
	margin: 0 0 10px 0;
	line-height: 1.5;
}

#tfs .tf_title a {
	text-decoration: none;
	border-bottom: 1px solid #B6B6B6;
}

#tfs .tf_deck p {
	margin: 0 0 15px 0;
}

#tfs p.learn-more {
	line-height: 1;
	font-size: 15px;
	margin: 0;
}

#tfs .btn_gray {
	display: block;
	padding: 10px 0;
	width: 120px;
	text-align: center;
}

#tfs .tf_thumb {
	background-size: cover;
	background-position: center center;
	border-right: 1px solid #CECECE;
	display: block;
	position: absolute;
	width: 300px;
	left: 0;
	top: 0;
	bottom: 0;

}


/* ==========================================================================
   TECHNIQUES & FINISHES (DETAIL PAGES)
   ========================================================================== */

.tfpage hr	{
	background: #CECECE;
	content: "";
	display: block;
	height: 1px;
	margin: 45px -15px;
	width: auto;
	border: 0;
	position: relative;
}

.tfpage #intro.hide {
	max-height: 120px;
	overflow: hidden;
	position: relative;
}

.tfpage #intro.hide::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;
	background-image: #ffffff;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.0) 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.0) 0%, #ffffff 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.0) 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.0) 0%, #ffffff 100%);
	background-image: linear-gradient(top, rgba(255,255,255,0.0) 0%, #ffffff 100%);
}

.tfpage #intro-btn {
	border-top: 1px dashed #CECECE;
	margin-left: -15px; margin-right: -15px;
	padding-top: 10px;
	padding-left: 15px;
	position: relative;
}

.tfpage #intro-btn button {
	color: #3C3C3C;
	cursor: pointer;
	display: inline;
	font-size: 15px;
	font-family: 'RobotoMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500;
	margin: 0;
	padding: 0;
	line-height: 1;
	border: 0;
	-webkit-appearance: none;
	background: transparent;
	text-decoration: underline;
}

.tfpage #intro-btn button::after { content: ' more... [+]'; }
.tfpage #intro-btn.hide button::after { content: ' less... [-]'; }

.tfpage h3.alpha {
	margin-top: 0;
}

.tf_protip {
	clear: both;
	background: #E8E8E8 url('/img/concrete_light.png') repeat center center;
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	margin-left: 110px;
	position: relative;
	min-height: 100px;
}

.tf_protip p {
	margin-bottom: 20px;
}

.tf_protip p::before { content: '“'; }
.tf_protip p::after { content: '”'; }

.tf_protip .face {
	position: absolute;
	width: 80px;
	height: 100px;
	left: -110px;
	top: 0;
	text-align: center;
}

.tf_protip strong {
	background-color: transparent;
}

.tf_protip .face img {
	display: block;
	height: 100px;
	margin: 0 auto 10px auto;
	width: 80px;
}

.tf_protip .face:after, .tf_protip .face:before {
	right: -30px;
	top: 49px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tf_protip .face:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #f1f1f1;
	border-width: 20px;
	margin-top: -20px;
}
.tf_protip .face:before {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #a6a6a6;
	border-width: 21px;
	margin-top: -21px;
}

.tf_gallery_wrap {
	border: 0;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #CECECE;
	box-shadow: none;
	padding: 45px 30px 15px 30px;
	margin: 0 0 -1px 0;
}

.tf_gallery {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}

.tf_gallery li {
	display: block;
	float: left;
	max-width: 432px;
	padding: 0 15px 30px 15px;
	width: 25%; /* default width */
}

.tf_gallery.count1 li { width: 100%; float: none; margin: 0 auto; }

.tf_gallery.count2 			{ max-width: 864px; }
.tf_gallery.count2 li 	{ width: 50%; }

.tf_gallery.count3 			{ max-width: 1296px; }
.tf_gallery.count3 li 	{ width: 33.333333%; }

.tf_gallery.count4 			{ max-width: 1728px; }
.tf_gallery.count4 li 	{ width: 25%; }

.tf_gallery.count5 			{ max-width: 2160px; }
.tf_gallery.count5 li 	{ width: 20%; }

.tf_gallery a {
	display: block;
}

.tf_gallery a:hover img {
	opacity: 0.8;
}

#tf_glance {
	background: #E8E8E8 url('/img/concrete_light.png') repeat center center;
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	box-shadow: 0 0 2px #DEDEDE;
	padding: 45px;
	position: relative;
}

#tf_glance h3 {
	font-family: 'RobotoMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500;
	letter-spacing: 1px;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	display: none;
}

.tf_glances {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0;
}

.tf_glances p {
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	border-left: 1px solid #DEDEDE;
	float: left;
	padding: 0 20px 10px 20px;
	width: 33.33333%;
}

.tf_glances p.alpha {
	border: 0;
}

.tf_glances .label {
	display: block;
	font-family: 'RobotoMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 22px;
	margin: 0 0 6px 0;
	padding: 12px 0 0 0;
	text-transform: uppercase;
	text-align: center;
}

.tf_glances sup, #tfs sup {
	position: relative; top: -6px; font-size: 80%;
	line-height: 1;
}

.tf_glances .range 			{
	background: #01913F;
	color: rgba(255,255,255,0.5);
	display: block;
	float: left;
	width: 20%;
	height: 40px;
	text-align: center;
	line-height: 38px;
	position: relative;
}

.tf_glances .range.r1 			{ background: #5DB984; }
.tf_glances .range.r2 			{ background: #46AF73; }
.tf_glances .range.r3 			{ background: #2FA561; }
.tf_glances .range.r4 			{ background: #189B50; }
.tf_glances .range.r5 			{ background: #01913F; }

.tf_glances .range.null 	{
	background: #B6B6B6;
	color: rgba(255,255,255,0.5);
}

.tf_glances .range.active { color: #fff; }

.tf_glances .range.active::after {
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #E8E8E8;
	border-width: 10px;
	margin-left: -10px;
}

.tf_glances .lessmore {
	display: block;
	clear: both;
	font-size: 11px;
	padding-top: 3px;
}

.tf_glances .less { width: 50%; float: left; text-align: left; }
.tf_glances .more { width: 50%; float: right; text-align: right; }

.tf_applications {
	margin-left: -5px; margin-right: -5px;
	padding: 0;
	list-style: none;
	font-size: 18px;
}

.tf_app {
	float: left;
	padding: 5px;
	width: 33.3333%;
}

.tf_app a {
	background-position: center center;
	display: block;
	height: 160px;
	position: relative;
}

.tf_app a:hover {
	background-position: center center;
}

.tf_app a:hover::after {
	background: rgba(0,0,0,0.1);
}

.tf_app a::after {
	display: block;
	content: '';
	background: rgba(0,0,0,0.4);
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	z-index: 1;
}

.tf_app .title {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	opacity: 0.9;
	padding: 15px;
	text-align: center;
	z-index: 2;
	line-height: 1.2;
}

#tf_footer {
	background: #E8E8E8 url('/img/concrete_light.png') repeat center center;
	border-top: 1px solid #CECECE;
}

#tf_browse {
	margin-top: 0;
	text-align: center;
}

#tf_footer p.intro {
	color: inherit !important;
}

#tf_prevnext {
	margin: 0 auto 30px auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

#tf_prevnext li {
	width: 50%;
	float: left;
	padding: 0 15px 0 0;
}

#tf_prevnext li.next {
	float: right;
	padding: 0 0 0 15px;
}

#tf_prevnext a {
	display: block;
	margin: 0;
	padding: 10px;
	position: relative;
}

#tf_prevnext li.next a {
	padding-right: 35px;
}

#tf_prevnext li.prev a {
	padding-left: 35px;
}

#tf_prevnext li a::after {
	font-family: 'WebSymbols';
	font-size: 15px;
	position: absolute;
	width: 20px;
	height: 16px;
	line-height: 1;
	top: 50%;
	bottom: 50%;
	margin-top: -8px;
}

#tf_prevnext li.next a::after {
	content: '>';
	right: 10px;
}

#tf_prevnext li.prev a::after {
	content: '<';
	left: 10px;
}

#tf_prevnext li.next a.restart::after, #tf_prevnext li.prev a.restart::after { content: 'D'; }


/* ==========================================================================
   THE .SERVICES REGION
   ========================================================================== */

.services	{
	padding: 45px 30px 15px 30px;
	}

.services .ib	{
	max-width: none;
	}

.services h2.alpha	{
	margin-top: 0;
	text-align: center;
	}

.services h2.alpha:after	{
	margin-left: auto;
	margin-right: auto;
	}

.services_ul	{
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	}

.service	{
	display: block;
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: center;
	width: 33.33%;
	}

.service_pad	{
	padding: 0 15px;
	}

.service h2	{
	margin: 0 0 20px 0;
	padding: 0;
	}

.service h2 img	{
	box-shadow: 0 1px 2px #212121;
	display: block;
	margin: 0 auto 25px auto;
	width: 200px;
	}

.service h2 a	{
	display: block;
	text-decoration: none;
	}


.service .service_text p	{
	font-size: 0.93750em;
	margin: 0;
	padding: 0;
	}

.service_btn	{
	font-size: 0.93750em;
	line-height: 1;
	margin: 20px 0 0 0;
	}

.service_btn a	{
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 200px;
	}


/* ==========================================================================
   THE .SMALL_ICONS REGION
   ========================================================================== */

.small_icons	{
	padding: 45px 45px 15px 45px;
	}

.small_icons .ib	{
	max-width: 1000px;
	text-align: center;
	}

.small_icons_ul	{
	font-size: 1em;
	margin: 0;
	padding: 0;
	}

.small_icons .textile p	{
	margin: 0;
	}

.small_icon	{
	display: block;
	float: left;
	margin: 0 0 30px 0;
	}

.small_icon.icon_only	{
	margin-bottom: 15px;
	}

.small_icon.icon_only .small_icon_src, .small_icon.icon_only .small_icon_link	{
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
	width: 75px;
	}

.small_icon_src, .small_icon_link	{
	-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
	display: block;
	margin: 0 auto 15px auto;
	width: 50px;
	}

.small_icon_link:hover	{ opacity: 0.9 }

.count1 .small_icon	{ width: 100%; }
.count2 .small_icon	{ width: 50%; }
.count3 .small_icon	{ width: 33.33%; }
.count4 .small_icon	{ width: 25%; }

.small_icon_note	{
	font-size: 0.93750em;
	}

.social_media.small_icons_ul	{ margin: 0 auto; max-width: 600px; }

/* ==========================================================================
   SOCIAL ICONS IN THE FOOTER
   ========================================================================== */

.footer_social {
	background: #E8E8E8 url('/img/concrete_light.png') repeat center center;
	border-top: 1px solid #CECECE;
}

.small_icons.footer_social	{
	padding: 30px 15px 15px 15px;
	}

.small_icons.footer_social .small_icons_ul	{
	margin: 0 auto;
	max-width: 280px;
	}

.small_icons.footer_social .small_icon	{
	margin: 0;
	}

.small_icons.footer_social .small_icon_src	{
	width: 40px;
	}

.small_icons.footer_social .small_icon_link			{ background: #B6B6B6; width: 40px; }
.small_icons.footer_social .small_icon_link:hover	{ background: #01913F; }

.social_note	{
	color: #6C6C6C;
	font-size: 0.8125em;
	margin: 0 0 15px 0;
	}



/* ==========================================================================
   THE .SINGLE_ICON REGION
   ========================================================================== */

.single_icon	{
	padding: 45px 45px 15px 45px;
	}

.single_icon .ib	{
	max-width: 600px;
	}

.single_icon h2.alpha	{
	margin: 45px 0;
	text-align: center;
	}

.icon_src	{
	-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
	overflow: hidden;
	margin: 0 auto;
	width: 200px;
	}

.single_icon.sidexside .ib	{
	max-width: 1200px;
	}

.sidexside_left	{
	float: left;
	padding-right: 30px;
	width: 50%;
	}

.sidexside_right	{
	float: right;
	padding-left: 30px;
	width: 50%;
	}

/* ==========================================================================
   THE .QUOTE REGION
   ========================================================================== */

.quote	{
	padding: 45px 45px 45px 45px;
	}

.quote .ib	{
	max-width: none;
	text-align: center;
	}

.quote .blockquote p	{
	font-size: 1.5em;
	margin: 0;
	}

.quote_author	{
	font-size: 0.93750em;
	margin: 15px 0 0 0;
	}

/* ==========================================================================
   THE .IMAGE REGION
   ========================================================================== */

.image	{
	padding: 45px 45px 45px 45px;
	}

.image .ib	{
	max-width: 800px;
	text-align: center;
	}

.image p	{
	margin: 0;
	}

.image.bg_white .image_caption	{
	background: #01913F;
	color: #fff;
	}

/* custom drop-shadow colour based on the BG colour */

.image .image_wrap				{ box-shadow: 0 1px 4px #CECECE; }
.image.bg_green .image_wrap		{ box-shadow: 0 1px 4px #016D2F; }
.image.bg_orange .image_wrap	{ box-shadow: 0 1px 4px #A36C20; }
.image.bg_lime .image_wrap		{ box-shadow: 0 1px 4px #68893D; }
.image.bg_darkteal .image_wrap	{ box-shadow: 0 1px 4px #001B1E; }
.image.bg_yellow .image_wrap	{ box-shadow: 0 1px 4px #91832D; }
.image.bg_blue .image_wrap		{ box-shadow: 0 1px 4px #034059; }
.image.bg_navy .image_wrap		{ box-shadow: 0 1px 4px #032223; }
.image.bg_teal .image_wrap		{ box-shadow: 0 1px 4px #035659; }

.image_caption	{
	background: #fff;
	padding: 20px 30px;
	font-size: 0.93750em;
	}

/* ==========================================================================
   THE #CTA REGION
   ========================================================================== */

#cta	{
	background: #E8E8E8 url('/img/concrete_light.png') repeat center center;
	border-bottom: 1px solid #CECECE;
	padding: 45px 45px 15px 45px;
	}

#cta .ib	{
	text-align: center;
	}

#cta h2	{
	margin-top: 0;
	}

#cta h2:after	{
	margin-left: auto;
	margin-right: auto;
	}

#cta_icons	{
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	max-width: 650px;
	}

#cta_icons li	{
	display: block;
	margin-bottom: 30px; float: left;
	width: 25%;
	}

#cta_icons p	{
	font-family: 'RobotoMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500;
	margin: 0;
	}

#cta_icons p.cta_icon	{
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
	display: block;
	width: 100px;
	margin: 0 auto 15px auto;
	}

#cta_icons a		{ opacity: 1; }
#cta_icons a:hover	{ opacity: 0.75; }

/* ==========================================================================
   THE #PORTAL REGION
   ========================================================================== */

#portal	{
	background: #fff;
	padding: 45px 45px 15px 45px;
	}

#portal .ib	{
	max-width: 1200px;
	}

#portal h2.alpha	{
	margin-bottom: 45px;
	margin-top: 0;
	text-align: center;
	}

#portal h2.alpha:after	{
	margin-left: auto;
	margin-right: auto;
	}

/* ==========================================================================
   GALLERY TITLE
   ========================================================================== */

#gallery	{
	color: #fff;
	padding: 45px 45px 15px 45px;
	}

#gallery.no_deck	{
	padding-bottom: 30px;
	}

#gallery .ib	{
	max-width: 800px;
	text-align: center;
	}

#gallery p	{
	font-size: 1.5em;
	}

#gallery a	{
	color: #fff;
	}

#deck.single_intro	{
	padding-bottom: 30px;
	}

#gallery_title	{
	color: #fff;
	font-family: 'LeagueSpartan', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700;
	letter-spacing: 4px;
	line-height: 1.185185185;
	margin: 15px 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	}

#gallery_title a		{ color: #fff; }
#gallery_title a:hover	{ color: #fff; }

/* ==========================================================================
   IMAGE GALLERY - ALBUM LISTING
   ========================================================================== */

#listing	{
	font-size: 1em;
	list-style-type: none;
	margin: 0 -10px 10px -10px;
	padding: 0;
	}

.listing h3	{
	color: inherit;
	margin: 0;
	padding: 20px 15px;
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
	opacity: 0.95;
	bottom: 10px;
	width: auto;
	}

.listing .icon	{
	display: block;
	font-size: 20px;
	margin-bottom: 15px;
	}

.listing .sub_heading	{
	display: block;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	}

.listing .sub_heading:before	{
	background: #fff;
	content: '';
	display: block;
	height: 1px;
	margin: 15px auto;
	opacity: 0.5;
	width: 60px;
	}

.listing.thumbnail a	{
	background: #212121;
	color: #fff;
	margin: 0 10px 20px 10px;
	}

.listing a:hover	{ color: #fff; }
.listing a:hover h3	{ opacity: 1; }

.listing .textile p	{
	font-size: 0.93750em;
	margin: 0 0 15px 0;
	}

.listing.thumbnail 					{ width: 33.33%; }

.listing.thumbnail a img			{ opacity: 0.75; }
.listing.thumbnail a:hover img		{ opacity: 1; }

/* re-configure the thumbnails based on how many there are */

.count_5 #no_4	{ margin-left: 16.66%; }
.count_5 #no_5	{ margin-right: 16.66%; }

.count_4 #no_1, .count_4 #no_3	{ margin-left: 16.66%; }
.count_4 #no_2, .count_4 #no_4	{ margin-right: 16.66%; }

/* ==========================================================================
   IMAGE GALLERY - SINGLE ALBUM w/ THUMBS
   ========================================================================== */

#album_desc	{
	border-left: 5px solid #DEDEDE;
	margin-top: 30px;
	padding-left: 30px;
	}

#gallery_thumbs	{
	list-style-type: none;
	margin: 0 -5px 0 -5px;
	padding: 0 0 20px 0;
	}

#gallery_thumbs .thumbnail	{ width: 25%; }

.thumbnail	{
	display: block;
	float: left;
	width: 33.3333%;
	}

.thumbnail a	{
	display: block;
	margin: 0 5px 10px 5px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-decoration: none;
	}

.thumbnail a:hover img	{
	opacity: 0.8;
	}

/* ==========================================================================
   IMAGE GALLERY - SINGLE IMAGE
   ========================================================================== */

#single	{
	border-top: 1px solid #B6B6B6;
	padding: 0 45px 15px 45px;
	}

#single .ib	{
	max-width: 1200px;
	}

#image_title	{
	float: left;
	width: 50%;
	}

.image_count	{
	display: block;
	font-size: 15px;
	line-height: 30px;
	}

#album_nav	{
	float: right;
	font-size: 15px;
	line-height: 21px;
	margin: 35px 0 0 0;
	text-align: right;
	width: 50%;
	}

#album_nav span	{ display: block; }

#album_nav i	{	display: block;
	float: right;
	text-align: center;
	padding-left: 8px;
	width: 30px;
	}

/* Wrapper for the single image */

#single_image	{
	background: #01913F url('/img/logo.png') no-repeat center center;
	box-shadow: 0 1px 4px #B6B6B6;
	margin: 0 0 30px 0;
	min-height: 200px;
	position: relative;
	}

/* description below the single image */

#image_desc	{
	margin-bottom: 45px;
	margin-top: 45px;
	text-align: center;
	}

/* ==========================================================================
   IMAGE GALLERY - PREV/NEXT BUTTONS ON THE MAIN IMAGE
   ========================================================================== */

#prev_next	{
	color: #CECECE;
	font-size: 35px;
	line-height: 1;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#prev_next i	{ display: none; }

/* position the prev/next "tabs" on top of the image */

#prev_next a	{
	bottom: 35%;
	box-shadow: none;
	position: absolute;
	text-decoration: none;
	top: 35%;
	width: 42px;
	}

#prev_next .next_link a	{ right: -15px; }
#prev_next .prev_link a	{ left: -15px; }

/* include the arrow graphics */

#prev_next a:after	{
	background-image: url('/img/prev_next.png');
	background-repeat: no-repeat;
	bottom: 0;
	content: '';
	display: block;
	height: auto;
	position: absolute;
	top: 0;
	width: 40px;
	}

#prev_next .prev_link a:after	{ background-position: center left; }
#prev_next .next_link a:after	{ background-position: center right; }

/* ==========================================================================
   IMAGE GALLERY - PREV/NEXT BUTTONS BELOW THE MAIN IMAGE
   ========================================================================== */

#prev_next_below	{
	font-size: 0.93750em;
	list-style-type: none;
	margin: 0 -15px 30px -15px;
	padding: 0;
	}

#prev_next_below li	{
	display: block;
	float: left;
	padding: 0 15px;
	width: 33.3333%;
	}

#prev_next_below a	{
	display: block;
	padding: 15px 5px;
	text-align: center;
	}

#prev_next_below .null	{
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	border: 1px solid #D9D9D9;
	color: #B6B6B6;
	display: block;
	padding: 15px 5px;
	text-align: center;
	}

/* ==========================================================================
   RANDOM GALLERIES IN THE FOOTER
   ========================================================================== */

#rand_gallery	{
	background: #01913F;
	padding: 45px 0 20px 0;
	}

#rand_gallery h2	{
	color: #fff;
	margin: 0;
	text-align: center;
	}

#rand_gallery p, #tf_footer p.intro	{
	color: #99D3B2;
	font-size: 0.93750em;
	margin: 15px 0 35px 0;
	padding: 0 30px;
	text-align: center;
	}

#rand_gallery p a	{
	color: #99D3B2;
	}

/* the random gallery list */

#random_galleries	{
	font-size: 0.93750em;
	list-style-type: none;
	margin: 0 55px 15px 55px;
	padding: 0;
	}

.random.thumbnail	{
	float: left;
	width: 25%;
	}

.random.thumbnail a	{
	background: #3C3C3C;
	border: 0;
	padding: 0;
	text-align: center;
	}

.random.thumbnail img			{ opacity: 0.75; }
.random.thumbnail a:hover img	{ opacity: 1; }

.random .label	{
	display: block;
	left: 0;
	padding: 12px 10px 15px 10px;
	position: absolute;
	right: 0;
	bottom: 10px;
	opacity: 0.9;
	width: auto;
	}

/* ==========================================================================
   FOOTER NAVIGATION - GENERAL
   ========================================================================== */

#menu	{
	background: #fff;
	padding: 0 30px 30px 30px;
	position: relative;
	text-align: left;
	}

#menu h3	{
	border-bottom: 1px solid #DEDEDE;
	font-size: 1.250em;
	margin: 0 -15px;
	padding: 30px 0;
	text-align: center;
	}

#menu h3 .icon	{
	color: #01913F;
	font-size: 18px;
	padding-right: 5px;
	}

/* ==========================================================================
   FOOTER NAVIGATION
   ========================================================================== */

#menu h4	{
	font-size: 0.93750em;
	letter-spacing: 0;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-transform: none;
	}

#menu .menu_col	{
	border-left: 1px solid #CECECE;
	float: left;
	margin-top: 30px;
	padding: 0 15px;
	width: 20%;
	}

#menu a	{
	text-decoration: none;
	}

#menu .btn_green {
	display: inline-block;
	line-height: 1.25;
	margin-bottom: 10px;
	margin-left: -16px;
	padding: 10px 15px;
}

#menu .btn_green.sel {
	color: #fff;
	}

#menu a.sel	{
	color: #01913F;
	}

.menu_child	{
	font-size: 13px;
	line-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

/* ==========================================================================
   THE #FORM REGION
   ========================================================================== */

#form	{
	padding: 45px 45px 15px 45px;
	}

#form.full_width .ib	{
	max-width: 1000px;
	}

#form .ib	{
	max-width: 540px;
	}

#form h2.alpha	{
	margin-top: 0;
	margin-bottom: 45px;
	text-align: center;
	}

#form h2.alpha:after	{
	margin-left: auto;
	margin-right: auto;
	}


/* ==========================================================================
   THE FORM ITSELF
   ========================================================================== */

#form form	{
	background: #f8f8f8;
	border: 1px solid #D9D9D9;
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 15px 30px 0 30px;
	}

#form #contact_contact	{ padding-top: 30px; }

#form h3	{
	margin: 15px 0 30px 0;
	padding: 0;
	}

#form .form_row	{ margin: 0 0 15px 0; }

#form .sidexside	{
	margin: 0 -5px;
	}

#form .sidexside .form_row	{
	float: left;
	padding: 0 5px;
	width: 50%;
	}

#form label, #form .form_label	{
	background: transparent;
	border: 1px solid #CECECE;
	-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
	cursor: pointer;
	display: block;
	font-size: 0.93750em;
	margin: 0 0 -5px 0;
	padding: 10px 10px 15px 10px;
	width: 180px;
	}

#form .form_label	{ cursor: default; }

#form input[type='text'],
#form input[type='email'],
#form textarea	{
	background: #fff;
	border: 1px solid #B6B6B6;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	box-shadow: 0 0 4px #DEDEDE;
	color: #212121;
	display: block;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400;
	font-size: 18px;
	height: 55px;
	padding: 15px;
	position: relative;
	text-decoration: none;
	-webkit-appearance: none;
	width: 100%;
	}

#form textarea	{
	height: 240px;
	}

#form .file-upload-input-wrap {
	background: #fff;
	border: 1px solid #B6B6B6;
	display: block;
	margin-bottom: -1px;
	padding: 10px;
}

#form ::-webkit-input-placeholder 		{ color: rgba(0,0,0,0.3); font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; }
#form :-moz-placeholder 				{ color: rgba(0,0,0,0.3); font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; }
#form ::-moz-placeholder 				{ color: rgba(0,0,0,0.3); font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; }
#form :-ms-input-placeholder 			{ color: rgba(0,0,0,0.3) !important; font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-style: normal !important; font-weight: 300 !important; }
#form ::-ms-input-placeholder 			{ color: rgba(0,0,0,0.3) !important; font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-style: normal !important; font-weight: 300 !important; }
#form ::placeholder 					{ color: rgba(0,0,0,0.3); font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; }


/* CHECKBOXES */

.checkbox_outer	{
	background: #fff;
	border: 1px solid #B6B6B6;
	box-shadow: 0 0 4px #DEDEDE;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	}

.checkbox_wrap	{
	border-bottom: 1px dashed #DEDEDE;
	}

.checkbox_wrap.omega	{
	border-bottom: 0;
	}

#form .checkbox_wrap label	{
	background: transparent;
	border: none;
	color: #212121;
	display: block;
	float: left;
	margin: 0;
	padding: 10px 10px 10px 15px;
	width: 80%;
	}

#form .checkbox_wrap span	{
	float: left;
	padding: 10px 0 10px 10px;
	width: 30px;
	}

#form input[type='checkbox'] {
	cursor: pointer;
	float: right;
	margin: 0;
	}

#form input.btn_green	{
	cursor: pointer;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400;
	font-size: 18px;
	margin: 15px 0;
	padding: 15px 0;
	-webkit-appearance: none;
	text-align: center;
	width: 180px;
	}

.form_note {
	border: 1px solid #CECECE;
	border-top: 0;
	-webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
	color: #6C6C6C;
	font-size: 0.75em;
	margin: -5px 0 0 0;
	padding: 15px 15px 10px 15px;
	}

/* form error messages */

.form_msg	{
	background: #ce0000;
	box-shadow: 0 0 2px #000;
	color: #fff;
	font-size: 14px;
	height: 45px;
	position: absolute;
	left: 0;
	right: 0;
	top: 75px;
	line-height: 18px;
	margin: 0 auto;
	width: 320px;
	text-align: center;
	z-index: 99;
	}

.form_msg a	{
	color: #fff;
	display: block;
	padding: 13px 10px 14px 10px;
	}

#form .req { color: #ce0000; }

#form .form_row.has_error input,
#form .form_row.has_error textarea { border-color: #ce0000; }
#form .form_row.has_error label { color: #ce0000; }

/* ROBOS */

.zipcode			{ display: none !important; }
.zipcode label	{ display: none !important; }
.zipcode input	{ display: none !important; }

/* ==========================================================================
   TEXTILE BLOCKS
   ========================================================================== */

.textile.no_heading	{
	margin-top: 30px;
	}

.textile img	{
	background: #fff;
	box-shadow: 0 1px 4px #B6B6B6;
	display: block;
	}

/* ==========================================================================
   FOOTER
   ========================================================================== */

footer	{
	background: #01913F;
	color: #EBF6F0;
	padding: 15px;
	}

footer a	{
	color: #fff;
	}

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

.copy	{
	font-size: 0.75em;
	margin: 0;
	}

/* ==========================================================================
   BACK TO TOP BUTTON
   ========================================================================== */

#toTop	{ display: none; }

#toTop a	{
	box-shadow: none;
	bottom: 20px;
	font-size: 0.75em;
	height: 60px;
	letter-spacing: 1px;
	line-height: 0.8;
	margin: 0;
	padding-top: 10px;
	position: fixed;
	right: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 60px;
	display: block;
	text-decoration: none;
	z-index: 99;
	}

#toTop i	{
	display: block;
	font-size: 25px;
	}

/* ==========================================================================
   "SIMPLE" PAGES - THANKS, 404, 403
   ========================================================================== */

#simple	{ background: #01913F; }

#simple_wrapper	{
	background: #fff;
	padding-bottom: 15px;
	padding-top: 30px;
	padding: 30px 30px 15px 30px;
	}

#simple #simple_logo	{
	margin: 0 auto 0 auto;
	width: 120px;
	}

#simple_title	{
	color: #B6B6B6;
	font-family: 'LeagueSpartan', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700;
	font-size: 2.25em;
	letter-spacing: 6px;
	line-height: 1;
	margin: 0;
	padding: 45px 30px 15px 30px;
	text-transform: uppercase;
	text-align: center;
	}

#simple #page_title:after	{ display: none; }

#simple .ib					{ max-width: 640px; text-align: center; }
#simple p					{ margin: 0 0 15px 0; }

#simple #simple_copy	{
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	margin: 30px 0;
	text-align: center;
	}

#simple_copy a	{ color: #fff; }

#simple_btn .btn_gray	{
	display: block;
	font-size: 15px;
	line-height: 1;
	margin: 25px auto 0 auto;
	width: 180px;
	padding: 13px 0 15px 0;
	}

/* ==========================================================================
   HELPER CLASSES
   ========================================================================== */

.cf:before,
.cf:after,
.ob:before,
.ob:after,
.ib:before,
.ib:after,
blockquote:before,
blockquote:after
	{
	content: " ";
	display: table;
	}

.cf:after, .ob:after, .ib:after, blockquote:after { clear: both; }
.cf, .ob, .ib, blockquote { *zoom: 1; }

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
    * {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
    }

	a, a:visited	{ text-decoration: underline; }
    pre, blockquote	{ border: 1px solid #999; page-break-inside: avoid; }
    thead			{ display: table-header-group; /* h5bp.com/t */ }
    tr, img			{ page-break-inside: avoid; }
    img				{ max-width: 100% !important; }
    @page			{ margin: 0.5cm; }
    p, h2, h3		{ orphans: 3; widows: 3; }
    h2, h3			{ page-break-after: avoid; }
	}