/**
 * @file
 * Navigation ATLAS Styling
 */


/* REMOVE H1 Heading from node-152
------------------------------------------------------------------------------*/
body.page-node-152 h1#page-title{
display: none;
visibility: hidden;
}


/* Navigation ATLAS
------------------------------------------------------------------------------*/

#navigation-atlas {
	position: relative;
	width: 980px;
	height: 649px;
	background: url(../images/bg-nav-atlas.png) no-repeat;
}

#navigation-atlas li{
	list-style: none;
	position: absolute;
	display: inline-block;
	height: 44px;
	padding: 6px 20px 0 20px;
	border: solid 3px #fff;
	border-radius: 11px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	background: #ff710a;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.ie8 #navigation-atlas li{
	behavior: url(http://advocacy-toolkit-drupal.urldock.com/PIE.htc);
}

#navigation-atlas li a{
	text-decoration: none;
	font-size: 15px;
	line-height: 18px;
	color: #fff;
}

.ie8 #navigation-atlas li a{
	font-size: 17px;
}

#navigation-atlas li:hover {
	background: #002854;
}

#navigation-atlas ul.menu li {
	margin: 0;
}

#navigation-atlas .menu-1076 {
	top: 155px;
	left: 8px;
	width: 180px;
}

#navigation-atlas .menu-1077 {
	top: 52px;
	left: 273px;
	width: 105px;
}

#navigation-atlas .menu-1078 {
	top: 127px;
	left: 443px;
	width: 130px;
}

#navigation-atlas .menu-1083 {
	top: 61px;
	left: 695px;
	width: 145px;
}

#navigation-atlas .menu-1084 {
	top: 383px;
	left: 6px;
	width: 160px;
}

#navigation-atlas .menu-1080 {
	top: 460px;
	left: 335px;
	width: 125px;
}

#navigation-atlas .menu-1082{
	top: 330px;
	left: 564px;
	width: 170px;
}

#navigation-atlas .menu-1075 {
	top: 254px;
	right: 34px;
	width: 175px;
}

.ie8 #navigation-atlas .menu-1075 {
	width: 160px;
}

#navigation-atlas .menu-1085 {
	top: 417px;
	left: 514px;
	width: 185px;
}

.ie8 #navigation-atlas .menu-1085 {
	width: 175px;
}

#navigation-atlas .menu-1081 {
	top: 502px;
	right: 7px;
	width: 110px;
}


/* ATLAS FEEDBACK BUTTON STYLING
-----------------------------------------*/

#content .region-feedback p{
	padding: 0;
	text-align: inherit;
}

#content a.feedback {
	position: relative;
	display: inline-block;
	height: 30px;
	margin: 0 0 0 300px;
	padding: 0 44px 0 14px;
	line-height: 28px;
	font-size: 16.5px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 0 0 14px 14px;
	background: #002854 url(../images/bullet-feedback.png) no-repeat 100% 5px;
	color: #fff;
}

.ie8 #content a.feedback {
	behavior: url(http://advocacy-toolkit-drupal.urldock.com/PIE.htc);
}

#content a.feedback:hover {
	-webkit-animation: feedback .6s infinite;
	-moz-animation: feedback .6s infinite;
	-o-animation: feedback .6s infinite;
	animation: feedback .6s infinite;
}

@-webkit-keyframes feedback {
	0%   { background-position: 100% 5px; }
	50%  { background-position: 102% 5px; }
	100% { background-position: 100% 5px }
}
@-moz-keyframes feedback {
	0%   { background-position: 100% 5px; }
	50%  { background-position: 102% 5px; }
	100% { background-position: 100% 5px }
}
@-o-keyframes feedback {
	0%   { background-position: 100% 5px; }
	50%  { background-position: 102% 5px; }
	100% { background-position: 100% 5px }
}
@keyframes feedback {
	0%   { background-position: 100% 5px; }
	50%  { background-position: 102% 5px; }
	100% { background-position: 100% 5px }
}