/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimplegrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. 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.com                      ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
body {
	color: #959595;
}
#logo {
	background: url(../images/blue/logo.png) no-repeat 0px 0px;
}
/* SITE LINKS */
a {
	color: #2980b9;
}
/* SITE HOVERS */
a:focus, a:hover {
	color: #0a0a0a;
}
/* SITE HEADINGS */
h1, h2, h3, h4, h5, h6 {
	color: #0a0a0a;
}
/* SITE LI IMAGE */
ul li {
	background: url(../images/blue/bodyli.gif) no-repeat 0px 10px;
}
/* ARTICLE TABLE OF CONTENTS */
fieldset, #article-index ul {
	border: 1px solid #dcdcdc;
}
#article-index ul li {
	border-bottom: 1px solid #dcdcdc;
}
#article-index ul li:last-child {
	border: none;
}
/* INPUTBOXES */
.inputbox {
	background: #FFFFFF;
	border: 1px solid #e6e4e4;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: none!important;
}
.inputbox:hover, .inputbox:focus {
	background: #F7F7F7;
	border: 1px solid #e6e4e4;
}
/*BUTTONS AND READON
--------------------- */
.button, .validate, a.readon {
	color: #fff;
	text-shadow: none;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
#topmenu_holder.yjsgmega, #topmenu_holder.topmodpoz, #topmenu_holder.topmodpoz_navbar {
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.top_menu ul.group_holder ul.subul_main.level2, .top_menu ul.group_holder ul.subul_main.level4 {
	border: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
}
.top_menu ul.subul_main a.first {
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	border-top-right-radius: 0;
}
.top_menu ul.subul_main a.last {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
.top_menu li {
	background-image: none;
}
/* sub ul border */
.top_menu ul.subul_main, .top_menu ul.group_holder > li.holdsgroup li.haschild > ul[class*="subul_main"] {
	border: 5px solid #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
}
/* reset Bootstrap navbar */
.navbar-inner {
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
/* TOP LEVEL LINKS */
.top_menu ul li a {
	color: #fff;
}
/* active and hover */
.top_menu ul li a:hover, .top_menu li.active a.activepath {
	color: #0a0a0a;
}
/*SUBTITLE */
.top_menu ul li a span.yjm_desc {
	color: #fff;
}
.top_menu ul.subul_main li a span.yjm_desc {
	color: #8a8a8a;
}
/* active and hover */
.horiznav ul li.active a span.yjm_desc, .horiznav ul li a:hover span.yjm_desc {
	color: #0a0a0a;
}
.top_menu ul.subul_main li.active a span.yjm_desc, .top_menu ul.subul_main li a:hover span.yjm_desc {
	color: #fff;
}
/* HASCHILD ARROWS */
.top_menu ul li.haschild span.child a {
	position: relative;
}
.top_menu ul li.haschild span.child a:after {
	font-family: 'FontAwesome';
	content: "\f0c8";
	position: absolute;
	top: 43%;
	left: 0px;
	padding: 0;
	font-size: 8px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.top_menu ul.subul_main li.haschild span.child a:after {
	font-family: 'FontAwesome';
	content: "\f0c8";
	position: absolute;
	top: 43%;
	left: auto;
	right: 10px;
}
.top_menu ul.subul_main li.haschild span.child a:hover:after {
	content: "\f0c8";
}
/* rtl arrows */
body.yjsgrtl .top_menu ul.subul_main li.haschild span.child a:after {
	right: auto;
	left: 10px;
	content: "\f0c8";
}
/* side menu arrow */
body.yjsgrtl ul.defaultmenu li a:after {
	content: "\f0c8";
	left: auto;
	right: -15px;
}
/*SUB LEVELS A*/
.top_menu ul.subul_main li a {
	color: #8a8a8a;
	background: #fff;
	border-bottom: 1px solid #d8d8d8;
}
.top_menu ul.subul_main li a:hover, .top_menu ul.subul_main li a.activepath {
	background: #2980b9;
	color: #fff;
}
/* Group holder title*/
.top_menu ul.subul_main.group_holder li.holdsgroup ul.subul_main {
	border: none;
}
.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle {
	border: none;
	color: #8a8a8a;
}
.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle:hover {
	color: #fff;
}
.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle:after {
	display: none;
}
/* MODULE IN MENU */
.top_menu ul.subul_main li.has_module a.yj_menu_module_holder:hover, .top_menu ul.subul_main li.has_modpoz a.yj_menu_module_holder:hover {
	background: #fff;
}
.top_menu ul.subul_main li.has_module .yjsquare_in, .top_menu ul.subul_main li.has_modpoz .yjsquare_in {
	color: #8a8a8a;
	cursor: default;
}
.top_menu ul.subul_main li.has_module a:hover {
	color: #0a0a0a;
}
/* SEPARATOR */
span.separator {
	color: #8a8a8a;
	background: #fff;
	border-bottom: 1px solid #d8d8d8;
}
/* DROPLINE */
ul.subul_main.dropline.dlevel1 {
	background: #f8f8f8;
	border: none;
	-webkit-box-shadow: inset #D4D4D4 0 1px 0 0;
	-moz-box-shadow: inset #D4D4D4 0 1px 0 0;
	-khtml-box-shadow: inset #D4D4D4 0 1px 0 0;
	box-shadow: inset #D4D4D4 0 1px 0 0;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.subul_main.dropline.dlevel1 a.dlevel1a {
	background: none;
	color: #c3c3c3;
}
ul.subul_main.dropline.dlevel1 a.dlevel1a span.yjm_desc {
	color: #959595;
}
/*SIDE MENU MODULE
--------------------- */
.defaultmenu li a {
	border-bottom: 1px solid #D4D4D4;
}
.defaultmenu li a {
	position: relative;
	display: block;
}
.defaultmenu li a:after {
	font-family: 'FontAwesome';
	content: "\f0c8";
	position: absolute;
	top: 15px;
	left: -15px;
	font-size: 8px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.defaultmenu a.alast {
	border: none;
}
.defaultmenu a.isactivea, .defaultmenu li a:hover {
	color: #0a0a0a;
}
/* Accordion side menu */
ul.defaultmenu.yjsgacc li.active_yjsgacc a.yjsgtoggler:after {
	content: "\f078";
}
/* FOOTER MENU MODULE*/
#footmod ul.defaultmenu li a, #footmod ul.defaultmenu li a:hover, #footmod ul.defaultmenu a.isactivea {
	border: none;
	background: none;
}
/*USER PAGES STYLES */
div.userpageswrap.offline div.userpages {
	border: none;
	background: #fff;
}
div.userpages dt {
	background: #fff;
	border: 1px solid #ccc;
}

/*SECTION TABLE */
table.category {
	border: 1px solid #DDD;
	border-collapse: separate;
	border-bottom: none;
}
table.category td {
	border-bottom: 1px solid #DDD;
}
th.sectiontableheader {
	border-bottom: 1px solid #DDD;
	background: #fff;
}
tr.sectiontableentry1 td {
	background-color: #fafafa;
}
tr.sectiontableentry2 td {
	background-color: #fff;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
	background-color: #f7f7f7;
}
.yjsglogo {
	background: url(../images/blue/yjsglogo.png) no-repeat center center;
}
/* responsive menu */
#mmenu_holder {
	background: none!important;
	border: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
}
span#yjmm_selectid {
	color: #fff!important;
}
/* Switcher */
#layout_type {
	background: #fff;
}
/* Template buttons*/
.template_button, .template_button2, .template_button3, .template_button4, .template_button4:hover, .template_button2:hover, .template_button3:hover {
	color: #fff;
}
.template_button2, .template_button3, .template_button4, .template_button4:hover {
	background: #0a0a0a;
}
.template_button3 {
	background: #1e1e1e;
}
.template_button:hover {
	background: #fff;
	color: #0a0a0a;
}
/* Module styles */
.yj6, .yj7, .yj6 .module_title, .yj6 .module_title span, .yj7 .module_title, .yj7 .module_title span {
	color: #fff;
}
.yj7 {
	color: #959595;
	background: #0c0c0c;
}
.yj8 {
	color: #959595;
	border: 1px solid #e6e4e4;
}
/* Additional */
.button:hover, .validate:hover, a.readon:hover {
	background: #0a0a0a;
	color: #fff;
}
/*user pages*/
body.yjsgerror-page #centertop {
	color: #959595;
}
body.yjsgerror-page #errorpage #header,
body.yjsg-offline #header {
	background: #0c0c0c;
}
body.yjsgerror-page p.errorp {
	border-bottom: 1px solid #e6e4e4;
}
body.yjsgerror-page #errorol, body.yjsgerror-page p.error_contact, body.yjsgerror-page p.error_msg {
	border: 1px solid #e6e4e4;
}
/* Title center with icon, text center */
.title_center span {
	color: #fff;
}
#centertop .title_center, #yjsg2 .title_center, .purchase .title_center, #yjsg6 .title_center, .bottom_out .title_center {
	color: #fff;
	border-color: #fff;
}
#centertop .title_center:after, #yjsg2 .title_center:after, .purchase .title_center:after, #yjsg6 .title_center:after, .bottom_out .title_center:after, #centertop .title_center span, #yjsg2 .title_center span, .purchase .title_center span, #yjsg6 .title_center span, .bottom_out .title_center span {
	background: #fff;
}
.bottom_out .title_center span {
	color: #0a0a0a;
}
/* Backgrounds */
#centertop {
	background-image: url(../images/main_image.jpg);
}
#centertop:before {
	background-image: url(../images/top_pattern.png);
}
.yjsg2_out {
	background: #32333a;
}
.yjsg4_out {
	background: #f3f3f3;
}
.yjsg6_out {
	background-image: url(../images/main_image.jpg);
}
.bottom_out {
	background: #0a0a0a;
}
#footer {
	border-top: 1px solid #1e1e1e;
}
/* Colors */
#centertop, #yjsgheadergrid .module_title, #yjsgheadergrid .module_title span, #yjsgheadergrid a:hover, #yjsg2, #yjsg1 .module_title, #yjsg1 .module_title span, #yjsg2 .module_title, #yjsg2 .module_title span, #yjsg2 a:hover, #yjsg6, #yjsg6 .module_title, #yjsg6 .module_title span, #yjsg6 a, .bottom_out .module_title, .bottom_out .module_title span, .bottom_out a:hover, .purchase, .purchase .module_title, .purchase .module_title span {
	color: #fff;
}
#yjsgheadergrid a, #yjsg6 a:hover, .purchase a:hover {
	color: #0a0a0a;
}
/* Menu */
.horiznav ul.menunav li.level0, .horiznav ul.menusplit li.level0 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/* menu fixed */
#topmenu_holder.fixed {
	background: #fff;
	border-bottom: 1px solid #e6e4e4;
}
#topmenu_holder.fixed .top_menu ul li a,
#topmenu_holder.fixed .top_menu ul li a span.yjm_desc {
	color: #ababab;
}
#topmenu_holder.fixed .top_menu ul li.level1 a:hover,
#topmenu_holder.fixed .top_menu li.active.level1 a.activepath,
#topmenu_holder.fixed .top_menu ul li.level1 a:hover span.yjm_desc,
#topmenu_holder.fixed .top_menu li.active.level1 a.activepath span.yjm_desc{
	color:#fff;
}
/* Sphere slider */
.csphereslider .SphereSlider div.sphere .roundimgin {
	background: #000;
}
.csphereslider .SphereSlider div.sphere.sphereselected .roundimg {
	background: #fff;
}
/*description*/
.csphereslider .SphereSliderHolder .clonedesc .title, .csphereslider .SphereSliderHolder .prev, .csphereslider .SphereSliderHolder .next {
	color: #fff;
}
/* Counter */
h4.counter {
	color: #fff;
}
/* What we offer */
.icon_holder span {
	background: #c0c0c0;
	color: #fff;
}
/*hover*/
.icon_holder:hover {
	-webkit-box-shadow: inset 0 0 0 1px #e6e4e4;
	box-shadow: inset 0 0 0 1px #e6e4e4;
}
/* Purchase , Find out more */
.findout_block {
	border-left: 1px solid #fff;
}
.purchase_block h4, .findout_block h4 {
	color: #fff;
}
/* YJ News pop */
.cnewspop .yjnewspopC div.yjnewspopIntro {
	background: #fff;
}
.cnewspop h2.yjnewspopTitle a:hover {
	color: #0a0a0a;
}
.cnewspop .ico_image-2, .cnewspop .ico_link, .cnewspop .yjnewspopCat {
	color: #fff;
}
/*laod more*/
.cnewspop div.yjNewsPopContainer a.getmore {
	color: #fff;
}
.cnewspop div.yjNewsPopContainer .load_more:hover {
	background: #0a0a0a;
}
/* Module engine */
.cengine .intro_holder {
	border: 1px solid #e6e4e4;
}
.cengine .yjme_item a.item_title {
	color: #0a0a0a;
}
.cengine .item_cdate {
	color: #fff;
	background: #0a0a0a;
}
/* People say */
.peoplesay {
	background: #f9f9f9;
}
.csphereslider.people .SphereSlider div.sphere .roundimg {
	border: 1px solid #c8c8c8;
}
.csphereslider.people .SphereSliderHolder .clonedesc .title, .csphereslider.people .SphereSliderHolder .prev, .csphereslider.people .SphereSliderHolder .next {
	color: #0a0a0a;
}
/* Satisfied Clients */
.clients {
	background: #fff;
}
ul.clients_holder li {
	border: 1px solid #e6e4e4;
	background: url(../images/clients.jpg) left top;
}
ul.clients_holder li.six {
	background: url(../images/clients.jpg) left top;
}
ul.clients_holder li.two, ul.clients_holder li.seven {
	background: url(../images/clients.jpg) -227px top;
}
ul.clients_holder li.three, ul.clients_holder li.eight {
	background: url(../images/clients.jpg) -454px top;
}
ul.clients_holder li.four, ul.clients_holder li.nine {
	background: url(../images/clients.jpg) -681px top;
}
ul.clients_holder li.five, ul.clients_holder li.ten {
	background: url(../images/clients.jpg) -908px top;
}
/*hover*/
ul.clients_holder li.two:hover, ul.clients_holder li.seven:hover {
	background: url(../images/clients.jpg) -227px bottom;
}
ul.clients_holder li.three:hover, ul.clients_holder li.eight:hover {
	background: url(../images/clients.jpg) -454px bottom;
}
ul.clients_holder li.four:hover, ul.clients_holder li.nine:hover {
	background: url(../images/clients.jpg) -681px bottom;
}
ul.clients_holder li.five:hover, ul.clients_holder li.ten:hover {
	background: url(../images/clients.jpg) -908px bottom;
}
ul.clients_holder li.six:hover {
	background: url(../images/clients.jpg) left bottom;
}
/* Bottom engine */
.cenginebottom .yjme_item a.item_readmore {
	background: #1e1e1e;
	color: #fff;
}
/* Get in touch */
.getintouch span {
	color: #fff;
	background: #1a1a1a;
}
.get_socials {
	border-top: 1px solid #1a1a1a;
}
/* Home Business */
/* Media slider */
.cmediaslider {
	border: 1px solid #fff;
}
.cmediaslider .yjmediaslider .slide .slide-details {
	background: rgba(0,0,0,0.7);
}
.cmediaslider .yjmediaslider a.prev, .cmediaslider .yjmediaslider a.next, .cmediaslider .yjmediaslider .slide .slide-details .buttons .play-video, .cmediaslider .yjmediaslider .slide .slide-details .buttons .read-more {
	color: #fff;
}
.cmediaslider .yjmediaslider .slide .slide-details .buttons .play-video:hover, .cmediaslider .yjmediaslider .slide .slide-details .buttons .read-more:hover {
	background: #fff;
	color: #0a0a0a;
}
/* Introduce your business */
.cenginebottom.business .yjme_item div.imageholder {
	border: 1px solid #e6e4e4;
}
/* Business feature */
.business_cube {
	border: 1px solid #fff;
}
.businessoffer_holder h4 {
	color: #fff;
}
/* Our clients */
.cclientsbusiness .client_intro h2 {
	color: #fff;
}
/*nav*/
.cclientsbusiness .slider-pager a {
	background: #fff;
}
.cclientsbusiness .slider-pager a.pager-active, .cclientsbusiness .slider-pager a:hover {
	background: #0a0a0a;
}
/* Hover effect */
.yj_hover_effect.hover {
	background: #fff;
}
.yj_hover_title {
	color: #0a0a0a;
}
.yj_hover_more {
	color: #fff;
}
.yj_hover_more:hover {
	background: #0a0a0a;
}
