/*
@font-face {
  font-family: 'Font Name';
    src: url('type/fontname.eot');
    src: url('type/fontname.eot?#iefix') format('embedded-opentype'),
        url('type/fontname.woff') format('woff'),
        url('type/fontname.ttf') format('truetype'),
        url('type/fontname.svg#Font Name') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'Times',Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, Sans-serif; color: #222; }
body { margin: 0; font-size: 16px; line-height: 1.4; }

a { color: #2C4564; }
a:visited { color: #2C4564; }
a:hover { color: #2C4564; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

h1, h2, h3, h4, h5, h6 { font-family: 'Arial', Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, Sans-serif; font-weight: bold;margin: 10px 0;color:#2C4564;}
h1 { font-size: 2.25em; /* 40 / 16 = 2.5 */ line-height: 1.2;}
h2 { font-size: 2em; /* 36 / 16 = 2 */ line-height: 1.2;}
h3 { font-size: 1.5em; /* 24 / 16 = 1.5 */ line-height: 1.3;}
h4 { font-size: 1.25em; /* 20 / 16 = 1.25 */ line-height: 1.25;}
h5 { font-size: 1em; /* 16 / 16 = 1 */ }
h6 { font-size: 1em; /* 16 / 16 = 1 */ }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {  }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

html * { position: relative; }



/* =============================================================================
   forms.css
   ========================================================================== */
form {margin: 0 0 20px;}
fieldset {padding: 0;margin: 0;border: 0;}
legend {display: block;width: 100%;padding: 0;margin-bottom: 20px;font-size: 21px;line-height: 40px;color: #333333;border: 0;border-bottom: 1px solid #e5e5e5;}
legend small {font-size: 15px;color: #999999;}
fieldset fieldset legend {margin-left: 10%;width: 90%;}
label,input,button,select,textarea {font-size: 14px;font-weight: normal;line-height: 20px;}
input,button,select,textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
label {display: block;margin-bottom: 5px;}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {display: inline-block;height: 20px;padding: 4px 6px;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: #555555;vertical-align: middle;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
input,textarea,.uneditable-input {width: 206px;}
textarea {height: auto;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {background-color: #ffffff;border: 1px solid #cccccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {border-color: rgba(82, 168, 236, 0.8);outline: 0;outline: thin dotted \9;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
input[type="radio"],input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px \9;*margin-top: 0;line-height: normal;}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {width: auto;}
select,input[type="file"] {height: 30px;*margin-top: 4px;line-height: 30px;}
select {width: 220px;background-color: #ffffff;border: 1px solid #cccccc;}
select[multiple],select[size] {height: auto;}
select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.uneditable-input,.uneditable-textarea {color: #999999;cursor: not-allowed;background-color: #fcfcfc;border-color: #cccccc;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);}
.uneditable-input {overflow: hidden;white-space: nowrap;}
.uneditable-textarea {width: auto;height: auto;}
input:-moz-placeholder,textarea:-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999999;}
.radio,.checkbox {min-height: 20px;padding-left: 20px;}
.radio input[type="radio"],.checkbox input[type="checkbox"] {float: left;margin-left: -20px;}
.controls > .radio:first-child,.controls > .checkbox:first-child {padding-top: 5px;}
.radio.inline,.checkbox.inline {display: inline-block;padding-top: 5px;margin-bottom: 0;vertical-align: middle;}
.radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline {margin-left: 10px;}
.input-mini {width: 60px;}
.input-small {width: 90px;}
.input-medium {width: 150px;}
.input-large {width: 210px;}
.input-xlarge {width: 270px;}
.input-xxlarge {width: 380px;}
.input-xxxlarge {width: 530px;}
input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] {float: none;margin-left: 0;}
.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"] {display: inline-block;}
input,textarea,.uneditable-input {margin-left: 0;}
.controls-row [class*="span"] + [class*="span"] {margin-left: 20px;}
input.span12,textarea.span12,.uneditable-input.span12 {width: 926px;}
input.span11,textarea.span11,.uneditable-input.span11 {width: 846px;}
input.span10,textarea.span10,.uneditable-input.span10 {width: 766px;}
input.span9,textarea.span9,.uneditable-input.span9 {width: 686px;}
input.span8,textarea.span8,.uneditable-input.span8 {width: 606px;}
input.span7,textarea.span7,.uneditable-input.span7 {width: 526px;}
input.span6,textarea.span6,.uneditable-input.span6 {width: 446px;}
input.span5,textarea.span5,.uneditable-input.span5 {width: 366px;}
input.span4,textarea.span4,.uneditable-input.span4 {width: 286px;}
input.span3,textarea.span3,.uneditable-input.span3 {width: 206px;}
input.span2,textarea.span2,.uneditable-input.span2 {width: 126px;}
input.span1,textarea.span1,.uneditable-input.span1 {width: 46px;}
.controls-row {*zoom: 1;}
.controls-row:before,.controls-row:after {display: table;line-height: 0;content: "";}
.controls-row:after {clear: both;}
.controls-row [class*="span"],.row-fluid .controls-row [class*="span"] {float: left;}
.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"] {padding-top: 5px;}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {cursor: not-allowed;background-color: #eeeeee;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {background-color: transparent;}
.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline {color: #c09853;}
.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea {color: #c09853;}
.control-group.warning input,.control-group.warning select,.control-group.warning textarea {border-color: #c09853;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus {border-color: #a47e3c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;}
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on {color: #c09853;background-color: #fcf8e3;border-color: #c09853;}
.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline {color: #b94a48;}
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea {color: #b94a48;}
.control-group.error input,.control-group.error select,.control-group.error textarea {border-color: #b94a48;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus {border-color: #953b39;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on {color: #b94a48;background-color: #f2dede;border-color: #b94a48;}
.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline {color: #468847;}
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea {color: #468847;}
.control-group.success input,.control-group.success select,.control-group.success textarea {border-color: #468847;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus {border-color: #356635;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;}
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on {color: #468847;background-color: #dff0d8;border-color: #468847;}
.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline {color: #3a87ad;}
.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea {color: #3a87ad;}
.control-group.info input,.control-group.info select,.control-group.info textarea {border-color: #3a87ad;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus {border-color: #2d6987;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;}
.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on {color: #3a87ad;background-color: #d9edf7;border-color: #3a87ad;}
input:focus:invalid,textarea:focus:invalid,select:focus:invalid {color: #b94a48;border-color: #ee5f5b;}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus {border-color: #e9322d;-webkit-box-shadow: 0 0 6px #f8b9b7;-moz-box-shadow: 0 0 6px #f8b9b7;box-shadow: 0 0 6px #f8b9b7;}
.control-group {margin-bottom: 10px;}
legend + .control-group {margin-top: 20px;-webkit-margin-top-collapse: separate;}
.control-group-inline { }
.control-group-inline .control-group { float: left; margin-right: 16px; }
.control-group-inline .control-group.span1 { width: 74px; }  /* input-mini */
.control-group-inline .control-group.span2 { width: 104px; } /* input-small */
.control-group-inline .control-group.span3 { width: 164px; } /* input-medium */
.control-group-inline .control-group.span4 { width: 220px; } /* input-large */
.control-group-inline .control-group.span5 { width: 284px; } /* input-xlarge */
.control-group-inline .control-group.span6 { width: 394px; } /* input-xxlarge */
.control-group-inline .control-group.span7 { width: 544px; } /* input-xxxlarge */
.control-group-inline:before,.control-group-inline:after {display: table;line-height: 0;content: "";}
.control-group-inline:after {clear: both;}
.control-group-inline { *zoom:1; }
.control-text { font-size: 14px; width: 440px; }
/* Error Messages */
#errMsg { color: #D8000C; padding: 5px; }
.ie7 #errMsg { display: none; }
input.error, select.error, textarea.error { background-color: #FFBABA; }
input.valid, select.valid, textarea.valid { background-color: #DFF2BF; }
/* Contact Form */
#contact #comments { width: 270px; }






.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; position: relative; z-index: 10; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 32px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/* Superfish DEMO SKIN Use this to theme sf-menu's. Move to desired section. Removed if Superfish is not being used */
.sf-menu { float: left; margin-bottom: 1em; }
.sf-menu > li > a { border-left: 1px solid #fff; }
.sf-menu a { padding: 8px 1em; text-decoration: none; }
.sf-menu li:first-child a { border-width: 0; }
.sf-menu > li > ul { margin-left: 1px; }
.sf-menu a, .sf-menu a:visited  {
  color: #333;
}
.sf-menu li { background: #fff; }
.sf-menu li li { background: #fff; }
.sf-menu li li li { background: #fff; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #CFDEFF; outline: 0; }

/* Center Superfish */
.sf-center, .sf-center li { float: none; }
.sf-center { letter-spacing: -4px; word-spacing: -4px; text-align: center; }
.sf-center li { display: inline-block; letter-spacing: normal; word-spacing: normal; text-align: left; }
.sf-center li a { display: inline-block; }
.lt-ie8 .sf-center li, .lt-ie8 .sf-center li a { display: inline; zoom: 1; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right:  2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
  width:  10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 10em; /* match ul width */
  top:  0;
}

.sf-vertical > li > a {border-left: 0;}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}



/* =============================================================================
   Primary styles
   ========================================================================== */
body {background:url(../img/bg-fade.jpg) #72840a 0 -200px no-repeat;}

/* ROOT */
.wrapper { position: relative; width: 960px; margin: 0 auto; }

/* BANNER */
#header-container, header[role="banner"] { position: relative; z-index: 10; }
#header-container {background:rgba(255,255,255,0.8);border-bottom:3px solid #2C4564;}
header[role="banner"] {padding:5px 0;}

.topnav {float:right;top:35px;right:0;}
.topnav a {
  color:#2C4564;text-decoration: none;border-bottom:2px solid #2C4564;display: block;float:left;margin-right: 40px;padding:5px 10px;
  -webkit-transition: background 0.5s,color 0.5s;
  transition: background 0.5s,color 0.5s;
}
.topnav a:last-child {margin-right: 0;}
.topnav a:hover {background:#2C4564;color:#fff;}

.social-icns {float:right;top:22px;}

.main-buttons > div {float:left;width:15.7%;text-align: center;margin:0 5px 0 4px;}
.main-buttons > div > a {
  text-decoration: none;display: block;padding:10px 0;border:2px solid #2C4564;color:#2C4564;text-transform: uppercase;font-size:21px;
  -webkit-transition: background 0.5s,color 0.5s;
  transition: background 0.5s,color 0.5s;
}
.main-buttons > div > a:hover {background:#2C4564;color:#fff;}
.main-buttons > div > div > div {background:#2C4564;}
.main-buttons > div > div > div a {color:#fff;display: block;text-decoration: none;padding:10px 0;}
.main-buttons > div > div > div a:hover {text-decoration: underline;}
.main-buttons div.drop {display: none;}

#scrollingtext {font-size: 25px;width: 100%;font-family: 'Arial';overflow: hidden;height: 50px;margin: 0;color:#2C4564;}
#scrollingtext ul {width: 100%;position: relative;overflow: hidden;margin: 0;height: 50px;}
#scrollingtext li {width: 1200px;line-height: 50px;height: 50px;position: absolute;top: 0;left: 100%;text-align: center;list-style: none;}


.properties > div {float:left;width:98%;box-sizing:border-box;padding:10px;border-bottom:5px solid #2C4564;margin:10px;font-size:1.2em;padding-bottom:30px;}
.properties > div.last {border-bottom:0;}
.properties > div .property-image img {border:3px solid #2C4564;float:left;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.properties > div .property-image img:hover {opacity:0.8;}
.properties > div .property-image {float:left;width:40%;}
.properties > div .property-details {float:left;width:60%;}
.properties > div .property-details strong {float:left;display: block;padding-right:10px;width:150px;}
.properties > div .property-details .view-details {display: block;padding: 10px 5px;background:#2C4564;color:#fff;text-align: center;margin: 30px auto 0;width:60%;text-decoration: none;
  transition: background 0.5s;
}
.properties > div .property-details .view-details:hover {background:#3E628E;}

/*.land-details {clear:both;}*/
.land-details {width:60%;float:left;}

#MortCalcButton {clear:both;display: block;}

.calculator {float:right;width:30%;margin-right: 10px;}

.ask-us-btn {background:#2C4564;text-align: center;margin: 20px 0;}
.ask-us-btn a {text-decoration: none;display: block;padding:10px 5px;color:#fff;transition: background 0.5s;font-size:1.2em;}
.ask-us-btn a:hover {background:#3E628E;}

.land h1.center {text-align: center;border-bottom:2px solid #2C4564;}


/* Branding */
/*#branding, #branding a { width:337px;height:149px; }*/
#branding { margin: 0; padding: 0; float:left;}
div.mobile-btns {display: none;}
/*#branding a { background: transparent url(../img/logo.png) 0 0 no-repeat; }*/

/* Main Navigation */
nav[role="navigation"] {}

/* Feature */
#feature { padding: 0; margin-top: 10px;border:5px solid #2C4564;}
#slider { width: 260px; height: 178px; /* Must have width and height */ }
#slider img { display: none; }

.rslides,.rslides2 {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;clear:both;}
.rslides,.rslides2 li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides,.rslides2 .nobg {background:none;}
.rslides,.rslides2 .nobg img {width:100%;}
.rslides {position: relative;display: block;float: left;}
.rslides,.rslides2 img {display: block;height: auto;max-width: 100%;margin:0 auto;border: 0;}
.rslides_tabs {background: rgba(44, 69, 100, 0.8);box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);font-size: 18px;list-style: none;margin: 0 auto 50px;padding: 0;text-align: center;width: 100%;}
.rslides_tabs li {display: inline;float: none;margin-right: 1px;}
.rslides_tabs a {width: auto;line-height: 31px;padding: 5px 10px;height: auto;background: transparent;display: inline;text-decoration: none;outline:0;color:#fff;}
.rslides_tabs a:hover {border: 0;}
.rslides_tabs li:first-child {margin-left: 0;}
.rslides_tabs .rslides_here a {background: rgba(0,0,0,.6);color: #fff;font-weight: bold;}
.rslides2 .caption {position: absolute;display: block;bottom: 0;left: 0;right: 0;padding: 5px;text-align: center;background: #000;background: rgba(0,0,0, .8);color: #fff;margin: 0 auto;}
.rslides2 {height:345px;}

/* MAIN */
div[role="main"] {background:rgba(255,255,255,0.8);/*margin-top: 50px;*/padding:10px;box-sizing:border-box;/*margin-top: 600px;*/ margin-top: 20px;}
.button-wrapper {background:rgba(255,255,255,0.8);padding:10px;box-sizing:border-box;margin-top: 20px;}

/* Content */
.two-column #content { float: left; width: 60%; }
.two-column aside { float: right; width: 30%; }

/* Complementary Content */
aside[role="complementary"] {  }

/* Microformats */
.vcard.inline * { display: inline; }
.vcard.inline { display: block; width: 100%; text-align: right; font-size: 16px; }
.vcard.inline .tel, .vcard.inline .fax, .vcard.inline .locality { margin-left: 4px; padding-left: 8px; border-width: 0 0 0 1px; border-style: solid; }

#content ul.vcard { margin: 0 0 20px 0; padding: 0; width: 270px; color: #999; list-style: none; font-size: 10px; }
#content ul.vcard li { margin: 0 10px; padding: 5px 10px; border-top: 1px dotted #000; }
#content ul.vcard li:first-child { border-width: 0; }
#content ul.vcard .adr, #content ul.vcard .tel, #content ul.vcard .email { display: block; color: #2C4564; font-size: 19px; }
#content ul.vcard .street-address { display: block; }
#content ul.vcard .email { color: #2C4564; text-decoration: none; }

#contact { float: right; width:300px;}

/* Google Maps */
#googlemap { margin: 0; float: left; width: 550px; height: 450px; border: 2px double #ddd; color: #000; }
#fullmap { margin: 0; float: left; width: 99%; height: 450px; border: 2px double #ddd; color: #000; }

/* CONTENTINFO */
footer[role="contentinfo"] { text-align: left; position: relative; height: 90%; }
footer[role="contentinfo"] a { color: #000; text-decoration: none; text-align: center; }
footer[role="contentinfo"] a:hover { color: #000; text-decoration: underline; }
.spider { background: url(../img/spiders.png) center top; background-repeat: no-repeat; height: 10px; display: block; text-transform: uppercase; font-size: 10px; padding: 40px 0 0 0; text-decoration: none; width: 100px; margin-right: 10px; position: absolute; right: 0; bottom: 10px; }
.spider:hover { background-position: center -50px; }
a[href="#page-container"] { position: absolute; left: 0; bottom: 15px; text-align: left; }
#copyright { width: auto; text-align: left; position: absolute; bottom: 30px; left: 0; }

/* Sticky Footer */
html, body, #page-container { height: 100%; }
body > #page-container { height: auto; min-height: 100%; }
#main { padding-bottom: 80px; } /* must be same height as the footer */
#footer-container { position: relative; margin-top: -80px; /* negative value of footer height */ height: 80px; clear: both; }

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.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; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.left {float: left;}
.right {float: right;}
.clear {clear:both;}

.center {
  text-align: center;
}
.half-width {
  width:50%;
}
.third-width {
  width:33%;
}
.two-thirds-width {
  width:66%;
}

.flex {
  display:flex;
}
.space-between {
  justify-content:space-between;
}
.legend {
  /*flex-direction:column;*/
  margin-top: 10px;
}
/*.legend div {
  padding:2px;
}*/

.home-featured {
  flex-wrap:wrap;
}
.home-featured > div {
  flex-basis:33%;
  padding:10px;
  box-sizing: border-box;
}
.home-featured > div img  {
  height:250px;
  width:100%;
}
.home-featured div.image:after, .home-featured div.image:before {
	position: absolute;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.home-featured div.image:after {
	content: '\A';
	width: 100%; height:100%;
	top: 0; left:0;
	background:rgba(0,0,0,0.6);
}
.home-featured div.image:before {
	content: attr(data-content);
	width: 100%;
	color: #fff;
	z-index: 1;
	bottom: 0;
	padding: 4px 10px;
	text-align: center;
	background: #2C4564;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
}
.home-featured div.image:hover:after, .home-featured div.image:hover:before {
	opacity: 1;
}

.small-map-container {
	width:75%;
}
.county-list {
	margin-left: 10px;
}

.etownBorder {
  border:3px solid #2C4564!important;
}
.irvingtonBorder {
  border:3px solid #EFAC1C!important;
}
.mhdBorder {
  border:3px solid #24B224!important;
}

.map-load-btn {
  margin:0 auto;
  width:30%;
  margin-top: 25%;
  display:block;
  text-align: center;
  border:2px solid #2C4564;
  padding:10px 0;
  transition: background 0.5s,color 0.5s;
}
.map-load-btn:hover {
  background: #2C4564;
  color: #fff;
}

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

@media screen and (max-width:1041px) {
  .wrapper {width:100%;}
  div[role="main"] {width:100%;padding:0;margin-top: 0;}
  .two-column #content {width:95%;}
  #content {padding:0 10px 10px;}
  #content img {max-width:95%;}
  header[role="banner"] {margin-bottom: 0;}
  .rslides {width:95%;margin:10px auto;float:none;}
  /*#branding {margin:10px auto;display:block;float:none;}*/
  #feature {border:0;}
  /*.main-buttons {margin-top: 10px;}*/
  .main-buttons > div {width:100%;margin-top: 10px;}
  div.mobile-btns {display: block;width:95%;margin:10px auto;}
  div.mobile-btns div {width:100%;float:left;text-align: center;/*border:5px solid #fff;*/background:#2C4564;box-sizing:border-box;}
  div.mobile-btns div a {display: block;width:100%;color:#fff;font-weight: bold;text-decoration: none;padding:10px 0;}
  nav[role="navigation"] {width:95%;margin:0 auto;display: block;float:none;clear:both;}
  nav[role="navigation"] ul li {width:100%;text-align: center;}
  nav[role="navigation"] ul li a {width:100%;height:100%;box-sizing:border-box;}
  .contact #content {margin-top: 10px;}
  body {background:#4D99F9;}

  .rslides2 {width:100%;margin:10px auto 0;height:auto;}

  .social-icns {display: none;}


.third-width {
  width:100%;
}


  /*.rslides_tabs {display: none;}
  .rslides2 .caption {display: none;}*/

  /*#scrollingtext {margin-top: 0;}*/

  /*Uncomment below 3 lines if the site has drop down navigation*/
  /*nav[role="navigation"] .sf-menu ul {position: relative;top:0;width:auto!important;display: block!important;visibility: visible!important;}
  nav[role="navigation"] .sf-menu li li {background:none;}
  .sf-sub-indicator {display: none !important;}*/


	.home-featured > div img  {
		width:100%;
		max-width:100%!important;
		height:350px;
	}
	.home-featured > div {
		flex-basis:50%;
	}
}
@media screen and (max-width:875px) {
  #googlemap {width:80%;height:400px;margin:0 auto;display: block;float:none;}
  #contact {float:none;margin:0 auto;display: block;width:300px;}
  .calculator #MortgageCalculator input {width:auto!important;}

  #branding,#branding img {display: block;float:none;margin:0 auto;}
  .topnav {display: none;}
  .topnav a {width:50%;margin-right: 0;box-sizing:border-box;}

  .properties > div {padding: 0 0 30px 0;margin:10px auto;}
  .properties > div .property-image {clear:both;float:none;display: block;margin:0 auto;width:100%;text-align: center;}
  .properties > div .property-image img {float:none;}
  .properties > div .property-details {float:none;text-align: center;width:100%;}
  .properties > div .property-details strong {width:auto;float:none;clear:both;margin-top: 10px;}
  .properties > div .property-details .view-details {width:100%;padding: 10px 0;}

  .addresses {
    flex-direction:column;
  }
  .addresses .flex {
    flex-direction:column;
  }
  .half-width {
    width:100%;
  }
  .mobile-hide {
    display: none;
  }
	.home-featured > div {
		flex-basis:100%;
	}
	.home-featured > div img  {
		height:auto;
		width:100%;
	}
}
@media screen and (max-width:650px) {
  .btns img {width:auto!important;display:block;margin:10px auto;}
  .topnav {position: relative;float:none;clear:both;top:0;text-align: center;width:315px;margin:10px auto;}
  .main-buttons > div {width:95%;margin:10px auto 0;display: block;float:none;}
  .social-icns {float:none;top:0;}
  /*.social-icns a {display: block;margin:0 auto;}
  .social-icns a img {margin: 0 auto;display: block;}*/

  .calculator {float:none;width:100%;clear:both;}
  .land-details {width:100%;}
}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  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; }
}