/*
Theme Name: Andrews Law Firm
Theme URI: http://www.andrewslaw.net
Description: Law Firm Website
Author: PaperStreet
Author URI: http://www.paperstreet.com
*/

@import "css/reset.css";
@import "css/layout.css";


@font-face {
    font-family: "DroidSans";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/DroidSans.ttf") format("truetype");
}

@font-face {
    font-family: "DroidSansBold";
    font-style: normal;
    font-weight: 600;
    src: url("fonts/DroidSans-Bold.ttf") format("truetype");
}

h1, h2, h3, h4 { font-family: DroidSansBold, Helvetica, Arial, sans-serif; font-weight: 600; }

h1 { font-size: 24px; line-height: 1.5em; margin-bottom: .6em; color: #3c5ba6;}
h2 { font-size: 18px; line-height: 1.5em; margin-bottom: .6em; color: #555555;}
h3 { font-size: 16px; line-height: 1.5em; margin-bottom: .6em;}
h4 { font-size: 14px; line-height: 1.5em; margin-bottom: .6em; color: #555555; }

p { color: #706d6d; font-size: 13px; line-height: 1.5em; margin-bottom: 1em; }

p a, a { color: #3c5ba6; text-decoration: underline; }
p a:hover, a:hover { color: #84a915; }

#content ul, #content ol { padding: 0.6em 0 .6em 2em; }
#content ul li { list-style: disc; font-size: 13px; color: #706d6d; line-height: 1.5em; margin-bottom: .6em; }

#content ol li { list-style: upper-roman; font-size: 13px; color: #706d6d; line-height: 1.5em; margin-bottom: .6em; }
#content ol li ol li { list-style: decimal !important; }
#content ol li ol li ol li { list-style: decimal !important; }

strong { font-family: DroidSansBold, Helvetica, Arial, sans-serif !important; font-weight: 600 !important; }

.green { color: #84a915; }

.divider { width: 100%; height: 1px; background: #ccc; margin: 20px 0; clear: both; }

em { font-style: italic; }


/************ FONT COLORS USED ON SITE 

BLUE - #3c5ba6

DARK GREY - #555555

MEDIUM GREY - #706d6d

GREEN - #84a915

***************/




.clear { clear: both; }

.btn { background-position: top; }
.btn:hover { background-position: bottom; }

body {font-family: DroidSans, Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;}

#side-contact { position: fixed; right: 0; top: 180px; width: 44px; height: 316px; background: url(images/side-contact.png) top right no-repeat; cursor:pointer; }
#side-contact:hover { background-position: left; }

#li--9 .cf-after { display:inline !important; }
.cform input[type="checkbox"], #cf_field_9 { width: auto; margin-left:0; }
.cform input[type="checkbox"] label span, #li--9 label.cf-after span { display:inline; font-size:11px; font-weight:normal; }

#main-content .genericsend { background:#3C5BA6; color:white; border-radius:4px; border:none; padding: 8px 16px; }
#main-content .genericsend:hover { background:#809E46; color:white; }
#paymentform p.formcontent { font-size:15px; }

/************************************** HEADER *********************************/

#contact-popup { width: 450px; height: 510px; background: url(images/contact-popup.png) 0 0 no-repeat; margin: 0 auto; padding-top: 50px; text-align: center; }
#contact-popup h1 { color: #fff; font-size: 22px; font-family: DroidSans, Helvetica, Arial, sans-serif; font-weight: 400; }
#contact-popup #li--9 .cf-after { color: white; }

#header { width: 950px; margin: 0 auto; padding: 15px 0 0 0; }
#logo { float: left; margin: 15px 0 0 18px; }

#header-socialmedia { float: right; margin-bottom: 30px; }
.fb-icon a, .twitter-icon a, .linkedin-icon a, .translator a, .youtube-icon a { display: block; width: 100%; height: 100%; }
.fb-icon { float: left; margin: 5px 5px 0 0; display: block; width: 16px; height: 16px; background: url(images/fb-icon.png) 0 0 no-repeat; }
.twitter-icon { float: left; margin: 5px 5px 0 0; display: block; width: 16px; height: 16px; background: url(images/twitter-icon.png) 0 0 no-repeat; }
.linkedin-icon { float: left; margin: 5px 5px 0 0; display: block; width: 16px; height: 16px; background: url(images/linkedin-icon.png) 0 0 no-repeat; }
.youtube-icon { float: left; margin: 5px 5px 0 0; display: block; width: 16px; height: 16px; background: url(images/ico_youtube.png) 0 0 no-repeat; }
.credit { float: left; margin: 5px 5px 0 0; display: block; height: 16px; width:105px; }

.translator { float: left; display: block; width: 89px; height: 28px; background: url(images/translator.png) 0 0 no-repeat; }
#google_translate_element { float: left; display:block; width: 89px; height: 28px; margin-left:8px; margin-right:8px; overflow: hidden;  }
#google_translate_element .goog-te-gadget-simple { 
    width: 89px !important;
	height: 28px !important; 
	background: url(images/translator.png) 0 0 no-repeat; 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent !important;
    background-origin: padding-box;
    border: medium none !important;
    float: left;
    overflow: hidden;
}
.goog-te-gadget-simple img.goog-te-gadget-icon {
    display: none !important;
}
.goog-te-gadget-simple span {
    display: none !important;
}


#header-contact { width: 185px; float: right; text-align: right; clear: right; background: url(images/header-phone.png) left 5px no-repeat; }
#header-contact h2 { font-size: 25px; color: #3c5ba6; margin-bottom: .1em; line-height: 1em;}
#header-contact h2 a {text-decoration: none;}
#header-contact h4 { font-family: DroidSans, Helvetica, Arial, sans-serif; font-weight: 400; color: #3c5ba6; line-height: 1em; }
#header-contact h4 a { color: #3c5ba6; text-decoration: none; }
#header-contact h4 a:hover {color:#172546; }


#nav-row { margin-top: 5px; }
#nav { float: left; margin: 4px 10px 0 0; }
#nav > nav > ul > li { float: left; padding: 10px; position: relative;}
#nav > nav > ul > li:first-child { background: none;}
#nav > nav > ul > li > a { padding: 10px 0; font-size: 14px; color: #3c5ba6; font-family: DroidSans, Helvetica, Arial, sans-serif; text-decoration: none; line-height: 20px; }
#nav > nav > ul > li:first-child a { border: 0; }
#nav > nav > ul > li:hover { background: #3c5ba6 !important; color: #fff; }
#nav > nav > ul#menu-primary-nav > li > a:hover { background: url(images/nav-underline.png) 0 28px repeat-x; }
#nav > nav > ul > li.current-menu-item, 
#nav > nav > ul > li.current-menu-parent,
#nav > nav > ul > li.current_page_parent { background: #789840; }
#nav > nav > ul > li.current-menu-item a, 
#nav > nav > ul > li.current-menu-parent a,
#nav > nav > ul > li.current_page_parent a { color: #fff; }
#nav li:hover ul.sub-menu { display: block; }
#nav > nav > ul#menu-primary-nav > li:hover a { color: #fff; }
#nav ul.sub-menu { display: none; position: absolute; top: 40px; left: 0; background: #3c5ba6; width: 220px; padding: 10px 0; z-index: 9999; }
#nav ul.sub-menu li { background: none !important;}
#nav ul.sub-menu a { background: url(images/nav-arrow.png) 10px 15px no-repeat !important; font-size: 12px; color: #fff; text-decoration: none; line-height: 2em; display: block; padding: 7px 20px; }
#nav ul.sub-menu a:hover { background: url(images/nav-arrow.png) 10px 15px no-repeat #899dbd !important; }


#nav-btns { float: right; }
.live-chat { float: left; width: 103px; height: 28px; margin-right: 7px; background: url(images/live-chat.png) 0 0 no-repeat; }
.live-chat a { display: block; width: 100%; height: 100%; }
.serving { float: left; width: 189px; height: 28px; background: url(images/header-serving.png) 0 0 no-repeat; }

#serving { position:relative; }
#serving .servehover {
	display:none;
	background:#DCDFE6;
	width:188px;
	position:absolute;
	left:1px;
	top:26px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; 
	z-index: 1005;
	
}
#serving .servehover p { font-size:13px; padding-left:13px; padding-top:8px; color:#4C5DA1; }
#serving .servehover p strong { color:#555555; }
div#serving:hover .servehover {
	display:block !important;
}


/************************************** BANNER *********************************/

#banner-home { width: 100%; height: 325px; background: url(images/home-banner-shadow.png) center top no-repeat #789840; }
#banner-content { width: 940px; margin: 0 auto; position: relative; }

#banner-small { background: url(images/banner-small.png) center top no-repeat #789840; width: 100%; height: 119px; }
#banner-small #banner-content h1 { color: #fff; line-height: 119px; margin-left: 30px; }

.home-tagline { position: absolute; left: 30px; top: 20px; z-index: 1;  }
a.free-consultation { display: block; line-height: 46px; text-align: center; width: 321px; height: 46px; background: url(images/free-consultation.png) 0 0 repeat-x; position: absolute; left: 90px; top: 210px; z-index: 1; border-radius: 10px 10px 10px 10px; text-decoration: none; color: #fff; }
a.free-consultation:hover { background-position: bottom; color: #d7e5a1; }



/************************************** MAIN CONTENT *********************************/

#main-content { width: 940px; margin: 0 auto; padding: 30px 0; }
#content { float: left; width: 640px; margin-left: 30px; }

#content h3 { border-bottom: #e5e5e5 solid 1px; color: #555555; padding-bottom: 1em; margin-bottom: 1em; }

.attorney-page #content { width: 940px !important; margin: 0 !important; padding: 20px 0 0 0; }
.attorney { text-align: center; width: 260px; float: left; margin-bottom: 40px; }
#attorneys { width: 780px; margin: 0 auto; padding-top: 60px; background: url(images/attorney-midcol.png) center 50px no-repeat; }
.attorneys-tagline { margin: 0 auto; width: 738px; height: 22px; display: block; }
.attorney-photo { border:2px solid #ffffff;  margin-bottom: 20px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; }
.attorney-photo:hover { border:2px solid #a3b0ce; }
.attorney-name { color: #3c5ba6; font-family: DroidSans, Helvetica, Arial, sans-serif; font-weight: 400; }
.attorney-name a { text-decoration:none; border:none; }
.view-bio { font-size: 10px; color: #ffffff; background: #324593; text-decoration: none; padding: 5px 20px; border-radius: 3px 3px 3px 3px; }
.view-bio:hover { background: #789840; color: #fff !important; }

.single-attorneys #content { width: 400px !important; }
.attorney-photo-large { border: 1px solid #fff; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 10px #ccc; margin: 0 0 20px 8px; }
.bio-name { background: url(images/attorney-divider.png) bottom no-repeat; padding-bottom: 20px; color: #555555; }

.vcard { display: block; line-height: 30px; font-size: 13px; font-family: DroidSansBold, Helvetica, Arial, sans-serif; font-weight: 600; padding: 0 0 0 35px; margin-bottom: 10px; width: 153px; height: 30px; background: url(images/vcard-bg.png) 0 0 no-repeat; color: #fff; text-decoration: none; }
.email { display: block; line-height: 30px; font-size: 13px; font-family: DroidSansBold, Helvetica, Arial, sans-serif; font-weight: 600; padding: 0 0 0 35px; width: 153px; height: 30px; background: url(images/email-bg.png) 0 0 no-repeat; color: #fff; text-decoration: none; }




/************************************* CONTACT PAGE ****************************/

#content.contact-page { width: 950px !important; margin: 0; }

#contact-container { position: relative; margin-bottom: 50px; }
#contact-content { width: 610px; margin: 0 auto; background: #ecf2fc; border: 1px solid #cad4e5; border-radius: 5px 5px 5px 5px; padding: 20px 30px; position: relative; z-index: 10; }
#contact-shadow { width: 754px; height: 47px; background: url(images/contact-shadow.png) 0 0 no-repeat; bottom: -25px; left: 95px; position: absolute; z-index: 1; }

#contact-content h2 { color: #3c5ba6; text-align: center; margin-bottom: 0; }
#contact-content p.note { color: #3c5ba6; text-align: center; }

.col1 { float: left; margin-right: 50px; }
.col2 { float: left; margin-right: 50px; }
.col3 { float: left; }

#contact-content h1 { text-align:center; margin-bottom:0; }
#contact-content h2 { font-weight:normal; font-family:'DroidSans', Arial, Verdana, sans-serif; font-size:16px; }

#cformsform { width:280px; margin-left:auto !important; margin-right:auto !important; }

/************************************** BLOG PAGE *******************************/

.blog-page { }
h1.post-title a, h1.post-title { font-size: 24px; color: #555555; text-decoration: none; }
h1.post-title a:hover { color:#3C5BA6 !important; }

.page-nav { margin-bottom: 20px; }
.page-nav a { font-size: 12px; color: #84a915; text-decoration: none; }

.post { margin-bottom: 40px; }

.posted-on { border-bottom: 1px solid #e6e9ee; margin-bottom: 30px; }
.posted-on p { font-size: 10px; color: #555555; display: inline-block; padding: 0 8px; margin: 0; position: relative; line-height: 18px; height: 18px; background: #e6e9ee; }
.posted-on p a { text-decoration: none; color: #555555; }
.posted-on-side { position: absolute; right: -16px; top: 0; }

.avatar { float: left; width: 75px; padding: 5px 0 0 0; }
.post-content { /*float: right; width: 560px;*/ }

a.read-more { display: block; padding: 0 0 0 10px; margin-top: 10px; color: #627d32; text-decoration: none; background: url(images/read-more-arrows.png) left center no-repeat; }

.posted-by { background: #eef2fa; font-size: 11px; color: #555555; padding: 15px; padding-right:215px; position:relative; line-height:1.25em; }
.posted-by a { color: #0076a3; text-decoration: none; }

.blog-sidebar > li { margin-bottom: 20px; }
.blog-sidebar .widget_search { margin-bottom: 20px; }
.blog-sidebar .widget_search #searchform { width: 201px; height: 36px; background: url(images/search.png) 0 0 no-repeat; }
.blog-sidebar .widget_search #searchform > div { position: relative; }
.screen-reader-text { display: none; }
.blog-sidebar .widget_search #searchform input { position: absolute; left: 0; top: 0; margin: 0; padding: 0 10px; width: 140px; height: 36px; border: none; background: none; }
.blog-sidebar .widget_search #searchform #searchsubmit { background: none !important; border: none !important; text-indent: -8000px !important; position: absolute; top: 3px; left: 170px; width: 30px; height: 30px; cursor: pointer; }
.blog-sidebar .widget_categories { margin-bottom: 20px;  }

.rss-btn { display: block; width: 198px; height: 36px; margin-bottom: 20px; background: url(images/rss.png) 0 0 no-repeat; }

.widget_recent_entries h4.sidebar-header { background: none; font-size: 16px; color: #555555; font-family: DroidSansBold, Helvetica, Arial, sans-serif; margin: 0 0 5px 0; padding: 0;  }
.widget_recent_entries li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.widget_recent_entries li a { color: #84a915; font-size: 13px; text-decoration: none; font-family: DroidSansBold, Helvetica, Arial, sans-serif; font-weight: 600; }
.widget_recent_entries li:last-child { border-bottom:0; }

.social-media { float: right; margin-top: -5px; }
div.post .social-media { position:absolute; right:0; top:17px; float:none;  }

.post-tags { float:left; }
.twitter-share-button { float: right; width: 90px; }
.fb_edge_widget_with_comment { width: 90px; float: right; }
div.fb-like { overflow:hidden; }

.recent_with_excerpt h4.sidebar-header { color: #555555; font-size: 16px; background: none; padding: 0; margin: 0; font-family: DroidSansBold, Helvetica, Arial, sans-serif; font-weight: 600; }
.recent_with_excerpt li a { display: none; color: #84a915; margin-top: 0; background: none; padding: 0; }
.recent_with_excerpt li blockquote a { display: block !important; font-family: DroidSansBold, Helvetica, Arial, sans-serif; font-weight: 600; }
.recent_with_excerpt p.alignright { display: none; }
.recent_with_excerpt li { border-top: 1px solid #e5e5e5; padding: 10px 0 0 0; }
.recent_with_excerpt li:first-child { border-top: none; }
.recent_with_excerpt li blockquote p:first-line { font-family: DroidSansBold, Helvetica, Arial, sans-serif; font-weight: 600; }

#respond { }
#respond #commentform p input, #respond #commentform p textarea { display: block; }
.form-allowed-tags { display: none; }
#respond #commentform .form-submit input { font-size: 13px; color: #3c5ba6; background: #d0dbf7; display: inline-block; padding: 10px 15px; text-decoration: none; border-radius: 2px 2px 2px 2px; float: left; margin-right: 35px; border: none; cursor: pointer; }
#respond #commentform .form-submit input:hover { color: #fff; background: #3c5ba6; }




/************************************** FAQ COLLAPSE ****************************/

#content.faq-page h3 {display: block; min-height: 30px; font-size: 13px; line-height: 30px; cursor:pointer; background: #dbe4f1 url("images/state.gif") no-repeat top right !important; text-decoration:none; padding: 0 0 0 20px !important; margin: 0 0 10px 0 !important; border: none !important;  font-family: DroidSans, Helvetica, Arial, sans-serif; font-weight: 400; }  
.faq-page h3 a {text-decoration:none; color: #706d6d; }
.faq-page ul {padding:10px 0 10px 20px; margin:0;}
#content.faq-page h3.active { background-position: 100% -30px !important; font-family: DroidSans, Helvetica, Arial, sans-serif; font-weight: 400; margin: 0 !important; }
#content.faq-page h3.active a { color: #3c5ba6; }




/************************************** SIDEBAR *********************************/

#sidebar { float: right; width: 230px; }

.consultation-btn { display: block; width: 208px; height: 54px; margin-bottom: 20px; background: url(images/sidebar-consultation.png) 0 0 no-repeat; }
.read-blog { display: block; width: 200px; height: 36px; background: url(images/sidebar-blog.png) 0 0 no-repeat; }

.sidebar-pages { margin-bottom: 20px; }
h4.sidebar-header { display: block; width: 200px; height: 33px; line-height: 28px; font-family: DroidSans, Helvetica, Arial, sans-serif; font-weight: 400; color: #fff; background: url(images/sidebar-header.png) 0 0 no-repeat; padding: 0 0 0 10px; }
.sidebar-pages li, .widget_categories li, .widget_archive li { width: 180px; background: url(images/sidebar-arrow.png) 10px 0 no-repeat; margin: 0 0 10px 0; padding: 0 0 10px 30px; font-size: 14px; border-bottom: 1px solid #c4cede; }
.sidebar-pages li a, .widget_categories li a, .widget_archive li a { color: #567126; text-decoration: none; }
.sidebar-pages a:hover { color: #3c5ba6; }

#left-sidebar { width: 200px; float: left; }



/************************************** TRICOL *********************************/

#tricol { width: 950px; min-height: 300px; margin: 0 auto 20px auto; background: url(images/home-midcol-shadow.png) center top no-repeat; }

#col1 { width: 300px; float: left; margin-right: 10px; padding: 35px 0 0 10px; }
#col1 .section { overflow: auto; margin-bottom: 10px; }
#col1 .section a { text-decoration: none; }
#col1 .section img { float: left; margin-right: 10px;   }
#col1 .section img:hover { opacity:0.8; filter:alpha(opacity=80); }
#col1 .section h2 { margin-top: 20px; color: #555555; }
#col1 .section h2:hover { color: #3c5ba6; }
#col1 .section .learn-more { font-size: 12px; color: #3c5ba6; background: #d0dbf7; display: inline-block; padding: 5px 7px; text-decoration: none; border-radius: 2px 2px 2px 2px; }
#col1 .section .learn-more:hover { color: #fff; background: #3c5ba6; }

#col2 { width: 280px; float: left; margin-right: 10px; padding: 35px 15px 0 15px; text-align: center; }
#col2 h2 { color: #3c5ba6; margin-bottom: 0; }
#col2 p { color: #3c5ba6 }

#col3 { width: 280px; float: left; padding: 35px 10px 0 20px; }
#col3 h3 { color: #555555; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 3px; }



/************************************** LOCATIONS *********************************/

#locations { width: 100%; height: 59px; background: url(images/locations-bg.png) repeat-x 0 0; border-top: 5px solid #5e5b5b; }
#locations-content { width: 1100px; margin: 0 auto; padding-top: 20px; }
#locations-content h4 { color: #fff; font-weight: 400; font-family: DroidSans, Helvetica, Arial, sans-serif; margin: 0; cursor: pointer; }
#locations-content h4 a {text-decoration: none; color: #fff;}

#location1 { float: left; padding: 0 10px 0 0; position: relative; z-index: 9999; }
#location2 { float: left; padding: 0 10px; border-left: 1px solid #898888; position: relative; z-index: 9999; }
#location3 { float: left; padding: 0 10px; border-left: 1px solid #898888; position: relative; z-index: 9999; }
#location4 { float: left; padding: 0 10px; border-left: 1px solid #898888; position: relative; z-index: 9999; }
#location5 { float: left; padding: 0 0 0 10px; border-left: 1px solid #898888; position: relative; z-index: 9999; }

#location1:hover .popup, #location2:hover .popup, #location3:hover .popup, #location4:hover .popup { display: block; }

#location1 .popup { left: 10px; }
#location2 .popup { left: 40px; }
#location3 .popup { left: 30px; }
#location4 .popup { left: 25px; }
#location5 .popup { left: 25px; }

.popup { 
	width: 200px; height: 294px; background: url(images/location-popup.png) 0 0 no-repeat; 
	position: absolute; top: -296px; display: none; text-align: center; margin-bottom: 10px; padding-top: 5px; 
}
.popup img { margin-left: -20px; margin-bottom: 5px; }
.popup a img {opacity: .9;}
.popup a img:hover { opacity: 1.00; }
.popup p { font-size: 12px; color: #fff; width: 142px; padding: 0 10px; text-align:left; }
.popup p .note { font-size: 11px; color: #a8b396; }



/************************************** FOOTER POSTS *********************************/

#footer-posts { width: 100%; min-height: 116px; background: url(images/recent-blog-bg.png) 0 0 repeat-x; }
#footer-posts-content { width: 820px; margin: 0 auto; padding: 15px 0 0 0; }
#footer-posts-content h3 { color: #555555; }
#footer-posts-content ul { margin-top: 20px; }
#footer-posts-content li { font-size: 13px; color: #706d6d; margin-bottom: 2em; }
#footer-posts-content .date { border-bottom: 3px solid #b4c88d; margin-right: 10px; float: left; line-height: 1.2em; margin-top: 12px; }
#footer-posts-content a.read-more { display: inline-block !important; margin-left: 10px; font-family: DroidSansBold, Helvetica, Arial, sans-serif; }
#footer-posts-content a { font-size: 12px; color: #84a915; text-decoration: none; font-weight: 600; }
#footer-posts-content a:hover { color: #3c5ba6; text-decoration: underline; }

#footer-posts-content a.the-blog-title { color:#706D6D !important; font-weight:normal !important; }

#footer-sm { padding: 5px 0 10px 220px; }
#footer-sm .twitter-share-button { float: left !important; }
#footer-posts-content a.fb-share { float: left; margin-right: 20px; }
.fb_edge_widget_with_comment { float: left; }
#plus-btn { float: left !important; }



/************************************** FOOTER *********************************/

#footer { width: 100%; border-top: 5px solid #ebebeb; }
#footer-content { width: 880px; margin: 0 auto; padding: 30px; }

.footer-nav { font-size: 11px; color: #706d6d; float: left; }
.footer-nav a { text-decoration: none; color: #706d6d; }
.footer-nav a:hover { color: #3c5ba6; }

.footer-note { width: 430px; font-size: 11px; color: #706d6d; float: left; }
a.psw-link { text-decoration: none; color: #706d6d; }
a.psw-link:hover { color: #3c5ba6; }

p.footer-buttons {
	display: inline-block; 
	padding-right:10px;
	padding-left:35px;
	margin-top:-4px;
}
p.footer-buttons .newsletter-btn  { margin-bottom:0.5em; }
.newsletter-btn { 
	font-size: 13px; 
	color: #3c5ba6; 
	background: #d0dbf7;
	padding: 10px 15px; 
	text-decoration: none; 
	border-radius: 2px 2px 2px 2px; 
	display: block;  
}
.newsletter-btn:hover { color: #fff; background: #3c5ba6; }
#footer-content .mk-payment { background: #d0dbf7 url(images/visa_mastercard.jpg) 93% 12px no-repeat; }

.bbb { float: right; }
.nacba { float: right; margin-right: 6px; }







/************************************** COLORBOX *********************************/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow: hidden; }
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxClose { 
	width: 54px; height: 9px; background: url(images/close.png) 0 0 no-repeat; text-indent: -8000px; 
	position: absolute; left: 392px; top: 10px; }
#cboxClose:hover { background-position: bottom; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}














/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform {
	position: relative;
}

.cform fieldset	{ 
	margin-top:0; 
	padding:5px 0 15px 0; 
	border:0; 
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
    background: none repeat scroll 0 0 #eaeaea;
    border-radius: 0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-khtml-border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;	
    color: #777777;
    font-size: 0.8em;
    font-weight: bold;
    padding: 2px 7px 3px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.cform fieldset:first-child legend { 
    border-radius: 0 0 3px 0;
	-moz-border-radius:0 0 3px 0;
	-khtml-border-radius:0 0 3px 0;
	-webkit-border-radius:0 0 3px 0;
}

ol.cf-ol { 
	margin:0 0 10px 0!important; 
	padding:0!important;
}

ol.cf-ol li	{
	background:none!important; 
	margin:5px 0 0 0!important;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}

#contact-content ol.cf-ol li { width: 280px; float: left; clear: left; }
#contact-content ol.cf-ol li#li-2-1 { float: right; }

#contact-popup ol.cf-ol li { width: 264px !important; margin: 0 auto 5px auto !important; }


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	letter-spacing:1px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:center;
	font-size:0.8em;
	text-shadow: 0 1px 0 #FFFFFF;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.home .cform label, #contact-content .cform label, #contact-popup .cform label {
    color: #555555;
    display: none;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0.6em 1% 0.5em 1%;
    text-align: right;
    vertical-align: top;
    width: 20%;
}

#contact-content li#li-2-11items { position: absolute; right:0; top: 190px; }
#contact-content li#li-2-11items input { float: left; }
#contact-content li#li-2-11items label { display: block; text-align: left; float: left; width: 200px; font-size: 13px; color: #5a5b5b; font-family: DroidSans, Helvetica, Arial, sans-serif; font-weight: 400; margin: 3px 0 0 10px; }

.home #li--9items label { display: inline-block; width: 220px; text-align: left; margin-left: 10px; font-size: 12px; color: #555555; font-family: DroidSans, Helvetica, Arial, sans-serif; font-weight: 400; }

.cform label span {
}

label.cf-before {
	margin:0.4em 5px; 
}

label.cf-after 	{
	margin:0.4em 5px;
	text-align:left;
	width:115px;
}

label.cf-after span {
	display:block;
}

label.cf-group-after {
	margin:0.4em 5px;
	width:72px;
	text-align:left;
}
label.cf-group-after span {
	width:72px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	background: #e7e7e7;
	border: none; 
	border-radius: 2px 2px 2px 2px;
	padding: 5px 8px;
	width: 264px;
	color: #5a5b5b;
	font-size: 13px;
}

#contact-content input, #contact-content textarea { background: #fff; color: #5a5b5b;  }
#contact-content textarea { height: 170px; }

#contact-popup textarea { height: 130px; }

.cform textarea {
	height: 78px;
}
.cform select {
	padding: 2px 5px;
    width: 69%; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
	resize:none;
}

.ui-datepicker-trigger{
	cursor:pointer;
	margin-top: 3px;


}
/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	display: none;
    color: #999999;
    font-size: 0.8em;
    font-weight: bold;
	margin-left:1.5em;
    padding: 8px 0 0 22%; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */
w
.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:1px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:22%; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	margin:10px 0px !important;
	padding-left: 30px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
    color: #9B4D4D;
    display: none;
    font-size: 0.7em;
    height: 14px;
    line-height: 1em;
    margin: 0 0 0 22%;
	padding: 0 0 0 20px;
    text-align: right;
    vertical-align: top;
    width: 65%;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

#contact-content p.cf-sb input { float: right; }

#contact-popup p.cf-sb input { margin: 0 0 0 -65px !important; }

#contact-popup p.cf-sb input {
	text-align:left;
	color: #fff !important;
	font-size: 12px;
	font-family: DroidSansBold, Helvetica, Arial, sans-serif;
	text-shadow: -1px -1px 3px #333;
	width: 200px;
	height: 36px;
	background: url(images/popup-submit.png) 0 0 no-repeat !important;
	padding: 0 0 0 20px!important;
	margin: 0;
	cursor: pointer !important;
}

#contact-popup p.cf-sb input:hover { background-position:bottom !important; }

p.cf-sb input {
	text-align:left;
	color: #fff !important;
	font-size: 12px;
	font-family: DroidSansBold, Helvetica, Arial, sans-serif;
	text-shadow: -1px -1px 3px #333;
	width: 281px;
	height: 30px;
	background: url(images/submit.png) 0 0 no-repeat !important;
	padding: 0 0 0 20px!important;
	margin: 0;
	cursor: pointer !important;
}
p.cf-sb input:hover { background-position: bottom !important; border: none; }

.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#EDC4C4;
	border-style:solid;
	border-width:1px 0pt;
	padding:10px 0 1px!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	font-family:Arial,sans-serif;
	font-size:0.8em;
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:480px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info > span{
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: bold;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:#F7F7F7 none repeat scroll 0% 50%;
	color:#444444;
	display:block;
}
div.failure {
	display:block;
    background: url("li-err-bg.png") repeat scroll 0 0 #FFDFDF !important;
    border: 1px solid #EDC4C4;
    border-radius: 3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

.disabled,
.disabled:hover,
[disabled]:hover,
[disabled] {
	color:#aaa!important;
	border-color:#dddddd!important;
	background:none!important;
	box-shadow: none!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:510px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
	display: none;
}
.linklove a,
.linklove a:visited {
    color: #888888 !important;
    font-family: Tahoma;
    font-size: 9px;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
/*
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
/*for ie6*/
/*
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  
}
*/
/*for ie7*/
/*
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; 
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}
*/

.robotic {display: none;} 


#mobilenav, .mobileshow {display: none;}
/******************************
         Mobile Phone
******************************/
@media only screen and (max-width: 640px) {
    img {max-width: 100%;}
    .print, #Play-Video-3, .social-icon, #side-contact,
    #apexchat_invitation_container_wrapper {display: none !important;}
    #mobilenav {display: block; text-align: center; margin: 0;}
    .mobileshow {display: block;}
    .mobilehide {display: none;}
    #Play-Video-3 {display: none !important}
    body {float: none; width: auto;}
    #header, #banner-home, #main-content, #tricol, #locations, #footer-posts, #footer {width: 100%; float: none}
    #container {min-width: 0;}

    /**** header *****/
    #logo {float: none; margin: 0;}
    #logo img {margin: 10px auto 26px; float: none; display: block; width: 100%; max-width: 392px; padding: 0 20px; box-sizing: border-box;}
    #header-contact, #google_translate_element, .credit {float: none; margin: 20px auto;}
    #header-socialmedia {float: none; margin: 0;}
    .social-div {width: 105px; margin: 0 auto}
    .social-div div {margin: 5px;}
    .credit {}
    #header-contact h2 a {text-decoration: none !important;}
    #serving {display: none !important;}
    #serving .servehover, div#serving:hover .servehover {display: none;}
    #serving .servehover.servershow {display: block !important;}
    .serving.mobileshow {margin: 20px auto; position: relative; float: none;}
    .slicknav_btn {float: none; text-align: center; display: inline-block; background-color: #4c4c4c;}
    .slicknav_nav {text-align: left; background-color: #4c4c4c; text-shadow: none !important;}
    .slicknav_menu .slicknav_menutxt {text-shadow: none !important;}

    /**** banner  ****/
    #banner-home {height: auto;}
    #banner-small {height: 150px;}
    #banner-content {width: 100%; padding: 15px; box-sizing: border-box; line-height: normal; display: table; height: 100%;}
    #banner-content .home-tagline {position: relative; width: 100%; top: 0; left: 0;}
    a.free-consultation {position: relative; left: 0; top: 0; width: 100%;}

    div#tricol {background: none;}
    #col1 {width: 100%; float: none; margin: 0; padding: 0;}
    #col2 {width: 100%; float: none; margin: 0; padding: 0;}
    #col3 {width: 100%; float: none; margin: 0; padding: 0;}

    #col1 {margin: 30px 0;}
    #col1 .section img {float: none; display: block; margin: 0 auto}
    #col1 .section h2 {text-align: center;}
    #col1 .section .learn-more {float: none; display: block; margin: auto; width: 100px; text-align: center;}

    #col3 {padding: 10px; box-sizing: border-box;}
    #locations {background-size: cover; height: 120px;}
    #locations .popup {display: none !important;}
    #locations-content {width: 100%;}  
    #locations-content div {width: 100%; float: none; display: block; padding: 0 0 0 10px;
    box-sizing: border-box;}
    #locations-content h4 a {color: #fff; text-decoration: none;}
    #location1 {padding: 0 10px;}
    .chapter-7 {padding: 10px; box-sizing: border-box;}

    /*** main content ****/
    #main-content {padding: 30px 10px 0; width: 100%; box-sizing: border-box;}
    #content {float: none; width: 100%; margin: 0;}
    #content.faq-page h3 {background-color: #dbe4f1 !important; background-image: none !important;}
    #banner-small #banner-content h1 {text-align: center; line-height: normal; display: table-cell; vertical-align: middle;}
    #sidebar {float: none; width: 100%; padding: 40px 0; }

    #content.faq-page h3 {position: relative; padding: 15px !important;}
    #content.faq-page h3:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: .5;
    font-size: 14px;
    position: absolute;
    top: 43%;
    right: 8px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0dc";
    }

    /*** Attorneys Landing ***/ 
    #attorneys {width: 100%; background: none;}
    .attorney-page #content {width: 100% !important;}
    .attorneys-tagline {width: 100% !important;}
    .attorney {margin: 0 auto 30px; float: none;}

    /*** Attorneys Single ****/
    #left-sidebar {float: none; width: 100%; margin-bottom: 15px;}
    .attorney-photo-large {display: block; margin: 0 auto 20px;}
    .vcard {display: none;}
    .email {margin: auto;}
    .bio-name {text-align: center;}
    .single-attorneys #content {width: 100% !important;}
    article pre {font-size: 13px;}

    /*** Blog ****/ 
    .posted-by {padding: 45px !important;}
    div.post .social-media {top: 14px; left: 8%; float: none; right: 8%;}
    #footer-posts {padding: 10px; box-sizing: border-box;}
    #footer-posts-content {width: 100%;}
    #footer-posts-content .date {margin-top: 0;}
    #footer-posts-content a.read-more {display: block !important;}
    #footer-sm {padding: 0; width: 100%;}
    #footer {padding: 10px; box-sizing: border-box;}
    #footer-content {width: 100%; padding: 0;}
    .footer-nav {float: none; margin: 20px 0 0;}
    .footer-note {width: 100%; margin: 20px 0 20px;}
    p.footer-buttons {display: block !important; margin: 0; padding: 0; clear: both; margin: 15px 0 25px;}
    #footer-content img {float: none;}

    /** contact **/
    #content.contact-page {width: 100% !important;}
    .page-id-247 #main-content {padding: 0;}
    #contact-content {width: 100% !important; margin: 0; padding: 10px; box-sizing: border-box;}
    #contact-shadow {display: none;}
    #contact-content ol.cf-ol li {width: 100% !important; max-width: 280px !important;}
    .cform input, .cform textarea, .cform select {width: 100% !important; max-width: 260px;}
    #contact-content p.cf-sb input {float: none;}
    #cf_field_9 {width: auto !important;}
    #contact-content p.cf-sb input {float: none !important; margin: 5px 0;}

    /*form*/
    #respond {padding: 25px 0;}
    #respond, #respond input, #respond textarea {width: 100%;}

}

.anchor {
display:block;
position: relative;
top: -120px;
visibility: hidden;
}