/****** FILE: themes/kohler/css/base.css *****/
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }







/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }




/****** FILE: themes/kohler/css/skeleton.css *****/
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/****** FILE: themes/kohler/css/layout.css *****/
/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.container {
	margin: 10px auto;
}

/* Header */
.header {
	position: relative; margin-top: 10px; margin-bottom: 20px;
}

.header .nav-open-button {
    display: none
}

.brand {
	float: left;
}

.header h1 img {
	display: block;
	margin-left: 30px;
}


/* Navigation */
.navigation {
	float: right;
}
.navigation ul {
    /*float: right; margin:23px -12px 0 0;*/ position:absolute; bottom:0; right:0;
}
.navigation li {
    float: left;
    padding-bottom: 17px;
    margin: 0 5px;
    padding-bottom: 0;
    position: relative;
    white-space: nowrap;
}
	.navigation li a {
	    font-size: 15px;
	    padding: 12px 8px 0;
	    font-weight: 300;
	    letter-spacing:0;
	    display: block;
	    text-decoration: none;
	}
		.navigation li.last a {
			padding-right: 30px;
		}
	.navigation li a:hover,
	.navigation li.section a,
	.navigation li.current a {
	    color: #424242;
	}
.utility ul {
    position:absolute; top:-12px; right:0;
}
.utility li {
    float: left;
    padding-bottom: 17px;
    margin: 0 5px;
    padding-bottom: 0;
    position: relative;
    white-space: nowrap;
}
	.utility li a {
	    font-size: 12px;
	    padding: 12px 8px 0;
	    font-weight: 300;
	    letter-spacing:0;
	    display: block;
	    text-decoration: none;
	}
		.utility li.last a {
			padding-right: 30px;
		}
	.utility li a:hover,
	.utility li.section a,
	.utility li.current a {
	    color: #424242;
	}

/*** Secondary Nav ***/
.secondary a {
	text-decoration: none;
}

aside h3 {
	text-transform: none;
	margin-bottom: 10px;
	padding: 0;
	line-height: 18px;
	font-size: 18px;
}

.secondary ul {
	margin-left: 10px;
}

.secondary ul li {
	font-size: 18px;

}

	.secondary ul li.section a,
	.secondary ul li.current a,
	.secondary ul li a:hover {
		color: #424242;
	}

		/* second level nav */
		.secondary ul li ul {
			display: none;
		}
		.secondary ul li.section ul,
		.secondary ul li.current ul {
			display: block;
		}

		.secondary ul ul {
			margin-left: 10px;
		}

		.secondary ul ul li {
			margin: 14px 0;
			padding: 0;
			line-height: 18px;
		}

		.secondary ul li li a,
		.secondary ul li.section li a,
		.secondary ul li.current li a {
			color: #767676;
			font-size: 16px;
		}

		.secondary ul li li a:hover,
		.secondary ul li li.section a,
		.secondary ul li li.current a {
			color: #424242;
		}

/* prev-next links on SlidePage */
.prevnext {
	margin-bottom: 30px;
}


/* Content */
.layout {
	background: #f3f3f3;
	background: rgba(243,242,227,0.6);
	min-height: 600px;
}

.layout .main {
	float: right;
}

.content {
	padding: 20px 30px;
}
.rightcol {
	padding: 10px 30px 10px 0;
}
.leftcol {
	padding: 10px 0 10px 30px;
}

.breadcrumbs {
	padding-bottom: 40px;
	color: #424242;
	font-size: 14px;
}
	.breadcrumbs a {
		text-decoration: none;
	}

/* Aside */
aside h3 {
	font-size: 18px;
}
	aside h4 {
		font-size: 16px;
		color: #424242;
	}

/* SlideShow */
.flexslider {
	background: none !important;
	border: none !important;
	border-radius: 0;
	box-shadow: none !important;
}
.flexslider img {
	display: block;
}

.slideshow {
	width: 360px;
	padding: 0
}
	.flexslider {
		margin: 0 0 40px !important;
	}

/* Home Page */
.home .slideshow {
	width: 700px;
	display: block;
	margin: 75px auto 75px;
}
	.flexslider .flex-caption {
		margin: 10px 0;
		text-align: center;
	}


/* Footer */
.footer {
	padding: 20px 0 0;
}
	.footer ul {
	    display: inline;
	    margin: 0;
	    padding: 0 0 0 20px;
	}

		.footer ul.footerNav {
			padding-left: 0;
		}

		.footer li {
		    display: inline
		}
	.ie6 .footer li,
	.ie7 .footer li {
	    display: inline;
	    zoom: 1;
	    margin-right: 10px;
	}

	.footer li a {
		text-decoration: none;
		padding: 0 25px 0 0;
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 0;
	}

	.footer .copyright {
		padding-top: 11px;

	}
		.footer .copyright span {
			padding-right: 30px;
		}

/* #Page Styles
================================================== */

.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

.float-right {
	float: right;
	margin: 0 0 20px 20px;
}

/* Staff Page */
.staff-container{
	margin-top: 20px;
    margin-left: -15px; margin-right: -15px;
}

.staff-member{
	float: left;
    width: 33.3333%;
    padding: 0 15px;
	margin: 0px 0px 5px 0px;
    box-sizing: border-box;
    word-break: break-word;
}
.staff-container .show-twos {display: none;}
@media (max-width: 992px) {
    .staff-member{width: 50%;}
    .staff-container .show-threes {display: none;}
    .staff-container .show-twos {display: block;}
}
@media (max-width: 768px) {
    .staff-member{width: 100%;}
    .staff-container .show-threes {display: block;}
    .staff-container .show-twos {display: block;}
}


.staff-pic {
	background-color: rgba(0,0,255,0.5);
	width: 100px;
	height: 105px;
	border: 1px solid black;
	margin-bottom: 10px;
}

/* images */
img.left {
	float: left;
	margin: 0 10px 10px 0;
}
img.right {
	float: right;
	margin: 0 0 10px 10px;
}


/* Landing Page */
.children {
	margin: 30px 0 0;
/*	columns:200px 3;
	-webkit-columns:200px 3
	-moz-columns:200px 3; */
}
	.children .column {
		display: block;
		margin: 0;
	}

	.children .column ul { padding-right: 10px; }



/* YOUTUBE EMBEDED VIDEO RESPONSIVE RESIZING */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* #Typography
================================================== */



/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		/* footer */
		.footerlinks,
		.copyright {
			display: block;
			width: 100%;
		}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		/* footer */
		.eleven.columns.footerlinks,
		.five.columns.copyright {
			display: block;
			width: 100%;
		}

		/* slideshow */
		.slideshow {
			width: 52%;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {



	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.header h1 img {
			margin-left: 15px;
		}

		/* Navigation */
		.navigation {
			margin-bottom: 10px;
			margin-top: 25px;
		}
		.navigation ul {
		    float: left;
		    clear: both;
		    position: relative;
		    margin: 0 15px 0;
		    white-space: nowrap;
		    right: auto;
		}
			.navigation ul li {
			    padding-bottom: 0;
			    white-space: nowrap;
			    margin: 0 30px 10px 0;
			}
				.navigation ul li a {
				    padding: 0;
				}

		.slideshow {
			width: 100%;
		}
		.slideshow.float-right {
			float: none;
			display: block;
			margin: 0 0 10px;
		}

		.home .slideshow {
			width: 100%;
			margin: 0;
		}

		.content,
		.rightcol,
		.leftcol {
			padding: 15px;
		}

		.footer ul {
			padding-left: 15px;
		}
		.footer li a {
			padding-right: 15px;
		}

		.footer .copyright span {
			padding-right: 15px;
		}



	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.container {
			margin: 0 auto 20px;
		}

		.header h1 img {
			margin-left: 10px;
		}

		.brand {
			float: none;
		}

		/* Navigation */
		.navigation {
			float: left;
			margin-top: 25px;
		}

		/*
		.navigation .nav-open-button {
		    z-index: 100;
		    width: 20px;
		    height: 20px;
		    position: absolute;
		    right: 20px;
		    top: 32px;
		    display: block;
		    cursor: pointer;
		    font-family: 'WebSymbolsRegular';
		    font-size: 20px;
		    color: #ededed;
		}
		*/

		ul{

		}
		li{

		}
		.navigation ul {
		    z-index: 10;
		    position: relative;
		    /*display: none;*/
		    float: left;
		    margin: 0 0 10px !important;
		    padding: 0;
		    white-space: normal;
		    width: 300px;
		    display: table;
		    border: 0 solid #EEE;
		    border-width: 0 0 1px 1px;

		}
			.navigation ul li {
			    width: 100px;
			    margin: 0 !important;
			    float: left;
			    background: none;
			    position: relative;
			    text-shadow: 0 1px #fff;
			    display: table-cell;
			    text-align: center;
			}

			.navigation ul li a {
				display: block;
				padding: 5px 10px;
				border: 0 solid #EEE;
			    border-width: 1px 1px 0 0;
			    font-size: 13px;
			}
				.navigation ul li.last a {
					padding-right: 10px;
				}
			/*
			.navigation ul li:after {
			    content: '\003e';
			    display: block;
			    position: absolute;
			    right: 20px;
			    top: 0px;
			    font-family: 'WebSymbolsRegular';
			    font-size: 14px;
			    color: #999;
			    text-align: center;
			    vertical-align: middle;
			    line-height: 38px;
			}
			*/
			.navigation ul li a:hover,
			.navigation ul li.current a,
			.navigation ul li.section a {
			    color: #424242;
			    border-radius: 0 !important;
			    background: #e7e7e7 !important;
			}
			.navigation ul li a:hover {
			    color: inherit
			}

		.content,
		.rightcol,
		.leftcol {
			padding: 10px 10px;
		}


		/* slideshow */
		.slideshow {
			width: 100%;
		}
		.slideshow.float-right {
			float: none;
			display: block;
			margin: 0 0 10px;
		}

		.home .slideshow {
			width: 100%;
			margin: 0;
		}
			.flexslider .flex-caption {
			margin: 5px 0;
		}

		/* forms */
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea,
		select {
			width: 90%;
		}

		.footer {
			padding: 0;
		}

		/* footer */
		.footer ul {
			float: none;
			display: block;
			padding-left: 0;
			border: 1px solid #EEE;
		}

			.footer ul.footerSocial {
				padding-top: 10px;
				border-bottom: none;
			}

		.footer li {
			display: block;
			float: none;
			width: 100%;
			border-bottom: 1px solid #EEE;
			border-top: none;
			margin: 0;
		}
		.footer li a {
			padding: 5px 10px;
		}



		.footer .footerNav {
			margin: 0 0 10px;
		}
		.footer .footerNav li a {

			display: block;
		}

		.footer .footerSocial li {
			border-bottom: none;
		}

		.footer .copyright {
			text-align: center;
		}

		.footer .copyright span {
			padding-right: 10px;

		}

	}

/* Overrides Cookie Banner Color Scheme*/
#truste-consent-track { 
	background-color: rgba(243,242,227,1)!important;
}
	#truste-consent-track .truste-button2, #truste-consent-track .truste-button1 {
		background: #fff;
		color: rgb(118,118,118);
		border: 1px solid transparent;
		border-radius: 0;
		margin-bottom: 0;
	}

	#truste-consent-track .truste-button2:hover, #truste-consent-track .truste-button1:hover {
		background: #000;
		color: #fff;
		border: 1px solid #000;
	}

	#truste-consent-track .truste-cookie-link { color:rgb(0,0,0); }
	#truste-consent-track #truste-consent-text { color:rgb(0,0,0); }

/****** FILE: themes/kohler/css/form.css *****/
/* SilverStripe form styles 
======================================= */

/* Checkbox fixes */
input.checkbox {
	float: left;
	margin: 0 5px 0 0;
}
.checkbox label.right,
.radio label.right {
    float:left;
    text-align: left;
}

/* from Simple theme */
input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
form .message {
    float:right;
    padding-top: 6px;
    color:#b80000;
}
.holder-required {
    background-color:#ffb8b8;
}
form .good {
    background-color: #ecf9d0;
    border-color: #8fbe00;
}
form .bad {
    background-color: #f9d0d0;
    border-color: #be0000;
}



/* below from Skeleton */

/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(136,135,135,1) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 4px 10px;
	  border-radius: 15px;
	  color: white;
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 90%;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 15px;
		line-height: 20px;
		}
	select {
		width: 220px; }
	input[type="checkbox"] {
		/*display: inline; */}
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/****** FILE: themes/kohler/css/typography.css *****/
/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 16px/23px "minion-pro", 'Georgia', 'Times', serif;
		font-weight: 300;
		/*letter-spacing:1px;*/
		color: #000000;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 30px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 18px; line-height: 18px; margin-bottom: 10px; text-transform: uppercase }
	h3 { font-size: 18px; line-height: 18px; margin-bottom: 10px; }
	.prevnext h3 {padding-bottom: 0px; margin-bottom: 0px;}
	h4 { font-size: 16px; line-height: 16px; margin-bottom: 5px; }
	h5 { font-size: 14px; line-height: 14px; }
	h6 { font-size: 12px; line-height: 12px; }
	.subheader { color: #777; }

	p { margin: 0 0 12px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #767676; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #767676; text-decoration: none; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	.typography > ul {list-style: disc; margin-left: 18px;}
	.typography > ul >li {padding: 0px; margin: 5px 0px;}
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }




/* LINK ICONS - shows type of file
================================================== */
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
	padding: 2px;
	padding-left: 20px;
	background: url(/themes/kohler/images/icons/page_white_acrobat.png) no-repeat left center;
}
.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
	padding: 2px;
	padding-left: 20px;
	background: url(/themes/kohler/images/icons/page_word.png) no-repeat left center;
}
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
	padding: 2px;
	padding-left: 20px;
	background: url(/themes/kohler/images/icons/page_excel.png) no-repeat left center;
}
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
	padding: 2px;
	padding-left: 20px;
	background: url(/themes/kohler/images/icons/page_white_zip.png) no-repeat left center;
}
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
	padding: 2px;
	padding-left: 20px;
	background: url(/themes/kohler/images/icons/application.png) no-repeat left center;
}


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}


/* IMAGES 
-------------------------------------------- */
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}

.typography img {max-width: 100%; height: auto;}