html {
background: url("../images/transpal_bg.png") repeat-x scroll 0 0 #FFFFFF;
}



.header-logo {
	margin-bottom: 20px;
	xxbackground: url("../images/transpal_logo.png") no-repeat scroll 0 0 transparent;
	height: 84px;
	width: 233px;
	display: block;
}

.top-border {
	border-top: solid 3px #649E1E; /* transpal green */
	xxxmargin-bottom: 20px;
}



#nav_header {
	position: absolute;
	top: 20px;
	right: 0px;
	padding-right: 15px;
}

#nav_header > a:hover, #nav_header > a:focus {
	background-color: #fff;
}

#nav_header li.active > a{
	background-color: #649E1E;
}

#page_header{
	margin-top: 20px;
}

#page, #page_header {
	position: relative;
}


/*Block Headline*/
.headline {
  display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
  font-size: 22px;
}

.sidebar h2, 
.headline h2, 
.headline h3, 
.headline h4 {
  margin: 0 0 10px 0;
  font-size: 22px;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 2px solid #72c02c;
}

.sidebar p{
	margin-bottom: 20px;
}

.sidebar span{
	font-size: 11px;
	color: #999;
	display: inline-block;
}

img.gs {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */ 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

img.gs:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); 
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: alpha(opacity=100);
	opacity: 1;
}


.content, .sidebar {
	margin-bottom: 20px;
}


.headline-md {
  margin-bottom: 15px;
}

.headline-md h2 {
  font-size: 21px;
}

.bottom-dummy {
	height: 400px;
	margin-top:20px;
}
.bottom-nav{
	margin-top:20px;
	height: 400px;
	color: #2a2d33;
	background: #818692;
	position: absolute;
	bottom: 60px;
	width: 100%;
}

.footer  {
	background: #2a2d33;
}


.jbt-white h1, .jbt-white p{
	color: #FFF !important;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.jbt-white a {
	text-shadow: none;
}

.jbt-banner{
	background-repeat: no-repeat;
	min-height: 330px;
}

.bg-50{
	background-repeat: repeat;
	background-image: url('../images/bg_50.png');
}

.bg-black-25{
	background-repeat: repeat;
	background-image: url('../images/bg_black_25.png');
	
}

.bg-white-75{
	background-repeat: repeat;
	background-image: url('../images/bg_white_75.png');
	
}

.overview .thumbnail h2 {
	font-size: 24px;
}

.overview-item h3 {
	margin-top: 0;
}


ul.list{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer ul.list li a{
	color: #FFF;
}

.footer ul.list li{
	color: #CCC;
}