/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
body#stylef1, body#stylef2, body#stylef3, body#stylef4, body#stylef5, body#stylef6, body#stylef7, body#stylef8, body#stylef9, body#stylef10, body#stylef11, body#stylef12, body#stylef13, body#stylef14, body#stylef15, body#stylef16 {
	background: url(../images/orange/bg_rep1.jpg) repeat;
	color:#555;
}
#logo {
	background:url(../images/orange/logo.png) no-repeat 0px 0px;
}
#yjsg3 {
	border-bottom:1px solid #dbdbdb;
}
#yjsg4 {
	border-bottom:1px solid #dbdbdb;
}
#pathway .yjsg_breadcrumbs a.pathway {
	background: url(../images/arrow.png) no-repeat right center;
}
#yjsg6 {
	background:#f2f2f2;
}
#yjsg7_out {
	background:#060d25 url(../images/orange/futer.jpg) no-repeat center top;
}
#yjsg7 {
	background-color: #FFFFFF;
	color:#e2e2e2;
}
#footer_out {
	background-color: #405C00;
}
#footer {
	background: url(../images/orange/footer.jpg) repeat-x left top;
	color:#C5BDBD;
}
/*TEMPLATE CSS 
--------------------- */
/* SITE LINKS */
a:link, a:visited {
	text-decoration: none;
	color:#0000DD;
}
/* SITE HOVERS */
a:focus, a:hover {
	color:#525252;
	text-decoration: none;
}
/*DIFFERENT STYLE FOR  LINKS ON DARK BG
--------------------- */
#footmod a, #youjoomla a, #pathway a {
	color:#525252;
}
#footmod a:hover, #youjoomla a:hover, #pathway a:hover {
	color:#eb4125;
}
/* SITE HEADINGS */
h1, h2, h3, h4, h5, h6 {
	color:#765F7E;
}
.small, .createdate, .modifydate, .createby {
	text-transform: uppercase;
	color:#ccc;
	font-size:10px;
}
/* SITE TITLE, NEWS ITEM TITLE, MORE ARTICLES */
.pagetitle, div.title h1, div.title h2, .yjsg-morearticles h3 {
	color:#765F7E;
}
.yjsg-morearticles h3 {
	border:none;
}
/* NEWS ITEM TITLE WITH LINK*/
div.title h1 a:link, div.title h1 a:visited, div.title h2 a:link, div.title h2 a:visited {
	color:#3d2a26;
}
div.title h1 a:hover, div.title h1 a:focus, div.title h2 a:hover, div.title h2 a:focus {
	color:#727272;
}
/* FORM ELEMENTS */
/* ARTICLE TABLE OF CONTENTS */
fieldset, .toclink {
	border:1px solid #c8c8c8;
}
/* FIELDSET IN MODULES */
.yjsquare_in fieldset, .yjround_in fieldset {
	border:none;
}
/* INPUTBOXES */
.inputbox, #userreminder .required {
	background: #FFFFFF;
	border: 1px solid #c8c8c8;
}
.inputbox:hover, .inputbox:focus, #userreminder .required:hover, #userreminder .required:focus {
	background: #F7F7F7;
	border: 1px solid #525252;
}
/*BUTTONS
--------------------- */
.button, .validate {
	color:#fff;
	background: url(../images/orange/buttons.png) no-repeat left top;
}
a.button:link, a.button:visited, a.button:focus {
	color:#fff;
	padding:3px;
}
.back_button a:hover, .back_button a:active {
	color: #000;
	text-decoration: none;
}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a {
	color:#7E5F66;
}
a.readon:link, a.readon:visited {
	background:url(../images/orange/readon_l.png) no-repeat left center;
	color:#fff;
}
/* ADDITIONAL SPAN READON CLASS FOR ROUND CORNERS */
.readon span {
	background:url(../images/orange/readon_r.png) no-repeat right top;
}
a.readon:hover, .pagenavbar a:hover {
	color:#121212;
}
/* THIS TEMPLATE IS EQUIPED WITH  ROUND AND SQUARE CORNERS
TO SEE ROUND CORNERS SIMPLY CHANGE THE MODULE orange STYLE IN TEMPLATE MANAGER
UNDER ACCORDION ADVANCED OPTIONS. SEE ALSO rounded.css FILE".

/* ROUND MODULES STYLING
--------------------- */
/* ROUND IMAGE. YOU CAN CHANGE TO YOUR OWN. 1 IMAGE TECHNIQUE USED */
.yjround .content, .yjround .t, .yjround .b, .yjround .b div {
	background:url(../images/orange/rounded.png);
	bac\kground:url(../images/orange/rounded_ie.gif);
}
.yjround h4 {
	color:#eb4125;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR */
.yjround h4 span {
	color:#eb4125;
}
.yjround_in {
}
/*SQUARE MODULES STYLE
--------------------- */
.yjsquare h4 {
	color:#e41313;
	text-align: center;
}
/* SPAN COLOR SHOWS FIRST */
.yjsquare h4 span {
	color:#133fe5;
}
.yjsquare {
}
.yjsquare_in {
}
/* ADDITIONAL MODULE STYLES */
/* _yj1 */
.yjsquare_yj1 h4 {
	color:#fffaf0;
}
.yjsquare_yj1 h4 span {
	color:#fffaf0;
}
.yjsquare_yj1 {
	background:#eb4125;
	color:#fffaf0;
}
/* _yj2 */
.yjsquare_yj2 h4 {
	color:#222;
}
.yjsquare_yj2 h4 span {
	color:#222;
}
.yjsquare_yj2 {
	background:#fffaf0;
}
/*  SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND */
#yjsg7 .yjsquare h4 {
	color:#495039;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR*/
#yjsg7 .yjsquare h4 span {
	color:#495039;
}
#mod_login_remember {
	border: none;
	padding: 0!important;
}
/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
.horiznav {
	background:none;
}
/* MENU OVERRIDES */
.YJSG_listContainer {
	background:none;
}
/* TOP SUBTITLE */
.horiznav ul li a span.yjm_desc {
	color:#e2e2e2;
}
/* SUBS SUBTITLE */
ul.subul_main li a span.yjm_desc,
ul.subul_main li a:hover span.yjm_desc{
	color:#9a9a9a;
}
/* NORMAL TOP LINKS */
.horiznav ul li {
	background: url(../images/orange/topmenu/normal_l.png) no-repeat left center;
}
.horiznav ul li a, .horiznav ul li a:visited {
	color: #ffffff;
	background: url(../images/orange/topmenu/normal_r.png) no-repeat right center;
}
/* NORMAL TOP LINKS WITH CHILD ELEMENT */
.horiznav ul li.haschild {
	background: url(../images/orange/topmenu/normal_l_haschild.png) no-repeat left center;
}
/* TOP LINKS HOVER */
.horiznav ul li:hover, .horiznav ul li.sfHover {
	background: url(../images/orange/topmenu/hover_l.png) no-repeat left center;
}
.horiznav ul li a:hover, .horiznav ul li:hover a, .horiznav ul li.sfHover a, .horiznav ul li.sfHoverHas a {
	color: #e2e2e2;
	background: url(../images/orange/topmenu/hover_r.png) no-repeat right center;
}
/* TOP LINKS HOVER WITH CHILD ELEMENT */
.horiznav ul li.haschild:hover {
	background: url(../images/orange/topmenu/hover_l_haschild.png) no-repeat left center;
}
.horiznav ul li.haschild a:hover {
	color: #e2e2e2;
}
/* ACTIVE TOP LINKS  */
.horiznav li#current, .horiznav li.active {
	background: url(../images/orange/topmenu/active_l.png) no-repeat left center;
}
.horiznav li#current a, .horiznav li.active a, .horiznav li.active a:visited, .horiznav li.active.sfHover a:visited, .horiznav li.active.sfHoverHas a:visited {
	color: #ffffff;
	background: url(../images/orange/topmenu/active_r.png) no-repeat right center;
}
/* ACTIVE TOP LINKS WITH CHILD ELEMENT */
.horiznav li#current.haschild, .horiznav li.haschild, .horiznav ul li.haschild.active, .horiznav ul li.sfHoverHas {
	background: url(../images/orange/topmenu/active_l_haschild.png) no-repeat left center;
}
/* ACTIVE TOP LINKS HOVER */
.horiznav li#current:hover, .horiznav li#current.sfHover, .horiznav li.active:hover, .horiznav li.active.sfHover {
	background: url(../images/orange/topmenu/active_l.png) no-repeat left center;
}
.horiznav li#current a:hover, .horiznav li#current.sfHover a:hover, .horiznav li.active a:hover {
	color: #e2e2e2;
	background: url(../images/orange/topmenu/active_r.png) no-repeat right center;
}
/* ACTIVE TOP LINKS HOVER WITH CHILD ELEMENT */
.horiznav li#current.haschild:hover, .horiznav li#current.haschild.sfHoverHas, .horiznav li#current.active.sfHover {
	background: url(../images/orange/topmenu/active_l_haschild.png) no-repeat left center;
}
/* MAIN SUB UL AND MODULE BG */
ul.subul_main.group_holder, .subul_main li.has_modpoz div.yj_menu_module_holder, .subul_main li.has_module div.yj_menu_module_holder, .subul_main li.haschild div.yj_menu_module_holder, .horiznav ul ul.subul_main.dropline {
	background:#f7f7f7;
}
/* end drpline extra */
.horiznav ul ul.subul_main.dropline ul a, .horiznav ul ul.subul_main.dropline ul a:hover, ul.subul_main.dropline div.yj_menu_module_holder {
	border-bottom: 1px solid #e2e2e2!important;
}
/*--- end dropline extra ---*/

/* MAIN SUB ITEM*/
.top_menu ul.subul_main li a {
	background:#f7f7f7;
	border-bottom: 1px solid #e2e2e2;
	color: #121212;
}
.top_menu ul.subul_main li a:visited {
	color: #121212;
	background:#f7f7f7;
}
/*MAIN SUB ITEM HOVER*/
.top_menu ul.subul_main li a:hover {
	background:#f9f9f9;
	color: #eb4125;
}
.top_menu ul.subul_main li, .top_menu ul.subul_main li.active, .top_menu ul.subul_main li.active:visited, .top_menu ul.subul_main li.active:hover, .top_menu ul.subul_main li:hover, .top_menu ul.subul_main li:visited, .top_menu ul.subul_main li#current, .top_menu ul.subul_main li#current:hover {
	border:none;
	background:none;
}
/*MAIN SUB ACTIVE UL A ITEMS*/
.top_menu li#current ul.subul_main li a, .top_menu li.active ul.subul_main li a {
	background:#f7f7f7;
	color: #121212;
}
/*MAIN SUB ACTIVE UL ITEMS A HOVER*/
.top_menu li#current ul.subul_main li a:hover, .top_menu li.active ul.subul_main li a:hover, .top_menu li#current.sfHover ul.subul_main li a:hover, .top_menu li.active.sfHover ul.subul_main li a:hover {
	background:#f9f9f9;
	color: #121212;
}
/*MAIN SUB UL ACTIVE LI A ITEM*/
.top_menu ul.subul_main li#current a {
	background:#f9f9f9;
	color: #121212;
}
/*MAIN SUB UL ACTIVE LI A ITEM HOVER*/
.top_menu ul.subul_main li#current a:hover, .top_menu ul.subul_main li#current.sfHover {
	background:#ccc;
	color: #121212;
}
/*SUB LEVEL PARENT ITEM ARROWS*/
ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a {
	background-image:url(../images/orange/topmenu/arrow_right.gif)!important;
	background-repeat:no-repeat!important;
	background-position:95% 50%!important;
}
ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a:hover {
	background-image:url(../images/orange/topmenu/arrow_down.gif)!important;
	background-repeat:no-repeat!important;
	background-position:95% 50%!important;
}
/* IE6 SPECIFIC */
.horiznav li li.sfHover ul, .horiznav li li.sfHoverHas ul, .top_menu ul.subul_main.isie {
	background:#292929;
}
/********************** CORNERS FOR MENU UL'S ***************************/
/*TOP LEFT*/
.horiznav li.tl, .horiznav li.tl:hover {
	background:transparent url(../images/orange/topmenu/corners/tl.png)!important;
}
/* TOP RIGHT*/
.horiznav li.tr, .horiznav li.tr:hover {
	background:transparent url(../images/orange/topmenu/corners/tr.png) no-repeat right top!important;
}
/* BOTTOM RIGHT*/
.horiznav li.br, .horiznav li.br:hover {
	background:transparent url(../images/orange/topmenu/corners/br.png) no-repeat right bottom!important;
}
/* BOTTOM LEFT*/
.horiznav li.bl, .horiznav li.bl:hover {
	background:transparent url(../images/orange/topmenu/corners/bl.png) no-repeat left bottom!important;
}
/* RIGHT MIDDLE */
.horiznav li.right, .horiznav li.right:hover {
	background:transparent url(../images/orange/topmenu/corners/right.png) no-repeat right bottom!important;
}
/********************** YJSG MEGA MENU STYLE ***************************/
/* Group holder title*/
.top_menu .horiznav .group_holder li.haschild a, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild a {
	color: #888;
	border:none;
	background:none;
}
.top_menu .horiznav .group_holder li.haschild a:hover, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild a:hover {
	color: #121212;
	background:none;
}
/* Group holder items title*/
.top_menu .horiznav .group_holder li.haschild li a, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild li a {
	color: #121212;
	border-bottom: 1px solid #e2e2e2;
	background:#f7f7f7;
}
.top_menu .horiznav .group_holder li.haschild li a:hover, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild li a:hover {
	color: #121212;
	background:#f9f9f9;
}
span.separator {
	background:#f7f7f7;
	border-bottom: 1px solid #e2e2e2;
	color: #121212;
}
/*Menu module links*/
div.yj_menu_module_holder .yjsquare_in a:link, div.yj_menu_module_holder .yjsquare_in a:visited {
	color:#121212!important;
}
div.yj_menu_module_holder .yjsquare_in a:focus, div.yj_menu_module_holder .yjsquare_in a:hover {
	color:#525252!important;
}
/*SIDE MENU MODULE
--------------------- */
/* MENU NORMAL LINKS COLOR */
#mainlevel li a, .menu li a, a.mainlevel {
	background: url(../images/orange/mainlevel.gif) no-repeat left top;/* LINKS BG IMAGE */
	color:#2A263D;
}
/* HOVER AND ACTIVE LINKS BG IMAGE */
#mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel:hover, a.mainlevel#active_menu, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, .menu li a:hover, .menu li.active a {
	background: url(../images/orange/mainlevel.gif) no-repeat left bottom;
}
/* SUB LEVELS LI IMAGE */
a.sublevel {
	background: url(../images/orange/bodyli.gif) no-repeat 0px 7px;
}
a.sublevel:hover {
	text-decoration:underline;
}
/*MENU MODULE LINKS*/
#mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel#active_menu, a.sublevel, a.sublevel:hover, a.sublevel:active, a.sublevel:focus, #active_menu, a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, li.active a, li.parent a {
	color:#eb4125;
}
/* MENU MODULE ACTIVE AND SUB LEVELS LINK COLOR */
li.active ul li a, a.sublevel#active_menu {
	color:#eb4125;
}
/* MENU MODULE HOVER AND ACTIVE LINK COLOR AND BG */
li.active ul li a:hover, li.active ul li.active a {
	color:#525252;
	background: url(../images/orange/mainlevel.gif) no-repeat left top;
}
/* SITES LI IMAGE */
ul li {
	background: url(../images/orange/bodyli.gif) no-repeat 0px 5px;
}
/*USER PAGES STYLE */
#userlogin, #userlogout, #userregister, #userreminder {
}
/* IMAGE CAPTIONS */
p.img_caption {
	background:#e2e2e2;
	border:1px solid #ccc;
	text-shadow:1px 1px #fff;
	text-transform:uppercase;
	color:#5F5F5F;
}
/* YJIS3.0*/
#YJSlide_outer, #YJSlide_outer_1, #YJSlide_outer_2, #YJSlide_outer_3, #YJSlide_outer_4, #YJSlide_outer_5 {
	background:#E8E8E8 url(../images/orange/bg.gif) repeat;
}
.YJSlide_slide {
	background:#E8E8E8 url(../images/orange/bg.gif) repeat;
}
#YJS_left, #YJS_right, #YJS_left_1, #YJS_right_1, #YJS_left_2, #YJS_right_2, #YJS_left_3, #YJS_right_3, #YJS_left_4, #YJS_right_4, #YJS_left_5, #YJS_right_5 {
	background:url(../images/navs_l.png) left center;
}
#YJS_right, #YJS_right_1, #YJS_right_2, #YJS_right_3, #YJS_right_4, #YJS_right_5 {
	background:url(../images/navs_r.png) right center;
}
span.diff {
	color:#eb4125;
}
h2.front_title {
	color:#121212;
}
span.project_name {
	color:#eb4125;
}
/* typo class border*/
img.border {
	border:1px solid #ccc;
	background:#fff;
}
/* bottom logo*/
.bootom_logo {
	background: url(../images/orange/bottom_logo.png) no-repeat left center;
}
/*services modules custom div class*/
.development {
	background: url(../images/orange/web.jpg) no-repeat left top;
}
.media {
	background: url(../images/orange/print.jpg) no-repeat left top;
}
.psd {
	background: url(../images/orange/psd.jpg) no-repeat left top;
}
/* yj twitter*/
div.yj_twitter_updated {
	color:#707070;
}
div.yj_twitter_title a {
	color:#707070;
}
div.yj_twitter_title a:hover {
	color:#fff;
}
/* call us*/
h3.call_us {
	color:#121212;
	background: url(../images/logotip6.png) no-repeat left bottom;
}
/* social icons*/
.tweet {
	background: url(../images/tweet.png) no-repeat left top;
}
.face {
	background: url(../images/face.png) no-repeat left top;
}
.linkedin {
	background: url(../images/linkedin.png) no-repeat left top;
}