/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/*CENTER TOP IS THE TOP PART OF THE SITE. SEE yjsg_main.php FOR REFERENCE*/
#centertop,
#centerbottom {
	text-align:left;
	margin:0 auto;
	clear:both;
}
/* CENTERBOTTOM IS THE BOTTOM PART OF THE SITE SEE yjsg_main.php FOR REFERENCE */
#centerbottom {
	position:relative;
}
#header {
	text-align:left;
	position:relative;
	padding:0;
	z-index:1000;
}
#logo {
	float:left;
	text-align:left;
	overflow:hidden;
}
/* LOGO HOMEPAGE LINK */
#logo a {
	text-indent:-7500px;
	display:block;
	text-decoration:none;
	width:100%;
}
.button,
.validate{
	padding:3px 8px!Important;
}
/* main body layouts with  side modules
--------------------- */
/* HOLDER DIV CONTAINS LEFT, MAINBODY, RIGHT AND ALL INSETS */
#holder,
#holder2,
#holder3 {
	height:100% !Important;
	height:1%;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding:5px 0;
}
/* layout1.php , layout2.php, layout3.php reset and layout1.php main floats. layout 1 does not contain insettop and insetbottom*/
#leftblock,
#midblock,
#rightblock,
#insetblock,
#insetsholder_2t,
#insetsholder_2b,
#insetsholder_3t,
#insetsholder_3b {
	height:100% !Important;
	height:1%;
	overflow:hidden;
	text-align:left;
	float:left;
}
/* layout2.php*/
#holder2 #midblock {
	float:left;
}
#holder2 #leftblock,
#holder2 #rightblock,
#holder2 #insetblock {
	float:right;
}
#holder2 #insetsholder_2t {
	float:left;
}
#holder2 #insetsholder_2b {
	float:right;
}
/*layout3.php*/
#holder3 #midblock {
	float:right;
}
#holder3 #leftblock,
#holder3 #rightblock,
#holder3 #insetblock {
	float:left;
}
#holder3 #insetsholder_3t {
	float:right;
}
#holder3 #insetsholder_3b {
	float:left;
}
.clearm {
	clear:both;
	height:1px;
	overflow:hidden;
}
/*END DEFAULT GRID LAYOUT*/

/*BEGING YJSIMPLEGRID 
#yjsg1 contains top1  - top5
#yjsg2 contains adv1 - adv5
#jsg3 contains user1 - user5
#jsg4 contains user6 - user10
#jsg5 contains user11 - user15
#yjsg6 contains user16 - user20
#yjsg7 contains user21 - user25
#yjsgheadergrid contains logo div ,  header1 - header3
#yjsgbodytop contains bodytop1 - bodytop3
#yjsgbodybottom  contains boddybottom1 - bodybottom3
*/
#yjsgheadergrid {
	float:right;
	height:auto;
	margin:0;
	padding:0;
}
#yjsg1,
#yjsg2,
#yjsg3,
#yjsg4,
#yjsg5,
#yjsg6,
#yjsg7,
#yjsgbodytop,
#yjsgbodybottom {
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	height:auto;
	width:100%;
	padding:15px 0;
}
#yjsg2 {
	margin-top:0;
}
#yjsgbodytop,
#yjsgbodybottom {
	width:100%;
	padding:0 0 0px 0;
	margin:5px 0 5px 0;
}
/* MAIN MODULE CONTAINER CLASS. FOR SPECIFIC STYLING
   USE #user1 .yjsgxhtml or #user1 .yjsgxhtml .yjsquare  */
.yjsgxhtml {
	float:left;
	clear:right;
	text-align:left;
	margin:0;
	padding:0;
}
.yjsgxhtml .yjsquare_in {
}
/* EXAMPLE OF LAST MODULE IN THE GRID BG IMAGE OVERRIDE 
   WE USED GRID1 MODULE POSITION TOP5. USEFULL FOR INSET LINE SEPARATOR BETWEEN MODULES*/
#yjsg1 #top5 {
}
/* GUTTERS */
/* SQUARE MODULES GUTTER */
.yjsgxhtml .yjsquare {
	margin:0 0;
	padding:0 0;
}
/* yjplain */
.yjplain {
	padding:5px 10px;
}
.yjplain p {
	padding:5px 10px;
}
/* KEEP LEFT, RIGHT, INSET, INSETTOP, INSET BOTTOM OF THE EDGES */
#insetsholder_2t,
#insetsholder_2b {
	padding:0;
	margin:0px 0 0 0;
}
.inside {
	margin:0;
	padding:0px 3px;
	overflow:hidden;
}
/*KEEP MAINBODY GRID, BODYTOPS AND BODYBOTTOMS OF THE EDGE
--------------------- */
.insidem {
	padding:0px 3px;
	margin:0 0;
}
/*END GUTTERS*/
/*FOOTER AND FOOTER LINKS
--------------------- */
#footer {
	clear:both;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
	padding:0px 0;
	position:relative;
}
#youjoomla {
	clear:both;
	text-align:left;
	padding:5px 10px;
	overflow:hidden;
}
#footmod {
	clear:both;
	text-align:left;
	padding:0;
	margin:0px;
	overflow:hidden;
}
#cp {
	text-align:left;
	padding:2px 0px;
	overflow:hidden;
}
.yjsgcp{
	clear:both;
	float:left;
}
.yjsgcp span {
	text-transform:capitalize;
}
.validators {
	float:left;
	text-align:left;
	clear:both;
}
.yjsglogo {
	position:absolute;
	right:10px;
	display:block;
	top:10%;
	height:48px;
	width:229px;
	margin:0;
	padding:0;
	background: url(../images/yjsglogo.png) no-repeat center center;
}
.yjsglogo span {
	line-height:999px;
}
#joomlacredit {
	padding:3px 0px 3px 0px;
	text-align:left;
	text-indent:10px;
	margin:0 auto;
}
/* DEFAULT SQUARE MODULES. FOR ROUND MODULES OPEN rounded.css
ALSO APPLIED ADDITIONAL MODULE CLASS FOR DIFFERENT MODULE STYLES. 
TO ACTIVATE THEM ADD _yj1 or _yj2 IN MODULE MANAGER Module Class Suffix TEXT INPUT.
STYLE FOR THESE MODULES IS IN COLOR.css file where COLOR IS YOUR CURRENT DEFAULT SITE STYLE
--------------------- */
/* MAIN MODULE HOLDER*/
.yjsquare,
.yjsquare_yj1,
.yjsquare_yj2,
.yjsquare_yj3 {
	margin: 5px 0 5px 0px;
	padding: 0px;
	clear: both;
	display:block;
	height:100% !Important;
	height:1%;
	overflow:hidden;
}
/* MODULE TITLE */
.yjsquare h4,
.yjsquare_yj1 h4,
.yjsquare_yj2 h4,
.yjsquare_yj3 h4 {
	text-transform: capitalize;
	overflow:hidden;
	padding:0;
	margin:0 5px;
	font-size:200%!Important;
}
.yjsquare_yj1 h4,
.yjsquare_yj2 h4,
.yjsquare_yj3 h4 {
	margin-top:15px;
}
/* MODULE TITLE SPAN*/
.yjsquare h4 span,
.yjsquare_yj1 h4 span,
.yjsquare_yj2 h4 span,
.yjsquare_yj3 h4 span {
	text-transform: capitalize;
	overflow:hidden;
	
}
/* MODULE CONTENT*/
.yjsquare_in,
.yjsquare_yj1 .yjsquare_in,
.yjsquare_yj2 .yjsquare_in,
.yjsquare_yj3 .yjsquare_in {
	overflow:hidden;
	padding:5px;
}
/* MODULE p ELEMENT*/
.yjsquare p,
.yjsquare_yj1 p,
.yjsquare_yj2 p,
.yjsquare_yj3 p {
	overflow:hidden;
	padding:3px;
}
/*FOOTER MODULE STYLE
--------------------- */
#footmod .yjsquare {
	padding:0;
	margin:0;
}
#footmod .yjsquare h4 {
}
#footmod .yjsquare h4 span {
}
#footmod li,
#footmod li:hover {
	list-style-type:none;
	list-style-image:none;
	background:none;
}
#footmod ul {
	padding:0;
	margin:0;
}
#footmod ul li {
	display: inline;
	margin:0;
	padding:0 10px 0 0;
}
#footmod ul li a {
}
/*PATHWAY*/
#pathway {
	margin:10px 0;
	padding:3px 5px;
}
#pathway .yjsg_breadcrumbs a.pathway {
	margin:0 5px 0 0;
	padding:0 15px 0 0;
}
/*SITE TOOLS DIV CONTAINING RTL/LTR SWITCH AND FONT RESIZER*/
#tools {
	position:absolute;
	z-index:100;
	left:180px;
	bottom:18px;
	padding:0px 0px 0 0px;
	margin:0;
	text-align:left;
	width:auto;
	font-weight:bold;
	height:25px;
	line-height:19px;
}
#tools .tdir {
	font-size:80%;
	margin:0 0 4px 0;
}
#tools .fs {
	font-size:110%;
	margin:0 7px 0 0;
}
#tools img {
}
/* ADDITIONAL MODULE STYLES */
/*mod_poll
--------------------- */
.pollbuttons {
	margin:0 auto;
	text-align:center;
}
/*login module
--------------------- */
#modlgn_passwd,
#modlgn_username {
	width: 95%;
	height:16px;
	padding-left: 3px;
	padding-top:3px;
}
/* MODULE NEWS FLASH */
div.yjsg-newsflash {
	overflow: hidden;
}
div.yjsg-newsflash div.item {
	padding-bottom: 15px;
	overflow: hidden;
}
div.yjsg-newsflash div.last {
	padding-bottom: 0px;
}
.yjsquare h4 {
	font-size:200%;
	padding-bottom:10px;
}
/* yjme yjmephotolicious */
.yjmephotolicious .yjme_item {
	float:left;
	clear:right;
	margin:0;
	padding:0
}
.yjmephotolicious .yjme_item .yjme_item_in {
	margin:0;
	padding:10px;
	border:none;
}
.yjme_item div.imageholder {
	margin:10px 0 0 0;
	padding:0;
	border:none;
	background:none;
	position:relative;
}
.yjmephotolicious .item_image {
	position:relative;
}
.yjmephotolicious .itemInfos {
	padding:25px 0;
}
.hoverOver {
	display:block;
	width:0;
	height:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:5000;
}
.yjmephotolicious .item_image img {
	width:100%!important;
}
.yjmephotolicious a.item_title {
	display:block;
	text-align:center;
	font-family:'ColaborateRegular', Arial, sans-serif!important;
	font-size:120%;
	text-transform:uppercase;
	font-weight:normal!important;
}
p.item_intro {
	text-align:center;
}
/*---Bottom grids---*/
.bottom_out {
	display:block;
	overflow:hidden;
}
.bottom_out h4 {
	margin:0;
	border:none!important;
}
/*----Subscribe-----*/
#subscribe_holder p {
	font-size:90%;
	padding:0;
	margin:0 0 20px 0;
}
#subscribe_holder .inputbox {
	width:273px;
	height:32px;
	float:left;
	line-height:32px;
	padding:1px 0 0 5px;
	border:none;
}
#subscribe_holder .button {
	width:94px;
	height:34px;
	border:none;
	float:right;
	padding:0;
	text-transform:capitalize;
}
#subscribe_holder .button:hover {
	cursor:pointer;
}
/*---Module types---*/

/*----*/
.code .blogrm {
	margin-right:70%;
	float:left;
}
/* Shadow slider */
#YjArtoSlider {
	width:100%;
	overflow:hidden;
	display:block;
	position:relative;
	z-index:100;
	height:0px;
	margin-bottom:20px;
}
#YjArtoSlider .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:2000;
}
#YjArtoSlider .TopShadow {
	position: absolute;
	height: 4px;
	width: 100%;
	z-index: 2000;
	opacity: 0.5;
}
#YjArtoSlider .slides ul li img,
#YjArtoSlider .placement img {
	width:2560px!important;
	height:auto!important;
}
#YjArtoSlider .yjartoBgs {
	width:100%;
	display:block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;
}
#YjArtoSlider .content {
	display:block;
	position:relative;
	margin:0px auto;
}
#YjArtoSlider .slider {
	display:block;
	position:relative;
	clear:both;
	margin:0px auto;
}
#YjArtoSlider .over_div {
	display:block;
	position:absolute;
	top:0px;
	left:0;
	z-index:1000;
	width:100%;
}
#YjArtoSlider .over_div .placement {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	background:none;
	width:100%;
	overflow:hidden;
}
#YjArtoSlider .over_div .placement li {
	list-style-type:none;
	background:none;
	margin:0px;
	padding:0px;
}
/* the slides */
#YjArtoSlider .slider .slides {
	display:block;
	position:relative;
	width:100%;
}
#YjArtoSlider .slides ul {
	display:block;
	position:relative;
	width:9999px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	z-index:1;
}
#YjArtoSlider .slides ul li {
	float:left;
	overflow:hidden;
	margin:0px 0 0 0;
	padding:0px;
	list-style-type:none;
	background:none;
}
/* the navigation */
#YjArtoSlider .navigation {
	display:inline-block;
	position:absolute;
	bottom:20px;
	right:0;
	z-index:4000;
	height:20px;
	line-height:15px;
	padding:0 10px;
	margin:0;
	text-align:center;
	overflow:hidden;
	z-index:2000;
}
#YjArtoSlider .navigation a {
	width:20px;
	height:8px;
	line-height:8px;
	font-size:15px;
	display:inline-block;
	position:relative;
	margin-right:5px;
}
#YjArtoSlider #prev,
#YjArtoSlider #next {
	position:absolute;
	top:140px;
	left:10px;
	z-index:3000;
	width:30px;
	height:30px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
}
#YjArtoSlider #next {
	left:auto;
	right:10px;
}
#YjArtoSlider .slideintroPoz {
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
#YjArtoSlider .slideintro {
	position:absolute;
	z-index:3000;
	text-align:left;
	margin:0;
	left:0px;
	bottom:-1000px;
	padding:10px 0;
	overflow:hidden;
	display:block;
	width:100%!important;
}
#YjArtoSlider .introPartsLeft {
	width:40%;
	float:left;
	display:block;
	overflow:hidden;
}
#YjArtoSlider .introPartsRight {
	width:60%;
	float:right;
	display:block;
	overflow:hidden;
}
#YjArtoSlider .introParts.SlideVideo .video-js {
	float:right;
}
#YjArtoSlider .slideintro h2 {
	font-size: 250%;
	line-height:50px;
	display:inline-block;
	padding:0 10px;
}
#YjArtoSlider #html5vimeo,
#YjArtoSlider #html5vimeo2 {
	float:right;
}
#YjArtoSlider .slideintro p {
	font-size: 200%;
	line-height:45px;
	font-family:'ColaborateRegular', Arial, sans-serif!important;
	font-weight:normal!important;
}
#YjArtoSlider .slideintro span.bgdark,
#YjArtoSlider .slideintro span.bgwhite {
	padding:3px 10px;
}
#YjArtoSlider .slideintro span.bgwhite {
	padding:3px 10px;
}
/*k2*/
.subCategoryImage {
	position:relative;
	display:block;
	overflow:hidden;
}
.subCategoryImage img {
	width:100%;
}
/* youbricks*/
.yjsquare.youbricks .yjsquare_in {
	padding-top:20px;
}
.infoHolder {
	display:block;
	overflow:hidden;
	position:absolute;
	bottom:0;
	width:100%;
	height:30px;
	z-index:500;
}
.YouBricks_content .YouBricks_box_in {
	padding:0 0 20px 0;
	border:none;
}
.YouBricks_content .YouBricks_box_in a.item_title {
	display: block;
	clear: both;
	margin:0;
	padding:0px 15px;
	height:30px;
	line-height:30px;
	text-align: center;
	font-size:150%;
	text-transform:capitalize;
	width:auto;
	border:none;
	font-weight:normal!important;
	font-family:'ColaborateRegular', Arial, sans-serif;
}
.YouBricks_content .YouBricks_box_in div.item_intro {
	font-weight:normal;
	font-size:15px;
	padding:25px 10px 0 10px;
}
.YouBricks_content .YouBricks_box_in div.item_details {
	padding:0;
	float:none;
	width:auto!important;
	position:absolute;
	left:10px;
	top:30px;
}
.YouBricks_content .YouBricks_box_in a.item_readmore {
	margin-left:10px;
	border:none;
	font-weight:normal;
	text-transform:capitalize;
	font-size:12px;
	height:30px;
	line-height:30px;
	font-family:'ColaborateRegular', Arial, sans-serif;
}
.YouBricks_content .YouBricks_box_in a.item_readmore span {
	height:30px;
	line-height:30px;
}
.YouBricks_content .YouBricks_box_in .counters {
	padding-left:10px;
}
.YouBricks_content .likerersp {
	left:auto;
	right:10px;
	width:auto!important;
	bottom:10px;
	width:140px;
}
a#yjbricks_getmore {
	font-family:'ColaborateRegular', Arial, sans-serif;
	border:none!important;
	text-shadow:none!important;
	text-transform:capitalize!important;
}
/* site intro */
.siteIntro {
	display:block;
	overflow:hidden;
	position:relative;
	padding:20px 0;
}
.siteIntro h1 {
	text-align:center;
	font-size:350%;
}
.siteSocials {
	clear:both;
	text-align:center;
	display:inline-block;
}
.siteIntro .siteSocials {
	float:right;
	clear:none;
}
.teamMemberIntro .siteSocials {
	float:none;
	clear:both;
	margin:20px auto 0 auto;
	width:100%;
	text-align:center;
}
.siteSocials ul {
	margin:0;
	padding:0;
}
.siteSocials ul li {
	margin:0;
	padding:0;
	display:inline-block;
	background:none;
	list-style-type:none;
}
.siteSocials ul li a {
	margin:0;
	padding:0;
	height:30px;
	width:30px;
	margin:0 3px 0 0;
	text-indent:-5000px;
	background-position:0 -30px;
	display:block;
}
.siteSocials .twitter {
	background-image:url(../images/twitter.jpg);
}
.siteSocials .face {
	background-image:url(../images/facebook.jpg);
}
.siteSocials .google {
	background-image:url(../images/google.jpg);
}
.siteSocials .dribbble {
	background-image:url(../images/dribbble.jpg);
}
.siteSocials .linkedin {
	background-image:url(../images/linkedin.jpg);
}
/*site team */
.siteTeam {
	display:block;
	overflow:hidden;
}
.siteTeam h1 {
	text-align:center;
	font-size:350%;
}
.teamMember {
	display:block;
	overflow:hidden;
	position:relative;
	float:left;
	width:33.33%;
}
.teamMemberIn {
	padding:0 10px;
}
.teamMemberImg {
	width:100%;
	max-width:100%;
	height:auto;
}
.teamMemberTitle {
	font-family:'ColaborateRegular', Arial, sans-serif;
	text-align:center;
	font-size:180%;
	padding:30px 0 0 0;
}
.teamMember .position {
	display:block;
	text-align:center;
	padding:15px 0 30px 0;
	font-family:'ColaborateRegular', Arial, sans-serif;
	font-size:110%;
	text-transform:uppercase;
}
.teamMemberIntro {
	text-align:center;
	padding:0 10px 30px 10px;
}
button,
input[type=submit],
input[type=button] {
	-webkit-appearance: none!important;
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
ul.laestNews {
	margin:0;
	padding:0;
}
ul.laestNews li {
	padding-bottom:6px;
	margin-top:6px;
}
a.readon,
a.readon span {
	height:30px!important;
	line-height:30px!important;
}
.catItemImageBlock,
.itemImageBlock {
	position:relative;
}
.catItemDateCreated,
.itemDateCreated {
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:80px;
	height:80px;
	text-align:center;
	font-size:27px!important;
	line-height:25px;
	padding:4px 0px 0 0!important;
	z-index:100;
}
.itemDateCreated {
	top:0;
}
.bottom_out,
.footer_out {
	overflow:hidden;
	display:block;
}
.introHeading{
	text-align:center;
	font-size:300%;
}
.title h1,
.title h2{
	font-size:215%!Important;
}