/*
Theme Name: Shared Services
Theme URI: http://github.com/zencoder/html5-boilerplate-for-wordpress
Description: Based on the <a href="http://html5boilerplate.com">HTML5 Boilerplate</a> and Bruce Lawson's <a href="http://html5doctor.com/designing-a-blog-with-html5/">Designing a Blog with HTML5</a>. The sole purpose of this theme is to save developers the time it takes to apply the HTML5 Boilerplate to WordPress. See the README for instructions. The "HTML5 Boilerplate" name is used with permission from Paul Irish.
Version: 1.0
Author: Steve Heffernan
Author URI: http://steveheffernan.com/
Tags: white, two-columns
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*
HTML Boilerplate styles can be found in the html5-boilerplate/css directory.
*/

/* WordPress Required Styles */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}
	
.sticky h2 {
	padding-top: 10px;
}




/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: right; }
  #nav-trigger span {
    display: inline-block;
/*    padding: 10px 30px;
    background-color: #ff0032;
    color: white;*/
    cursor: pointer;
/*    text-transform: uppercase;*/
 }
    #nav-trigger span:after {
      display: inline-block;
/*      margin-left: 10px;
      width: 20px;
      height: 10px; */
      content: "";
/*      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; */ }
    #nav-trigger span:hover {
/*      background-color: #e6002d; */ }
    #nav-trigger span.open:after {
/*      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; */}

nav {
/*  margin-bottom: 30px; */}

nav#nav-main {
/*  background-color: #ff0032;
  padding: 10px 0; */ }
  nav#nav-main ul {
    list-style-type: none;
/*    margin: 0;
    padding: 0; */
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
/*    border-right: solid 1px #cc0028;
    padding: 0 5px; */ }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
/*    color: white;
    padding: 10px 30px; */ }
    nav#nav-main a:hover {
/*      background-color: #e6002d;
      color: #fff; */ }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #0056a4; }
  nav#nav-mobile li {
    display: block;
    padding: 0;
    margin: 0 5px;
    border-bottom: solid 1px #ffffff; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #0056a4;
      color: #fff;  }

	nav ul{
padding-left:0;
}


footer{
width: 90%;
position: relative;
float:left;
padding:30px 5%;
margin-top:100px;
margin-bottom:50px;
}

a.anchor{
	display: block; 
	position: relative; 
	top: -10px; 
	visibility: hidden;
}

input, textarea, .wpcf7-submit {
border: 1px solid #000000;
background: none;
width: 84%;
margin: 0 5%;
padding: 2% 2%;
color:#000000;
font-weight:bold;
}
.wpcf7-submit{
	width:88%;
}

#form{
max-width: 600px;
margin: 0 auto;
}

.logo {
width: 200px;
height: auto;
}


#spamblock{
    margin: 0 auto 12px;
    position: relative;
    width: 304px;
}

a{
	color:#0056a4;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#1b1b1b;
	text-decoration:underline;
}


body,html{
	margin:0;
	padding:0;
}

#container{
	float:left;
	width:100%;
}

p,li,ul,ol,input,textarea,button{
	color:#1b1b1b;
	font-family: 'Calibri', 'Tahoma', sans-serif;
	line-height:150%;
	margin:0 0 1em;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Calibri', 'Tahoma', sans-serif;
	font-weight:normal;
}

h1{
}

h2{
font-weight: lighter;
font-size: 500%;
color: #0056a4;
text-align: center;
margin: 0px 0 20px;
padding: 0;
line-height:100%;
}

h3{
	font-weight:bold;
	color:#555555;
	font-size:200%;
	margin:25px 0 5px;
	line-height: 110%;
}

h4{
	color:#555555;
font-size: 1.25em;
font-weight: bold;
margin:0 0 10px 0;
padding:0;
}

#main{
}

.mainmenu{
	position: fixed;
	z-index: 100;
	background: #ffffff;
	width: 100%;
}

.mainmenu h1{
	float:left;
}

.navigation{
	float:right;
}

.navigation ul{
float: left;
width: 100%;
padding: 50px 30px 0 10px;
margin: 0;
list-style-type: none;
}

.navigation a {
	float: left;
	text-decoration: none;
	color: #555555;
	padding: 0.2em 1em;
	width: auto;
	text-transform: uppercase;
	font-size: 12px;
	font-weight:bold;
}

.navigation a:hover {
color:#979797;
}

.navigation li{
    display: inline;
}

/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Shows the reCAPTCHA on the Contact page */
/* Obviously change the page number to your own */
.page-id-17 .grecaptcha-badge {
    visibility: visible !important;
}



/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 1300px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }

}