/*

 * ------------------------------------------------------------------------

 * JA Tiris Template J17

 * ------------------------------------------------------------------------

 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

 * @license - Copyrighted Commercial Software

 * Author: J.O.O.M Solutions Co., Ltd

 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com

 * This file may not be redistributed in whole or significant part.

 * ------------------------------------------------------------------------

*/



@import url(../fonts/abel/stylesheet.css);



/* COMMON STYLE

--------------------------------------------------------- */

.artmediabox {margin: 0px !important; }

.pgplugin1 {
background: none !important;
border: none !important;
margin:0px !important;
padding: 0px !important;

}

.phocagallery-box-file .pgplugin1 {
margin:0px !important;
padding: 0px !important;
}

element.style {

margin: 0px !important;
padding: 0px !important;

}

@font-face {

    font-family: 'estrangelo_edessaregular';

    src: url('fonts/estre1-webfont.eot');

    src: url('fonts/estre1-webfont.eot@') format('embedded-opentype'),

         url('fonts/estre1-webfont.woff') format('woff'),

         url('fonts/estre1-webfont.ttf') format('truetype'),

         url('fonts/estre1-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}



body {

	color: #666;

	font-family: 'estrangelo_edessaregular' sans-serif;

	font-size: 18p;

	

}


body#bd {

	color: #666;
	background: url(../images/dotted_bg.png) repeat-x #b9d383;

}
/*CSS Ajmal*/
body.bd .main {width:980px }
body.bd #ja-wrapper {min-width:980px }
/*CSS Ajmal*/

/* Normal 6links ---*/335

a:hover, a:active, a:focus {

	text-decoration: underline;

}



/* Readon links ---*/

p.readmore {

	overflow: hidden;

	display: inline-block;

}



.blog p.readmore {

	float: left;

	margin-right: 5px;

}



.chronoform {

display: none;

}



p.readmore a {

	background: #3a3a3a;

	color: #fff;

	display: inline-block;

	font-size: 90%;

	font-weight: bold;

	padding: 3px 10px;

	text-transform: uppercase;

}



p.readmore a:hover, p.readmore a:focus, p.readmore a:active {

	background: #cf1f18;

	color: #fff;

	text-decoration: none;

}



.item p.readmore a {

	display: inline-block;

	float: none;

}



.blog .items-row .item {

	overflow: hidden; 

}



/* Title-----*/

.contentheading, .componentheading, h1, h2, h3, h4, h5 {

	color: #ABCE72;

	font-family:  Calibri, Arial, sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}



h3 { font-size: 18px !important; font-weight: bold;}



h2, h2.contentheading, 

.contentheading,

 h1.componentheading, 

.componentheading, 

.profile h1 {

	background: url("../images/bg_titlehr.png") repeat-x 0 100%;

	color: #ABCE72;

	font-size: 45px;

	font-weight: bold;

	line-height: 100%;

	margin: 0px 0 20px 0 !important;

	padding-bottom: 35px !important;



}



.contentheading { font-size: 100%; }



.item .contentheading {

	font-size: 100%;

	background: none;

	margin: 0px !important;

	padding: 0px !important;

}



.item .contentheading a { color: #222; }



.jitem-title { font-size: 80%; font-weight: bold; }



.item-page h2 {

	background: none;

	margin: 0px !important;

	padding: 0px !important;
	font-size: 24px;

}



/* Others ---*/

img[align="right"] {

	background: #f0f0f0;

	border: 1px solid #ddd;

	float: right;

	margin-left: 20px;

	margin-bottom: 10px;

	padding: 3px;

}



img[align="left"], img.image-left {

	float: left;

	margin-right: 20px;

	margin-bottom: 10px;

}



/* FORM

--------------------------------------------------------- */

input, select, textarea, .inputbox {

	background: #fff;

	border: 1px solid #ececec;

	font-family: Arial, sans-serif;

	padding: 4px;

}



/* Search ---*/

.results h4 { font-size: 110%; text-transform: none; }



.search fieldset {

	border: 1px solid #ccc;

	margin: 15px 0;

	padding: 10px;

}



.search legend {

	font-size: 100%;

	font-weight: bolder;

	line-height: 1.2;

	margin-left: 10px;

}



#ja-search {

	background: #000;

	border-bottom: 1px solid #323232;

	bottom: auto;

	height: 23px;

	padding: 5px 5px 0 10px;

	right: 30px;

	top: 53px;

	width: 185px;

}



#ja-search .inputbox {

	background: none;

	border: none;

	color: #a5a5a5;

	float: left;

	padding: 2px 0 0 0;

	width: 160px;

}



#ja-search .button {

	background: none;

	border: none;

	float: right;

	height: 20px;

	padding: 0;

	width: 20px;

}



form#searchForm { border-top: none !important; padding-top: 0; }



.search .word button {

	background: url(../images/button-hover.gif) left bottom repeat-x  #3A3A3A;

	border: none;

	color: #fff;

	cursor: pointer;

	line-height: 17px;

	padding: 3px 10px;

	vertical-align: middle;

}



.column dd { padding-bottom: 5px; padding-top: 5px; }



span.small, 

span.class_2dayago { color: #999; }



/* Contact ---*/

#ja-content-main .contact h3 {

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 5px;

}



#component-contact #emailForm { border-top: 1px solid #e6e6e6; }



.contact-form input { width: 200px; }



.contact-form #jform_contact_email_copy {

	border: none;

	height: 13px;

	width: 13px;

}



#contact-slider { float: none; }



div.current { border: 1px solid #e6e6e6; }



#contact-slider.tabs dt {

	border: 1px solid #e6e6e6;

	border-bottom: none;

}



#contact-slider .title {

	border-left: 1px solid #e2e2b5;

	border-right: 1px solid #e2e2b5;

	border-top: 1px solid #e2e2b5;

	margin: 0;

	padding: 8px 10px;

}



#contact-slider .jpane-toggler-down {

	background: #333;

}



#contact-slider .content {

	padding: 8px 10px;

}



#contact-slider .contact-image {

	float: right;

	margin: 15px 0;

}



.panel h3.pane-toggler a {

	background: #e1e1e1;

}



.panel h3.pane-toggler-down a {

	background: #333;

	color: #fff;

}



.contact-form .button {

	background: url(../images/button-hover.gif) left bottom repeat-x #3A3A3A;

	border: none;

	color: #fff;

	cursor: pointer;

	line-height: 17px;

	padding: 3px 7px;

}



.contact .contact-links ul li {

	background: url(../images/bullet.gif) 2px 8px  no-repeat;

	padding-left: 15px;

}

 

.contact .contact-miscinfo {

	padding: 10px 0 10px 35px;

	position: relative;

}



.contact-miscinfo .jicons-icons {

	left: 10px;

	position: absolute;

	top: 11px;

	width: 16px;

}



.contact .contact-miscinfo .contact-misc p {

	margin: 0 0 15px;

}



/* contact silder ---------*/

#contact-slider.tabs {

	margin-bottom: -1px;

}



#contact-slider.tabs dt {

	background: #e1e1e1;

	border-bottom: none;

}



#contact-slider.tabs dt h3 a {

	color: #444;

}



#contact-slider.tabs dt.open {

	background: #333;

	border-bottom: 1px solid #e6e6e6;

}



#contact-slider.tabs dt.open h3 a {

	color: #fff;

	text-decoration: none;

}



#contact-slider .contact-image { text-align: left; }



/* -- EDITOR STYLES ----------------------------- */

#adminForm fieldset {

	border: 1px solid #ccc;

	margin-bottom: 20px;

	padding: 10px;

}



#adminForm fieldset legend {

	padding: 0 5px;

}



/* JOOMLA STYLE

--------------------------------------------------------- */

/* Layout Deco ---*/

.items-row {

	border-bottom: 1px dashed #ddd;

	margin-bottom: 20px;

}



.items-leading .leading { overflow:hidden; }



/* Meta ---*/

div.article-tools {

	background: url("../images/bg_titlehr.png") repeat 0 0;

	font-size: 92%;

	margin: 10px 0px 15px;

	padding: 6px;

}



div.article-tools a { color: #4d036f;}



dl.article-info { color: #999; text-transform: none; width: 74%;}



ul.actions li {

	background: none;

	display: inline;

	line-height: 1;

	margin: 0;

	padding: 0;

}



dd.category-name a { font-weight: bold; }



dd.create, dd.createdby, dd.published {

	background: url("../images/hoz-sep.gif") no-repeat scroll right center;

	padding-right: 10px !important;

}



/*Inline images ---*/

p.img_caption {

	color: #999;

	text-transform: uppercase;

}



.blog-featured p.images-border img.img-border,

.item-page p.images-border img.img-border,

p img.img-border {

	border: 1px solid #E5E5E5;

	padding: 8px;

	margin-bottom:0;

}



/* Tables ---*/

thead tr th {

	background: #333;

	color: #fff;

	padding: 5px;

}



.cat-list-row1,

.cat-list-row12,

tr.cat-list-row1 td,

tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }



.cat-list-row2,

tr.cat-list-row2 td { background-color: #f6f6f6; }



/* Content Toc */

table.contenttoc th {

	background: #f6f6f6;

	border-bottom: 1px solid #ccc;

	text-transform: uppercase;

}



/* Poll */

form#poll {

	border-bottom: 1px dotted #ccc;

	font-weight: bold;

}



table.pollstableborder td {

	background: #f6f6f6;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

	padding: 5px !important;

}



table.pollstableborder tr.sectiontableentry0 td,

table.pollstableborder tr.sectiontableentry1 td {

	background: #fff;

	font-weight: normal;

}



/* Pagination ---*/

.pagination li span,

.pagination li strong { line-height: 20px; }



.pagination ul li, ul.pagenav li { margin-right: 5px; }



.pagination ul li a:hover {

	background: #CF1F18;

	border: 1px solid #CF1F18;

	text-decoration: none;

}



ul.pagenav li a {

	background: #3A3A3A;

	color: #fff;

	display: inline-block;

	font-size: 92%;

	font-weight: bold;

	line-height: 100%;

	padding: 6px 8px;

	text-transform: uppercase;

}



ul.pagenav li a:hover { background: #CF1F18; text-decoration: none; }



.items-more h3 { font-size: 125%; }



/* MODULE STYLES

--------------------------------------------------------- */

div.ja-moduletable, 

div.moduletable { padding-bottom: 20px; padding-top: 35px; }



div.ja-moduletable h3, 

div.moduletable h3 {

	background: url(../images/bg-h3.gif) 0 100% repeat-x;

	color: #522d44;

	font-family: "abelregular", Arial, sans-serif;

	font-size: 150%;

	font-weight: normal;

	margin-bottom: 20px;

	padding-bottom: 12px;

	text-transform: uppercase;

}



/* Login Module ---*/

#login-form ul { margin: 10px 0 0 0; }



#login-form ul li {

	background: none;

	font-size: 92%;

	line-height: normal;

	margin-bottom: 5px;

	overflow: hidden;

	padding-left: 0;

}



#login-form ul li a { color: #323232; text-decoration: underline; }



#login-form label { 

	color: #555;

	display: block;

	font-size: 92%;

	font-weight: bold;

	margin-bottom: 5px;

}



#login-form .inputbox {

	font-size: 92%;

	font-weight: normal;

	width: 195px;

}



#login-form #form-login-remember label { display: inline; }



#login-form #form-login-remember .inputbox {

	border: none;

	height: 13px;

	margin: 0 0 0 5px;

	padding: 0;

	vertical-align: middle;

	width: 13px;

}



#login-form p { margin: 0 0 10px 0; }



#login-form #form-login-submit { margin-bottom: 5px; }



.logout-button .button { margin-top: 5px; }



.login_form label, .login label {

	text-align: left;

} 



.login_form .button, .login button { margin-left: 130px; }



#login-form ul li a {

	background: url(../images/bullet1.gif) no-repeat 0px 3px;

	padding-left: 12px;

	text-decoration: none;

}



#login-form ul li a:hover,

#login-form ul li a:focus,

#login-form ul li a:active {

	background-image: url(../images/bullet1-hover.gif);

}



/* Advertisement ---*/

div.bannergroup_text div.banneritem {

	border-bottom: 1px dotted #ccc;

	padding: 5px 0;

}



/* Whois online --- */

div.whosonline p { margin: 0; }



ul.whosonline { margin: 0; }



ul.whosonline li {

	background: 0;

	margin: 0;

	padding: 0 5px 0 0;

}



/* Search Module --- */

div.ja-moduletable .search, 

div.moduletable .search {

	background: #FFFFFF;

	border: 1px solid #ececec;

	font-family: Arial,sans-serif;

	padding: 2px;

}



div.ja-moduletable .search label, 

div.moduletable .search label {

	display: none;

}



div.ja-moduletable .search input, 

div.moduletable .search input {

	border: none;

	width: 186px;

	padding: 2px;

	vertical-align: top;

} 



div.ja-moduletable .search input.button, 

div.moduletable .search input.button {

	width: 16px;

	height: 16px;

	padding: 0px;

	margin-top: 2px;

} 



div.ja-moduletable .search input.button:hover,

div.ja-moduletable .search input.button:focus, 

div.ja-moduletable .search input.button:active {

	background: none !important;

}



/* Moduletable class suffix --- */

div.moduletable.grey {

	background: url(../images/pattern-grey-2.gif) repeat scroll 0 0;

	margin-bottom: 20px;

	padding: 15px;

}



div.moduletable.grey h3 {

	margin-bottom: 10px;

	padding: 0 0 10px 0;

}



div.moduletable.grey .ja-box-ct {

	padding: 0;

}



/* Moduletable Big title --- */

div.moduletable.big-title h3 {

	background: none;

	font-size: 300%;

	margin-bottom: 0;

	text-transform: none;

}



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#ja-wrapper .main {

	background: url(../images/bg-left.png) left top repeat-y;

	padding: 0px 0px 0px 8px;
	margin:0 auto;

}



#ja-wrapper .main .main-inner1 {

	background: url(../images/bg-right.png) right top repeat-y;

	padding: 0px 7px 0px 0px;

	margin: 0px;

}



.main .main-inner2 {

	margin-left: 0px !important;

	margin-right: 0 !important;

	xpadding-left: 10px;

	xpadding-right: 10px;

	background: #fff;
	float:left;
	width:100%;

}



#ja-container .main .inner { padding-left: 10px; padding-right: 10px; }



#ja-container .main .main-inner2 { padding: 10px 0px 0 0px; }



#ja-container.ja-l1 .main .inner { padding-left: 14px; }



#ja-container.ja-r1 .main .inner { padding-right: 15px; }



/* TOP

--------------------------------------------------------- */

#ja-toll-free {

	float: right;

	font-size: 14px;

}



#ja-toll-free p { font-weight: bold; }



#ja-toll-free span { color: #8f8e8e; }



#ja-toll-free a {

	border-bottom: 1px dotted #666;

	color: #ccc;

}



#ja-toll-free a:hover, #ja-toll-free a:focus, #ja-toll-free a:active {

	border-color: #fff;

	color: #454545;

	text-decoration: none;

}



/* HEADER

--------------------------------------------------------- */

#ja-header { z-index: 12; }







h1.logo, 

div.logo-text h1 { font-size: 250%; line-height: 1; }



/* Logo Image ---*/

h1.logo {

	xheight: 167px;

	xleft: 7px;

	position: absolute;

	top: 12px;

	xwidth: 150px;

	z-index: 102;
	xwidth:40%;
	float:left;

}



h1.logo a {

	display: block;

	xheight: 90px;
	width:100%;

	xwidth: 391px;

}



/* Logo Text ---*/

div.logo-text h1 {

	font-family: Arial, sans-serif;

	font-size: 200%;

	font-weight: bold;

}



p.site-slogan {

	color: #ccc;

	display: block;

	font-size: 85%;

	margin: 3px 0 0;

	padding: 0 10px;

	text-transform: uppercase;

}



/* NAVIGATION

--------------------------------------------------------- */

/* Main Nav ---*/

#ja-mainnav .main-inner2 {

	background:#fff;

	padding: 0;

}



.no-sm #ja-mainnav .main-inner2 { padding-bottom: 0px; }



/* Breadcrumbs ---*/

#ja-navhelper { font-size: 100%; }



#ja-navhelper .main {

	padding: 0 0 0 8px;

}



#ja-navhelper .main-inner2 {

	background: url(../../../newsite/templates/ja_tiris/images/menu_grad.jpg) repeat-x;

	border-top: 1px solid #e6e6e6;

	padding-top: 8px;

	padding-bottom: 8px;
	xwidth:98%;

}



/* Extras ---*/

.ja-links li { padding: 0 0 0 10px; }



.ja-links li a { color: #7B7B7B; font-weight: bold; }



/* Default Joomla! Menu ---*/

#ja-container ul.menu li { margin-bottom: 6px; }



#ja-container ul.menu li a {

	background: url(../images/bullet-3.gif) 10px 10px no-repeat;

	color: #444;

	float: left;

	line-height: normal;

	padding: 4px 45px 4px 25px;

}



#ja-container ul.menu li a:hover {

	background: url(../images/bullet-5.gif) 10px 10px no-repeat #333;

	color: #fff;

	text-decoration: none;

}



#ja-container ul.menu li.active > a {

	background: url(../images/bullet-5.gif) 10px 10px no-repeat #522d44;

	color: #fff;

	font-weight: normal;

}



#ja-container ul.menu li ul {

	clear: both;

	margin-left: 25px;

	padding-top: 10px;

}



#ja-container ul.menu li li { background-position: 0 9px; }



#ja-container ul.menu li li a {

	background: none;

	padding-left: 10px;

	padding-right: 0;

	text-indent: 0;

}



#ja-container ul.menu li li.active a {

	background: none;

	color: #CF1F18;

}



/* Masshead --- */

#ja-masshead .ja-masshead {

	background-color: #fff !important;

	color: #fff;

	height: 200px;

	padding: 0 30px;

	overflow: hidden;

}



#ja-masshead .ja-masshead h3 {

	color: #fff;

	font-size: 250%;

	margin-top: 110px;

}



#ja-masshead .ja-masshead .ja-masshead-desc {

	font-size: 125%;

}



#ja-masshead span {

	background: url(../images/trans-black.png);

	display: inline-block;

	padding: 5px 10px;

	line-height: 1;

}



/* CONTENT MASS TOP

--------------------------------------------------------- */

#ja-content-mass-top .moduletable p {

	margin: 15px 0;

}



/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topsl div.ja-moduletable h3, 

#ja-botsl div.ja-moduletable h3,

#ja-topsl1 div.ja-moduletable h3,

#ja-botsl1 div.ja-moduletable h3 {

	background: none;

	color: #fff;

	font-size: 127%;

	margin-bottom: 12px;

	padding-bottom: 0;

}



#ja-topsl .ja-box-right, 

#ja-botsl .ja-box-right { background: 0; }



#ja-botsl .ja-box-right .ja-moduletable { margin-left: 0; }



#ja-topsl .ja-moduletable, #ja-topsl1 .ja-moduletable, 

#ja-botsl .ja-moduletable, #ja-botsl1 .ja-moduletable {

	margin: 0 30px 10px 30px;

}



#ja-topsl div.ja-moduletable h3,

#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; }



#ja-topsl ul.menu li, #ja-topsl ul.latestnews li, #ja-topsl ul.weblinks li,

#ja-botsl ul.menu li, #ja-botsl ul.latestnews li, #ja-botsl ul.weblinks li {

	background: none;

	margin-bottom: 5px;

	overflow: hidden;

	padding-left: 0;

}



#ja-topsl li, 

#ja-botsl li {

	background: none;

	line-height: normal !important;

	display: block ;

	margin: 0px 0px 5px 0px ;

	padding: 0px ;

}



/* Top spotlight ---*/

#ja-topsl div.ja-moduletable h3,

#ja-topsl1 div.ja-moduletable h3 { color: #000; padding-bottom: 0; }



#ja-topsl .main-inner2, 

#ja-topsl1 .main-inner2 {

	border-bottom: 1px solid #e6e6e6;

	padding: 30px 0 10px 0;

}



/* Bot spotlight ---*/

#ja-botsl .main, 

#ja-botsl1 .main {

	color: #696969;

	padding: 0 0 0 8px;

	font-size: 92%;

}



#ja-botsl .main-inner1, 

#ja-botsl1 .main-inner1 { padding: 0px 7px 0px 0; }



#ja-botsl .main-inner2, #ja-botsl1 .main-inner2 {

	background: #111;

	padding-top: 30px;

	padding-bottom: 10px;

}



#ja-botsl div.moduletable-copyright {

	background: url(../images/logo-2.png) 0 0 no-repeat;

	padding-right: 45px;

	padding-top: 110px;

}



#ja-botsl div.moduletable-copyright small { font-size: 100%; color: #a9a9a9; }



#ja-botsl .ja-box-right div.ja-moduletable { float: left; width: 38%; }



#ja-botsl .ja-box-right div.moduletable-full-column {

	float: none;

	margin-left: 30px;

	width: auto;

}



#ja-botsl div.custom p img,

#ja-botsl div.custom-full-column p img{

	padding: 2px; 

	border: solid 1px #444;

	margin-bottom: 10px;

	display: block;

	width: 100%;

}



#ja-botsl .readmore a { text-transform: none; color: #666;}



#ja-botsl .readmore a:hover,

#ja-botsl .readmore a:focus { background: #666; color: #fff; }



#ja-botsl .ja-event-item {

	border-bottom: 1px dotted #333;

	margin-bottom: 5px;

	padding-bottom: 5px;

}



#ja-botsl .ja-event-item a.title {

	display: block;

	font-weight: bold;

}



#ja-botsl .ja-event-item a.title:hover,

#ja-botsl .ja-event-item a.title:focus,

#ja-botsl .ja-event-item a.title:active {

	color: #ccc;

}



div.moduletable-connectus li { margin-bottom: 5px ; }



div.moduletable-connectus li a {

	display: block;

	font-weight: bold;

	padding: 6px 0 6px 35px;

	background-position: 0px 0px;

	background-repeat: no-repeat;

}



div.moduletable-connectus li a:hover { background-position: 0 -36px; }



.custom-connectus .icon-facebook { background-image: url(../images/icon-facebook.png)!important; }

.custom-connectus .icon-twitter 	{ background-image: url(../images/icon-twitter.png) !important; }

.custom-connectus .icon-rss 		{ background-image: url(../images/icon-rss.png) !important; }

.custom-connectus .icon-flickr 	{ background-image: url(../images/icon-flickr.png) !important; }



#ja-botsl div.moduletable-events { border-top: 1px solid #252525; padding-top: 25px; }

#ja-botsl div.moduletable-events .ja-createdate { margin-bottom: 0; color: #5a5a5a; }



#ja-botsl1 a { color: #fff; }



#ja-botsl1 a:hover, #ja-botsl1 a:focus { color: #cf1f18; }



img.img-top {

	border: 1px solid #E5E5E5;

	padding: 4px;

	margin-bottom: 10px;

	display: block;

	width: 100%;

}



#ja-topsl1 div.custom a.readmore {

	background: #3A3A3A;

	color: #FFFFFF;

	display: inline-block;

	font-size: 90%;

	font-weight: bold;

	margin-top: 8px;

	padding: 3px 8px;

	text-transform: uppercase;

}



#ja-topsl1 div.custom a.readmore:hover { background: #cf1f18; }



/* LEFT

--------------------------------------------------------- */

#ja-left div.ja-moduletable { margin-left: 0; margin-right: 20px; }



/* RIGHT

--------------------------------------------------------- */

#ja-right div.ja-moduletable { margin-left: 20px; margin-right: 0; }



/* MISCELLANOUS

----------------------------------------------------------- */

/* Others ---*/

#ja-top-panel .main-inner1 {

	background: #ffffcc;

	border: 2px dotted #e2e2b5;

	margin-top: 15px;

	padding: 5px 10px;

	position: relative;

	text-align: center;

}



div.ja-innerdiv h4 {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 92%;

	font-weight: normal;

	text-transform: uppercase;

}



a.ja-icon-video {

	background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;

	border: 1px solid #ccc;

	color: #666;

	display: block;

	font-weight: bold;

	padding: 5px 5px 5px 43px;

	position: absolute;

	right: 10px;

	text-decoration: none;

	top: 8px;

	width: 35px;

}



a.ja-icon-video span { color: #666; }



a.ja-icon-video:hover,

a.ja-icon-video:focus,

a.ja-icon-video:active { border-color: #ddd; text-decoration: none; }



a.ja-icon-video:hover span { color: #0F85D8; }



#ja-absolute .main {

	height: auto;

	left: 1px;

	position: fixed;

	top: 1px;

	width: auto;

	z-index: 99999;

}



#ja-absolute .main a {

	background: url(../images/joomla15.png) no-repeat left top #fff;

	display: block;

	height: 99px;

	overflow: hidden;

	text-indent: -9999px;

	width: 91px;

}



#ja-absolute .main a:hover,

#ja-absolute .main a:focus {

	background-position: left bottom;

	text-decoration: none;

}



/* WEBLINKS

----------------------------------------------------------- */

.categories-list h1 {

	background: url("../images/bg-h3.gif") repeat-x scroll 0 100% transparent;

	color: #373737;

	font-size: 250%;

	line-height: 100%;

	margin: 0 0 20px !important;

	padding-bottom: 13px !important;

}



div.categories-list .item-title {

	background: #3a3a3a;

	display: inline-block;

	padding: 3px 8px;

}



div.categories-list .item-title:hover { background: #cf1f18; }



div.categories-list a { color: #fff; font-weight: bold; }



div.categories-list .item-title:hover a,

div.categories-list a:hover { color: #fff; }



.categories-list ul { margin: 0; padding: 0; }



div.categories-list ul li li {

	background: url(../images/tree-bg.gif) 0 0 no-repeat;

	border: none;

	margin-bottom: 0;

	padding: 10px 0 0 8px;

}



div.categories-list ul li li.last { background: url(../images/tree-last.gif) 0 0 no-repeat; }



table.contentpane, 

table.tablelist, 

table.category { width: 100%; }



table.category td, table.contentpane td, table.tablelist td {

	border-bottom: 1px solid #e6e6e6;

	padding: 5px 10px;

}





table.category td.hits { width: 50px; }



/* FOOTER

----------------------------------------------------------- */

#ja-footer .main-inner2 {

	/*background: url(http://mckinnonassociates.com/newsite/templates/ja_tiris/images/footer_grad.jpg) repeat-x;*/

	background: #eeeeee;

	border-top: 1px solid #e1e1e1;

	text-align: left;

	padding-top: 20px;

	padding-bottom: 20px;

	xmargin: 0 -7px 0 -8px !important;
	xwidth:98%;

}



#ja-footer .ja-footnav {

	float: right;

	margin: 0;

	padding: 0px 0 0 0;

}



.ja-footnav li { background: url(../images/ver-sep.gif) no-repeat left center; padding: 0 5px; }



.ja-footnav li:first-child { background: none; }



#ja-poweredby { float: left; }



.t3-logo-dark-sm a span { display: none; }



/* Profile -----*/

.profile legend { color: #3a3a3a; }



.profile  dl dt { min-width: 14em; }



ul.categories-module li,

ul.category-module li,

ul.archive-module li{

	background: none;

	padding-left: 0px;

}



ul.categories-module,

ul.categories-module li h4,

ul.category-module,

ul.category-module li h4,

ul.archive-module,

ul.archive-module li h4 {

	margin: 0px;

	text-transform: none;

	font-size: 105%;

	line-height: normal;

}



ul.categories-module li a,

ul.category-module li a,

ul.archive-module li a {

	background: url("../images/pattern-grey.gif") repeat scroll 0 0;

	color: #444;

	text-align: center;

	display: inline-block;

	padding: 3px 25px 3px 15px;

	text-decoration: none;

}



ul.categories-module li:hover > a,

ul.categories-module li a:hover,

ul.category-module li:hover > a,

ul.category-module li a:hover,

ul.archive-module li:hover > a,

ul.archive-module li a:hover {

	background: #CF1F18;

	color: #fff;

}



/* Rating Vote -----*/

.content_rating {

	padding-top: 10px;

	margin-bottom: -15px;

	display: block;

}



.blog-featured .content_rating, 

.blog .content_rating { margin-bottom: -25px; }



.content_rating img {

	margin-top: 0px;

	line-height: normal;

	vertical-align: top;

}



.content_vote { margin-bottom: 5px; }



.content_vote input {

	background: none;

	border: none;

	padding: 0px;

	margin: 4px 2px;

}



.content_vote input.button {

	background: #C0C0C0;

	padding: 2px;

	margin: 0px;

}



#user-registration fieldset dt { width:125px; }



#user-registration fieldset dd { margin-left:0; }



#user-registration dt label { line-height: 34px; }



#ja-slideshow .main-inner1 { width: auto; }



#ja-slideshow2 div.ja-moduletable { margin: 0px; padding: 0px; }

 

.contact-address .jicons-icons, 

.contact-contactinfo .jicons-icons {

	float: left;

	margin-right: 10px;

}



input[type="radio"], 

input[type="checkbox"] { border: none; }



.searchintro, 

.items-more { border-bottom: 1px solid #ccc; }



.search .word label, 

.search .word .inputbox { vertical-align: middle; }



#ja-content-main .contact h3, 

#ja-content-main .contact .panel h3, 

#contact-slider.tabs dt h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-weight: bold;

}



#contact-slider dt.closed, .cat-list-row1:hover,

.cat-list-row2:hover {

	background: #ffffcc;

}



.panel, table.contenttoc {

	border: 1px solid #ccc;

}



#contact-slider.tabs dt h3 a:hover, div.logo-text h1 a {

	text-decoration: none;

}



.items-leading, .contentdescription {

	border-bottom: 1px dashed #ddd;

}



#login-form fieldset, #ja-footer {

	padding: 0;

}



#login-form #form-login-submit .button,

.logout-button .button,

#user-registration .validate,

#josForm .validate,

.reset-confirm button.validate,

.login  button.button {

	background: url(../images/pattern-bg.gif) #3A3A3A;

	border: none;

	color: #fff;

	cursor: pointer;

	font-size: 92%;

	font-weight: bold;

	line-height: 17px;

	padding: 4px 8px;

	text-transform: uppercase;

	overflow: visible;

}



.reset-confirm button.validate:hover,

.login  button.button:hover {

	background: url(../images/pattern-red.gif) #cf1f18;

}



#contact-slider .jpane-toggler-down a, thead tr th a,

thead tr th a:hover,

thead tr th a:focus,

thead tr th a:active {

	color: #fff;

}



#ja-container ul.menu li li a:hover, #login-form ul li a:hover, .ja-links li a:hover {

	color: #522d44;

}



#ja-topsl p, #ja-topsl1 p, table.category td p, table.contentpane td p table.tablelist td p {

	margin: 0;

}



#ja-topsl  li a:hover, #ja-botsl li a:hover, .ja-footnav li a:hover {

	color: #c0c0c0;

	text-decoration: none;

}



#ja-topsl p, #ja-botsl p, #ja-botsl1 p, #ja-botsl .ja-box-right ul {

	margin-bottom: 15px;

}



#ja-botsl .ja-box-right ul li{

	margin-bottom: 0px;

	padding-bottom: 5px;

}



div.moduletable-events a, #ja-botsl div.moduletable-events p {

	color: #787878;

}



#ja-banner, hr {

	border-top: 1px solid #ccc;

}



div.ja-innerdiv, table.contenttoc td, dl.poll {

	border-bottom: 1px dotted #ccc;

}



div.categories-list a:hover,

div.categories-list a:focus,

div.categories-list a:active,

a, .item .contentheading a:hover,

.item .contentheading a:focus,

.item .contentheading a:active {

	color: #ACCC71;

	text-decoration: none;

}



div.categories-list ul li li li,

table.category tr:hover,

table.contentpane tr:hover,

table.tablelist tr:hover {

	background: none;

}



.ja-footnav li a, 

#ja-topsl  li a, 

#ja-botsl li a, 

#ja-botsl p, 

#ja-botsl1 p {

	color: #696969;

}



#ja-slideshow .main-inner2, 

#ja-slideshow2 .main-inner2 {

	background: #fff;

	margin: 0px  !important;

	padding: 0px !important;

}



#ja-slideshow div.ja-moduletable, 

#ja-slideshow div.moduletable {

	padding: 0px !important; 

	margin: 0px !important;

}



.search .word button:hover, 

.contact-form .button:hover, 

#login-form #form-login-submit 

.button:hover, #user-registration .validate:hover,

#josForm .validate:hover, 

.logout-button .button:hover, 

.content_vote input.button:hover {

	background: url(../images/pattern-red.gif) #CF1F18;

}



.filter-search button.button {

	background: none repeat scroll 0 0 #3A3A3A;

	color: #FFFFFF;

	display: inline-block;

	cursor: pointer;

	font-size: 90%;

	font-weight: bold;

	padding: 3px 10px;

	text-transform: uppercase;

	border: none;

	overflow: visible;

	margin-left: 5px;

}



.filter-search button.button:hover {

	background: #cf1f18;

}



input#jform_username,

input#jform_token {

	width: 200px;

}



.cat-items table.category {

	margin-bottom: 5px;

}



.newsfeed ol li p {

	margin: 0px;

}



ul#archive-items > li {

    background: none;

}



/* ja switch */

#ja-switch a { background: url(../images/joomla15-2.png) 0 0 no-repeat;}



#ja-switch a:hover,

#ja-switch a:focus,

#ja-switch a:active { background-position: left bottom;  text-decoration: none; }



/* Page Blog ---*/

.blog-featured .items-row {

	border-bottom: none;

	margin-bottom: 0px;

}



.blog-featured .blogcontent {

	position: relative;

	top: 0px;

	margin: 0px;

	padding: 0px;

}



.blog-featured .contentpaneopen {

	background: url("../images/bg-line.gif") repeat-x scroll left bottom transparent;

	padding-bottom: 35px;

	padding-left: 195px;

}



.blog-featured .blogcontent  .viewblog {

	position: relative; 

	top: 3px;

}



.blog-featured .blogcontent  .viewblog .images-border {

	margin-top: 5px;

}



.blog-featured .create {

	background: url(../images/bg-date.png) no-repeat left top;

	height: 80px;

	left: -175px;

	position: absolute;

	top: 5px;

	width: 166px;

}



.blog-featured .create:hover { background-image: url(../images/bg-date-hover.png); }



.blog-featured .create .viewdate {

	font-family: "abelregular",Arial,sans-serif;

	padding: 20px;

}



.blog-featured .create .date {

	border-right: 1px solid #bfbfbf;

	color: #ca1b20;

	float: left;

	font-size: 350%;

	line-height: 0.8;

	margin-right: 8px;

	padding-right: 8px;

	text-transform: uppercase;

}



.blog-featured .create .month-year {

	color: #010101;

	display: block;

	float: left;

	font-size: 110%;

	line-height: 1;

	text-transform: uppercase;

}



.blog-featured .create .month-year span { display: block; }



.blog-featured .create .month-year .month {

	font-size: 120%;

	margin-bottom: 4px;

	word-spacing: 25px;

}



.item .contentheading {

	font-size: 260%;

    font-weight: normal;

    line-height: 1.1;

    text-transform: none;

	margin: 0px !important;

	padding: 0px !important;

}



.blog-featured .create:hover .date,

.blog-featured .create:hover .month-year { color: #fff; }



.catItemBlogView div.catItemBody { padding: 0; }



ul.mostread li {

	background-position: left 7px;

	padding-left: 15px;

}



ul.mostread li a {

	color: #5D5D5D;

}



ul.mostread li a:hover, 

ul.mostread li a:focus,

ul.mostread li a:active{

	color: #cf1f18;

}



.ja-mass-bottom  div.ja-moduletable h3, .ja-mass-bottom  div.moduletable h3 {

	background: none;

	margin-bottom: 0px;

	padding-bottom: 10px;

}
/*CSS written in index.php*/

           <!-- body.bd #ja-wrapper { min-width: 100% !important; } -->
            #ja-content{ width: 98% !important;}
            .ja-copyright{ padding-left : 10px; } 
            .ja-links { padding-right : 10px;} 
            .custom div { padding-right : 10px;}
            
            
        /* Base Styles */
.cssmenu,
.cssmenu ul,
.cssmenu li,
.cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  position: relative;
}
.cssmenu a {
  line-height: 1.3;
  padding: 6px 15px;
}
.cssmenu {
  width: 200px;
}
.cssmenu > ul > li {
  cursor: pointer;
  background: #000;
  border-bottom: 1px solid #4c4e53;
}
.cssmenu > ul > li:last-child {
  border-bottom: 1px solid #3e3d3c;
}
.cssmenu > ul > li > a {
  font-size: 13px;
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #000;
  background: #64676e;
  background: -moz-linear-gradient(#64676e 0%, #4c4e53 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64676e), color-stop(100%, #4c4e53));
  background: -webkit-linear-gradient(#64676e 0%, #4c4e53 100%);
  background: linear-gradient(#64676e 0%, #4c4e53 100%);
}
.cssmenu > ul > li > a:hover {
  text-decoration: none;
}
.cssmenu > ul > li.active {
  border-bottom: none;
}
.cssmenu > ul > li.active > a {
  background: #97c700;
  background: -moz-linear-gradient(#97c700 0%, #709400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c700), color-stop(100%, #709400));
  background: -webkit-linear-gradient(#97c700 0%, #709400 100%);
  background: linear-gradient(#97c700 0%, #709400 100%);
  color: #4e5800;
  text-shadow: 0 1px 1px #709400;
}
.cssmenu > ul > li.has-sub > a:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #ffffff;
}
.cssmenu > ul > li.has-sub.active > a:after {
  right: 14px;
  top: 12px;
  border: 5px solid transparent;
  border-top: 5px solid #4e5800;
}
/* Sub menu */
.cssmenu ul ul {
  padding: 0;
  xdisplay: none;
}
.cssmenu ul ul a {
  background: #efefef;
  display: block;
  color: #797979;
  font-size: 13px;
}
.cssmenu ul ul li {
  border-bottom: 1px solid #c9c9c9;
}
.cssmenu ul ul li a {
  background: #e5e5e5;
}
.cssmenu ul ul li:last-child {
  border: none;
}
.submenuactive
{
    display:block;
}

div.main div.main-inner1 div.main-inner2.clearfix div#ja-megamenu.cssmenu ul.megamenu.level0 li.mega.haschild-over div.childcontent.cols1 {
	height : auto !important;
}
#google_map{display:block; width:100%; height:300px}
/*CSS written in index.php*/		
 /*   Responsive web design 
 --------------------------------------------------------*/
 html { font-size:100%; } 
 img { max-width: 100%;}
 .custom > img {width: 100%;height:auto;}
 .content_img {float: left;width: 50%;}
 .content_wb {float: left; width: 45%;}
 
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

    body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo a {width:100%;height:50px;background: #fff url("../images/mckinnon_logo_mobile.jpg") no-repeat scroll left center;}
    h1.logo {width:100%;xleft: -10px;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    .custom > div {text-align: center;float:none !important;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
    .content_img {width: 100%;}
    .content_wb {width: 100%;}
   /* #google_map{display:none;}
    
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}*/
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (max-device-width: 640px) {
    body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    /*body.bd .main { width: 96%;}*/
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo a {width:100%;height:50px;background:#fff url("../images/mckinnon_logo_mobile.jpg") no-repeat scroll left center;}
    h1.logo {width:100%;xleft: -10px;}
    .custom > div {text-align: center;float:none !important;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
    .content_img {width: 100%;}
    .content_wb {width: 100%;}
   /* #google_map{display:none;}
    
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}*/
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {

    body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo {width:100%;xleft: -10px;}
    h1.logo a {width:100%;height:50px;background:#fff url("../images/mckinnon_logo_mobile.jpg") no-repeat scroll left center;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    .custom > div {text-align: center;float:none !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
    .content_img {width: 100%;}
    .content_wb {width: 100%;}
    .pgplugin1{ width: 100px; height: 100px;}
    
   /* #google_map{display:none;}
    
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}*/
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    
    body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo {width:100%;xleft: -10px;}
    h1.logo a {width:100%;height:50px;background: url(../images/mckinnon_logo_mobile.jpg) no-repeat left;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    .custom > div {text-align: center;float:none !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
    .content_img {width: 100%;}
    .content_wb {width: 100%;}
   /* #google_map{display:none;}
    
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}*/
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    
    body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo {width:100%;xleft: -10px;}
    h1.logo a {width:100%;height:50px;background: url(../images/mckinnon_logo_mobile.jpg) no-repeat left;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    .custom > div {text-align: center;float:none !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
    .content_img {width: 100%;}
    .content_wb {width: 100%;}
   /* #google_map{display:none;}
    
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}*/
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo {width:100%;xleft: -10px;}
    h1.logo a {width:100%;height:50px;background: url(../images/mckinnon_logo_mobile.jpg) no-repeat left;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    .custom > div {text-align: center;float:none !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
    .content_img {width: 100%;}
    .content_wb {width: 100%;}
   /* #google_map{display:none;}
    
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}*/
}
 /* iPhone 5 (portrait &amp; landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

    body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo {width:100%;xleft: -10px;}
    h1.logo a {width:100%;height:50px;background: url(../images/mckinnon_logo_mobile.jpg) no-repeat left;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    .custom > div {text-align: center;float:none !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
    .content_img {width: 100%;}
    .content_wb {width: 100%;}
   /*  #google_map{display:none;}
    
           .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}*/
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo {width:100%;xleft: -10px;}
    h1.logo a {width:100%;height:50px;background: url(../images/mckinnon_logo_mobile.jpg) no-repeat left;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    .custom > div {text-align: center;float:none !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
   /* #google_map{display:none;}
    
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}
			*/
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

    body.bd .main { width: 96% !important;}
    body.bd #ja-wrapper { width: 96% !important;margin: 0 auto;}
    #ja-megamenu {width:100%;padding-top: 62px;}
    .ja-megamenu ul.level0 li.mega a.mega span {line-height: 20px;font-size:100% !important;}
    h1.logo {width:100%;xleft: -10px;}
    h1.logo a {width:100%;height:50px;background: url(../images/mckinnon_logo_mobile.jpg) no-repeat left;}
    #ja-mainbody{width: 100% !important;}
    #ja-right{width: 100% !important;}
    .custom > div {text-align: center;float:none !important;}
    div.ja-moduletable h3, div.moduletable h3 {margin-bottom:0px;margin-top:-45px;}
    .content_img {width: 100%;}
    .content_wb {width: 100%;}
    #ja-right div.ja-moduletable {font-size: 10px; margin-left: -10px;}
    /* #google_map{display:none;}
   
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 100% !important;}
            .childcontent-inner-wrap {width: 100% !important;}
            .childcontent-inner.clearfix {width: 100% !important;}
            .megacol.column1.first {width: 100% !important;}*/
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width: 1024px) {
    @import url("https://www.mckinnonassociates.com/templates/ja_tiris/menu/megaweb.css");
    
   /* body.bd .main { width: 980px !important;}*/
   /* body.bd #ja-wrapper { width: 980px !important;margin: 0 auto;}*/
    #ja-megamenu {width: 60%;padding-top: 40px;}
    h1.logo {width:40%;left: 7px;}
    h1.logo a {width:100%;height:90px;background: url(../images/mickinnon_logo.jpg) no-repeat left;}
    .content_img {width: 50%;}
    .content_wb {width: 45%;}
    #google_map{display:block;}
    /*
            .childcontent cols1  {height: auto !important;}
            .childcontent.cols1 {width: 200px !important;}
            .childcontent-inner-wrap {width: 200px !important;}
            .childcontent-inner.clearfix {width: 200px !important;}
            .megacol.column1.first {width: 200px !important;}*/
}

 /*------------------------------------- end of responsive -------------------------------*/
/*################# Media Queries By Ajmal #############################*/
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 992px)
and (max-device-width : 1024px)
{
	#ja-megamenu{ display:block}
	 h1.logo a {width:100%;background: url(../images/mickinnon_logo.jpg) no-repeat left; min-height:100px; background-size:contain}
	}
@media screen and (max-width: 991px) {
	 h1.logo a {width:100%;background: url(../images/mickinnon_logo.jpg) no-repeat left; min-height:100px;background-size:contain}
	h1.logo {
    margin:0;
    min-height: 100px;
    position: static;
    width: 90%;
	
}
.content_img {float: none;width: 100%;}
 .content_wb {float: none; width: 100%;}
 #ja-right,#ja-mainbody{ width:100%!important}
 
body.bd .main {width:90% }
body.bd #ja-wrapper {min-width:90% }
#ja-megamenu{ float:left!important; width:100%}

/*CSS Ajmal*/
.ja-megamenu ul.level0 li.active a.active,
.ja-megamenu ul.level0 li.active a:hover,
.ja-megamenu ul.level0 li a:hover
{ background-color:#BAC978; color:#000!important; padding:5px!important}
.mega.haschild {background: url(../images/plus.png) no-repeat right 10px center}
.ja-megamenu ul.level0 li.mega a.mega{ text-transform:uppercase; padding:5px;color:#000!important;}
.ja-megamenu ul.level1 li.over a.mega { padding: 0 15px!important}
/*CSS Ajmal*/

.ja-megamenu .childcontent-inner{ background:#f1efef!important; border-bottom:4px solid #ABCE74}
.ja-megamenu ul.level0 li.mega{ background:none!important}	
	#google_map{display:block; width:100%; height:300px}
.menu-holder {
    background: rgba(0, 0, 0, 0) url("../images/nav-icon.png") no-repeat scroll 0 0;
    clear: both;
    cursor: pointer;
    float: right;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 39px;
    width: 20px;
}
.clear{ clear:both}
.childcontent .megacol{ width:100%}

#ja-megamenu{ display:none; padding-top:10px; background-size:cover!important; padding-bottom:10px}
.ja-megamenu ul.level0 li.active a.active{ border:none!important}
.ja-megamenu ul.level0 li.mega a.mega span{padding:0 10px!important}
.ja-megamenu ul.level0 li.mega a.mega{ padding:0}
.childcontent .megacol{ background:none!important}
.ja-megamenu ul.level1 li.mega{ border:none!important}
.ja-megamenu ul.level0 li.over a.over{ border:none!important}
.ja-megamenu ul.level0 li.mega{ float:none}
/*.childcontent { display:block!important}*/

.childcontent cols1  {height: auto !important;  }
.childcontent.cols1 {width: 100% !important; padding-right:15px!important; margin-right:25px!important  }
.childcontent-inner-wrap {
    left: 0;
    margin-right: 25px !important;
    
    position: absolute;
    right: 5px;
    width: auto !important;
}

/*.childcontent-inner-wrap {width: 100% !important; margin-right:25px!important  }*/
.childcontent-inner.clearfix {width: 100% !important; margin-right:25px!important }
/*.megacol.column1.first {width: 100% !important; }*/
.megacol { border:none!important}

.ja-moduletable.moduletable{ padding-left:20px; }
}

/*Common Media queries for width less than 767px*/	

@media only screen and (max-device-width : 767px) {
	h1.logo a{ background-size:contain}
	
	}