@charset "utf-8";
body,html{height:100%}
header{
	background-image: url(../images/bg_hdr_x.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f46300;
	/*background-size: 220px, 647px;
	max-height: 210px;*/
	border-bottom:#E05401 2px solid;
}
header section .row .span6{
	/*min-height: 210px;*/
}
#menu, .dj-main{	
	background: #ddf1f9 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #ddf1f9 0%, #feffff 36%, #feffff 65%, #ddf1f9 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ddf1f9 0%,#feffff 36%,#feffff 65%,#ddf1f9 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ddf1f9 0%,#feffff 36%,#feffff 65%,#ddf1f9 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf1f9', endColorstr='#ddf1f9',GradientType=0 ); /* IE6-9 */
	
}
#menu{
	border-bottom: #C7C7C7 solid 1px;
}
#page{
	background: #f3f9fc url(../images/bg_page_x.png) repeat-x top left;
	padding-bottom: 40px;
}
/* repeating bg for h1 and h2 titles in the footer */
#showcase{
	padding: 15px 0 25px 0;	
}
#content-bottom{	
	background: transparent url(../images/bg-ftr-title.jpg) repeat-x top left;	
	padding: 8px 0;
}
#content-bottom h1,#content-bottom h2,#content-bottom h3 {
	color: #c64d2c;	
	padding-bottom: 57px;
	text-align:center;
	font-size:1.66em;
	margin-top: 3px !important;
	
}
#content-bottom .custom p{
	font-size: 17px;line-height: 25px; color:dodgerblue;text-align:center;
}

#content-top,#content{
	padding-top: 20px;
}
footer{	
	background-color:#f46300;
	background-image:       linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .2) 25%, rgba(255, 255, 255, .2) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .2) 25%, rgba(255, 255, 255, .2) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2) 76%, transparent 77%, transparent);
  	/*height:100%;*/
  	background-size:50px 50px;
	padding-bottom: 20px;
	border-top: 3px solid #dbe068;	
}
.dark-org{
	color: #b7450b;
	font-weight:bold;
}
#logo{
	height:inherit;
}
#product-boxes{
	margin-top: 15px;	
}
#aside{
	padding-left: 50px;
	box-sizing: border-box;
}
/* rounds and borders the showcase items on home page 
.showcase-item .span4 img{
    border: 21px solid #999;
    border-radius: 100%;
    height: inherit !important;    
    overflow: hidden;    
    width: 93%;
}
*/
/*quote bubble
*/
.quote-cloud
{	font-size: 33px;	
	box-sizing: border-box;	
	word-wrap: normal;
	line-height: 42px;	
	font-style: italic;
	vertical-align: middle;	
	position: relative;
	width: 95%;
	/*min-height: 260px; golden ratio at 425 x 260 */
	min-height: 180px;
	padding: 15px;
	background: #ffa53f; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa53f 0%, #ffa53f 0%, #ff670f 9%, #ff670f 91%, #ffa53f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa53f 0%,#ffa53f 0%,#ff670f 9%,#ff670f 91%,#ffa53f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa53f 0%,#ffa53f 0%,#ff670f 9%,#ff670f 91%,#ffa53f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa53f', endColorstr='#ffa53f',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: #FFFFFF solid 7px;
	margin-top: 25px;
	margin-bottom: 33px;
}
/*quote triangle's "fill"*/
.quote-cloud:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 22px 23px 0;
	border-color: #ffa757 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -21px;
	left: 69%;
	
	
}
/*quote triangle's "border"*/
.quote-cloud:before
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 28px 29px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -32px;
	left: 67.5%;
}
.quote-cloud,#footer,#footer h1,#footer h2,#footer h3,#footer h4,#footer h5{	
	text-shadow: 4px 5px 3px #a8330f;
	color:#FFFFFF;	
	font-weight:bold;
	text-align: center;
}
/* slide up/overlay div on hover */
.card {
  max-height: 132px;
	max-width: 23%;
  overflow: hidden;
  position: relative;
	border: #FFF 3px solid;
	margin-top: 10px;
	box-sizing: border-box;
	display:inline-block;
}
.card img{
	
 max-height: 130px;
	max-width: 130px;
	height:auto;
	width:auto;
}

.card-content {
  background-color: rgba(255,255,255,0.5);
  padding: 10px;
	box-sizing: border-box;
  position: absolute;
  bottom: -86px;
  cursor: pointer;
  transition: all 0.5s ease;
	width:100%;
}

.card-content h3, .card-content h3 a {  
  margin-bottom: 0.5em;
  color: #FFF;
	text-decoration: none;
}

.card:hover .card-content {
  background-color: rgba(0,0,0,0.8);
  bottom: 0;
}
/* icons */
/* title icons */
.ico-compass{
	padding-left: 58px;
	/*line-height: 60px;*/
	background: transparent url(../images/eng-compass.png) 6px top no-repeat;
	box-sizing:border-box;
}


/* end slide up */
/* joomla extension specific css */
/* dj image slider */
.djslider{
	border: 8px #FFF solid;
	box-sizing:border-box;
}
/* hide back to top link in k2 items */
.itemBackToTop { display:none } 
@media (max-width: 767px) {
	
	header{
		background-image: none;
		background-color: #d1540f;
	}
	/*move side padding from body to .container to avoid white siding on small screen views*/
	.containter{
		padding: 0px 20px;
	}
	header .container{
		background-color: #d1540f;
	}
	body{
		padding: 0px !important;
	}
	#content-bottom{		
		background: none;			
	}
	#content-bottom h1,#content-bottom h2,#content-bottom h3 {
		color: #c64d2c;	
		padding-bottom: 35px;
		padding-top: 25px;
		text-align:center;
		font-size:1.36em;
		margin-top: 8px !important;
		background: transparent url(../images/bg-ftr-title.jpg) repeat-x top left;	
	}
	.row-fluid [class*="span"]{
		margin-left: 0px !important;
		padding:12px
	}
	.pull-right{
		margin-right:1.3%;
	}
	.quote-cloud {margin-right:1.3%;margin-left:1.3%;}
	#showcase,#showcase img{
		text-align: center;
	}
	#showcase img{
		margin-left:auto;margin-right:auto;
		margin-top: 6px;
	}
	/*.row-fluid [class*="span"]{
		float:left;
	}*/
	
}