body
{
  line-height:1.6em;
  margin:0;
  padding:0;
  background:#eae8de url(../images/body-bg-low.gif)top repeat-x;
}

body.contentpane
{
  width:auto;
  line-height:1.3em;
  font-size:12px;
  color:#333;
  background:#fff;
  margin:0;
}

html
{
  overflow-y:scroll;
}

html,body
{
  height:100%;
  margin:0;
  padding:0;
}


table.mtable td
{
  border:1px solid #ccc;
  margin:4px;
  padding:20px;
}

table.mtable
{
  margin:10px auto 0;
}

img.t-config
{
  display:block;
  margin-bottom:40px;
}
.img-shadow {
/*
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
*/
	border-radius: 5px;
		-webkit-border-radius: 5px;
			-moz-border-radius: 5px;

}

div.jpclear
{
  clear:both;
  height:0;
  font-size:0;
  margin:0;
  padding:0;
}

p
{
  margin:4px 0;
}
a { 
	transition: color 0.2s linear 0s;
	/* Firefox 4 */
	-moz-transition: color 0.2s linear 0s;
	/* Safari and Chrome */
	-webkit-transition: color 0.2s linear 0s;
	/* Opera */
	-o-transition: color 0.2s linear 0s;
}
a:link,
a:visited
{
	color:#000
}

a:hover,
a:focus
{
	text-decoration:underline
}

ul, li {
	margin:0; padding:0;
}
li {margin-left:10px;
}
li.pagenav-prev,li.pagenav-next,a.readmore,.validate,.button
{
  text-decoration:none;
  padding:4px 15px;
  font-size:11px;
}
li.pagenav-prev,li.pagenav-next,
.readon,a.readon,.readmore,#article-index ul li a,#article-index ul li span,div.k2Pagination ul li a,div.k2Pagination ul li span,div.pagination ul li a,div.pagination ul li span {
	display: inline;
	margin: 0 5px 3px 0;
	padding: 4px 16px;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	color:#fff!important;
	background: #C24225;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
p.readmore a{color:#fff!important;text-decoration:underline;}

.button:hover,.readon:hover,.readmore:hover
{
  
}
.button{
  background-color:#C24225;
  color:#fff!important;
	border-radius: 5px;
		-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
}

li a,a img,img a
{
  border:none;
  text-decoration:none;
}

h1,h2,h3,h4,h5,h6,.contentheading,.componentheading,.item h2 a,h2.contentheading a
{
  margin:0;
  padding:0;
}

h1
{
  font-size:2em;
  margin-bottom:10px;
}

h2,h2.contentheading,.contentheading
{
  font-size:26px;
  padding-bottom:0;
  text-transform:uppercase;
  margin:10px 0 4px;
  padding-bottom:10px;
  border-bottom:none;
}

h2 a,h3 a
{
  text-decoration:none;
  color:#ac190d;
}

h2 a:hover,h3 a:hover
{
  text-decoration:none;
  color:#000;
}

h3
{
  margin:0 0 20px;
}

h4,.componentheading
{
  font-size:1.2em;
  line-height:1.25;
  margin-bottom:1.25em;
}

h5
{
  font-size:1em;
  font-weight:700;
  margin-bottom:1.5em;
}

h6
{
  font-size:1em;
  font-weight:700;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img
{
  margin:0;
}

.button
{
  border:none;
  padding:4px 20px;
}

.small,.createdate
{
  font-size:11px;
  padding-bottom:.875em;
  line-height:1.875em;
}

.centered
{
  text-align:center;
}

.componentheading
{
  margin:.3em 0;
}
/************  Template Layout ***************/
.container{
	position:relative;
	margin:0 auto;
	
}
.banner-right {
	position:absolute;
	top:20px;
}

.jp-top-outer
{
	background: #4A3F34;
    border-bottom: 1px solid #DCD3C4;
    position: relative;
    width: 100%;
}
.jp-top
{
    position: relative;
	margin:0 auto;
}

.logo
{
  float:left;
  width:auto;
  padding:14px 0 14px;
}
.logo h1
{
  line-height:1em;
  font-size:18px;
  font-weight:lighter;
  margin:0;
  padding:0;
}
.banner {
	float:right;
	position:relative;
  	padding:10px 0 10px;
	margin-top:20px;
}
.jp-top,
.jp-header,
#slider,
.jp-top-module,
.jp-bottom-module,
.jp-content,
.jp-footer
{
  margin:0 auto;
  padding:0;
  position:relative;
  margin-bottom:10px;
}
.jp-top {
  margin-bottom:0
}

/**************  Joomla Content **************/
.jp-content {padding-top:20px;}
#joomla_container{margin:0 auto; margin-bottom:20px;}
#joomla_content{padding:10px 0 20px 0;}
#joomla_content-inner{overflow:hidden;}


#suckerfish{position:relative;width:auto;float:left;margin:0 0 30px 0; padding:0 0 10px 0;width:100%;background:url(../images/menu-border.gif) repeat-x bottom;}
#slider{position:relative;width:auto;margin:0 auto;border:10px solid #fff;margin-bottom:20px;margin-top:20px; overflow:hidden;	
	-moz-box-shadow: 0 0 0 6px #a09586!important;
	-webkit-box-shadow:  0px 0px 6px 0px #a09586!important;
    box-shadow:  0px 0px 6px 0px #a09586!important;
}

.jp-breadcrumbs {
  float:left;
  color:#999;
  font-size:11px;
  line-height:27px;
  margin:0!important;
  padding-left:10px;

}
.jp-breadcrumbs a
{
  text-decoration:none
}

.jp-search {
  float:right;
 }
.jp-search label {
  display:none
}
.jp-search .inputbox {
  margin:0 auto;
  padding:3px 4px;
  font-size:11px;
  color:#999;
}

#above-content
{
  padding-bottom:40px;
}

#below-content
{
  padding-top:40px;

}

.footer-module
{
  padding:10px 0;
  margin:0 auto;
}
.jp-footer {
  background: #40372D;
  border-bottom: 2px solid #FFFFFF;
}
.jp-footer a,
.jp-footer h3 {
	color:#fff;

}

.legaline,.social
{
  font-size:.8em;
  padding:20px 0 10px 0;
  text-align:center;
}
.bcktoTop {
    background: url(../images/backtotop.png) no-repeat;
    bottom: 20px;
    position: fixed;
    right: 20px;
    z-index: 10;
}
.bcktoTop a {
    display: block;
    height: 14px;
    padding: 17px 11px;
    width: 28px;
	cursor: pointer;
}
/************  End Template Layout ***************/

.imgpadding
{
  margin:0 20px 10px 0;
}

.img-border
{
  border:1px dashed #ccc;
  margin:0 30px 10px 4px;
  padding:4px;
}

div.info
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#ffd url(../images/attention.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

div.pdf
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#edf3f8 url(../images/info.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

div.attention
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#fffff7 url(../images/error.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

.imgborder
{
  border:1px solid #999;
  margin-right:6px;
  padding:5px;
}

img
{
  max-width:100%;
  height:auto;
}

.ir
{
  display:block;
  border:0;
  text-indent:-999em;
  overflow:hidden;
  background-color:transparent;
  background-repeat:no-repeat;
  text-align:left;
  direction:ltr;
}

.hidden
{
  display:none!important;
  visibility:hidden;
}

.visuallyhidden
{
  border:0;
  clip:rect(0000);
  height:1px;
  overflow:hidden;
  position:absolute;
  width:1px;
  margin:-1px;
  padding:0;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus
{
  clip:auto;
  height:auto;
  overflow:visible;
  position:static;
  width:auto;
  margin:0;
}

.invisible
{
  visibility:hidden;
}

.clearfix:before,.clearfix:after
{
  content:"";
  display:table;
}

.clearfix
{
  zoom:1;
}

.jpclr,.clearfix:after
{
  clear:both;
}

ul li,ol li,ul li
{
  list-style-position:inside;
}
ul.category-module li
{
	list-style-position:inherit;
}
a,a:visited,a:active
a:hover,.footer a,.footer p
{
  color:#000;
}

a:hover
{
  text-decoration:none;
}

h1.componentheading,.componentheading,h2.contentheading,.contentheading
{
  margin:0;
  padding:0 0 7px;
}

.top-left label,.ir br
{
  display:none;
}
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

img.transform{
 -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; 
}
img.transform:hover{
-webkit-transform:rotate(360deg) scale(1,1);
-moz-transform:scale(2,2);
-o-transform:rotate(360deg) scale(1,1);
transform:rotate(360deg) scale(1.3,1.3); 
}

/* Jatt (Just Another Tooltip) overall */
.tooltip, .preview, .screenshot { cursor: pointer; }

/* tooltip only, don't add a default width to
 preview/screenshot tooltips or the image won't fit inside */
#tooltip { }
#tooltip img{}
/* basic tooltip style */
#tooltip {
 color: #fff;
 background: #fff;
 padding: 5px;
 display: none;
 opacity: 0.98;
 filter: alpha(opacity=98);
 text-align: left;
 border-radius: .5em;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 z-index: 1000;
 font-size:80%;
 line-height:1.4
}
#preview {
 color: #000;
 background: #fff;
 padding: 20px;
 display: none;
 opacity: 0.80;
 filter: alpha(opacity=90);
 text-align: left;
 border-radius: .5em;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 z-index: 1000;
 font-size:80%;
 line-height:1.4
}