/*
	Theme Name: Element
	Theme URI: http://aarontgrogg.com/boilerplate/
	Description: A merger created by Aaron T. Grogg (<a href="http://aarontgrogg.com/">http://aarontgrogg.com/</a>) of the HTML5 Boilerplate (<a href="http://html5boilerplate.com/">http://html5boilerplate.com/</a>) and the Starkers theme (<a href="http://starkerstheme.com/">http://starkerstheme.com/</a>), Boilerplate: Starkers provides developers with an ideal, bleeding-edge, clean-start theme. Mark-up is minimal (thanks Elliott) and the most edge-case web technology is baked right in (thanks Paul, Divya and a large cast of supporting characters)!  Boilerplate themes are designed to serve as a Parent theme to whatever Child (<a href="http://codex.wordpress.org/Child_Themes">http://codex.wordpress.org/Child_Themes</a>) you care to add, but you could just as easily use this as a starting point and alter the PHP as your design needs. More about this theme can be found at <a href="http://aarontgrogg.com/boilerplate/">http://aarontgrogg.com/boilerplate/</a>.
	Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
	Author URI: http://aarontgrogg.com/
	Version: 4.3.2
	Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
	Comment blocks indicate where each begins and ends, like this, for example...
*/

/** START HTML5 Boilerplate CSS **/

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block;}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video{display:inline-block;*display:inline;*zoom:1;}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]){display:none;height:0;}
/**
* Address styling not present in IE 7/8/9,Firefox 3,and Safari 4.
* Known issue:no IE 6 support.
*/
[hidden]{display:none;}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change,without disabling
* user zoom.
*/
html{font-size:100%;/* 1 */
-ms-text-size-adjust:100%;/* 2 */
-webkit-text-size-adjust:100%;/* 2 */}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea{font-family:sans-serif;}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body{margin:0;}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus{outline:thin dotted;}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover{outline:0;}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+,Safari 5,
* and Chrome.
*/
h1{font-size:2em;margin:0.67em 0;}
h2{font-size:1.5em;margin:0.83em 0;}
h3{font-size:1.17em;margin:1em 0;}
h4{font-size:1em;margin:1.33em 0;}
h5{font-size:0.83em;margin:1.67em 0;}
h6{font-size:0.67em;margin:2.33em 0;}
/**
* Address styling not present in IE 7/8/9,Safari 5,and Chrome.
*/
abbr[title]{border-bottom:1px dotted;}
/**
* Address style set to `bolder` in Firefox 3+,Safari 4/5,and Chrome.
*/
b,
strong{font-weight:bold;}
blockquote{margin:1em 40px;}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn{font-style:italic;}
/**
* Address differences between Firefox and other browsers.
* Known issue:no IE 6/7 normalization.
*/
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark{background:#ff0;color:#000;}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre{margin:1em 0;}
/**
* Correct font family set oddly in IE 6,Safari 4/5,and Chrome.
*/
code,
kbd,
pre,
samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q{quotes:none;}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after{content:'';content:none;}
/**
* Address inconsistent and variable font size in all browsers.
*/
small{font-size:80%;}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul{padding:0 0 0 40px;}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol{list-style:none;list-style-image:none;}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img{border:0;/* 1 */
-ms-interpolation-mode:bicubic;/* 2 */}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root){overflow:hidden;}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9,Safari 5,and Opera 11.
*/
figure{margin:0;}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form{margin:0;}
/**
* Define consistent border,margin,and padding.
*/
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend{border:0;/* 1 */
padding:0;white-space:normal;/* 2 */
*margin-left:-7px;/* 3 */}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7,Firefox 3+,Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea{font-size:100%;/* 1 */
margin:0;/* 2 */
vertical-align:baseline;/* 3 */
*vertical-align:middle;/* 3 */}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input{line-height:normal;}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome,Safari 5+,and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select{text-transform:none;}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue:inner spacing remains in IE 6.
*/
button,
html input[type="button"],/* 1 */
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;/* 2 */
cursor:pointer;/* 3 */
*overflow:visible;/* 4 */}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled]{cursor:default;}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue:excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;/* 1 */
padding:0;/* 2 */
*height:13px;/* 3 */
*width:13px;/* 3 */}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"]{-webkit-appearance:textfield;/* 1 */
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;/* 2 */
box-sizing:content-box;}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea{overflow:auto;/* 1 */
vertical-align:top;/* 2 */}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table{border-collapse:collapse;border-spacing:0;}
/*! main.css */
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher,Jonathan Neal,
* Kroc Camen,and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles:opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea{color:#222;}
body{font-size:1em;line-height:1.4;}
/*
* Remove text-shadow in selection highlight:h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
/*
* A better looking default horizontal rule
*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
/*
* Remove the gap between images and the bottom of their containers:h5bp.com/i/440
*/
img{vertical-align:middle;}
/*
* Remove default fieldset styles.
*/
fieldset{border:0;margin:0;padding:0;}
/*
* Allow only vertical resizing of textareas.
*/
textarea{resize:vertical;}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
/* ==========================================================================
Author's custom styles
========================================================================== */


/**
/*
Font Style
*/
html #wpadminbar{position:fixed;}

h1{color:#605f5e; font-size:20px; font-weight:bold; margin-bottom:5px; padding-left:3px; text-transform:uppercase; margin-top: 0;}
h2{color:#5b7f31; font-weight: bold;  font-weight: bold; font-size:17px; margin-bottom:5px; padding-left:3px; text-transform:uppercase;}
#main-content h2,
#sidebar h2,
h1{
    margin-bottom: 0;
    padding: 4px 12px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    background: -moz-linear-gradient(left,  rgba(226,109,13,1) 0%, rgba(227,113,19,1) 23%, rgba(229,118,27,0.58) 55%, rgba(255,255,255,0.04) 97%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(226,109,13,1) 0%,rgba(227,113,19,1) 23%,rgba(229,118,27,0.58) 55%,rgba(255,255,255,0.04) 97%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(226,109,13,1) 0%,rgba(227,113,19,1) 23%,rgba(229,118,27,0.58) 55%,rgba(255,255,255,0.04) 97%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e26d0d', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */


  }
h3{font-size:18px; font-weight:bold; margin:0 0 15px; padding:0; color:#605f5e;}
p {
  margin:0 0 10px 0;
  line-height:1.4em;
  font-size:15px;
  color:#464645;
}
a{color:#217aad;}
a:hover{color:#1c6a97;}

/*Main Styles*/
html, body{ overflow-x: hidden; min-height:100%; min-width:320px; margin:0!important; padding:0!important; background:#f5f5f5;}
body{min-width:320px; position:relative;}
#wrapper{position:relative; width:100%; height:100%; z-index:1; margin:0; padding:0; overflow:hidden;}

/*Header Styles*/
#wrapper-all{width:100%; position:relative; height:100%;}
#wrapper-header{background:#f5f5f5; width:100%; position:relative; z-index:999; border-bottom:1px solid #e7e4e4;}
#header{padding:70px 20px 20px; max-width:1025px; width:100%; margin:0 auto; position:relative; border-left:1px solid #ccc;
	border-right:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	display: table; background: white url('/assets/images/header-top.png') no-repeat top center;
}
.mobile-active #header{padding:50px 5% 0 5%;}
#logo{  max-width:300px; display: table-cell; vertical-align: middle; }
#logo img{max-width:300px; height:auto;}
#logo a{ }
#mobile-menu-button{width:40px; height:40px; cursor:pointer; position:absolute; top:20px; right:20px; display:none;}
.mobile-active #mobile-menu-button {
  display: block;
}
#mobile-menu-button img{width:100%; height:auto;}

/*Top Menu*/
#top-menu { width: 200px; }
#top-menu div.menu-top-menu-container { margin-bottom: 10px; }
#top-menu{ display: table-cell; vertical-align: middle; }
#top-menu div.menu-top-menu-container ul{list-style:none; margin:0; padding:0;}
#top-menu div.menu-top-menu-container ul li{background:url("/assets/images/phone-icon.jpg") no-repeat left center; list-style:none; text-align:left; margin:0; padding:12px 0 8px 25px; display:inline; /*background:#008fbc; border-radius:5px; */}
#top-menu div.menu-top-menu-container ul li a{text-decoration:none; margin:0; padding:8px 5px; color:#464645; font-size:14px;}
#top-menu div.menu-top-menu-container ul li.current-page-ancestor a, #top-menu div.menu-top-menu-container ul li:hover a, #top-menu div.menu-top-menu-container ul li.current-menu-item a{color:#000; font-style:italic;}

.mobile-active #top-menu {
  position:absolute;
    top:30px;
    right:0;
  width:100%;
  text-align:center;
}

.contact-info, .contact-info p { font-size: 13px; }
.contact-info p { margin: 0; padding: 0; }
.m-contact-info { display: none; }
.mobile-active .contact-info,
.mobile-active .menu-top-menu-container {
  display: none;
}

.mobile-active .m-contact-info { display: block; width: 92%; text-align: center;    border-left: 1px solid #ccc;
border-right: 1px solid #ccc; background-color: white; padding-top: 5px; padding-bottom: 5px; padding-left: 4%; padding-right: 4%; padding-top: 14px; }
.mobile-active .m-contact-info .sep{  padding-left: 5px; padding-right: 5px; color: black;}
.mobile-active .m-contact-info .no-wrap { white-space: nowrap; }

/*Menu*/
#wrapper-main-menu{ width:100%; padding:0 20px; margin:0 auto; z-index:999;
	position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	box-shadow: 0 10px 8px -11px;

	background-image: url('/assets/images/nav-menu-bg-inactive.png');
	background-repeat: repeat-x;

}

.mobile-active #wrapper-main-menu {
  display: none;
}

#wrapper-main-menu .shadow { /*position: absolute; bottom: -4px; z-index: 10; background-image: url('/assets/images/');*/ }
#main-menu{width:100%; max-width:1025px; margin:0 auto; font-family: 'Roboto Condensed', sans-serif;}
div.dropdown-horizontal-container{border:none;}
#main-menu ul{list-style:none; margin:0 auto; padding:0; z-index:999;}
#main-menu ul li{list-style:none; float:left; display:inline; width:auto; margin:0; padding:10px 0; border-right:1px solid #ccc;}
#main-menu .menu-main-menu-container .menu { display: inline-block; }
#main-menu > .menu-main-menu-container > ul > li { padding: 0; height: 36px; line-height: 36px;}
#main-menu .menu-item-has-children {
  position: relative;
}
#main-menu .sub-menu {
  max-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  opacity: 0;
  padding: 10px 0;
  position: absolute;
   left: 0;
  transition: all 0.5s ease;
  z-index: -9999;
}

#main-menu .menu-item-has-children:hover .sub-menu {
  max-height: 600px;
  opacity: 1;
}

#main-menu .sub-menu li {
  cursor: pointer;
  height: auto;
  line-height: normal;
}

#menu-main-menu-1 > li:hover{background-image: url('/assets/images/nav-menu-bg-active.png');}
#main-menu ul li:last-child{border-right:none;}
#main-menu ul li ul{padding:0 0 10px;}
#main-menu ul li:first-child a{padding:10px 30px 10px 20px;}
#main-menu ul li a{text-decoration:none; margin:0; padding:10px 30px; color:#fff; font-size:14px; font-weight:normal; outline:none; border:none;}
#main-menu ul li:hover, #main-menu ul li.current-menu-item{}
#main-menu ul li:hover a, #main-menu ul li.current-menu-item a{color:#efeff1;}

#main-menu ul li ul li:first-child a{padding:5px 10px;}
#main-menu ul li ul li {
  box-sizing: border-box;
  display: block;
  margin:0;
  padding:0;
  border-right:none;
  width: 100%;
  float: left;
}

#main-menu ul li .two-cols {
  width: 600px;
}

#main-menu ul li .two-cols li {
  width: 50%;
}

#main-menu ul li ul li a{padding:5px 10px; box-sizing: border-box; text-transform:none; font-style:normal; color:#fff; display: block;}
#main-menu ul li ul{background:#363636; margin-top:0;}
#main-menu ul li:hover ul li a, #main-menu ul li.current-menu-item ul li a{font-style:normal; color:#fff;}
#main-menu ul li ul li:hover a, #main-menu ul li ul li.current-menu-item a{ color:#e7842e;}

/*Mobile Menu*/
#wrapper-panel{width:100%; height:100%; color:#000; position:absolute; top:0; right:-100%; z-index:999; overflow:hidden;}
#panel{/*background:url("/assets/images/mobile-menu-bg-dark.png") repeat-y left; height:100%;*/
	background-color: black; border-radius: 0 0 0 20px; box-shadow: 0 0 10px 0 black; padding-bottom: 10px;
	width:160px; float:right; position:relative; padding:20px 10px 10px 30px; z-index:999;}
#panel-overlay{width:100%; height:100%; position:relative; opacity:0.4; z-index:998; }
#panel h1{color:#fff; font-weight:normal; font-size:18px; text-align:center; font-family:'Oswald';}
#panel ul{list-style:none; margin:0; padding:0;}
#panel ul li{list-style:none; margin:0; padding:0; }

#panel ul li a{text-shadow:0px; color:#fff; text-decoration:none; font-weight:normal; margin:0; padding:3px 0; font-size:15px; display:block; border-bottom:1px solid #fff;}
#panel ul li ul.sub-menu{padding-left:20px;}
#panel ul li:last-child ul.sub-menu li:last-child a{ border-bottom: none; }

/*Main Content*/
#wrapper-main{margin:0 auto; width:100%; background-color: #f5f5f5; background-image: url('/assets/images/bg-slice.png'); background-position: top; background-repeat: repeat-x; }
#main{ background-color: #f5f5f5; width:100%; margin:0 auto; max-width:1025px; border-left:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#main-content{  float:left; width:71%;}
#section1{width:100%;  margin-bottom:45px; background:#fff; border:1px solid #e7e4e4; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#section2{margin-bottom:25px; background:#fff; border:1px solid #e7e4e4; background:1px solid #e7e4e4; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#section1.interior{padding-bottom:25px;}
#top-content{float:left; width:65%;}

.section-item-wrapper {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  float:left;
  min-height: 185px;
  margin:10px 5px;
  position: relative;
  width:calc(25% - 15px);
}

.section-item-wrapper:nth-child(4n + 1){
  margin-left: 10px;
}

.section-item {
  height: 100%;
	padding:5px;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  display: block;
  position: absolute;
    left: 0;
    right: 0;
 }

.section-item h2{}
.section-item-image{padding-bottom:5px;}
.section-item-image img{
  display: block;
  outline:none;
  margin: auto;
  padding:0;
  height: auto;
  border:3px solid #f5f5f5;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  max-height: 110px;
  max-width: 100%;
}
.section-item:hover .section-item-image img{border:3px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.section-item:hover{background:#6c6969;}
.section-item:hover .section-item-content a{color:#fff;}
.section-item-content{
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  height: 56px;
  display: table;
  padding: 5px;
  position: absolute;
    bottom: 0;
    left: 0;
}
.section-item-content .cell { display: table-cell; vertical-align: middle;}
.section-item-content a{font-size:13px; color:#464645; text-decoration:none; display:block;}

body.page-template-page-interior #main { padding-top: 40px; }
body.page-template-page-interior #section1 { padding-left: 3%;  padding-right: 3%; padding-top: 15px; }

#interior-content{margin:30px 0; background:#fff; border:1px solid #e7e4e4; width:100%; padding:5%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#sidebar{  padding:0; float:right; width:26%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.sidebar-item-image img{width:auto; max-width:100%; height:auto; padding:10px; box-sizing: border-box;}
.sidebar-section{margin-bottom:45px; padding:20px; width:100%; background:#fff; border:1px solid #e7e4e4; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.sidebar-section.software {
  background: #e0e0e0;
  border: none;
}

.sidebar-section.software .sidebar-item-image a {
  display: block;
  margin: auto;
  width: 75%;
}

/*Footer*/
#wrapper-footer{background:#3a3a3a; border:1px solid #e7e4e4; width:100%;  border-bottom: 35px solid #17477b;}
#wrapper-footer .border-top { background-image: url('/assets/images/footer-top-border.png'); background-repeat: repeat-x; height: 8px; width: 100%; }
#footer{max-width:1000px; width:90%; margin:0 auto; padding:0 5%; color:#898989; padding-top: 50px;}
#copy{padding:15px 0;  }

#copy a, #copy p{color:#898989; text-decoration:none; font-size: 12px; }


#top-content{float:left; width:65%; padding:35px 20px 0px 20px; box-sizing: border-box;}

.home #top-content {
  margin-top: 0;
  width: 100%;
}

.mobile-only { display: none; }

form input,
form textarea{border:1px solid #ccc;}
form input.gform_button.button{padding:7px 30px; background:#3a3a3a; font-family:'Roboto Condensed', sans-serif; border:1px solid #e7e4e4; border-radius:0px; color:#fff; line-height:1.0em; font-size:16px!important;}
form input.gform_button.button:hover{background:#4c4c4c;}


/*Media Query*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
}

@media only screen and (max-width:1400px){

}

@media only screen and (max-width:1000px){
}

@media only screen and (max-width:900px){
	#main-menu ul.menu li.menu-item a{padding:5px 20px;}
  .section-item-wrapper {
  }
}

@media only screen and (max-width:800px){
}

@media only screen and (max-width:768px){

	.mobile-only { display: block; }
	#logo.full{display:block; width:75%; max-width:960px; padding:35px 0; margin:0 0 0 20px; text-align:left;}
	#main-menu ul.menu li.menu-item a{padding:5px 15px;}
	#main-content{padding:20px 0 0; float:left; width:100%;}
	#sidebar{padding:20px 0; margin:0 0 20px 0; float:right; width:100%;}

	#top-content{float:left; width:100%; margin:35px 0 0; padding: 0 20px; box-sizing: border-box;}
	.sidebar-item-image{width:90%; padding:0 5%;}
	#top-content{padding-top:30px;}
	.m-contact-info{box-shadow:0 10px 8px -11px; position:relative;}
}

@media only screen and (max-width:720px){
	#main { padding-left: 4%; padding-right: 4%; width: 100%; }
}

@media only screen and (max-width:600px){
	#logo.full{display:none;}
	#logo.mobile{display:block; width:75%; max-width:960px; padding:35px 0; margin:0 0 0 20px; text-align:left;}

  .section-item-wrapper {
    margin: 10px;
    min-height: 0;
    padding-bottom: 50%;
    width: calc(50% - 17px);
  }

  .section-item-wrapper:nth-child(4n + 1) {
    margin-left: 10px;
  }

  .section-item-wrapper:nth-child(2n + 0) {
    margin-left: 0;
  }

  .section-item-image img {
    max-height: none;
  }
}

@media only screen and (max-width:480px){
	#logo.mobile{width:50%;}
	#logo.mobile img{width:100%; height:auto;}
	#top-content{width:100%;}
	#sidebar{width:100%; float:left;}
	#copy a, #copy p{text-align:center;}
	.m-contact-info p{font-size:13px;}
}

@media only screen and (max-width:375px){
  .section-item-wrapper {
    padding-bottom: 90%;
    width: calc(100% - 20px);
  }

  .section-item-wrapper:nth-child(2n + 0) {
    margin-left: 10px;
  }
}

/* ==========================================================================
Clearfix
========================================================================== */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix{display:block;}
/* End hide from IE Mac */










/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir{background-color:transparent;border:0;overflow:hidden;/* IE 6/7 fallback */
*text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
/*
* Hide from both screenreaders and browsers:h5bp.com/u
*/
.hidden{display:none !important;visibility:hidden;}
/*
* Hide only visually,but have it available for screenreaders:h5bp.com/v
*/
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard:h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
/*
* Hide visually and from screenreaders,but maintain layout
*/
.invisible{visibility:hidden;}
/*
* Clearfix:contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after{content:" ";/* 1 */
display:table;/* 2 */}
.clearfix:after{clear:both;}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix{*zoom:1;}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width:35em){/* Style adjustments for viewports that meet the condition */}
@media print,
(-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi){/* Style adjustments for high resolution devices */}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection:h5bp.com/r
========================================================================== */
@media print{*{background:transparent !important;color:#000 !important;/* Black prints faster:h5bp.com/s */
box-shadow:none !important;text-shadow:none !important;}
a,
a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
/*
* Don't show links for images,or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after{content:"";}
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;}
}
/** END HTML5 Boilerplate CSS **/
/** START Starkers CSS **/
/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress,so it's useful to have some styles for them. Edit as you see fit. More info:http://codex.wordpress.org/CSS */
.aligncenter{display:block;margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.wp-caption{border:1px solid #666;text-align:center;background:#ccc;padding:10px;margin:10px}
/* You might find the following useful */
/* div,ul,li{position:relative}
This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear{clear:both;display:block;height:1px;margin:-1px 0 0 0}
/* Use this br class to clear your floated columns */
li#theme-switcher{background:#fff;border:10px solid red;padding:20px;position:fixed;top:0;right:0}
/* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */
h1,h2,h3,h4,h5,h6{font-weight:bold}
/* This helps to identify headings at the initial build stage,so I thought it'd be useful to have it */
.alert{background:red;color:white}
/* 'alert' has a basic style,since it's useful to have it standing out for testing purposes.
/* Font stack options
The following represents a list of font stacks,as recommended by Nathan Ford in
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
I've added inverted commas around the relevant family names to ensure compatibility.
p = balanced for paragraphs or body copy
t = balanced for headlines or titles
- - - -
Arial,"Helvetica Neue",Helvetica,sans-serif - p,t
Baskerville,"Times New Roman",Times,serif - p
Baskerville,"Times,Times New Roman",serif - t
Cambria,Georgia,Times,"Times New Roman",serif - p,t
"Century Gothic","Apple Gothic",sans-serif - p,t
Consolas,"Lucida Console",Monaco,monospace - p,t
"Copperplate Light","Copperplate Gothic Light",serif - p,t
"Courier New",Courier,monospace - p,t
"Franklin Gothic Medium","Arial Narrow Bold",Arial,sans-serif - p,t
Futura,"Century Gothic","Apple Gothic",sans-serif - p,t
Garamond,"Hoefler Text","Times New Roman",Times,serif - p
Garamond,"Hoefler Text",Palatino,"Palatino Linotype",serif - t
Geneva,"Lucida Sans","Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif - p
Geneva,Verdana,"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif - t
Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif - p
Georgia,Times,"Times New Roman",serif - t
GillSans,Calibri,Trebuchet,sans-serif - p
GillSans,Trebuchet,Calibri,sans-serif - t
"Helvetica Neue",Arial,Helvetica,sans-serif - p
Helvetica,"Helvetica Neue",Arial,sans-serif - t
Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif - p,t
"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif - p,t
Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif - p
Palatino,"Palatino Linotype","Hoefler Text",Times,"Times New Roman",serif - t
Tahoma,Geneva,Verdana - p
Tahoma,Verdana,Geneva - t
Times,"Times New Roman",Georgia,serif - p,t
Trebuchet,"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif - p
Trebuchet,Tahoma,Arial,sans-serif - t
Verdana,Geneva,Tahoma,sans-serif - p
Verdana,Tahoma,Geneva,sans-serif - t
*/
/** END Starkers CSS **/
/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working **/
#access li{float:left;position:relative;}
#access ul ul{display:none;float:left;position:absolute;top:3.333em;left:0;z-index:99999;}
#access ul ul ul{left:100%;top:0;}
#access ul li:hover > ul{display:block;}
/** END WordPress-Defined CSS Classes **/