/* typography */
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: bold;
}

body{
	color:#58595b;
	font-family:'montserrat', Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.4em;
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	font-family:'montserrat', Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:.45em 0;
	padding:0;
}
h2 {
	font-size: 1.75em;
}


/* links */
a,
a:visited,
a:active,
a:hover{color:#020d37; text-decoration:none;}


/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}

img{vertical-align:bottom;}


/* structure */
.wrapper{
	/*width: 92%;*/
	margin: 0 auto;
}
header{

}
#banner{
	text-align:center;
}

#hero,
#page-header{
	background:#f3f3f3;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:20px 0;
}
#hero h1{
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:10px;}


#content {
	margin:40px 0;
}

aside {
	margin:40px 0;
}

p{ margin:0 0 1.5em;}


/* RESPONSIVE IMAGES */
img{ max-width:100%; height:auto;}


/*MAIN MENU*/
.menu-toggle{
	display:block;
	padding:10px;
	margin:20px 0 0;
	background:#666;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
}
.menu-toggle.toggled-on{
	background:#0099ff;
}
.srt-menu{
	display:none;
}
.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
}

.srt-menu{
	clear:both;
	margin-bottom:60px;

}
.srt-menu li a {
	background:#dadada;
	display:block;
	margin:1px 0;
	padding:10px;
	text-decoration:none;
}
.srt-menu li a:hover{
	background:#0099ff;
	color:#fff;
}
.srt-menu li li a {
	background:#e8e8e8;
	padding-left:40px;
}
.srt-menu li li li a {
	background:none;
	padding-left:80px;
  padding-left: 20px;
}

/*SECONDARY MENU*/
#secondary-navigation{
	margin-bottom:60px;
}
#secondary-navigation ul{
	margin:0;
	padding:0;
}
#secondary-navigation ul li a{
	background:#E6E6E6;
	display:block;
	margin:5px 0;
	padding:10px;
	text-decoration:none;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
	background:#0099ff;
	color:#fff;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-bottom:40px;
	/*positioning and padding*/
	position: relative;
    min-height: 1px;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

/*FOOTER*/
footer{
	clear:both;
	font-size: 1em;
	padding: 3.5em 0;
}
footer ul{
	margin:0;
	padding:0;
}

/*colors and backgrounds*/
body{
	background:#fff;
}
h1, h2, h3, h4, h5, h6{
	color:#333;
}

footer{
	background:#020e37;
	color:white;
}
footer h1, footer h2, footer h3, footer h4{
	color:#CCC;
	margin-bottom:10px;
}
footer ul{
	margin:0 0 0 8%;
}

a.buttonlink{
	background:#0099ff;
	border-radius:7px;
	color:#fff;
	display:block;
	float:left;
	margin:10px 15px 10px 0;
	padding:10px;
	text-decoration:none;
}
a.buttonlink:hover{
	background:#8dbc01;
}
.greenelement{
	background:#5ec79e;
	color:#fff;
}
.violetelement{
	background:#887dc2;
	color:#fff;
}



/* Contain floats*/
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}


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

  body{
  	font-size:.9em;
  }

  #banner{
  	float:left;
  	text-align:left;
  	margin-bottom:-20px;
  }
  .menu-toggle{
  	margin-top:10px;
  	float:right;
  }

}


@media only screen and (min-width: 1024px) {

  body{
  	font-size:1em;
  }

  .wrapper{
  	max-width: 1740px;
  	margin: 0 auto;
  	padding: 0 30px;
  	width: 100%;
  }

  #banner{
  	float:left;
  	text-align:left;
  	margin-bottom:0px;
  }
  header{
  	padding: 0;
  }
  #content {
  	float:left;
  	width:65%;
  }
  #content.wide-content{
  	float:none;
  	width:100%;
  }


  aside {
  	float:right;
  	width:30%;
  }

/*
  .menu-toggle{display:none;}
  #menu-main-navigation{display:block;}

  .srt-menu, .srt-menu * {
  	margin:			0;
  	padding:		0;
  	list-style:		none;
  }
  .srt-menu ul {
  	position:		absolute;
  	display:none;
  	width:			12em;
  }
  .srt-menu ul li {
  	width:			100%;
  }
  .srt-menu li:hover {
  	visibility:		inherit;
  }
  .srt-menu li {
  	float:			left;
  	position:		relative;
  	margin-left:1px;
  }
  .srt-menu li li {
  	margin-left:0px;
  }
  .srt-menu a {
  	display:		block;
  	position:		relative;
  }
  .srt-menu li:hover ul,
  .srt-menu li.sfHover ul {
  	display:block;
  	left:			0;
  	top:			45px;
  	z-index:		99;
  	-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
      box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
  }
  ul.srt-menu li:hover li ul,
  ul.srt-menu li.sfHover li ul {
  	top:			-999em;
  }
  ul.srt-menu li li:hover ul,
  ul.srt-menu li li.sfHover ul {
  	left:			12em;
  	top:			0;
  }
  ul.srt-menu li li:hover li ul,
  ul.srt-menu li li.sfHover li ul {
  	top:			-999em;
  }
  ul.srt-menu li li li:hover ul,
  ul.srt-menu li li li.sfHover ul {
  	left:			10em;
  	top:			0;
  }

  #topnav, .srt-menu {
  	float:right;
  	margin: .35em 0 0 0;
  }
  .srt-menu a {
  	text-decoration:none;
  }
  .srt-menu li a {
  	background:#fff;
  	margin:0;
  	padding:10px 20px;
  	height:45px;
  }
  .srt-menu a, .srt-menu a:visited  {
  	color:			#0099ff;
  }
  .srt-menu li li a {
  		border-top:		1px solid rgba(255,255,255,.2);
  		background:		#333;
  		background:rgba(0,0,0,.6);
  		color:	#fff;
  		padding-left:20px;
  		height:auto;
  }
  .srt-menu li li a:visited{color:#fff;}
  .srt-menu li li li a,
  .srt-menu li.current * li a{
  	padding-left:20px;
  	background:rgba(0,0,0,.6);
  }

  .srt-menu li:hover > a,
  .srt-menu li.current a{
  	color:#fff;
  	background:#0099ff;
  }
  .srt-menu li li:hover > a{
  	color:#fff;
  	background:#0099ff;
  }

  */

  .grid_1 { width: 8.33333333%; }
  .grid_2 { width: 16.66666667%; }
  .grid_3 { width: 25%; }
  .grid_4 { width: 33.33333333%; }
  .grid_5 { width: 41.66666667%; }
  .grid_6 { width: 50%; }
  .grid_7 { width: 58.33333333%; }
  .grid_8 { width: 66.66666667%; }
  .grid_9 { width: 75%; }
  .grid_10 { width: 83.33333333%; }
  .grid_11 { width: 91.66666667%; }
  .grid_12 { width: 100%; }

  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
  	float: left;
  	display: block;
  }

  .rightfloat{float:right;}


  #hero [class*="grid_"] { margin-bottom:-20px;}

}


@media only screen and (min-width: 1280px) {

}

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


    .menu-toggle{display:none;}
    #menu-main-navigation{display:block;}

    .srt-menu, .srt-menu * {
    	margin:			0;
    	padding:		0;
    	list-style:		none;
    }
    .srt-menu ul {
    	position:		absolute;
    	display:none;
    	width:			12em;
    }
    .srt-menu ul li {
    	width:			100%;
    }
    .srt-menu li:hover {
    	visibility:		inherit;
    }
    .srt-menu li {
    	float:			left;
    	position:		relative;
    	margin-left:1px;
    }
    .srt-menu li li {
    	margin-left:0px;
    }
    .srt-menu a {
    	display:		block;
    	position:		relative;
    }
    .srt-menu li:hover ul,
    .srt-menu li.sfHover ul {
    	display:block;
    	left:			0;
    	top:			45px;
    	z-index:		99;
    	-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
        box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
    }
    ul.srt-menu li:hover li ul,
    ul.srt-menu li.sfHover li ul {
    	top:			-999em;
    }
    ul.srt-menu li li:hover ul,
    ul.srt-menu li li.sfHover ul {
    	left:			12em;
    	top:			0;
    }
    ul.srt-menu li li:hover li ul,
    ul.srt-menu li li.sfHover li ul {
    	top:			-999em;
    }
    ul.srt-menu li li li:hover ul,
    ul.srt-menu li li li.sfHover ul {
    	left:			10em;
    	top:			0;
    }

    #topnav, .srt-menu {
    	float:right;
    	margin: .35em 0 0 0;
    }
    .srt-menu a {
    	text-decoration:none;
    }
    .srt-menu li a {
    	background:#fff;
    	margin:0;
    	padding:10px 20px;
    	height:45px;
    }
    .srt-menu a, .srt-menu a:visited  {
    	color:			#0099ff;
    }
    .srt-menu li li a {
    		border-top:		1px solid rgba(255,255,255,.2);
    		background:		#333;
    		background:rgba(0,0,0,.6);
    		color:	#fff;
    		padding-left:20px;
    		height:auto;
    }
    .srt-menu li li a:visited{color:#fff;}
    .srt-menu li li li a,
    .srt-menu li.current * li a{
    	padding-left:20px;
    	background:rgba(0,0,0,.6);
    }

    .srt-menu li:hover > a,
    .srt-menu li.current a{
    	color:#fff;
    	background:#0099ff;
    }
    .srt-menu li li:hover > a{
    	color:#fff;
    	background:#0099ff;
    }

}

@media only screen and (min-width: 1600px) {

}