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

Theme Name: Kassius Benson Law
Description:

Author: Mankato
Author URI: www.mankatowebdesign.com

Version: 1.0
Tags: html5, css3, fixed, development, bones, h5bp

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

/******************************************************************
	GENERAL LAYOUT STYLES
	**************************************************************/

body {  
    background: url('images/middle-header-bg.jpg');
}

#container{
	
}

/* Testimonials */

#testimonials{
    background: url('images/testimonial-bg.png') repeat-x 0px 0px;
    
    padding-top: 20px;
}

#inner-testimonials{
	background: url('images/testimonial-bg.png') repeat-x 100% 100%;
	height: 200px;
}

#testimonials h2{
    margin-bottom: 0;
}

#testimonials ul{
    margin: 0;
    list-style: none;
    background: transparent;
}

#testimonials ul li{
    background: inherit;
    
}

#testimonials ul li p.testimonial-text{
    font-family: 'myriadroman';  
    font-size: 20px;  
    line-height: 28px;
    
    color: #252525;
    font-style: italic;
    font-weight: normal;
    text-align: center;
    margin: 10px 0px;
    background: inherit;
}

#testimonials ul li p.testimonial-name{
    font-family: 'bebas_neueregular';  text-transform: uppercase;  
    font-size: 16px;  
    line-height: 20px;
    
    text-align: right;
    color: #7d7d7d;
    letter-spacing: 1px;
    margin: 0;
}




/******************************************************************
	LINK STYLES
	**************************************************************/

a, a:visited { color: #252525; }
a:hover, a:focus { color: #c8191e; }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
	TEXT SELECTION STYLES
	**************************************************************/

/* Highlighted Text */
::selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/******************************************************************
	FONTS
	**************************************************************/

@font-face {
    font-family: 'bebas_neueregular';
    src: url('library/fonts/bebasneue-webfont.eot');
    src: url('library/fonts/bebasneue-webfont.eot#iefix') format('embedded-opentype'),
         url('library/fonts/bebasneue-webfont.woff') format('woff'),
         url('library/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('library/fonts/bebasneue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriadroman';
    src: url('library/fonts/myriad_roman-webfont.eot');
    src: url('library/fonts/myriad_roman-webfont.eot#iefix') format('embedded-opentype'),
         url('library/fonts/myriad_roman-webfont.woff') format('woff'),
         url('library/fonts/myriad_roman-webfont.ttf') format('truetype'),
         url('http://kassiusbensonlaw.com/wp-content/themes/kassiusbenson/myriad_roman-webfont.svg#myriadroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'calligraph421_btroman';
    src: url('library/fonts/calligraph421-bt-roman-webfont.eot');
    src: url('library/fonts/calligraph421-bt-roman-webfont.eot#iefix') format('embedded-opentype'),
         url('library/fonts/calligraph421-bt-roman-webfont.woff') format('woff'),
         url('library/fonts/calligraph421-bt-roman-webfont.ttf') format('truetype'),
         url('library/fonts/calligraph421-bt-roman-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/******************************************************************
	HEADER SYTLES
	**************************************************************/

header.header{
    
}

#top-header{
    background: #f9f8f8;
}

#inner-top-header{
    height: 20px;
}

#name p{
    margin: 0;
    font-family: 'bebas_neueregular';
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    color: #363636;
    letter-spacing: 3px;
}

#social{
    
}

#social ul{
    list-style: none;
    margin: 3px 0px;
    float: right;
}

#social ul li{
    float: left;
    margin: 0;  font-family: 'bebas_neueregular';  text-transform: uppercase;  font-size: 14px;  
    line-height: 14px;  color: #363636;
    letter-spacing: 3px;
}

#social ul li.facebook a{
    width:20px;
    background: url('images/social_01.png') no-repeat;
}

#social ul li.twitter a{
    width:22px;
    background: url('images/social_02.png') no-repeat;
}

#social ul li.linkedin a{
    width:22px;
    background: url('images/social_03.png') no-repeat;
}

#social ul li.google a{
    width:22px;
    background: url('images/social_04.png') no-repeat;
}

#social ul li a{
    display: block;
    height: 15px;
    float: left;
}

#middle-header{
    background: url('images/middle-header-bg.jpg') repeat-x;
}

#inner-middle-header{
    height: 98px;
}

#logo a{
    width: 348px;
	
    height: 80px;
    display: block;
    position: relative;
    top: 10px;
}

#call-us{
    height: 100%;
    background: url('images/call-us.png') no-repeat 100% 50%;
}

#bottom-header{
    background: url('images/bottom-header-bg.jpg') repeat-x;
}

#inner-bottom-header{
    height: 54px;
}

#inner-bottom-header nav{
    width: 710px;  float: left;
    
}


/******************************************************************
	NAVIGATION STYLES
	(Main Navigation)
	**************************************************************/
	
nav[role=navigation] {}

nav[role=navigation] .menu {
}
nav[role=navigation] .menu ul { 
}
nav[role=navigation] .menu ul li {
	float: left;
}
nav[role=navigation] .menu ul li:hover {
 	background: url('images/nav-hover-bg.png') 100% 100% repeat-x;	
}
nav[role=navigation] .menu ul li ul li:hover{
	background: #9f1418;
}
nav[role=navigation] .menu ul li a { 
	font-family: 'bebas_neueregular';  
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 11px 12px 10px 12px;
	margin: 6px 8px 0px 8px;
	display: block; 
	text-decoration: none; 
	letter-spacing: 1px;
	text-shadow: 1px 2px 1px #363636;
	-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  -o-user-select: none;  user-select: none;
}
nav[role=navigation] .menu ul li a:hover {
    background: url('images/arrow.png') 50% 96% no-repeat;
    
   
}

nav[role=navigation] .menu ul li ul li a:hover {
    border-bottom: 0;
   
}

nav[role=navigation] .menu ul li:first-child a {}

nav[role=navigation] .menu ul li.current-menu-item a, 
nav[role=navigation] .menu ul li.current_page_item a,
nav[role=navigation] .menu ul li.current-page-ancestor a {}

/* sub menus */
nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul { 
	position: absolute; 
	left: -9999em; 
	z-index: 9999; 
	width: 180px; 
}
nav[role=navigation] .menu ul li ul li {
	background: #9f1418;
}
nav[role=navigation] .menu ul li ul li ul { 
	margin-left: 200px; 
	top: auto; 
	margin-top: -30px; 
}
nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { 
	left: auto; 
}
nav[role=navigation] .menu ul li ul li a { 
	width: 140px; 
}

nav[role=navigation] .menu ul li ul li a {}
nav[role=navigation] .menu ul li ul li a:hover {
    background: none;
}
nav[role=navigation] .menu ul li ul li:last-child a {}

nav[role=navigation] .menu ul li ul li ul.sub-menu { }
nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }

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

#banner {
    height: 494px;
}

#banner-inner{
	
}

#contact-form-wrap{
    position: relative;
    top: -494px;
    z-index: 99;
}

#contact-form{
    height: 494px;
	margin-left:20px
}

#attorney-hover{
    position: relative;
    height: 494px;
    list-style: none;
    margin: 0px 20px 0px 0px;
}

#attorney-hover ul li.info-btn{
    display: block;
    height: 26px;
    width: 26px;
    background: url('images/info-btn.png') no-repeat;
    z-index: 9999;
}

#attorney-hover ul li.info-btn:hover div.pop-up{
	display: block;
}

#attorney-hover ul li .pop-up{
    display: none;
    width: 205px;
    height: auto;
    border: 2px #ffffff solid;
    border-radius: 2px;
    background: url('images/bottom-header-bg.jpg');
    position: relative;
    text-align: center;
}

#attorney-hover ul li .pop-up p.attorney-name{
    font-family: 'bebas_neueregular';  
    font-size: 24px;  
    line-height: 50px;
    text-transform: uppercase;  
	color: #ffffff;          
	letter-spacing: 1px;  
	text-shadow: 1px 2px 1px #363636;
    margin: 0;
}

#attorney-hover ul li .pop-up p.attorney-desc{
    font-family: 'myriadroman';  font-size: 12px;  
    line-height: 18px;  color: #ffffff;
    
    padding: 8px 14px;
    background: #636363;
    margin: 0;
}

#attorney-hover ul li .pop-up a.view-profile{
    font-family: 'bebas_neueregular';  
    font-size: 18px;  
    line-height: 36px;  text-transform: uppercase;  color: #ffffff;  letter-spacing: 1px;    margin: 0;
    
    display: block;
    width: 201px;
    height: 40px;
    background: url('images/view-attorney-btn.png') no-repeat;
    margin: 4px 2px 0px 2px;
    text-decoration: none;
}

#kassius, #kaarin{
    list-style: none;
}

#kassius li.info-btn{
    position: absolute;
    top: 94px;
    left: 120px;
}

#kassius li .pop-up{
    top: 26px;
    right: 92px;
}

#kaarin li.info-btn{
    position: absolute;
    top: 112px;
    left: 408px;
}

#kaarin li .pop-up{
    top: 26px;
    right: 92px;
}

#sub-banner{
    background: url('images/sub-banner.jpg') 50% 15px no-repeat;
    height: 178px;
}

#banner-bg{
    background: #981317; /* Old browsers */
    background: -moz-linear-gradient(left,  #981317 0%, #c4181d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#981317), color-stop(100%,#c4181d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #981317 0%,#c4181d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #981317 0%,#c4181d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #981317 0%,#c4181d 100%); /* IE10+ */
    background: linear-gradient(to right,  #981317 0%,#c4181d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#981317', endColorstr='#c4181d',GradientType=1 ); /* IE6-9 */
    border-bottom: 11px #2e2e2e solid;
    position: relative;
    padding-top: 15px;
    max-height: 552px;
}

#super-lawyers{
    height: 63px;
    background: url('images/super-lawyers.png') 50% 12px no-repeat;
}

#grey-border{
    height: 15px;
    border-top: 1px #898989 solid;
    background: url('images/bottom-header-bg.jpg') repeat-x;
    border-bottom: 1px #2e2e2e solid;
}

/******************************************************************
	FOOTER STYLES
	**************************************************************/

footer[role=footer] { 
    background: url('images/footer-bg.jpg') repeat-x;
    height: 356px;
}

#quote{
    height: 38px;
}

#quote p{
    font-family: 'bebas_neueregular';
    margin:0;
    text-align: center;
    font-size: 24px;
    line-height: 38px;
    color: #7d7d7d;
    text-transform: uppercase;
    letter-spacing: 4px;
}

#top-footer{
    margin-top: 6px;
}

#top-footer div{
	height: 96px;
}

#footer-logo{
    
}

#footer-logo a{
    display: block;
    width: 285px;
    height: 65px;
    position: relative;
    top: 18px;
}

#footer-social p{
    font-family: 'bebas_neueregular';  
    text-transform: uppercase;  
    font-size: 14px;  
    line-height: 14px;  
    letter-spacing: 2px;  
    text-shadow: 1px 2px 1px #363636;
    color: #ffffff;
    text-align: center;
    margin: 8px 0px;
    position: relative;
    top: 22px;
}

#footer-social ul{
    list-style: none;
    margin: 0;
    text-align: center;
    position: relative;  
    top: 22px;
    left: 72px;
}

#footer-social li{
    float: left;
}

#footer-social li.footer-facebook a{
    width:21px;
    background: url('images/footer-social_01.png') no-repeat;
}

#footer-social li.footer-twitter a{
    width:22px;
    background: url('images/footer-social_02.png') no-repeat;
}

#footer-social li.footer-linkedin a{
    width:22px;
    background: url('images/footer-social_03.png') no-repeat;
}

#footer-social li.footer-google a{
    width:21px;
    background: url('images/footer-social_04.png') no-repeat;
}

#footer-social li a{
    display: block;
    height: 14px;
    float: left;
}

#copyright p{
    font-family: 'myriadroman';
    font-size: 12px;
    line-height: 12px;
    color: #b9b9b9;
    text-align: right;
    position: relative;
    top: 22px;
}

#copyright p a{
    color: #b9b9b9;
	
    text-decoration: none;
}

#middle-footer{
    height: 120px;
    margin-top: 12px;
}

#footer-practice-areas{
    
}

#footer-practice-areas ul{
    list-style: none;
    
    margin: 0;
}

#footer-practice-areas ul li{
    width: 50%;
    
    float: left;
}

#legal{
}

#legal p{
    font-family: 'myriadroman';
    color: #ffffff;  font-size: 12px;  
    line-height: 18px;
    
    text-align: right;
}

#bottom-footer{
    height: 84px;
}

#bottom-footer p{
    font-family: 'myriadroman';
    margin: 16px 0px;
    color: #b9b9b9;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    padding: 0px 17px;
}

/* footer menu */
footer[role=footer] nav { float: left; margin: 1em 0; }
#footer-links {}
#footer-links ul { margin: 0; }
#footer-links ul li { list-style-type: none; float: left; width: 100%;}
#footer-links ul li a, #footer-practice-areas ul li a { font-family: 'myriadroman'; text-decoration: none; color: #ffffff; font-size: 12px; line-height: 12px;}
#footer-links ul li:last-child a { margin-right: 0; }
#footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
#footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */

.attribution { margin: 1em 0; float: right; color: #999; font-size: 0.9em; }
	


/******************************************************************
	GRID STYLES
	**************************************************************/

/* 960 Grid System (http://960.gs/ ) */

.container_12, .wrap { 
	width: 984px;
	margin: 0 auto;
}
		
	/* layout options ( all have margins right & left of 2.1276596%) */
	.container_12 .grid_1 {width: 62px;}
	.container_12 .grid_2 {width: 144px;}
	.container_12 .grid_3 {width: 226px;}
	.container_12 .grid_4 {width: 308px;}
	.container_12 .grid_5 {width: 390px;}
	.container_12 .grid_6 {width: 472px;}
	.container_12 .grid_7 {width: 554px;}
	.container_12 .grid_8 {width: 636px;}
	.container_12 .grid_9 {width: 718px;}
	.container_12 .grid_10 {width: 800px;}
	.container_12 .grid_11 {width: 882px;}
	.container_12 .grid_12 {width: 964px;}	
        .full {width: 100%; min-width: 984px;}

	/* layout & column defaults */
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	/* default styles & fixes */
	.alpha { margin-left: 0; } /* fixes alignment */
	.omega { margin-right: 0; } /* fixes alignment */

/******************************************************************
	COMMON & REUSABLE STYLES
	**************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }
	
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; } 

/******************************************************************
	WORDPRESS BODY CLASSES
	**************************************************************/

.rtl {}
.home {} /* home page */
.blog {} 
.archive {} /* archive page */
.date {} /* date archive page */
	.date-paged-1 {} /* replace the number to the corresponding page number */
.search {} /* search page */
	.search-results {} /* search result page */
	.search-no-results {} /* no results search page */
	.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
.error404 {} /* 404 page */
.single {} /* single post page */
	.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
	.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
.attachment {} /* attatchment page */
	.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
	.attachment-mime-type {} /* style mime type pages */
.author {} /* author page */
	.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
	.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
.category {} /* category page */
	.category-1 {} /* individual category page (i.e. body.category-6) */
	.category-paged-1 {} /* replace the number to the corresponding page number */
.tag {} /* tag page */
	.tag-slug {} /* individual tag page (i.e. body.tag-news) */
	.tag-paged-1 {} /* replace the number to the corresponding page number */
.page-template {} /* custom page template page */
	.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
	.page-paged-1 {} /* replace the number to the corresponding page number */
	.page-parent {}
	.page-child {}
	.parent-pageid-1 {} /* replace the number to the corresponding page number */
.logged-in {} /* if user is logged in */
.paged {} /* paged items like search results or archives */
	.paged-1 {} /* individual paged (i.e. body.paged-3) */

/******************************************************************
	HEADLINES & TITLES
	**************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: sans-serif; font-weight: 500; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-family: 'bebas_neueregular';  text-transform: uppercase;  font-size: 28px;  line-height: 32px;  color: #2e2e2e;}
h2, .h2 { line-height: 1.4em; margin-bottom: 0.375em; font-family: 'calligraph421_btroman';  font-size: 20px;   color: #c8191e;}
h3, .h3 { font-family: 'calligraph421_btroman';  font-size: 16px;  line-height: 18px; color: #c8191e;}
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

/******************************************************************
	POSTS & CONTENT STYLES
	***************************************************************/

#content {
    background: url('images/content-bg.jpg') no-repeat 100% 0% #f9f8f8;
    position: relative;
}
#main {
    background: url('images/main-bg.jpg') no-repeat 100% 100%;
    width: 656px;
    position: absolute;
    top: 0;
    right: 0px;
}

.hentry { padding: 10px 21px; border-left: 5px #e1e1e1 solid;  border-right: 5px #e1e1e1 solid; margin: 10px 0px;}

.single-title, .page-title { margin: 0 0 0.375em;}
.single-title {}
.page-title {}
.archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }

/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */

/* post meta */
.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }
.meta time {}

/* post content */
.post_content {}

.post_content p { margin: 0 0 1.6em 0; line-height: 1.6em; font-family: 'myriadroman';  font-size: 14px; color: #252525;}
.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
.post_content li { margin-bottom: 0.75em; font-family: 'myriadroman';  font-size: 14px;  color: #252525;}
.post_content ul li { list-style-type: disc; font-family: 'myriadroman';  font-size: 14px;  color: #252525;}
.post_content ol li { list-style-type: decimal; font-family: 'myriadroman';  font-size: 14px;  color: #252525;}

.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
.post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */

.post_content dl { margin:1.75em 0 1.75em; }
.post_content dt { margin-top: 1.25em; font-weight:700; }
.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }

.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
.post_content pre, .post_content code { font-size: 0.9em; }

.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }

/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }
/******************************************************************
	Contact Form
	**************************************************************/
	
	#contact-form{
		background: url('images/cf-bg-banner.png');
		z-index: 9999;
	
		float: right;
}
	
	#contact-form h2{
		font-family: 'bebas_neueregular';
		text-transform: uppercase;
		font-size: 34px;
		line-height: 36px;
		color: #ffffff;
		text-align: center;
		letter-spacing: 2px;
		text-shadow: 1px 2px 1px #363636;
	
		margin-bottom: 0;
}
	
	#contact-form p.discuss{
		font-family: 'calligraph421_btroman';  
		font-size: 20px;  
		line-height: 20px;  
		color: #ffffff;  
		text-align: center;
	
		margin: 8px 0px;
}
	
	#contact-form p.instruct{
    font-family: 'myriadroman';
		
	
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    margin: 12px 26px 16px 26px;
    text-align: center;
}

	.wpcf7{
		
	}

	form.wpcf7-form{
    margin: 0px 27px;
    position: relative;
	}
	

	form.wpcf7-form p{
    margin: 6px 0px;
		
	}

	form.wpcf7-form input{
    width: 240px;
    height: 36px;
    border: 1px #000000 solid;
    outline: 0;
    padding-left: 12px;
	
    position: relative;
    left: 0;
	}

	form.wpcf7-form textarea{
    width: 238px;  
    height: 88px;  
	border: 1px #000000 solid;  
	outline: 0;  
	padding-left: 12px;
    resize: none;
	}

	form.wpcf7-form input:focus, form.wpcf7-form textarea:focus{
    border-color: #c8191e;
		
	}

	form.wpcf7-form input.wpcf7-submit{
		border: 0;
		outline: 0;
		background: url('images/submit-btn.png') no-repeat -1px 0px;
		width:254px;
		height: 52px;
	
		font-family: 'bebas_neueregular';  text-transform: uppercase;  font-size: 24px;  
		line-height: 42px;  color: #ffffff;  text-align: center;
		padding: 0;
	}
	
	::-webkit-input-placeholder { /* WebKit browsers */
		color:    #2e2e2e;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #2e2e2e;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #2e2e2e;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #2e2e2e;
	}
	
	form.wpcf7-form input.wpcf7-submit:focus{
		border:0;
	}
	
	#contact-form.wpcf7-form .wpcf7-not-valid {
	
	}

	#contact-form .wpcf7-response-output{
    text-align: center;
	
	}

	#contact-form div.wpcf7-mail-sent-ok{
	
	}
        
        form.wpcf7-form .wpcf7-not-valid , #callback-form .wpcf7-form .wpcf7-not-valid {
	background:#F7A0A0;
	border: 1px solid #F76767;
	color:#FFF;
}

form .wpcf7-response-output {
    text-align: center;
}

form strong {
	font-size: 1.846em;
	color: #6B6B6A;    
}

span.wpcf7-not-valid-tip  {
	display:none;
	text-indent:-9999px;
}

span.wpcf7-not-valid-tip-no-ajax{
        display: none;
}
	
#contact-us {}
#contact-us input[type='text'],#contact-us input[type='email']{}
#contact-us label{}
#contact-us textarea{}
#contact-us input[type=submit] {}
#contact-us .submit-surround{margin-top: 20px;width: 263px;height: 48px;}
#contact-us .wpcf7-not-valid-tip{display: none;}
#contact-us input[type='email'].wpcf7-not-valid,#contact-us input[type='text'].wpcf7-not-valid{background: #FFA0A0; color: #A71313;}

 /******************************************************************
	PAGE Lists
	**************************************************************/
	
div.sideBarBlock {} 
div.sideBarBlock.get_subpages_list{} 
div.sideBarBlock .sidePageHeader{}
div.sideBarBlock ul.SidechildPages{}
div.sideBarBlock ul.SidechildPages li{}
div.sideBarBlock ul.SidechildPages li a{}
  
/******************************************************************
	Posts lists
	**************************************************************/
	
.post_image_placeholder{}
div.sideBarBlock.latest_posts_with_image{}
div.sideBarBlock.latest_posts_with_image .postDateSide{}
div.sideBarBlock.latest_posts_with_image .sideImgWrap{}
div.sideBarBlock.latest_posts_with_image .postSideTextWrap{}
div.sideBarBlock.latest_posts_with_image .postSideTextWrap h2{}
div.sideBarBlock.latest_posts_with_image .postSideTextWrap p{}
div.sideBarBlock.latest_posts_with_image .postSideTextWrap a{}
 
 
ul.getListNoImage{}
ul.getListNoImage li{}
ul.getListNoImage li a{}
/******************************************************************
	PAGE NAVI STYLES
	**************************************************************/

/* page navigation */
.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }
.bones_page_navi, .wp-prev-next ul { }
.bones_page_navi li { float: left; margin-left: 10px; } 
.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }
.bones_page_navi li a:hover { color: #252525; text-decoration: underline; }
.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #252525; position: relative; } /* current page link */
.bones_page_navi li.bpn-current:hover {}
.bones_page_navi li.bpn-prev-link { } /* previous link */
.bones_page_navi li.bpn-prev-link a { padding: 0; }
.bones_page_navi li.bpn-prev-link a:hover { background: none; }
.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
.bones_page_navi li.bpn-next-link a { padding: 0; }
.bones_page_navi li.bpn-next-link a:hover { background: none; }
.bones_page_navi li.bpn-last-page-link {} /* last page link */
.bones_page_navi li.bpn-last-page-link a {}
.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
.bones_page_navi li.bpn-first-page-link {} /* first page link */
.bones_page_navi li.bpn-first-page-link a {}
.bones_page_navi li.bpn-first-page-link a:hover { background: none; }

/* fallback previous & next links */
.wp-prev-next {}
.wp-prev-next ul {}
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }

	
/******************************************************************
	COMMENT STYLES
	**************************************************************/

#comments { margin: 0 20px 0.75em; }/* h3 comment title */
#comments span { font-weight: 700; color: #1a90db; } /* number of comments span */

.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}

.commentlist { margin: 0 20px; }
.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }
.commentlist li.depth-2 {}
.commentlist li.depth-3 {}
.commentlist li.depth-4 {}
.commentlist li.depth-5 {}
.commentlist li:last-child { margin-bottom: 0; }
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-1 {} /* change number for different depth */
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .alt {}
.commentlist .odd { background: #eee; }
.commentlist .even { background: #fefefe; }
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children { border-left: 2px solid #6ac8d3; }
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}	

.commentlist .vcard { margin-left: 55px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
.commentlist .vcard time { float: right; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li .comment_content { margin-left: 55px; }
.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
.commentlist li ul { margin: 0; }		
.commentlist .comment-reply-link { text-decoration: none; float: right;  background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }
.commentlist a.comment-reply-link:hover { opacity: 1; }

				
/******************************************************************
	COMMENT FORM STYLES
	**************************************************************/

.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
#comment-form-title { margin: 0 0 1.1em; }

#cancel-comment-reply {}
#cancel-comment-reply a {}

.respond-form form[method=post] { margin: 0.75em 0; }

.comments-logged-in-as {}

.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }

#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
.respond-form textarea { resize: none; width: 97.3%; height: 150px; }
#submit {}

/* form validation */
.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }		

/* no comments */
.nocomments { margin: 0 20px 1.1em; }			

/******************************************************************
	SIDEBARS & ASIDES
	**************************************************************/

#sidebar1 { padding-right: 10px;}

#sidebar1-inner { background: url('images/bottom-header-bg.jpg'); border-top: 1px #c6c6c6 solid;}

#sidebar1 h2{
	background: url('images/sidebar-h2-bg.jpg') no-repeat;
	height:43px;
	width:279px;
	
	font-family: 'bebas_neueregular';  text-transform: uppercase;  
	font-size: 24px;  
	line-height: 43px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 3px;
	margin: 0px 14px 22px 14px;
	position: relative;
	top: 12px;
	text-shadow: 1px 2px 1px #363636;
}

#areas-of-practice{
	
}

#areas-of-practice p, #contact-form-side p.discuss {
	font-family: 'calligraph421_btroman';
	font-size: 18px;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	margin: 12px 0px;
}

#contact-form-side p.instruct{
    font-family: 'myriadroman';  
    font-size: 12px;  
    line-height: 18px;
    color: #ffffff;
	
    text-align: center;
    padding: 0px 28px;
}

#areas-of-practice ul{
	list-style: none;
	margin: 0;
}

#areas-of-practice ul li:first-child{
    border-top: 1px rgba(255, 255, 255, 0.4) solid;
}

#areas-of-practice ul li{
    width: 100%;
    height: 32px;
    border-bottom: 1px rgba(255, 255, 255, 0.4) solid;
}

#areas-of-practice ul li:hover{
	background: url('images/li-hover-bg.png');
}

#areas-of-practice ul li a{
    text-decoration: none;
	
    padding-left: 18px;
    font-family: 'bebas_neueregular';  text-transform: uppercase;  
    font-size: 18px;  
    line-height: 32px;  color: #ffffff;
    letter-spacing: 0.5px;
    display: block;
    width: 100%;
    height: 100%;
    letter-spacing: 1px;
}

#areas-of-practice ul li a:hover{
	background: url('images/hover-arrow.jpg') no-repeat 96% 50%;
}

#office-locations{
    
}

#locations{
    height: 303px;
    background: url('images/locations-bg.jpg') no-repeat;
    text-align: center;
}

#locations div{
    height: 151px;
}

#locations div.washington{
    margin-top: 1px;
}

#locations p{
    margin: 0;
    color: #ffffff;
}

#locations p.office{
    font-family: 'calligraph421_btroman';
    
    font-size: 18px;
    line-height: 40px;
}

#locations p.address{
    font-family: 'myriadroman';
    
    font-size: 16px;
    line-height: 22px;
}

#locations a{
    font-family: 'myriadroman';
    color: #ffffff;
    
    font-size: 12px;
    line-height: 16px;
}

#locations p.phoneNo{
    font-family: 'bebas_neueregular';  text-transform: uppercase;
    
    font-size: 24px;
    line-height: 46px;
    letter-spacing: 2px;
    text-shadow: 1px 2px 1px #363636;
}

#connect{
    height: 106px;
}

#connect p{
    font-family: 'bebas_neueregular';  
    text-transform: uppercase;  
    font-size: 24px;  
    line-height: 24px;  
    letter-spacing: 2px;  
    text-shadow: 1px 2px 1px #363636;
    color: #ffffff;
    text-align: center;
    margin: 8px 0px;
    position: relative;
    top: 6px;
}

#connect ul{
    list-style: none;
    margin: 0;
    text-align: center;
    position: relative;  
    top: 8px;
    left: 64px;
}

#connect li{
    float: left;
}

#connect li.sidebar-facebook a{
    width:43px;
    background: url('images/sidebar-social_01.png') no-repeat;
}

#connect li.sidebar-twitter a{
    width:48px;
    background: url('images/sidebar-social_02.png') no-repeat;
}

#connect li.sidebar-linkedin a{
    width:46px;
    background: url('images/sidebar-social_03.png') no-repeat;
}

#connect li.sidebar-google a{
    width:43px;
    background: url('images/sidebar-social_04.png') no-repeat;
}

#connect li a{
    display: block;
    height: 27px;
    float: left;
}

.widget { padding: 0 10px; margin: 2.2em 0; }
.widget li { margin-bottom: 0.75em; }
.widget li ul { margin-top: 0.75em; padding-left: 1em; }

.widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; }

/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* search widget */
#searchform {
    width: 252px;
    height: 36px;
    float: left;
    background: #ebebeb;
    border: 1px #c8191e solid;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}
#s{
    border: 0;
	
    outline: 0;
    background: #ebebeb;
    height: 34px;
    width: 208px;
    padding-left: 12px;
    font-family: 'bebas_neueregular';
    font-size: 14px;
    letter-spacing: 1px;
}
#searchsubmit{
    border: 0;  outline: 0;  
	
    width: 15px;
    height: 15px;
    background: url('images/search-icon.png') no-repeat #ebebeb;
}
.widget_search {}
.screen-reader-text {}

/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}
	
/******************************************************************
	MEDIA QUERIES & DEVICE STYLES
	**************************************************************/

@media only screen and (min-width: 480px) {
	/* insert styles here */
}

@media only screen and (min-width: 768px) {
/* insert styles here */
}

@media only screen and (min-width: 992px) {
/* insert styles here */
}

@media only screen and (min-width: 1382px) {
/* insert styles here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}

/******************************************************************
	PRINT STYLES
	**************************************************************/

@media print { }

/******************************************************************
	IE SPECIFIC FIXES
	**************************************************************/

.ie8 #searchform {
    padding-top: 8px;
    height: 28px;
}

.ie7 #contact-form h2 {
    margin-top: 28px;
}

.ie7 #attorney-hover ul li .pop-up{
    display: block;
}


/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }

To target the .post_content area in older IE use:
html.oldie .post_content { ... }

Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/