@charset "UTF-8";

#global .nav a {
	display: block;
	position: relative;
	float: left;
	padding: 5px 30px 0px 30px;
	border-bottom: solid 4px #fff;
	line-height: 1.1em;
	text-decoration: none;
	color: #393939;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s;
	}

#global .effect {
	position: absolute;
  left: -12.5%;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out; }

#global .nav a:nth-child(1):hover ~ .effect {
	  left: 14.5%; }
#global .nav a:nth-child(2):hover ~ .effect {
	  left: 32.5%; }
#global .nav a:nth-child(3):hover ~ .effect {
	  left: 48%; }
#global .nav a:nth-child(4):hover ~ .effect {
	  left: 63.5%; }
#global .nav a:nth-child(5):hover ~ .effect {
	  left: 80%; }
#global .nav a:nth-child(6):hover ~ .effect {
	  left: 96%; }

.ph-line-nav .effect {
  width: 180px;
  height: 4px;
  bottom: 0px;
  margin: 0px 0px 0px -127px;
  background: #f60;  
}

#grid-content .pblc {
	width: 312px;
	border: solid 1px #b1b1b1;
	margin: 4px 5px 4px 3px;
	padding: 5px;
	-webkit-box-shadow: #ccc 0px 0px 2px;
    -moz-box-shadow: #ccc 0px 0px 2px;
	box-shadow: #ccc 0px 0px 2px;
	background-color: #fff;
	line-height: 1em;
	position: relative;
	}

#grid-content .pblc h3 {
	margin: 3px 0px 0px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	}

	#grid-content .pblc h3 a { color: #000; text-decoration: none; }
	#grid-content .pblc h3 a:hover { color: #f60; background-color: #fec; text-decoration: underline; }