/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== CUSTOM CSS ============================== */
.item-image {
  background-color: #F5F5F5;
border: 1px solid #D5D5D5;
padding: 6px;
}
h3 {
color: #000;
font-size: 1.1em;
}
h4 {
color: #000;
font-size: 1.1em;
}
h5{
color: #000;
font-size: 1.1em;
}

div.social-connect-heading {
  text-align:center;
}
div.social-connect-heading h3:before {
content: "";
display: block;
position: absolute;
top: 15px;
left: 0;
margin-left: -100%;
height: 30px;
width: 100%;
border-top: 1px solid rgba(0,0,0,0.75);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

div.social-connect-heading h3:after {
content: "";
display: block;
position: absolute;
top: 15px;
left: 0;
margin-left: 100%;
height: 30px;
width: 100%;
border-top: 1px solid rgba(0,0,0,0.75);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
div.social-connect-heading h3 {
text-transform: uppercase;
letter-spacing: 5px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5), 1px 2px 0 rgba(2558,255,255,0.25);
padding: 0 10px;
display: inline-block;
color: #FFF;
position: relative;
width: 290px;
top: -25px;
}
div.jsn-modulecontainer ul.menu-mainmenu ul {
background: #0a7677;
}
a {
color: #00665b;
}
a:hover {
color: #009996;
}
h3 {
color: #009996;
font-size: 1.2em;
}
div.jsn-modulecontainer ul.menu-mainmenu li.active > a, div.jsn-modulecontainer ul.menu-mainmenu li:hover > a {
background: #0a7677;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > ul > li.first > a {
border-top: 1px solid #7af3f1;
}

h2 {
  color: #0a7677;
}
div.lightbox-2 h3.jsn-moduletitle {
background: #a2a2a2;
border-bottom: 4px solid #777;
}
#jsn-page .button {
  margin:15px;
}
#jsn-page {
border-top: 4px solid #009899;
}
#jsn-footer {
background: #009996;
border-top: 5px solid #006260;
}
#jsn-menu, #jsn-topbar {
background: #009899;
}
div.solid-2 div.jsn-modulecontent {
color: #fff;
background: #009899;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a, div.jsn-modulecontainer ul.menu-sidemenu ul li a, div.solid-2 ul.menu-sidemenu > li, div.solid-2 ul.menu-treemenu li {
border-bottom: 1px solid #7af3f1;
border-top: 1px solid #7af3f1;
}
body.jsn-color-green a.button_oc, body.jsn-color-green input.button_oc, body.jsn-color-green.jsn-joomla-30 a.btn, body.jsn-color-green.jsn-joomla-30 input.btn {
background: #009899;
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li:hover > a,
div.jsn-modulecontainer ul.menu-sidemenu ul li.sfhover > a {
	background-color: #0a7677;
}
div.richbox-2 h3.jsn-moduletitle {
background: #009899;
border-bottom: 4px solid #00665b;
}
/* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- MODIFIED*/ 
div.jsn-modulecontainer ul.menu-sidemenu > li:hover > a,
div.jsn-modulecontainer ul.menu-sidemenu > li.active > a  {
	background-color: #0a7677;
}
div.solid-1 ul.menu-sidemenu > li:hover > a,
div.solid-1 ul.menu-sidemenu > li.active > a {
	background-color: #444;
}
div.solid-2 ul.menu-sidemenu > li:hover > a,
div.solid-2 ul.menu-sidemenu > li.sfhover > a {
	background-color: #0a7677;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.active > a {
	background-color: #0a7677;
}
/* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */
div.solid-2 ul.menu-sidemenu > li.active > a {
	background-color: #0a7677;
}
h2.contentheading {
	text-transform: uppercase;
	font-size: 2em;
}
.light {
	background: #ddd;
	margin-top: -6px;
	height: 1px;
}
.jsn-demo-content {
	margin: 20px -10px 0 -10px;
}
.jsn-demo-content .jsn-template-featured {
	position: relative;
}
.jsn-demo-content .jsn-template-featured .hide {
	position: absolute;
	background: rgba(0,0,0,0.5);
	background: #ccc\9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility:hidden;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	display: block;
}
.jsn-demo-content .jsn-template-featured:hover .hide{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility:visible;
}
.jsn-demo-content .jsn-template-featured h4.title {
	color: #fff;
}
.jsn-demo-content .jsn-template-featured h5.price {
	color: #ff0000;
}
.jsn-demo-content .jsn-template-featured h4.title,
.jsn-demo-content .jsn-template-featured h5.price {
	background: rgba(0,0,0,0.8);
	background: #333\9;
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.5em;
	line-height: 100%;
}
div.grid-layout.jsn-demo-content div.grid-col div.grid-col_inner {
	margin:0 10px 10px 10px;
}
.jsn-demo-content .jsn-template-featured a.link-button {
	position: absolute;
	bottom: 20px;
	display: block;
	left: 50%;
	margin-left: -45px;
}
ul.social li {
	float: left;
	margin: 0 5px 0 0;
	list-style: none;
}
ul.social li a {
	background: url("../images/icons/social.jpg");
	width: 45px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
ul.social li a.fb { background-position: 0 0}
ul.social li a.tw {background-position: -50px 0}
ul.social li a.gg{background-position: -100px 0}
ul.social li a.yt{background-position: -150px 0}
ul.social li a.pt {background-position: -200px 0}
ul.social li a.fb:hover { background-position: 0 -50px}
ul.social li a.tw:hover {background-position: -50px -50px}
ul.social li a.gg:hover {background-position: -100px -50px}
ul.social li a.yt:hover {background-position: -150px -50px}
ul.social li a.pt:hover {background-position: -200px -50px}
/**Fix Joomla3.0**/
.jsn-joomla-30 .page-header {
	padding: 0;
}
.jsn-joomla-30 .page-header h2 {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 2em;
}

@media only screen and (max-width: 960px),
(max-device-width: 960px) {
	.jsn-demo-content .jsn-template-featured .hide {
		height: 50%;
		top: 50%;
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		visibility:visible;
		background: none;
	}
	.jsn-demo-content .jsn-template-featured img {
		width: 100%;
	}
	div.grid-layout.jsn-demo-content div.grid-col div.grid-col_inner {
		margin-bottom: 20px;
	}
	.jsn-demo-content .jsn-template-featured h4.title,
	.jsn-demo-content .jsn-template-featured h5.price  {
		margin:10px 0;
		font-size: 1.3em;
		display: inline-block;
		padding: 5px 10px;
	}
	.jsn-demo-content .jsn-template-featured a.link-button {
		position: static;
		display: inline-block;
		margin: 0;
	}
}
@media only screen and (max-width: 480px), (max-device-width: 480px) {
	.jsn-demo-content .jsn-template-featured .hide {
		top: 80%;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px), (min-device-width: 481px) and (max-device-width: 768px) and (orientation:landscape) {
	.jsn-demo-content .jsn-template-featured .hide {
		top: 41%;
	}
}