/*
 * ------------------------------------------------------------------------
 * JA Mendozite Template for J25 & J32
 * ------------------------------------------------------------------------
 * 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.
 * ------------------------------------------------------------------------
*/

h1.logo a {
    height: 106px;
    width: 266px;
}

h1.logo {
    height: 106px;
    width: 266px;
}


body#bd {
    background: none repeat scroll 0 0 #CECECE;
}

#ja-header .main {
    padding: 5px 0;
}

#ja-topsl h3 {
    text-align: center;
}

#ja-slideshow .main {
    padding: 15px 0 0;
}

.areas_of_practice {
    background-image: url(../../../../../images/areas_of_practice.png);
    background-repeat: no-repeat;
    padding-top: 150px;
}

.strata {
    background-image: url(../../../../../images/Strata_Image.jpg);
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-right: 500px;
}

.about_us {
    background-image: url(../../../../../images/meet_the_team.png);
    background-repeat: no-repeat;
    padding-top: 150px;
}

.about_text {
	width: 320px;
}

.contact{
    background-image: url(../../../../../images/contact_us.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}

.contact-info-wrap{
    padding-left: 180px;
    width: 30%;
}

.contact-map{
	float: left;
	margin-left: -180px;
}

/* COMMON STYLE
--------------------------------------------------------- */
/* Normal links ---*/
a { color: #013469; }

/* Readon links ---*/
p.readmore a:hover,
p.readmore a:focus,
p.readmore a:active {
	background-image: url(../images/readmore-hover.png);
	color: #013469;
}

.contentheading a:hover, .contentheading a:active, .contentheading a:focus {
	color: #013469;
}

/* FORM
--------------------------------------------------------- */
.button, button,
input[type="submit"], input[type="cancel"], input[type="reset"] {
	background: url(../images/grad.png) repeat-x left top #c89367;
	border: 1px solid #5fbfcb;
}

/* Smart Search ---*/
dl.search-results dt.result-title a:hover,
dl.search-results dt.result-title a:focus,
dl.search-results dt.result-title a:active {
  color: #013469;
}

#advanced-search-toggle:hover {
  background: #013469;
}

/* Contact ---*/

.contact-miscinfo .brandinfo-wrap .brand-point:hover + .brandinfo-main .number {
	background-color: #013469;
}

.contact-miscinfo .brandinfo-wrap .brand-point:hover + .brandinfo-main h4 {
	color: #013469;
}

.contact-misc .brand-point:hover {
	background-image: url(../images/contact-brand-point-hover.png);
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Pagination ---*/
.pagination ul li a.pagenav:hover , ul.pagenav li a:hover {
	color: #013469;
}

.pagination ul li span.pagenav {
	background: url(../images/grad.png) repeat-x left bottom #c89367;
	border: 1px solid #5fbfcb;
}

/* More Items ---*/
.items-more ol li a:hover,
.items-more ol li a:focus,
.items-more ol li a:active {
	color: #013469;
}

/* MODULE STYLES
--------------------------------------------------------- */
/* Has Icon ---*/
div.ja-moduletable.has-icon:hover h3 {
	color: #013469;
}

/* Login Module ---*/
#login-form ul li a:hover,
#login-form ul li a:focus,
#login-form ul li a:active,
.login + div > ul li a:hover,
.login + div > ul li a:focus,
.login + div > ul li a:active {
	color: #013469;
}

/* Search Module ---*/
#ja-search .button {
	background: url(../images/btn-search.png) no-repeat center center;
}

/* HEADER
--------------------------------------------------------- */
#ja-header,
#ja-mainnav,
#ja-slideshow { background-color: #013469; }

/* Logo Image ---*/
h1.logo a {
	background: url(../images/km_harkness_co_logo.png) no-repeat left;
}

/* Default Joomla! Menu ---*/
.cat-children ul li a:hover,
.cat-children ul li a:focus,
.cat-children ul li a:active,
.cat-children > ul li a:hover,
.cat-children > ul li a:focus,
.cat-children > ul li a:active {
	color: #013469;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Top spotlight 1 ---*/
blockquote + .author .name {
	color: #013469;
}

/* Top spotlight 2 ---*/
#ja-topsl2 .item:hover .itemDate {
	border-color: #013469;
	color: #013469;
}

#ja-topsl2 .item:hover .moduleItemTitle { color: #013469; }

/* Top spotlight 3 ---*/
#ja-topsl3 .ja-slidenews-item .ja-title:hover,
#ja-topsl3 .ja-slidenews-item .ja-title:focus,
#ja-topsl3 .ja-slidenews-item .ja-title:active { color: #013469; }

#ja-topsl3 p.readmore a:hover,
#ja-topsl3 p.readmore a:focus,
#ja-topsl3 p.readmore a:active {
	color: #013469;
}

/* Bot spotlight 1,2 ---*/
#ja-botsl2 .ja-moduletable li a:hover,
#ja-botsl2 .ja-moduletable li a:focus,
#ja-botsl2 .ja-moduletable li a:active,
#ja-botsl1 .ja-moduletable li a:hover,
#ja-botsl1 .ja-moduletable li a:focus,
#ja-botsl1 .ja-moduletable li a:active {
	color: #013469;
}

/* FOOTER 
--------------------------------------------------------- */

/* MODULES
--------------------------------------------------------- */

/* Dark ---*/
div.ja-moduletable.dark p.readmore a:hover {
	color: #013469;
}

/* Module Menu ---*/
#ja-container div.moduletable_menu ul li { 
	background: url(../images/bullet.png) no-repeat 5px center;
}

#ja-container div.moduletable_menu ul li a:hover,
#ja-container div.moduletable_menu ul li a:focus,
#ja-container div.moduletable_menu ul li a:active { color: #013469; }

/* Our Staffs ---*/
.staffinfo.ceo h4 {
	color: #013469;
}

.staffinfo:hover h4 {
	color: #013469;
}

/* Archive Module ---*/
div.ja-moduletable ul.archive-module li a:hover { color: #013469; }

/* Acymailling Module */ 
a.acymailing_togglemodule {
	background: url(../images/grad.png) repeat-x left top #c89367;
	border: 1px solid #5fbfcb;
}

/* Live Support ---*/
.live-support-actions a.email {
	background-image: url(../images/icons/icon-email.png);
}

.live-support-actions a.chat {
	background-image: url(../images/icons/icon-chat.png);
}

.live-support-actions a.call {
	background-image: url(../images/icons/icon-call.png);
}

/* Connect with us ---*/
ul.ja-social-list li.facebook a {
	background-image: url(../images/icons/icon-facebook.png);
}

ul.ja-social-list li.twitter a {
	background-image: url(../images/icons/icon-twitter.png);
}

ul.ja-social-list li.rss a {
	background-image: url(../images/icons/icon-rss.png);
}

ul.ja-social-list li.flickr a {
	background-image: url(../images/icons/icon-flickr.png);
}

/* Our Brand's Address ---*/
.brand-point:hover {
	background-image: url(../images/brand-point-hover.png);
}

/* KUNENA
----------------------------------------------------------------------------------------------- */
/* Form elements ---*/
#Kunena .button,
#Kunena .kbutton,
#Kunena input[type="button"],
#Kunena button {
	background: url(../images/grad.png) repeat-x left top #c89367;
	border-color:  #5fbfcb;
}

#Kunena #ktab ul.menu li a:hover,
#Kunena #ktab ul.menu li a:focus {
	background-color: #5fbfcb;
}

#Kunena #ktab div.moduletable ul.menu li.active

#Kunena .kheader h2 {
	border-left-color: #013469;
}

#Kunena .kpagination a:hover{ border-color: #013469; background-color: #013469; }

.kprofileboxcnt .k_guest b { color: #013469; }

#Kunena div.kthead-title a:hover,
#Kunena div.kthead-title a:focus,
#Kunena div.kthead-title a:active {
	color: #013469;
}

#Kunena div#khistory tr.ksth a { color: #013469; }

#Kunena dl.tabs dt:hover { color: #013469; }

#finder-search fieldset.word a.btn:hover {
  background: #013469;
  color: #fff;
}

/* Style for Tag J3x */
div.tag-category ul li h3 a:hover,
div.tag-category ul li h3 a:active,
div.tag-category ul li h3 a:focus {
	color: #013469;
}

div.tagspopular ul li a {
	border: 1px solid #013469;
}

div.tagssimilar ul li a:hover, 
div.tagssimilar ul li a:active, 
div.tagssimilar ul li a:focus {
	color: #013469;
}

@media only screen and (max-width: 768px) {
	body.bd #ja-wrapper {
		min-width: 0!important;
	}
	body.bd .main {
		width: 100%!important;
	}
	img {
		display: block;
		max-width: 100%;		
	}
	.contact-info-wrap {
    	padding-top: 100px;
    	padding-left: 0;
    	width: 100%;
	}
	.ja-ss-desc {
		bottom: 0;
	}
	.contact-map {
    	float: none;
    	margin-left: 0;
	}
	.contact-map .moduletable {
		margin-right: 0!important;
	}
	.contact-map .moduletable .custom #gmap_gmap0 {
		width: 100%!important;
	}
	.contact-info-wrap, .contact-form-wrap {
    	float: none;
    	width: 100%;
	}
	.contact-form-wrap .inputbox, .contact-form-wrap input[type="text"], .contact-form-wrap textarea, .contact-form-wrap input[type="email"] {
		width: 95%;
	}	
}
@media only screen and (max-width: 640px) { /*max-width 640px, mobile-only styles, use when QAing mobile issues */
	.ja-megamenu ul.level0 li.mega {
		float: none;
	}
	#ja-mainnav .main-inner1 {
		background: #bdbdbd;
	}
	.ja-ss-item img {
		display: none;
	}
	.ja-ss-desc {
		height: auto;
		width: 100%;
		padding: 10px 20px;
	}
	h1.logo {
		width: 100%;
      float:none;
	}
	h1.logo a {
		background-position: center center !important;
		width: 100%;
	}
}

/*custom styles added by ronaldnunez*/
.contact-header,
.contact-text {
	width: 360px;
	text-align: right;
	line-height: 1.4;
}
.contact-header {
	color: #043667;
	font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.contact-text {
	color: #C28D65;
	font-size: 14px;
}
 @media screen and (max-width: 680px) {
 	.contact-header,
	.contact-text {
		width: auto;
      	text-align:center;
	}
  }