/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, 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, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal;
	vertical-align: baseline; background: transparent;
}

main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: border-box; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img, object, embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll; overflow-x: hidden; }

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul { list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: separate; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: baseline;}

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

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: top;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 16px sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: middle;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button, input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/



/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }

/* =Horizontal Rule
-------------------------------------------------------------- */
hr { background: #000; border: none; clear: both; color: #000; float: none; height: 2px; width: 100%; }
hr.space { background: #fff; color: #fff; }

/* =Base
-------------------------------------------------------------- */
html { height: 100%; }
body { -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: black;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-smoothing: antialiased;
	line-height: 1.5em; text-rendering: optimizeLegibility;
}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 700; line-height: 1.0em; word-wrap: break-word;
}

h1 { font-size: 2.625em; margin-bottom: .5em; margin-top: .5em; }
h2 { font-size: 2.250em; margin-bottom: .75em; margin-top: .75em; } /* = 36px */
h3 { font-size: 1.875em; margin-bottom: .857em; margin-top: .857em; } /* = 30px */
h4 { font-size: 1.500em;  } /* = 24px */
h5 { font-size: 1.125em;  } /* = 18px */
h6 { font-size: 1.000em;  } /* = 16px */

/* =Typography
-------------------------------------------------------------- */
p { word-wrap: break-word; }
i, em, dfn, cite { font-style: italic; }
tt, var, pre, kbd, samp, code { font-family: monospace, serif; font-style: normal; }
b, strong { font-weight: 700; }
pre {
    -moz-box-sizing: border-box; -moz-border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2); -webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-sizing: border-box; box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
    box-sizing: border-box; background: #f4f4f4; border: 1px solid #aaa; border-bottom-color: #ccc;
	border-radius: 2px; height: auto; margin: 0; outline: none; padding: 6px 10px;
	vertical-align: middle; width: 100%; max-width:1200px; word-wrap: break-word; white-space: pre-wrap;
}

del { color: #555; text-decoration: line-through; }
ins, dfn { border-bottom: 1px solid #ccc; }
sup, sub, small { font-size: 85%; }
abbr, acronym { font-size: 85%; letter-spacing: .1em; text-transform: uppercase; }

a abbr, a acronym { border: none; }
dfn[title], abbr[title], acronym[title] { border-bottom: 1px solid #ccc; cursor: help; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* =Responsive 12 Column Grid: http://themeid.com/responsive-grid/
-------------------------------------------------------------- */
.grid, .footer-grid { float: left; margin-bottom: 2.127659574468%; padding-top: 0; }
.grid-right { float: right; margin-bottom: 2.127659574468%; padding-top: 0; }
.col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 {
	display: inline; margin-right: 2.127659574468%;
}

.col-60  { width: 6.382978723404%; }
.col-140 { width: 14.893617021277%; }
.col-220 { width: 23.404255319149%; }
.col-300 { width: 31.914893617021%; }
.col-380 { width: 40.425531914894%; }
.col-460 { width: 48.936170212766%; }
.col-540 { width: 57.446808510638%; }
.col-620 { width: 65.957446808511%; }
.col-700 { width: 74.468085106383%; }
.col-780 { width: 82.978723404255%; }
.col-860 { width: 91.489361702128%; }
.col-940 { width: 100%; clear: both; }
.fit { margin-left: 0 !important; margin-right: 0 !important; }

/* =Visibility
-------------------------------------------------------------- */
.hidden { visibility: hidden; }
.visible { visibility: visible; }
.none { display: none; }
.hide-desktop { display: none; }
.show-desktop { display: block; }

/* =Responsive Images
-------------------------------------------------------------- */
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; }
.ie8 img { height: auto; width: auto\9; }
.ie8 img.size-large { max-width: 60%; width: auto; }

/* =Responsive Embeds/Objects
-------------------------------------------------------------- */
embed, object { max-width: 100%; }
svg:not(:root) { overflow: hidden; }

/* =Links
-------------------------------------------------------------- */
a { color: #080808; font-weight: 400; text-decoration: none; }
a:hover, a:focus, a:active { color: #444; outline: 0; text-decoration: none; }
::selection { background: #999; color: #fff; text-shadow: none; }

/* =Forms
-------------------------------------------------------------- */
label { display: inline-block; font-weight: 700; padding: 2px 0; }
legend { padding: 2px 5px; }
fieldset { border: 1px solid #ccc; margin: 0 0 1.5em; padding: 1em 2em; }
select, input[type="text"], input[type="password"], input[type="email"] {
	-moz-box-sizing: border-box; -moz-border-radius: 2px; -webkit-box-sizing: border-box;
	-webkit-border-radius: 2px; background-color: #fff; box-sizing: border-box;
	border: 1px solid #aaa; border-bottom-color: #ccc; border-radius: 2px; margin: 0;
	outline: none; padding: 6px 8px; vertical-align: middle;
}

select { height: auto; }
area, textarea {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 2px; 
	background-color: #fff; box-sizing: border-box; border: 1px solid #aaa;
	border-bottom-color: #ccc; border-radius: 2px; height: auto; overflow: auto; margin: 0;
	outline: none; padding: 8px 10px; width: 100%;
}

input, select { cursor: pointer; }
area:focus, input:focus, textarea:focus { border: 1px solid #6cf; }
input[type='text'], input[type='password'] { cursor: text; }

/* =IE Forms
-------------------------------------------------------------- */
.ie7 area, .ie7 select, .ie7 textarea, .ie7 input[type="text"], .ie7 input[type="password"] {
	width: 96%;
}

/* =Buttons
-------------------------------------------------------------- */
button, a.button, input[type='reset'], input[type='button'], input[type='submit'] {
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	color: #333; cursor: pointer; display: inline-block; background-color: #0cacee;
	font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; padding: 4px 10px;
	text-decoration: none; vertical-align: middle; white-space: nowrap;
}

button:hover, a.button:hover, input[type='reset']:hover, input[type='button']:hover, 
input[type='submit']:hover {
	background-color: #08142b; color: #bbb;
}

button:active, a.button:active, input[type='reset']:active, input[type='button']:active, 
input[type='submit']:active {
    
}

.btn, .read-more {
	cursor: pointer; background-image: none; background-color: #0cacee; padding: 10px 16px;
	font-size: 18px; line-height: 1.3333333; border-radius: 6px; width: 195px; margin: 0px auto;
    float: none; box-shadow: 0px 1px 5px #888888;
}

/* =Buttons (Sizes)
-------------------------------------------------------------- */
.small a.button { font-size: 10px; 	padding: 3px 6px; }
.medium a.button { font-size: 16px; padding: 8px 16px; }
.large a.button { font-size: 18px; padding: 10px 35px; }
.xlarge a.button { font-size: 24px; padding: 12px 55px; }

/* =Buttons (Colors)
-------------------------------------------------------------- */
a.blue {
	background-color: #1874cd; /* Dodger Blue */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
	background-image: linear-gradient(top, #4f9eea, #1874cd);
	border: 1px solid #115290; color: #fff; text-shadow: 0 -1px 0 #115290;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd);
}

a.blue:hover {
	background-color: #7db7f0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7db7f0), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -moz-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -ms-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -o-linear-gradient(top, #7db7f0, #1874cd);
	background-image: linear-gradient(top, #7db7f0, #1874cd);
	border: 1px solid #115290; color: #fff; text-shadow: 0 -1px 0 #115290;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db7f0, endColorstr=#1874cd);
}

a.red {
	background-color: #cd0000; /* Red 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2323), to(#cd0000));
	background-image: -webkit-linear-gradient(top, #ff2323, #cd0000);
	background-image: -moz-linear-gradient(top, #ff2323, #cd0000);
	background-image: -ms-linear-gradient(top, #ff2323, #cd0000);
	background-image: -o-linear-gradient(top, #ff2323, #cd0000);
	background-image: linear-gradient(top, #ff2323, #cd0000);
	border: 1px solid #890000; color: #fff; text-shadow: 0 -1px 0 #890000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2323, endColorstr=#cd0000);
}

a.red:hover {
	background-color: #ff5656;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5656), to(#cd0000));
	background-image: -webkit-linear-gradient(top, #ff5656, #cd0000);
	background-image: -moz-linear-gradient(top, #ff5656, #cd0000);
	background-image: -ms-linear-gradient(top, #ff5656, #cd0000);
	background-image: -o-linear-gradient(top, #ff5656, #cd0000);
	background-image: linear-gradient(top, #ff5656, #cd0000);
	border: 1px solid #890000; color: #fff; text-shadow: 0 -1px 0 #890000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000);
}

a.orange {
	background-color: #ff7f00; /* Dark Orange 1 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fa5), to(#ff7f00));
	background-image: -webkit-linear-gradient(top, #fa5, #ff7f00);
	background-image: -moz-linear-gradient(top, #fa5, #ff7f00);
	background-image: -ms-linear-gradient(top, #fa5, #ff7f00);
	background-image: -o-linear-gradient(top, #fa5, #ff7f00);
	background-image: linear-gradient(top, #fa5, #ff7f00);
	border: 1px solid #bb5d00; color: #fff; text-shadow:0 -1px 0 #bb5d00;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffaa55, endColorstr=#ff7f00);
}

a.orange:hover {
	background-color: #ffc388;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc388), to(#ff7f00));
	background-image: -webkit-linear-gradient(top, #ffc388, #ff7f00);
	background-image: -moz-linear-gradient(top, #ffc388, #ff7f00);
	background-image: -ms-linear-gradient(top, #ffc388, #ff7f00);
	background-image: -o-linear-gradient(top, #ffc388, #ff7f00);
	background-image: linear-gradient(top, #ffc388, #ff7f00);
	border: 1px solid #bb5d00; color: #fff; text-shadow:0 -1px 0 #bb5d00;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc388, endColorstr=#ff7f00);
}

a.yellow {
	background-color: #ecca06; /* Yellow Gold */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff2aa), to(#ffd700));
	background-image: -webkit-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -moz-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -ms-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -o-linear-gradient(top, #fff2aa, #ffd700);
	background-image: linear-gradient(top, #fff2aa, #ffd700);
	border: 1px solid #bb9e00; color: #161300; text-shadow:0 1px 0 #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2aa, endColorstr=#ffd700);
}

a.yellow:hover {
	background-color: #fffadd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fffadd), to(#ffd700));
	background-image: -webkit-linear-gradient(top, #fffadd, #ffd700);
	background-image: -moz-linear-gradient(top, #fffadd, #ffd700);
	background-image: -ms-linear-gradient(top, #fffadd, #ffd700);
	background-image: -o-linear-gradient(top, #fffadd, #ffd700);
	background-image: linear-gradient(top, #fffadd, #ffd700);
	border: 1px solid #bb9e00; color: #161300; text-shadow:0 1px 0 #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffadd, endColorstr=#ffd700);
}

a.green {
	background-color: #2e8b57; /* Sea Green 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57));
	background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -moz-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -ms-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -o-linear-gradient(top, #4bc380, #2e8b57);
	background-image: linear-gradient(top, #4bc380, #2e8b57);
	border: 1px solid #1d5837; color: #fff; text-shadow: 0 -1px 0 #1d5837;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57);
}

a.green:hover {
	background-color: #71d09b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57));
	background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -moz-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -ms-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -o-linear-gradient(top, #71d09b, #2e8b57);
	background-image: linear-gradient(top, #71d09b, #2e8b57);
	border: 1px solid #1d5837; color: #fff; text-shadow: 0 -1px 0 #1d5837;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57);
}

a.olive {
	background-color: #838b83; /* Honey Dew 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e000), to(#838b83));
	background-image: -webkit-linear-gradient(top, #afb4af, #838b83);
	background-image: -moz-linear-gradient(top, #afb4af, #838b83);
	background-image: -ms-linear-gradient(top, #afb4af, #838b83);
	background-image: -o-linear-gradient(top, #afb4af, #838b83);
	background-image: linear-gradient(top, #afb4af, #838b83);
	border: 1px solid #626862; color: #fff; text-shadow: 0 -1px 0 #626862;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#afb4af, endColorstr=#838b83);
}

a.olive:hover {
	background-color: #c9cdc9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c9cdc9), to(#838b83));
	background-image: -webkit-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -moz-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -ms-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -o-linear-gradient(top, #c9cdc9, #838b83);
	background-image: linear-gradient(top, #c9cdc9, #838b83);
	border: 1px solid #626862; color: #fff; text-shadow: 0 -1px 0 #626862;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9cdc9, endColorstr=#838b83);
}

a.purple {
	background-color: #5d478b; /* Medium Purple 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8771b6), to(#5d478b));
	background-image: -webkit-linear-gradient(top, #8771b6, #5d478b);
	background-image: -moz-linear-gradient(top, #8771b6, #5d478b);
	background-image: -ms-linear-gradient(top, #8771b6, #5d478b);
	background-image: -o-linear-gradient(top, #8771b6, #5d478b);
	background-image: linear-gradient(top, #8771b6, #5d478b);
	border: 1px solid #3f305e; color: #fff; text-shadow: 0 -1px 0 #3f305e;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8771b6, endColorstr=#5d478b);
}

a.purple:hover {
	background-color: #a492c8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a492c8), to(#5d478b));
	background-image: -webkit-linear-gradient(top, #a492c8, #5d478b);
	background-image: -moz-linear-gradient(top, #a492c8, #5d478b);
	background-image: -ms-linear-gradient(top, #a492c8, #5d478b);
	background-image: -o-linear-gradient(top, #a492c8, #5d478b);
	background-image: linear-gradient(top, #a492c8, #5d478b);
	border: 1px solid #3f305e; color: #fff; text-shadow: 0 -1px 0 #3f305e;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a492c8, endColorstr=#5d478b);
}

a.pink {
	background-color: #cd1076; /* Deep Pink 3 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076));
	background-image: -webkit-linear-gradient(top, #f042a0, #cd1076);
	background-image: -moz-linear-gradient(top, #f042a0, #cd1076);
	background-image: -ms-linear-gradient(top, #f042a0, #cd1076);
	background-image: -o-linear-gradient(top, #f042a0, #cd1076);
	background-image: linear-gradient(top, #f042a0, #cd1076);
	border: 1px solid #8e0b52; color: #fff; text-shadow: 0 -1px 0 #8e0b52;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076);
}

a.pink:hover {
	background-color: #f471b8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076));
	background-image: -webkit-linear-gradient(top, #f471b8, #cd1076);
	background-image: -moz-linear-gradient(top, #f471b8, #cd1076);
	background-image: -ms-linear-gradient(top, #f471b8, #cd1076);
	background-image: -o-linear-gradient(top, #f471b8, #cd1076);
	background-image: linear-gradient(top, #f471b8, #cd1076);
	border: 1px solid #8e0b52; color: #fff; text-shadow: 0 -1px 0 #8e0b52;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076);
}

a.brick {
	background-color: #b22222; /* Fire Brick */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4c4c), to(#b22222));
	background-image: -webkit-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -moz-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -ms-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -o-linear-gradient(top, #dd4c4c, #b22222);
	background-image: linear-gradient(top, #dd4c4c, #b22222);
	border: 1px solid #791717; color: #fff; text-shadow: 0 -1px 0 #791717;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd4c4c, endColorstr=#b22222);
}

a.brick:hover {
	background-color: #e57777;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e57777), to(#b22222));
	background-image: -webkit-linear-gradient(top, #e57777, #b22222);
	background-image: -moz-linear-gradient(top, #e57777, #b22222);
	background-image: -ms-linear-gradient(top, #e57777, #b22222);
	background-image: -o-linear-gradient(top, #e57777, #b22222);
	background-image: linear-gradient(top, #e57777, #b22222);
	border: 1px solid #791717; color: #fff; text-shadow: 0 -1px 0 #791717;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e57777, endColorstr=#b22222);
}

a.gold {
	background-color: #8b6508; /* Dark Golden Rod 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#db9f0d), to(#8b6508));
	background-image: -webkit-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -moz-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -ms-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -o-linear-gradient(top, #db9f0d, #8b6508);
	background-image: linear-gradient(top, #db9f0d, #8b6508);
	border: 1px solid #6b4e06; color: #fff; text-shadow: 0 -1px 0 #6b4e06;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db9f0d, endColorstr=#8b6508);
}

a.gold:hover {
	background-color: #f3b828;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b828), to(#8b6508));
	background-image: -webkit-linear-gradient(top, #f3b828, #8b6508);
	background-image: -moz-linear-gradient(top, #f3b828, #8b6508);
	background-image: -ms-linear-gradient(top, #f3b828, #8b6508);
	background-image: -o-linear-gradient(top, #f3b828, #8b6508);
	background-image: linear-gradient(top, #f3b828, #8b6508);
	border: 1px solid #6b4e06; color: #fff; text-shadow: 0 -1px 0 #6b4e06;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3b828, endColorstr=#8b6508);
}

a.brown {
	background-color: #8b4513; /* Saddle Brown */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d66a1d), to(#8b4513));
	background-image: -webkit-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -moz-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -ms-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -o-linear-gradient(top, #d66a1d, #8b4513);
	background-image: linear-gradient(top, #d66a1d, #8b4513);
	border: 1px solid #4f270b; color: #fff; text-shadow: 0 -1px 0 #4f270b;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d66a1d, endColorstr=#8b4513);
}

a.brown:hover {
	background-color: #8b4513;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e58541), to(#8b4513));
	background-image: -webkit-linear-gradient(top, #e58541, #8b4513);
	background-image: -moz-linear-gradient(top, #e58541, #8b4513);
	background-image: -ms-linear-gradient(top, #e58541, #8b4513);
	background-image: -o-linear-gradient(top, #e58541, #8b4513);
	background-image: linear-gradient(top, #e58541, #8b4513);
	border: 1px solid #4f270b; color: #fff; text-shadow: 0 -1px 0 #4f270b;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58541, endColorstr=#8b4513);
}

a.silver {
	background-color: #c0c0c0; /* Silver */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: linear-gradient(top, #eaeaea, #c0c0c0);
	border: 1px solid #9e9e9e; color: #444; text-shadow: 0 1px 0 #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0);
}

a.silver:hover {
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #fff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #fff, #c0c0c0);
	background-image: -ms-linear-gradient(top, #fff, #c0c0c0);
	background-image: -o-linear-gradient(top, #fff, #c0c0c0);
	background-image: linear-gradient(top, #fff, #c0c0c0);
	border: 1px solid #9e9e9e; color: #444; text-shadow: 0 1px 0 #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#c0c0c0);
}

a.gray {
	background-color: #696969; /* Dim Gray */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969));
	background-image: -webkit-linear-gradient(top, #939393, #696969);
	background-image: -moz-linear-gradient(top, #939393, #696969);
	background-image: -ms-linear-gradient(top, #939393, #696969);
	background-image: -o-linear-gradient(top, #939393, #696969);
	background-image: linear-gradient(top, #939393, #696969);
	border: 1px solid #474747; color: #fff; text-shadow: 0 -1px 0 #474747;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969);
}

a.gray:hover {
	background-color: #adadad;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969));
	background-image: -webkit-linear-gradient(top, #adadad, #696969);
	background-image: -moz-linear-gradient(top, #adadad, #696969);
	background-image: -ms-linear-gradient(top, #adadad, #696969);
	background-image: -o-linear-gradient(top, #adadad, #696969);
	background-image: linear-gradient(top, #adadad, #696969);
	border: 1px solid #474747; color: #fff; text-shadow: 0 -1px 0 #474747;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969);
}

a.black {
	background-color: #080808; /* Black */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#080808));
	background-image: -webkit-linear-gradient(top, #323232, #080808);
	background-image: -moz-linear-gradient(top, #323232, #080808);
	background-image: -ms-linear-gradient(top, #323232, #080808);
	background-image: -o-linear-gradient(top, #323232, #080808);
	background-image: linear-gradient(top, #323232, #080808);
	border: 1px solid #000; color: #fff; text-shadow: 0 -1px 0 #000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232, endColorstr=#080808);
}

a.black:hover {
	background-color: #4c4c4c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#080808));
	background-image: -webkit-linear-gradient(top, #4c4c4c, #080808);
	background-image: -moz-linear-gradient(top, #4c4c4c, #080808);
	background-image: -ms-linear-gradient(top, #4c4c4c, #080808);
	background-image: -o-linear-gradient(top, #4c4c4c, #080808);
	background-image: linear-gradient(top, #4c4c4c, #080808);
	border: 1px solid #000; color: #fff; text-shadow: 0 -1px 0 #000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#080808);
}

/* =Info Boxes
-------------------------------------------------------------- */
.info-box {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block;
	margin: 20px 0; padding: 15px; text-align: left;
}

.alert { background-color: #faebeb; border: 1px solid #dc7070; color: #212121; }
.address { background-color: #f6f5ef; border: 1px solid #cdc9a5; color: #212121; }
.notice { background-color: #fbf9e9; border: 1px solid #e3cf57; color: #212121; }
.success { background-color: #f9fde8; border: 1px solid #a2bc13; color: #212121; }
.download { background-color: #fff4e5; border: 1px solid #ff9912; color: #212121; }
.information { background-color: #eef3f6; border: 1px solid #6ca6cd; color: #212121; }
.required { color: #d5243f; }

/* =IE6 Notice
-------------------------------------------------------------- */
.msie-box {
	background-color: #f9edbe; border: 1px solid #f0c36d; color: #212121; display: block;
	margin: 0 auto; max-width: 960px; padding: 10px; position: absolute; top: 60px;
	text-align: center; width: 100%;
}

.msie-box a { color: #212121; }

/* =Tables
-------------------------------------------------------------- */
th, td, table { border: 1px solid #ddd; }
table { border-collapse: collapse; width: 100%; }
#content table { border-collapse: initial; border: 1px solid black; }
/* =Lists
-------------------------------------------------------------- */
ul { list-style-type: disc; margin: 0; padding: 0; }
ol { line-height: 22px; list-style-position: outside; list-style-type: decimal; margin: 0; padding: 0; }
dt { font-weight: 400; }

/* =Blockquote
-------------------------------------------------------------- */
blockquote { 
	background: #f9f9f9; border: none; border-left: 4px solid #d6d6d6; margin: 20px;
	overflow: auto; padding: 0 0 10px 12px;
}

blockquote p {
	font-family: 'Georgia', 'Times New Roman', Times, serif; font-style: italic;
	font-size: 18px; line-height: 26px;
}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 700; line-height: 1.0em; word-wrap: break-word; margin-top: .5em; margin-bottom: .5em;
}

h1 { font-size: 2.625em; }
h2 { font-size: 2.250em; } /* = 36px */
h3 { font-size: 1.875em; } /* = 30px */
h4 { font-size: 1.500em; } /* = 24px */
h5 { font-size: 1.125em; } /* = 18px */
h6 { font-size: 1.000em; } /* = 16px */

.home .post-title { display:none; }

/* =Margins & Paddings
-------------------------------------------------------------- */
th, td { padding: 2px; width: 10%; }
caption { padding-bottom: .8em; }
blockquote { padding: 0 1em; }
blockquote:first-child { margin: .8em 0; }
fieldset { margin: 1.6em 0; padding: 0 1em 1em; }
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; }
input, textarea { padding: .3em .4em .15em; }
select { /*padding: .1em .2em 0;*/ }
option { padding: 0 .4em; }
dt { margin-bottom: .4em; margin-top: .8em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ul, ol { margin: 0 0 8px; padding-left: 1.0em; }
li ul, li ol { margin: 0; }
form div {	margin-bottom: .8em; }

/* Forms
-------------------------------------------------------------- */
.input-wrap { width: 98%; margin: 1%; float:left; }
.options-wrap label { width: 25%; float:left; }

/* Passwords
-------------------------------------------------------------- */
.Short {  
    width: 100%;  
    background-color: #dc3545;  
    margin-top: 5px;  
    height: 3px;  
    color: #dc3545;  
    font-weight: 500;  
    font-size: 12px;  
}  
.Weak {  
    width: 100%;  
    background-color: #ffc107;  
    margin-top: 5px;  
    height: 3px;  
    color: #ffc107;  
    font-weight: 500;  
    font-size: 12px;  
}  
.Strong {  
    width: 100%;  
    background-color: #28a745;  
    margin-top: 5px;  
    height: 3px;  
    color: #28a745;  
    font-weight: 500;  
    font-size: 12px;  
}  
.Good {  
    width: 100%;  
    background-color: #d39e00;  
    margin-top: 5px;  
    height: 3px;  
    color: #d39e00;  
    font-weight: 500;  
    font-size: 12px;  
}
#strengthMessage {
    clear: both;
    float: right;
    width: 48%;
    margin: 0 0 15px;
}
button[disabled], html input[disabled], button[diabled]:hover, html input[disabled]:hover {
    cursor: default;
	background-color: #aeadad;
	color: #fff;
}
.passwordRules ul {
    list-style-type: disc;
    margin: 0;
    list-style-position: inside;
}
.passwordRules {
    font-size: .9em;
    padding: 0px 10% 6px;
}

/** Site Elements 
-------------------------------------------------------------- */
body { padding-top: 50px; }
.row { display:flex; margin:0; }
.span3 { width: 23%; margin:1%; }
.span4 { width: 31%; margin:1%; }
.span6 { width: 46%; margin: 0 2%; }
.span8 { width: 62%;, margin:1%; }

.span4 label {float:left; clear:left; text-align:right; width:40%; line-height:27px; }
.span4 input, .span4 select {float:right; clear:right; width:58%; }

.action-form { margin: 0px auto; float: none; padding: 1%; background: #cacaca; border-radius: 10px; }
.contact-form { margin: 0px auto; float: none; padding: 1%; background: #cacaca; border-radius: 10px; }
.front-form { max-width: 500px; margin: 0px auto; float: none; padding: 1%; background: #cacaca; border-radius: 10px; position: relative; }
.front-form label, .contact-form label:not(.table) { width: 48%; float: left; text-align: right; height: 32px; }
.front-form input, .contact-form input:not(.table), .contact-form select:not(.table) { width: 48%; float: right; height: 32px; }
.contact-form input[type="checkbox"] { width: 20px; float: none; margin-right: 10px; margin-left: 20px; margin-top: -5px; }
.contact-form input[type="radio"] {
    width: 30px;
    float: left;
    height: 19px;
    margin-left: 20px;
	position:relative;
}
label.radio { width:auto !important; float:left !important; margin: 0 20px; }
.checkbox+.checkbox, .radio+.radio {
    margin-top: 0px;
}
ul, li, ol { list-style-type:none; margin: 5px;}
a.dp-choose-date {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: inline-block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../datepicker/calendar.png) no-repeat;
}
.err { color:red; }
.tab li { margin: 0; }
.field-wrapper { display: inline-block; margin: 0; }
input[type="text"]:disabled {
  background: #dddddd;
}
#content { max-width: 1200px; padding: 10px; margin: -30px auto 0px; }

#content input.bt_submit {
    display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer;
	border: none; font-weight: bold; margin: 10px 0; width: 94px; color: white;
    background: transparent url(../img/bt_register.png) no-repeat 0 0;
}
.object, .object-lib, .object-wrapper { border: 1px solid red; }
#library-wrapper { position:relative; width: 32%; height: 100%; float:left; }
#object-library { 
	width: 31%; margin: 0 1%; background-color: #ccc; border-radius:20px;
	min-height: 100px; float: left; position:fixed; max-width:370px; overflow-y: scroll;
    max-height: calc(100% - 110px); 
}
input[type="checkbox"].fill:before {
    content: ''; width: 20px; background: cyan; height: 20px; display: block; position: relative;
    z-index: -1; top: -4px; left: -4px;
}
.add-field { float: right; background: #ddd; border-radius: 4px; padding: 0 5px; margin-left: 3px; }
.add-signer { background: #ddd; border-radius: 4px; padding: 0 5px; margin-left: 3px; display: block; width: 200px; }
#signer-wrapper { float:left; width: 40%; }
.fill { background: cyan !important; }
.ufill{ background: #bfead0 !important; }
.sign-field { background: cyan !important; }
.object-lib { max-width:350px; }
#document-field { width: 64%; margin: 0 1%; background-color: #ccc; border-radius:20px; min-height: 100px; float: left; }
#document select, #document input[type="text"], #document input[type="password"], #document input[type="email"] { 
	width: auto; padding: 2px; border: 1px solid black;
}
#document p { margin: 10px 0; }
canvas.jSignature { background: cyan; margin-left: 5px !important; }
#document table { border: 2px solid black; margin: 10px 0; }
#document th { min-height:20px; text-align:center;}

.object-lib { width: 94%; margin: 3%; background-color: #aaa; border-radius: 10px; padding: 15px; text-align: center; }
.highlight { background: #blue; }

.object { width: 96%; margin: 0 2%; background-color: oldlace; border-radius:5px; padding: 0 10px; overflow: hidden; position: relative; }
.object.header input, .object.header-legal input { width: 100% !important; }
.dropzone { width: 96%; margin: 0 2%; background-color: silver; border-radius:5px; padding: 25px 0; }
textarea { width: 100%; height: 100px; }
.toggle { position: absolute; font-size: 18px; font-weight: 700; right: 30px; top: 0; cursor: pointer; }
.delete { position: absolute; font-size: 18px; font-weight: 700; right: 10px; top: 0; cursor: pointer; }
.under-field { width: 25%; float: left; }
.under-field input, .under-field label { width: 100% !important; clear: both; }
.under-field input { border: none !important; border-bottom: 1px solid black !important; }
span.field { border-bottom: 1px solid black; min-width: 35px; display: inline-block; font-weight: 700; min-height: 16px; }
#document td .field { width: 100%; border-bottom:none; }
#document td input[type="radio"].field { width: auto; margin: 0 10px; }
.field.under { width: 100%; }
.fullwidth {
	width: 100% !important; text-align: center; border: none !important; 
	border-bottom: 1px solid black !important; }
.legal-header { padding: 10px; border: 1px solid black; }
.footer { width:100%; clear: both; }
.signature { width: 30%; border: none; float:left; margin: 0 1%; }
.signature .field { width: 100% !important; border: none !important; border-bottom: 1px solid black !important; margin: 5px; }
.full { width:100%; }
.sign-field canvas { width: 100% !important; }
.table.field { width: calc(33% - 10px); float:left; height: 30px; }
.linenote { float: left; width: calc(100% - 155px); }
.timestamp { float: right; border: 1px solid black; padding: 0 5px; width: 150px; }
th a { font-weight: 700; text-decoration:underline; }
.right { float: right; }
.left { float:left; }
.autowidth { width: auto !important }
#doc-holder .row { border-bottom: 1px solid black; }
#doc-holder .cell { text-align:center; }
.fileupload { float: right; display: inline; width: 110px; }
.password-reset-link { position: absolute; left:20px; bottom: 20px; }
.sign-here { 
	text-align: center; font-weight: 700; background-color: yellow; 
	padding: 10px; font-size: 1.3em; }
.optional { color: blue; }
.accepted, .accepted a { color: green; }
.denied, .denied a { color:red; }
.doc-accept, .doc-deny { width: 20px; height:20px;float:left; margin: 3px; cursor:pointer; }
.doc-accept { background: url(../img/bt_open.png) no-repeat left 0; }
.doc-accept:hover { background: url(../img/bt_open.png) no-repeat left -19px; }
.doc-deny { background: url(../img/bt_close.png) no-repeat left 0; }
.doc-deny:hover { background: url(../img/bt_close.png) no-repeat left -19px; }
.controls {
    position: fixed;
    right: 0px;
    bottom: 10%;
}
.controls input, .controls a {
    display: block;
    width: 95px;
}
.error {color:red;}

a.del-btn { background: url(../img/bt_close.png) no-repeat left -20px; height:20px;width:20px; float: left;}

@media screen and (max-width: 600px) {
	#cta-bar .ctadiv { margin-left: 10px; }
	#cta-hours { float: left; margin: 0 !important; }
	.span3, .span4, .span6, .span8 { width: 96%; margin: 2%; margin-bottom: 20px; float: none; }
	.row {display: block; }
	.footer-widget-area { float: none; width: 96%; margin: 2%; }
	.footer-widget-area .widget-title { text-align: center; }
}