/*================================================================
                 Boilerplate - Base Styles 
================================================================*/

html, button, input, select, textarea { color: #404040; }
body {
	font-family: arial, sans-serif;
	line-height: 1.4;
}

::-moz-selection { background: #73b373; text-shadow: none; }
::selection { background: #73b373; text-shadow: none; }

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible { visibility: hidden; }
.hide { display: none; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.smallest { font-size: .8em; }
.smaller { font-size: .9em; }
.larger { font-size: 1.1em; }
.largest { font-size: 1.2em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.subtext { vertical-align: baseline; font-weight: normal; font-size: .75em; }
.red { color: #f00; }
.blue { color: #00f; }
.green { color: #390; }
.lgreen { color: #97937d; }
.vtop { vertical-align: top; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.nowrap { white-space: nowrap; }
.breakforprint { page-break-after: always; }
.clear {
	overflow: hidden;
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

.skip { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.floatRight { float: right; }
.floatLeft { float: left; }
.important { color: red; font-weight: bold; text-transform: uppercase; }

.mainCol .imageright { float:right; margin: 15px 0 15px 15px; max-width:40%; }
.mainCol .imageleft { float:left; margin: 15px 15px 15px 0; max-width:40%; }

.imagerightfull, .imageleftfull { display:block; margin:15px 0; text-align:center; }

@media (min-width:480px){
	.imagerightfull { float:right; margin: 15px 0 15px 15px; max-width:40% !important; }
	.imageleftfull { float:left; margin: 15px 15px 15px 0; max-width:40% !important;}
}

@media (min-width:48em) {
	.col1 .imageright, .col1 .imageleft { max-width:33%; }
	.col2 .imageright, .col2 .imageleft { max-width:40%; }
	.col3 .imageright, .col3 .imageleft { max-width:50%; }
}

/* ==============================================================
   FONT STYLES 
   ============================================================== */

@font-face {
	font-family: 'icomoon';
	src:url('/content/ADA/fonts/ada.eot');
	src:url('/content/ADA/fonts/ada.eot?#iefix') format('embedded-opentype'),
	    url('/content/ADA/fonts/ada.woff') format('woff'),
	    url('/content/ADA/fonts/ada.ttf') format('truetype'),
	    url('/content/ADA/fonts/ada.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-arrow-left:before, 
.icon-arrow-right:after, 
.icon-arrow-left-bold:before,
.icon-arrow-right-bold:after, 
.icon-menu:before, 
.icon-warning:before, 
.icon-lock:before,
.icon-cart:before,
.icon-login:before,
.icon-phone:before, 
.icon-rss:before,
.icon-checkmark:before,
.icon-search:before,
.icon-user:before,
.icon-envelope:before,
.icon-print:before,
.icon-plus:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-arrow-left:before { content: "\2190"; }
.icon-arrow-right:after { content: "\2192"; }
.icon-arrow-left-bold:before { content: "\21e6"; }
.icon-arrow-right-bold:after { content: "\21e8"; }

.icon-menu:before { content: "\2630"; }
.icon-warning:before { content: "\21"; }
.icon-lock:before { content: "\2605"; }
.icon-cart:before { content: "\24"; }
.icon-login:before { content: "\2348"; }
.icon-phone:before { content: "\260f"; }
.icon-rss:before { content: "\72"; }

.icon-checkmark:before { content: "\2713"; }
.icon-search:before { content:"\3e"; }
.icon-user:before { content:"\23"; }

.icon-envelope:before { content: "\2709"; }
.icon-print:before { content: "\2338"; }
.icon-plus:before { content: "\2b"; }

/* ================================================================
   Typography STYLES
   ================================================================ */
   
h1 { margin: 0 0 .85em; color: #433d38; font-size: 1.6em; line-height: 1.1; }
h2 { margin: 0 0 .6em; color: #433d38; font-size: 1.125em; }
h3 { margin: 0 0 1em; color: #433d38; font-size: 1.05em; }
h4 { margin: 0 0 1em; color: #433d38; font-size: .85em; }
h5 { margin: 0 0 1em; color: #433d38; font-size: .85em; }
h6 { margin: 0 0 1em; color: #433d38; font-size: .85em; }

p { margin: 0 0 1.2em; padding-right:15px }
strong, b { color: #404040;}

a {
	color: #0076be;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}

a:hover, a:focus { color: #339933; text-decoration: none; }

ul { margin-top:0; padding-left:15px; list-style-type:disc; }
.mainCol ul li { padding:2px 0; }