/*
	The following styles are used on the top navigation only.
	You do not need to use the nav.css as part of the CSSGrid.
*/

a {
	transition: color .20s ease-in-out;
	-moz-transition: color .20s ease-in-out;
	-webkit-transition: color .20s ease-in-out;
	transition: background-color .20s ease-in-out;
	-moz-transition: background-color .20s ease-in-out;
	-webkit-transition: background-color .20s ease-in-out;
	opacity: 1.0;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
	opacity: 1.0;
}

#nav {
	margin-top: 10px;
	background-color: #eee;
	width: 100%;
	height: 180px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}
#nav ul {
	margin:0px;
	padding:10px;
	list-style:none;
	height:auto;
}
#nav ul li {
	margin:0px;
	margin-right:10px;
	line-height:30px;
	padding:0px;
	float:left;
}
#nav ul li a {
	font-family:'Lato', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color:#e4e4e4;
	margin:0px;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
	color:#252525;
	text-decoration:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	opacity: 1.0;
}


#nav ul li a:hover {
	background-color:#333;
	margin:0px;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
	color:#fff;
	text-decoration:none;
	opacity: 1.0;
}
#nav ul li a.active {
	background-color:#333;
	margin:0px;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
	color:#fff;
	text-decoration:none;
	opacity: 1.0;
}
.logo {
	float:right;
	padding-right:10px;
	padding-top:15px;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:20px;
}
.logo span {
	color:#858583;
	font-size:16px;
}
.logo strong {
	color:#f1844d;
}
.logo a {
	text-decoration:none;
	color:#252525;
}
p {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 2;
	text-align: justify;
	/* [disabled]margin-bottom: 15px; */
	/* [disabled]margin-top: 0px; */
}
p a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#111;
	line-height:18px !important;
	padding-bottom:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	opacity: 1.0;
}
p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#000;
	padding-bottom:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	opacity: 1.0;
}

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

#nav {
	height:auto;
}
#nav ul li {
	float:none;
	margin:0px;
	height:31px;
}
#nav ul {
	padding:10px;
}

}
@media screen and (min-width: 0px) and (max-width: 320px) {

#nav {
	height:auto;
}
#nav ul {
	padding:10px;
}
#nav ul li {
	float:none;
	margin:0px;
	height:31px;
	font-size:12px;
}
#nav ul li a {
	font-size:14px;
}
.logo {
	float:none;
	padding-bottom:14px;
	padding-left:10px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}

}