/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.has-top-margin {
	-webkit-animation: animate-margin-top 0.3s;
	-moz-animation: animate-margin-top 0.3s;
	animation: animate-margin-top 0.3s;
	margin-top: 70px;
}
 @-webkit-keyframes animate-margin-top {
 0% {
 margin-top: 100px;
}
 100% {
 margin-top: 70px;
}
}
@-moz-keyframes animate-margin-top {
 0% {
 margin-top: 100px;
}
 100% {
 margin-top: 70px;
}
}
@keyframes animate-margin-top {
 0% {
 margin-top: 100px;
}
 100% {
 margin-top: 70px;
}
}
/* -------------------------------- 

Intro

-------------------------------- */

#cd-intro-tagline {
	padding-top: 1%;
}
/* -------------------------------- 

Secondary Fixed Navigation

-------------------------------- */

.cd-secondary-nav {
	z-index: 10000;
	height: auto;
	background-color: #ffffff;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	margin: 2% 0;
}
.cd-secondary-nav nav, .cd-secondary-nav ul, .cd-secondary-nav li, .cd-secondary-nav a {
	height: 100%;
}
.cd-secondary-nav ul {
	/* reset navigation values */
	position: static;
	width: auto;
	max-width: 100%;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/*text-align: center;*/
	background-color: transparent;	
}

.cd-secondary-nav ul:first-child {
	margin-bottom:1%;
}
.cd-secondary-nav ul.is-visible {
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
	-moz-transition: -moz-transform 0.3s, visibility 0s 0s;
	transition: transform 0.3s, visibility 0s 0s;
}
.cd-secondary-nav li {
	display: inline-block;
	margin-right: 0.5%;
	margin-bottom:1%;
	padding: 1% 1%;
	font-family: "Arial", "Helvetica", sans-serif;
	border: 1px solid #ddd;
	font-size: 15px;
	min-width: 12%;
	text-align: center;
 *float:left;
 *display:block;
}
.cd-secondary-nav li:last-child {
	margin-right: 0;
}
.cd-secondary-nav li a {
	/*position: relative;*/
	display: inline-block;
	font-weight: normal;
}
.cd-secondary-nav li span {
	width: 15px;
	height: 15px;
	display: inline-block;
	background-image: url(css-img/link-down.png);
	background-repeat: no-repeat;
	background-position: top;
 *background-position:0 -2px;
}
.cd-secondary-nav li:hover {
	background-color: #f3f3f3;
}
.cd-secondary-nav li a.active {
	color: #004280;
	text-decoration: underline!important;
}
.cd-secondary-nav.is-fixed {
	position: fixed;
	left: 0;
	top: 0;
	height: auto;
	width: 100%;
	margin: 0 0 0 0;
	background-color: #f3f3f3;
	opacity: 0.95;
	filter: alpha(opacity=95)\9;
 *background-color:#f3f3f3;
 *filter:alpha(opacity=95);
 *border-bottom:2px solid #ddd;
}
.cd-secondary-nav.animate-children {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	text-align: center;
}
.cd-secondary-nav.animate-children ul {
	max-width: 1200px;
	margin: 0 auto;
 *text-align:cetner;
 *padding:12px 0;
}
.cd-secondary-nav.animate-children li {
	border: 0;
    min-width: auto;
    margin-right: 0;
    text-align: left;
 	*float:none;
 	*display:inline;
 	*margin-left:3%;
	*line-height:180%;
}
.cd-secondary-nav.animate-children li:first-child {
 *margin-right:0;
}
.cd-secondary-nav.animate-children li span {
/*opacity: 0;
	*display:none;*/
}
.cd-secondary-nav.is-fixed li a.active {
	text-decoration: underline;
}
.cd-secondary-nav-trigger {
	display: none;
}
/* -------------------------------- 

Placeholder Sections

-------------------------------- */

.cd-section {
	margin: 0 0 4.5% 0;
	padding: 0 0;
}

@media only screen and (max-width: 768px) {

.cd-secondary-nav ul{
	margin: 30px 0;
}
.cd-secondary-nav li {
	padding: 2% 2%;
	min-width:43%;
	margin-right:0.5%;
	margin-bottom:1%;
}
.cd-secondary-nav.animate-children li {
	border: 0;
	min-width: 20%;
}
.cd-secondary-nav.animate-children ul {
	padding:1% 0;
}
}
