/*
Theme Name: Christenson O'Connor Johnson Kindness
Theme URI: http://www.cojk.com
Description: Christenson O'Connor Johnson Kindness Website.
Version:
Author: eben Design
Author URI: http://www.ebendesign.com/

*/

html, body, div, table, p, span, h1, h2, h3, h4, h5, h6, a, img, ul, ol, li, a { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
img, a img, img a { border: none; }
a { text-decoration: none; color:#a3b71b; }
#left a:hover { text-decoration: underline; color:#a3b71b; }
a:focus { outline: none; }
a:active { outline: none; }

body { background: #f5f5f5 url(images/bg-body.jpg) 0 0 no-repeat; font-family: arial, sans-serif; margin: 0 0 75px 0; }
#outer { background: url(images/bg-outer.jpg) center top no-repeat transparent; margin: 0 auto; padding-top: 20px; }
#container { width: 990px; margin: 0 auto; background: #fff; }

#nav { height: 78px; background: url(images/bg-nav.gif) 0 0 repeat-x #979799; }
#nav ul { width: 926px; min-height: 78px; margin: 0 auto; background: url(images/bg-nav-li.gif) right top no-repeat; padding-right: 1px;  }
#nav li { float: left; display: inline; background: url(images/bg-nav-li.gif) left top no-repeat; padding: 0 0 0 1px; }
#nav li a { display: block; }
#jsddm { margin: 0; padding: 0; }
#jsddm li ul { margin: 1px 0 0 1px; padding: 0; position: absolute; visibility: hidden; z-index: 99; background-color: #585859; background-image:none; width: 211px; min-height: 0px; }
#jsddm li ul li { float: none; margin: 0; padding: 0; }
#jsddm li ul li a { width: auto; color: #FFFFFF; text-indent: 0px; padding: 7px 17px 6px 17px; margin: 0; font-size: 12px; display:block; height:auto; background: none; }
#jsddm li ul li a:hover { color: #c0d72d; text-decoration: none; }
.navHome { height: 78px; width: 77px; background: url(images/nav/nav-home.gif) 0 0 no-repeat; outline: none; padding: 0; }
.navAbout { height: 78px; width: 108px; background: url(images/nav/nav-about.gif) 0 0 no-repeat; outline: none; padding: 0; }
.navServices { height: 78px; width: 155px; background: url(images/nav/nav-services.gif) 0 0 no-repeat; outline: none; padding: 0; }
.navIndustries { height: 78px; width: 157px; background: url(images/nav/nav-industries.gif) 0 0 no-repeat; outline: none; padding: 0; }
.navTeam { height: 78px; width: 95px; background: url(images/nav/nav-team.gif) 0 0 no-repeat; outline: none; padding: 0; }
.navNews { height: 78px; width: 129px; background: url(images/nav/nav-news.gif) 0 0 no-repeat; outline: none; padding: 0; }
.navJoin { height: 78px; width: 91px; background: url(images/nav/nav-join.gif) 0 0 no-repeat; outline: none; padding: 0; }
.navContact { height: 78px; width: 105px; background: url(images/nav/nav-contact.gif) 0 0 no-repeat; outline: none; padding: 0; }
.navHome:hover, .navHome.active, 
.navAbout:hover, .navAbout.active, 
.navServices:hover, .navServices.active, 
.navIndustries:hover, .navIndustries.active, 
.navTeam:hover, .navTeam.active, 
.navNews:hover, .navNews.active, 
.navJoin:hover, .navJoin.active, 
.navContact:hover, .navContact.active { background-position: 0 -78px; }

#header { height: 178px; }
.logo { float: left; display: inline; width: 333px; height: 115px; outline: none; margin: 28px 0 0 32px; }
.searchContainer { float: right; display: inline; width: 295px; height: 38px; border-bottom: 1px solid #c1d72e; margin: 64px 103px 0 0; }
.searchContainer form { width: 272px; margin-left: 12px; }
input.text, #slider form input.text { border: 1px solid #999; padding: 3px; font-size: 11px; color: #999; font-family: arial, sans-serif; width: 196px; }
select { border: 1px solid #999; padding: 3px; font-size: 11px; color: #999; font-family: arial, sans-serif; }
input.search, #slider form input.search, form input.submit { background: #58585a; font-size: 11px; font-weight: bold; color: #fff; border: 3px solid #58585a; font-family: arial, sans-serif; }
input.search:hover, #slider form input.search:hover, form input.submit:hover { background: #a3b71b; border: 3px solid #a3b71b; }
.contactContainer { clear: right; float: right; width: 295px; display: inline; text-align: center; margin: 8px 104px 0 0; }
.contactContainer .mainPhoneNumber { margin: 0 2px 0 11px; outline: none; float: left; }
.contactContainer .mainEmailAddress { display: block; float: right; height: 14px; width: 126px; background: url(images/img-contact-email.gif) 0 0 no-repeat; outline: none; margin: 0 11px 0 0; }
.contactContainer .mainEmailAddress:hover { background-position: 0 -15px; }

body.home #left { width: 466px; float: left; display: inline; margin: 0 0 42px 32px; }
body.home #left .innovationPartners { background: #f7f7f7; border: 1px solid #c1d72e; }
body.home #left .innovationPartners h1 { margin: 25px 0 0 23px; }
body.home #left .innovationPartners p { margin: 5px 0 0 0px; color: #969698; line-height: 1.4; width: 421px; }
body.home #left .column1 { width: 194px; float: left; display: inline; margin: 24px 0 0 23px; }
body.home #left .column1 h2 { margin: 7px 0 0 0; }
body.home #left .column1 p { font-size: 11px; line-height: 1.4; color: #969698; }
body.home #right { width: 436px; height: 545px; float: right; display: inline; background: url(images/flash-placeholder.jpg) 0 0 no-repeat; margin: 0 32px 42px 0; }
body.home #flash { width: 436px; height: 545px; float: right; display: inline; /*background: url(images/coj-home-static.jpg) 0 0 no-repeat;*/ margin: 0 32px 42px 0; }

body.child #left { width: 652px; float: left; display: inline; margin: 0 0 42px 32px; background: #f7f7f7; padding: 0 0 50px 0; }
body.child #left_payments { width: 652px; float: left; display: inline; margin: 0 0 42px 32px; background: #f7f7f7; padding: 0!important; }
body.child #right { width: 250px; float: right; display: inline; margin: 0 32px 42px 0; }

body.general #left h1 { margin: 34px 0 20px 22px; }
body.general #left_payments h1 { margin: 34px 0 20px 22px; }
body.general #left h2 { margin: 34px 0 0px 0; font-size: 19px; font-weight:normal; color:#a3b71b; }
body.general #left h2.pagetitle { padding: 0 0 0px 22px; }
body.general #left_payments h2 { margin: 34px 0 0px 0; font-size: 19px; font-weight:normal; color:#a3b71b; }
body.general #left_payments h2.pagetitle { padding: 0 0 0px 22px; }
#left h3 { padding: 0 0 0px 22px; font-size: 19px; font-weight:normal; color:#58585a; }
#left_payments h3 { padding: 0 0 0px 22px; font-size: 19px; font-weight:normal; color:#58585a; }
body.general #left p { color: #969698; font-size: 15px; margin: 15px 0 15px 0px; width: 605px; line-height: 1.5; }
body.general #left table td { vertical-align: text-top; padding-right: 25px; }
body.general #left table p { width: auto; }
body.general #left p.indent { margin: 15px 0 15px 22px;; }
#left ul { margin: 10px 0 20px 40px; width: 580px; }
#left li { list-style-image: url(images/bullet-green.gif); font-size: 13px; margin: 0px 0 0px 22px; padding:0; color: #969698; vertical-align: baseline; }
body.general #right h3, #right ul { margin: -3px 0 -3px 0; .margin: 1px 0 1px 0; }
body.general #subnav li { display: inline; }
body.general #subnav li a { display: block; background: #e7e7e7; font-size: 11px; color: #58585a; padding: 8px 20px 8px 20px; margin: 0 0 1px 0; }
body.general #subnav li a:hover { background: #becc5f; }
body.general #subnav-blog li li { display: block; background: #e7e7e7; font-size: 11px; color: #58585a; padding: 8px 20px 8px 20px; margin: 0 0 1px 0; }
body.general #subnav-blog li li:hover, #right #subnav li.page_item.current_page_item.page_folder a:hover { background: #becc5f; }
body.general #subnav-blog li a { font-size: 11px; color: #58585a; margin: 0 0 1px 0; }
body.general #subnav-blog h2 { display: block; background: #becc5f; font-size: 12px; color: #58585a; padding: 8px 20px 8px 20px; margin: 0 0 1px 0; }
body.general #subnav-blog li h2 a { font-size: 12px; }
body.general #right .attorneys { background: #d0d0d1; height: 35px; padding: 10px 0 0 0; margin-top: 4px; .margin-top: 1px; }
body.general #right .att-join { margin-top: -1px; }
body.general #right .attorneys p { width: 208px; margin: 0 0 0 20px; }
body.general #right .attorneys select { border: 1px solid #c0d72b; font-size: 11px; font-family: arial, sans-serif; color: #58585a; width: 208px; }
#right #subnav li.current_page_ancestor.current_page_parent a { text-indent:-9999px; width:250px; height: 45px; display:block; padding: 0; margin: 0; border-bottom: solid #FFFFFF 1px; }
#right span a.title { text-indent:-9999px; width:250px; height: 45px; display:block; padding: 0; margin: -3px 0 3px 0; border-bottom: solid #FFFFFF 1px; }
#right span a.about-cojk { background: url(images/h3/h3-AboutCOJK.gif); margin: -3px 0 -4px 0; }
#right span a.services-provided { background: url(images/h3/h3-ServicesProvided.gif); }
#right span a.industries-served { background: url(images/h3/h3-IndustriesServed.gif); }
#right span a.our-team { background: url(images/h3/h3-OurTeam.gif); }
#right span a.join-cojk { background: url(images/h3/h3-JoinCOJK.gif); margin: -3px 0 -4px 0; }
#right span a.contact-us { background: url(images/h3/h3-ContactUs.gif); }
#right span a.legal-privacy { background: url(images/h3/h3-LegalPrivacy.gif); margin: -3px 0 -4px 0; }
#right span a.site-map { background: url(images/h3/h3-SiteMap.gif); margin: -3px 0 -4px 0; }
#right #subnav-blog li ul { margin-top: 1px; margin-bottom: 1px; }
#right span a.news-events { background: url(images/h3/h3-NewsEvents.gif); }

body.attorney #left h4 { color: #a3b71b; font-size: 14px; margin: 35px 0 0 0px; }
body.attorney #left p { color: #969698; font-size: 13px; line-height: 1.4; margin: 5px 0 25px 0px; width: 604px; }
body.attorney #left p a { color: #a3b71b; }
body.attorney #left p a:hover { text-decoration: underline; }
#left .attorney_green { float: left; width: 400px; height: 195px; background: #a3b71b; overflow: hidden; margin-bottom: 35px; }
#left .attorney_green h5 { margin: 25px 0 20px 20px; }
#left .attorney_green a, body #left .attorney_green p a { color: #edf1d1; margin-right: 10px; font-size: 13px; background:none; }
#left .attorney_green a:hover, body #left .attorney_green p a:hover { text-decoration: underline; }
#left .attorney_green p { margin: 8px 0 8px 20px!important; }
#left .attorney_picture { float: right; display: inline; width: 252px; height: 195px; overflow: hidden; }

.attorney_ServicesIndustries { background: #e7e7e7; padding: 13px 21px 13px 21px; margin-bottom: 1px; }
.attorney_ServicesIndustries li { display: inline; }
.attorney_ServicesIndustries li a { display: block; color: #8a8a8b; font-size: 11px; margin: 10px 0 10px 0; }
.attorney_ServicesIndustries li a:hover { text-decoration: underline; }

#slider { margin: 25px 0 0 0!important; }
#slider li { display: inline; }
#slider li li p { display: block; color: #58585a; font-size: 11px; padding-left: 20px; }
#slider li li form { padding-left: 20px; }
#slider li a { display: block; color: #58585a; height: 18px; font-size: 11px; padding-left: 20px; }
#slider li a:hover { color: #a6a6a7; }
#slider li a.slider_OfCounsel { width: 230px; height: 35px; background: url(images/slider/slider-OfCounsel.gif) 19px center no-repeat; outline: none; position: relative; border-top: 1px solid #c1d72e; }
#slider li a.slider_Associate { width: 230px; height: 35px; background: url(images/slider/slider-Associates.gif) 20px center no-repeat; border-top: 1px solid #c1d72e; outline: none; position: relative; }
#slider li a.slider_Members { width: 230px; height: 35px; background: url(images/slider/slider-Member.gif) 20px center no-repeat; outline: none; position: relative; }
#slider li a.slider-Driving-North-on-I-5 { width: 230px; height: 35px; background: url(images/slider/slider-Driving-North-on-I-5.gif) 19px center no-repeat; outline: none; position: relative; border-top: 1px solid #c1d72e; }
#slider li a.slider-Driving-South-on-I-5 { width: 230px; height: 35px; background: url(images/slider/slider-Driving-South-on-I-5.gif) 19px center no-repeat; outline: none; position: relative; border-top: 1px solid #c1d72e; }
#slider li a.slider-Driving-West-on-I-90 { width: 230px; height: 35px; background: url(images/slider/slider-Driving-West-on-I-90.gif) 19px center no-repeat; outline: none; position: relative; border-top: 1px solid #c1d72e; }
#slider li a.slider-Driving-West-on-520 { width: 230px; height: 35px; background: url(images/slider/slider-Driving-West-on-520.gif) 19px center no-repeat; outline: none; position: relative; border-top: 1px solid #c1d72e; }
#slider li a.slider-Parking-Garage-Direc { width: 230px; height: 35px; background: url(images/slider/slider-Parking-Garage-Direc.gif) 19px center no-repeat; outline: none; position: relative; border-top: 1px solid #c1d72e; }
#slider li ul { margin: 3px 0 20px 0; height: auto; }
#slider span.expand { display: block; width: 13px; height: 13px; position: absolute; right: 20px; top: 11px; background: url(images/slider/slider-expand.gif) right center no-repeat; }

.directionsContainer { width: 230px; margin: 25px 0 0 0; }
.directionsContainer p { padding: 0 20px 0 20px; font-size: 11px; color: #58585a; }
.directionsContainer input.text { border: 1px solid #dcdcdd; padding: 3px; font-size: 11px; color: #58585a; font-family: arial, sans-serif; margin-left: 20px; width: 210px; margin-top: 10px; }
.directionsContainer input.search { background: #58585a; font-size: 11px; font-weight: bold; color: #fff; border: 3px solid #58585a; font-family: arial, sans-serif; margin-left: 20px; }
.directionsContainer .slider-directions { display: block; width: 230px; height: 33px; background: url(images/slider/slider-Directions.gif) 17px center no-repeat; outline: none; position: relative; }

#footer { clear: both; background: #a3b71b; margin: 40px 0 0 0; color: #fff; height: 261px; }
#footer .column1 { float: left; display: inline; width: 108px; margin: 25px 0 0 28px; }
#footer .column1 ul li { margin: 0 0 6px 0; }
#footer .column1 ul li a { font-size: 12px; font-weight: bold; }
#footer .column2 { float: left; display: inline; width: 178px; margin: 25px 0 0 0; }
#footer .column2 h2, #footer .column3 h2 { font-size: 12px; margin: 4px 0 6px 0; .margin: 4px 0 6px -17px; }
#footer .column2 ul, #footer .column3 ul { line-height: 1.1; }
#footer .column2 ul li a, #footer .column3 ul li a { font-size: 11px; }
#footer .column3 { float: left; display: inline; width: 245px; margin: 25px 0 0 0; }
#footer .copyright { float: right; display: inline; width: 294px; padding: 18px 17px 18px 17px; background: #99ac19; margin: 20px 100px 0 0; }
#footer .copyright p { font-size: 11px; line-height: 1.7; }
#footer a { color: #fff; padding: 2px 0 2px 0; }
#footer a:hover { color: #58585a; }

.btn_moreAboutOurServices { display: block; height: 10px; background: url(images/buttons/btn-MoreAboutOurServices.gif) 0 0 no-repeat; padding: 0; margin: 15px 0 20px 0; outline: none; }
.btn_moreAboutOurServices:hover { background-position: 0 -11px; }
.btn_moreAboutOurIndustries { display: block; height: 10px; background: url(images/buttons/btn-MoreAboutOurIndustries.gif) 0 0 no-repeat; padding: 0; margin: 15px 0 20px 0; outline: none; }
.btn_moreAboutOurIndustries:hover { background-position: 0 -11px; }
.btn_moreAboutCojk { display: block; height: 10px; background: url(images/buttons/btn-MoreAboutCojk.gif) 0 0 no-repeat; padding: 0; margin: 12px 0 20px 0; outline: none; width: 116px; height: 10px; float: right; }
.btn_moreAboutCojk:hover { background-position: 0 -10px; }
.btn_recentlyIssuedPattents { display: block; height: 56px; background: url(images/buttons/btn-gray-SeeRecentlyIssuedPatents.gif) 0 0 no-repeat; outline: none; }
.btn_recentlyIssuedPattents:hover { background-position: 0 -56px; }
.btn_learnMoreIndustries { display: block; height: 56px; background: url(images/buttons/btn-LearnMoreIndustries.gif) 0 0 no-repeat; outline: none; margin-top: 32px; }
.btn_learnMoreIndustries:hover { background-position: 0 -56px; }
.btn_learnMoreServices { display: block; height: 56px; background: url(images/buttons/btn-LearnMoreServices.gif) 0 0 no-repeat; outline: none; margin-top: 32px; }
.btn_learnMoreServices:hover { background-position: 0 -56px; }

table.table_team { width: 604px; border: 0; border-collapse: collapse; margin: 20px 0 0 0px; }
table.table_team.attorney { margin: 20px 0 0 25px; }
table.table_team tr { background: #e1e1e1; border-bottom: 1px solid #f7f7f7; }
table.table_team tr:hover { background-color: #bcca5d; }
table.table_team tr.nohover:hover { background-color: #e1e1e1; }
table.table_team td { padding: 8px 20px 8px 20px; font-size: 13px; color: #79797b; }
table.table_team th { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; text-align: left; background: #a3b71b; padding: 12px 20px 12px 20px; }
#left table.table_team a { color: #79797b; }
#left table.table_team a:hover { color: #79797b; text-decoration:underline; }
table.table_team .table_team_section { background: #d0d0d1; color: #969698; font-size: 14px; font-weight: bold; padding: 8px 20px 8px 20px; }
table.table_team .table_team_name { width: 250px; padding: 8px 20px 8px 20px; }
table.table_team .table_team_vcard { width: 35px; padding: 8px 0 8px 0; }
table.table_team .table_team_linkedin { width: 50px; padding: 8px 0 8px 0; }
table.table_team .table_team_name {  padding: 8px 20px 8px 20px; }

body.general #left a.icon_vcard, #left .attorney_green p a.icon_vcard { display: block; height: 18px; width: 23px; background: url(images/icons/icon-vcard.gif) 0 0 no-repeat; }
body.general #left a.icon_linkedin, #left .attorney_green p a.icon_linkedin { display: block; height: 18px; width: 18px; background: url(images/icons/icon-linkedin.gif) 0 0 no-repeat; }
body.general #left a.icon_print, #left .attorney_green p a.icon_print { display: block; height: 16px; width: 18px; background: url(images/icons/icon-print.gif) 0 0 no-repeat; }

.clear { display: block; clear: both; }
.large { font-size: 15px; }
.medium { font-size: 12px!important; }
.small { font-size: 11px; }
.green { color: #a3b71b!important; }
.bold { font-weight: bold; }
.noshow { display: none; }
.floatright { float: right; text-align: right; }
.floatleft { float: left; text-align: left; }
.margin_5px { margin-top: 5px; }
.top { float: right; display: block; width: 100px; }

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	body.general #right h3 { margin: -3px 0 -4px 0; }
	.searchContainer form input.text, #slider form input.text { border: 1px solid #dcdcdd; padding: 3px; font-size: 11px; color: #666; font-family: arial, sans-serif; width: 191px; }
	.searchContainer form input.search, #slider form input.search, form input.submit { background: #58585a; font-size: 11px; font-weight: bold; color: #fff; border: 3px solid #58585a; font-family: arial, sans-serif; }
}
/* Sitemap */
.ddsg-wrapper h2 { display:none; }
.ddsg-wrapper ul { list-style: none; padding: 0px; margin: 0; margin-left: 15px; font-size: 12px; }
.ddsg-wrapper li { list-style-type:disc; float: none; position: relative; text-align: left; cursor: default; }
.ddsg-wrapper li li { list-style-type:circle; }
.ddsg-wrapper li li li { list-style-type:square; }
.ddsg-xml-link { margin-top:15px; }
/* Start Blog */
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; padding: 0 22px; }
small { font-size: 10px; line-height: 14px; color:#58585a; }
.rss img { vertical-align:bottom; }
body.general #left p.postmetadata { font-size: 10px; line-height: 14px; }
.postline { border-bottom: solid #e5e5e5 1px; padding-bottom: 5px; }
.date { font-size: 11px; color: #333333; }
.entrywrapper, .category-uncategorized { padding-bottom: 5px; padding-left: 25px; }
.entry { text-align: left; line-height: 1.5em; padding-bottom: 0px; margin-top: -1px; color: #969698; }
#left_payments .entry h2 { text-align: left; line-height: 1.53m; padding-bottom: 0; margin-top: -1px; color: #969698; padding-left: 20px; }
.post { margin: 0 0 10px 0; text-align: justify; padding: 0 22px; }
#left_payments .post { margin: 0!important; text-align: left; padding: 0!important; }
#commentform { padding: 0 22px; }
.clear { clear: both; }
/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

select disabled { font-weight: bold!important; color: #000!important; }
.event_select { border: 1px solid #999; padding: 3px; font-size: 11px; color: #999; font-family: arial, sans-serif; width: 205px; }


.error { font-size: 12px; color: #cc0000; font-weight: bold; line-height: 1.4; }
.green { color: #a3b71b; }
.gray { color: #969698!important; }


/* Payment */
.tabs { margin: 20px 0 0 0; padding: 0; overflow: hidden; width: 100%; height: 45px; }
.tabs a { display: block; float: left; color: #999; padding: 10px 20px 10px 20px; font-weight: normal; margin-left: -1px; position: relative; z-index: 99; }
.tabs a:hover { text-decoration: underline; }
.tabs a.active { font-weight: bold; background: #fafafa; border-top: 1px solid white; border-right: 1px solid white; border-left: 1px solid white; }
.tabs_form { background: #fafafa; padding: 20px 20px 0 20px; border-top: 1px solid white; margin-top: -1px; }
.table_tabs_form { width: 100%; }
.table_tabs_form_field { width: 150px!important; }

em.small { font-size: 11px; }
.required { display: block; float: left; width: 10px; height: auto; }
.third-party { margin-top: 35px; text-align: center; font-size: 13px; color: #999; }
.third-party img { margin: 10px 0 10px 0; }