/*
Theme Name: Baseplate
Theme URI: [GitHub Link]
Description: Baseplate theme
Version: 1.0
Author: The Code Co.
Author URI: http://thecode.co
*/

/* Author Styles */


/*----------------------------------------------------------------------
imports 
-----------------------------------------------------------------------*/

@import url('css/css-reset.css');
@import url('css/spacefix.css');
@import url('css/slider.css');





/*----------------------------------------------------------------------
defaults 
-----------------------------------------------------------------------*/
html{
	overflow-x:hidden;
}

body {
	font:normal 13px/1.3 Georgia, "Times New Roman", Times, serif;
	color:#555;
}
sup{
	font-size:11px;
	color:#900;
}




/*----------------------------------------------------------------------
typography 
-----------------------------------------------------------------------*/

h1{
	font:normal 32px/1 Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-transform:capitalize;
}
h2{
	font:normal 20px/1.3 Georgia, "Times New Roman", Times, serif;
	color:#900;
	margin:15px 0px 0px 0px;
}
h3{
	font:normal 18px/1 Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin-top:30px;
}
h4{
	font:normal 15px/1 Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin-top:30px;
}
p{
	font:normal 13px/1.4 Georgia, "Times New Roman", Times, serif;
	color:#555;
	margin:15px 0px 0px 0px;
}
a{
	outline:none;
}
.bold,
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
.underline{
	text-decoration:underline;
}

/*----------------------------------------------------------------------
structure 
-----------------------------------------------------------------------*/

#header{
	background:url(images/backgrounds/bg-footer.jpg) repeat -100px -80px;
	height:100px;
}
#headerWrapper{
	width:980px;
	margin:0px auto;
	position:relative;
}

#headerWrapper h2{
    color: #000000;
    font-family: "Times New Roman",Times,serif;
    font-weight: bold;
}

.headerPhone {
    position: absolute;
    left: 775px;
    top: 115px;
    width: 180px;
    height: 35px;
    border: 1px solid #ffffff;
    z-index: 100;
}

.headerPhone h2{
    position: inherit;
    left: 43px;
    top: -11px;
}

.headerPhone img{
    position: inherit;
}

#header h1 a{
	background:url(images/logos/logo-lewenberg-and-lewenberg.png) no-repeat 0px 0px;
	width:250px;
	height:80px;
	display:block;
	text-indent:-9999em;
	position:absolute;
	top:14px;
	left:10px;
	outline:none;
	margin:0px;
}
#header h1 a:hover{
	-moz-opacity:.90;
	filter:none;
	opacity:.90;
}
#header h1 a:active{
	-moz-opacity:.70;
	filter:none;
	opacity:.70;
	top:15px;
}

#contentWrapper{
	width:960px;
	margin:0px auto;
}
.wrapperHome{
	padding:0px 0px 50px 0px;
}
.wrapperAll{
	background:url(images/backgrounds/bg-left-menu.png) repeat-y 0px 0px;
}

#bannerGeneral{
	background:#fff;
	margin:10px auto 0px auto;
	padding:0px;
	width:960px;
	height:160px;
}
#contentWrapper #contentWrapperSmall{
	width:71%;
	float:right;
	padding:0px 0px 30px 28px;
}
.seocontent{
	padding:0px 0px 50px 0px;
}

/*----------------------------------------------------------------------
navigation 
-----------------------------------------------------------------------*/

.slicknav_menu {
	display:none;
}

#navigation{
  	position:relative;
	top:0px;
	right:0px;
	left:288px;
}
#navigation ul{
	list-style:none;
	margin:0px;
	padding:30px 0 0 0;
}
#navigation ul li{
	float:left;
	margin: 0 ;
}
#navigation a * {
  display: none;
}
#navigation a,
#navigation a .hover {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    letter-spacing: 0.5px;
    line-height: 35px;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    text-decoration: none;
    padding: 45px 27px;
}
#navigation a:hover, #navigation li.current_page_item a, #navigation li.current-page-ancestor a, #navigation ul li:hover > a {
    background: url(images/nav-bg.png);
    -moz-box-shadow:    inset 0 0 50px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.8);
    box-shadow:         inset 0 0 50px rgba(0, 0, 0, 0.8);
}

#navigation ul li ul
{
	display: none;
    position: absolute;
    top: 100px;
    padding: 0 0 0 0;
    z-index: 10;
}

#navigation ul ul li
{
	float:none;
	width:240px;
	padding: 10px;
	background: #353535;
}

#navigation ul ul a
{
	line-height: 120%;
	padding: 10px 15px;
	background: none
}
#navigation ul li ul li:hover {
	background: #1a1a1a
}

#navigation ul li ul li a:hover {
	background: none;
	box-shadow: none
}

#navigation ul ul ul
{
	top:0;
	left:100%
}

#navigation ul li:hover > ul
{
	display:block
}

#navigation li.current_page_item ul a, #navigation li.current-page-ancestor ul a {
	background: none;
	box-shadow: none;
}

/* legal services */

#navigation a.legalServices {
  background-position: 0 0;
  width:133px;
}
#navigation .highlight a.legalServices:hover,
#navigation a.legalServices .hover {
  background-position: 0px -100px;
}
#navigation.legalServices #miLegalServices a{
	background-position:0px -200px;
}

/* our firm */

#navigation a.ourFirm {
  background-position: -133px 0px;
  width:94px;
}
#navigation .highlight a.ourFirm:hover,
#navigation a.ourFirm .hover {
  background-position: -133px -100px;
}
#navigation.ourFirm #miOurFirm a{
	background-position:-133px -200px;
}

/* news & articles */

#navigation a.newsArticles {
  background-position: -227px 0px;
  width:146px;
}
#navigation .highlight a.newsArticles:hover,
#navigation a.newsArticles .hover {
  background-position: -227px -100px;
}
#navigation.newsArticles #miNewsArticles a{
	background-position:-227px -200px;
}

/* contact */

#navigation a.contact {
  background-position: -373px 0px;
  width:95px;
}
#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -373px -100px;
}
#navigation.contact #miContact a{
	background-position:-373px -200px;
}


/*----------------------------------------------------------------------
home page 
-----------------------------------------------------------------------*/


/* Criminal Law */

.criminalLaw{
	width:295px;
	float:left;
}
.criminalLaw h2{
	background:url(images/backgrounds/bg-heading.png) no-repeat 0px 0px;
	color:#fff;
	width:285px;
	height:35px;
	line-height:35px;
	font-size:12px;
	font-weight:bold;	
	letter-spacing:0.5px;
	text-shadow:#000 1px 1px 1px;
	text-transform:uppercase;
	padding:0px 0px 0px 10px;
}

/* Civil Law */

.differenceTable a{
	margin:0 !important;	
	padding:0 !important;
	white-space: nowrap;
	color:#555555 !important;
}

.differenceTable a:hover{
	color:#730700 !important;
}

.civilLaw{
	width:330px;
	float:left;
	margin-right:30px;
}
.civilLaw h2{
	background:url(images/backgrounds/bg-heading.png) no-repeat 0px 0px;
	color:#fff;
	width:330px;
	height:35px;
	line-height:35px;
	font-size:12px;
	font-weight:bold;	
	letter-spacing:0.5px;
	text-shadow:#000 1px 1px 1px;
	text-transform:uppercase;
	padding:0px 0px 0px 10px;
}

/* Latest News */

.btnLearnMore{
	font-size:10px;
	color:#fff !important;
	background:#000;
	padding:7px 15px !important;
	text-transform:uppercase !important;
	text-decoration:none !important;
	outline:none;
	margin:15px 41px 0px 10px !important;
	text-align:center;
	float:left !important;
}

.btnLearnMore:hover{
	background-color:#730700;
}

.btnLearnMoreRight{
	font-size:10px;
	color:#fff !important;
	background:#000;
	padding:7px 15px !important;
	text-transform:uppercase !important;
	text-decoration:none !important;
	outline:none;
	margin:15px 0px 0px 0px !important;
	text-align:center;
	float:left !important;
}

.btnLearnMoreRight:hover{
	background-color:#730700;
}

.latestNews{
	width:312px;
	float:left;
	height:380px;
	margin-right:30px;
}
.latestNews h2{
	border-left:1px #000 solid;
	color:#000;
	height:35px;
	line-height:35px;
	font-size:12px;
	font-weight:bold
	letter-spacing:0.5px;
	text-transform:uppercase;
	padding:0px 0px 0px 10px;
}
.newsWrapper{
	height:229px;
	margin-bottom:30px;
	margin-top: 15px;
}

.pullQuote{
	width:312px;
	float:left;
	height:200px;
	margin-right:30px;
}

.pullQuote h2 {
	border-left:1px #000 solid;
	color:#000;
	line-height:26px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.5px;
	text-transform:uppercase;
	padding:0px 0px 0px 10px;
	
}

.pullQuote a{
	display:block;
	color:#3e5d90;
	text-decoration:none;
	margin-top:20px;
	padding:0px 10px;
}


.latestNews a{
	display:block;
	color:#3e5d90;
	text-decoration:none;
	margin-top:20px;
	padding:0px 10px;
}

/* Commom */

.criminalLaw p,
.civilLaw p{
	padding:0px 20px 0px 10px;
}
.criminalLaw a,
.civilLaw a{
	width:80px;
	display:block;
	color:#3e5d90;
	text-decoration:underline;
	text-transform:capitalize;
	margin-top:25px;
	padding-left:10px;
}
.criminalLaw a:hover,
.civilLaw a:hover{
	color:#900;
}

/* Search */

.search .result {
    padding: 20px 0;
    border-bottom: 1px solid #ccc
}

.searchBox{
	position:relative;
}
.search-results .searchBox {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px
}
.searchBox label{
	display: inherit;
}
.searchBox label span.screen-reader-text {
    display: none
}
.searchBox input.search-field{
	width:70%;
	height:29px;
	line-height:29px;
	background: url(images/icons/icon-search.png) no-repeat 7px 7px #dddddd;
	outline:none;
	border:0px;
	padding:0px 0px 0px 25px;
	float:left;
}
.searchBox input.search-submit{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#fff;
	background:#000;
	width:66px;
	height:29px;
	line-height:29px;
	padding:0px 10px;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
	border:0px;
	position:absolute;
	margin:0px;
	cursor:pointer;
}
.searchBox input.submit:hover{
	background:#730700;
}



/*----------------------------------------------------------------------
home page Banner
-----------------------------------------------------------------------*/

#banner{
	background:#000;
	overflow:hidden;
	margin:0px 0px 30px 0px;
	position:relative;
}
#banner .banner01 .bannerContent{
	width:980px;
	margin:0px auto;
	position:relative;
}

/* Banner Common */

#banner .banner01 .bannerContent .bannerWrapper{
	position:absolute;
	top:200px;
}
#banner .banner01 .bannerContent .bannerWrapper p.heading{
	font-size:14px;
	line-height:15px;	
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	text-shadow:#333 1px 1px 1px;

}
#banner .banner01 .bannerContent .bannerWrapper h2{
	font-size:18px;
	font-weight:bolder;
	text-transform:uppercase;
	color:#fff;
	text-shadow:#555 1px 1px 1px;
	border-bottom:1px #000 solid;
	margin:0px;
}
#banner .banner01 p.description{
	width:540px;
	color:#fff;
	text-shadow:#333 1px 1px 1px;
	margin:10px 0px 0px 0px;
}
#banner .banner01 .bannerContent a{
	font-size:10px;
	color:#fff;
	background:#000;
	padding:7px 15px;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
	position:absolute;
	margin:10px 0px 0px 0px;
}


/* Banner 01*/

.bannerHolder{
	height:400px;
	width:1640px;	
	margin:0 auto;
}

#banner .banner01{
	height:400px;
	width:100%;
	position:absolute;
	right:0;
}
#banner .banner01 .bannerContent .bannerWrapper,
#banner .banner01 .bannerContent a{
	right:10px;
}
#banner .banner01 .bannerContent .bannerWrapper p.heading,
#banner .banner01 .bannerContent .bannerWrapper h2,
#banner .banner01 p.description{
	text-align:right;
	padding:0px 10px 7px 0px;
}



/* Slider Specific Styles */

.slider {
	list-style: none !important;
	position: relative !important;
	margin: 0 !important;
	height:350px;
	left: 50%;

}

/* each slider item - Nothing to change here */
.slider li {
	display: none;
	margin: 0;
	position: absolute;
	left: -1000px;
	width: 2000px;
}

/* Don't edit this part */
.slider li.current {
	display: block;
	z-index: 2 !important;
}

.slider li.next {
	display: block;
	z-index: 1 !important;
}

/* Don't edit this part - prevents inline lists from being hidden */
.slider li ul li {
	display: block !important;
	position: relative !important;
}

.sliderControls { 
	width:980px;
	margin:0px auto;
	position: relative;
	z-index:11;
}
.slider_selector,
.slider_selector_dis {
	list-style: none;
	margin:0px;
	position:absolute;
	bottom:10px;
	left:47%;
	z-index:50;
}
.slider_selector li,
.slider_selector_dis li {
	width: 16px !important;
	height: 16px !important;
	display: block !important;
	background:url(images/misc/slider_selector.png) no-repeat top left;
	cursor: pointer;
	float: left;
	margin: 0 2px !important;
	position: relative !important;
}
.slider_selector li:hover,
.slider_selector_dis li:hover{
	background:url(images/misc/slider_selector_hover.png) no-repeat top left;
}
.slider_selector li.current,
.slider_selector_dis li.current {
	background: url(images/misc/slider_selector_current.png) no-repeat top left;
}
.slider_selector_dis li {
	cursor: default !important;
	z-index: 50;
}

/*----------------------------------------------------------------------
Left Menu Panel
-----------------------------------------------------------------------*/

#leftMenu{
	background:url(images/backgrounds/bg-left-menu.png) repeat-y 0px 0px;
	width:26%;
	float:right;
	margin:0px;
	padding:0px;
}
#leftMenu ul{
	list-style:none;
	padding:0px;
	margin:20px 0px;
}
#leftMenu ul li{
	width:240px;
}
#leftMenu ul.services li.page_item_has_children {
    margin-bottom: 20px
}
#leftMenu ul.services li a {
	background:url(images/buttons/btn-left-menu-all-states.png) no-repeat 0px 0px;
	display:block;
	line-height:25px;
	color:#555;
	font-size:12px;
	text-decoration:none;
	padding:0px 0px 0px 25px;
	outline:none;
    text-transform: none
}
#leftMenu ul.services li.page_item_has_children a {
	display:block;
	line-height:25px;
	color:#990000;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:100%;
	outline:none;
    text-decoration:none;
    background: none;
    padding: 0;
}
#leftMenu ul.services li.page_item_has_children ul.children {
    margin: 0
}
#leftMenu .menu-sidebar-container ul li a {
	background:url(images/buttons/btn-left-menu-all-states.png) no-repeat 0px 0px;
	display:block;
	line-height:25px;
	color:#555;
	font-size:12px;
	text-decoration:none;
	padding:0px 0px 0px 25px;
	outline:none;
    text-transform: none
}
#leftMenu ul.services li.page_item_has_children ul.children a {
	background:url(images/buttons/btn-left-menu-all-states.png) no-repeat 0px 0px;
	display:block;
	line-height:25px;
	color:#555;
	font-size:13px;
	text-decoration:none;
	padding:0px 0px 0px 25px;
	outline:none;
    text-transform: none
}

#leftMenu ul li a:hover{
	background-position:0px -25px;
}
#leftMenu ul.o1 #o1 a,
#leftMenu ul.o2 #o2 a,
#leftMenu ul.o3 #o3 a,
#leftMenu ul.o4 #o4 a,
#leftMenu ul.o5 #o5 a,
#leftMenu ul.o6 #o6 a,
#leftMenu ul.o7 #o7 a,
#leftMenu ul.o8 #o8 a,
#leftMenu ul.o9 #o9 a,
#leftMenu ul.o10 #o10 a,
#leftMenu ul.o11 #o11 a,
#leftMenu ul.o12 #o12 a,
#leftMenu ul.o13 #o13 a,
#leftMenu ul.o14 #o14 a,
#leftMenu ul.o15 #o15 a,
#leftMenu ul.o16 #o16 a{
	background-position:0px -50px;
	color:#fff;
}


/* Search box styles already defined above. This is just a tweak for Left Menu Panel */

#leftMenu .searchBox{
	margin-bottom:30px;
}
#leftMenu .searchBox input.field{
	width:149px;
	height:29px;
	line-height:29px;
	background: url(images/icons/icon-search.png) no-repeat 7px 7px #dddddd;
	outline:none;
	border:0px;
	padding:0px 0px 0px 25px;
	float:left;
}

/* zoom search */

.zoom_searchform{
	background:#f5f5f5;
	padding:15px;
	margin:0px 0px 30px 0px;
}
#zoom_searchbox{
	width:220px;
	border:1px #ddd solid;
	background:#fff;
	padding:0px 7px;
	height:30px;
	line-height:30px;
	margin:0px 0px 0px 10px;
}
select[name="zoom_per_page"]{
	width:70px;
	border:1px #ddd solid;
	background:#fff;
	padding:5px;
	height:30px;
	margin:0px 0px 0px 10px;
}
.zoom_button{
	font-family:"Times New Roman", Times, serif;
	width:70px;
	height:30px;
	font-size:12px;
	line-height:30px;
	background:#000;
	color:#fff;
	text-transform:uppercase;
	outline:none;
	border:none;
	cursor:pointer;
	margin:0px 0px 0px 5px;
}
.zoom_button:hover{
	background:#730700;
}



/*----------------------------------------------------------------------
news articles page  
-----------------------------------------------------------------------*/
.newsFilter{
	background:#dedede;
	height:40px;
	line-height:30px;
	padding:0px 20px;
	margin:20px 0px 5px 0px;
}
.newsFilter h3{
	font-size:14px;
	font-weight:normal;
	width:100px;
	float:left;
	color:#333;
	line-height:40px;
	margin:0px;
}
.newsFilter .year{
	font-size:11px;
	float:left;
	color:#555;
}
.newsFilter .year span{
	margin:0px 10px 0px 0px;
	float:left;
	display:block;
	padding:5px 0px;
}
.newsFilter .year a{
	font-family:Arial, Helvetica, sans-serif;
	color:#3E5D90;
	padding:0px 5px !important;
	background:#dedede;
	border:none !important;
	text-decoration:none;
	line-height:40px;
	display:block;
	float:left;
}
.newsFilter .year a:hover, #contentWrapperSmall li.active a {
	color:#900;
	background:#eee;
}

.newsFilter .year select option{
	font-size:11px;
	line-height:20px;
}
.newsFilter .year  ul{}
.newsFilter .year  li{
	float: left;
}
.newsItem{
	display: none;
	padding:20px;
	background:#fff;
	border-bottom:1px #ccc dotted;
}

.newsItem:hover{
	padding:20px;
	background:#f7f7f7;
}

.newsItem.show {
	display: block;
}

.newsItem h3{
	margin:0px;
}
.newsItem h3 a{
	font-size:18px;
	color:#3E5D90;
	border:none !important;
	padding-bottom:none !important;
	text-decoration:none;
	font-weight:normal;
}
.newsItem h3 a:hover{
	color:#900;
}
.newsItem p.newsDate{
	font:normal 11px/1 Arial, Helvetica, sans-serif;
	color:#777;
	margin-top:3px;
}
.newsItem p.newsExcerpt{
	margin-top:10px;
}
.pagination{
	margin:20px 20px 0px 20px;
}
.pagination a{
	font:normal 12px/1 Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	background:#fff !important;
	color:#467bd3;
	border:none !important;
	padding:0px 7px;
	line-height:22px;
	text-decoration:underline;
}
.pagination a:hover,
.pagination a.current{
	background:#333 !important;
	color:#fff !important;
	padding:0px 7px;
	line-height:22px;
	text-decoration:none;
}


/*----------------------------------------------------------------------
our team page
-----------------------------------------------------------------------*/

.memberProfile{
	background:url(images/backgrounds/bg-member-profile-box.png) repeat-y 0px 0px;
	margin-top:30px;
	min-height:300px;
}
.memberProfile .memberInfo{
	background: #ebebeb;
    width:220px;
    min-height: 270px;
	padding:15px;
	float:left;
}
.memberProfile .memberInfo h3{
	font-size:18px;
	text-transform:capitalize;
	color:#000;
	margin:0px;
}
.memberProfile .memberInfo span{
	display:block;
	font-size:14px;
	text-transform:capitalize;
	color:#666;
}
.memberProfile .memberInfo .memberImage{
	background:#fff;
	width:210px;
	height:150px;
	padding:4px;
	border:1px #ccc solid;
	margin:15px 0px 0px 0px;
}
.memberProfile .memberInfo .memberImage img{
	width:210px;
	height:150px;
}
.memberProfile .memberInfo p{
	margin-top:15px;
	position:relative;
	color:#000;
}
.memberProfile .memberInfo a{
	background:#ebebeb;
	padding:3px 5px;
	font-size:12px;
	color:#3E5D90;
	text-decoration:none;
	position:absolute;
	left:-5px;
}
.memberProfile .memberInfo a:hover{
	font-size:12px;
	background:#fff;
}
.memberProfile .memberDetails{
	background: #f8f8f8;
    width:400px;
    min-height: 270px;
	padding:15px;
	float:left;
}
.memberProfile .memberPracticeAreas{
	margin:0px 0px 0px 0px;
	color:#000;
	border-bottom:1px #999 solid;
	padding:0px 0px 15px 0px;
}

.memberProfile p{
	font-size:12px;
}

/*----------------------------------------------------------------------
faq page 
-----------------------------------------------------------------------*/

.faqItem{
	border-bottom:1px #ccc dotted;
	padding:0px 0px 30px 0px;
}
.faqItem h2{ 
	color:#3E5D90;
	font:normal 18px/1 Georgia, "Times New Roman", Times, serif;
	margin-top:30px;
}

/*----------------------------------------------------------------------
links page 
-----------------------------------------------------------------------*/

.linksPage h2{
	color:#000;
	font:normal 18px/1 Georgia, "Times New Roman", Times, serif;
	margin-top:30px;
}
.linksPage ul{
	list-style:none;
	margin:10px 0px 0px 0px;
}
.linksPage ul li{
	background:url(images/misc/bullet-black-small.png) no-repeat 0px 5px;
	padding:0px 0px 5px 15px;
}

.linksPage ul li a{
	padding:0px;
	outline:none;
}


/*----------------------------------------------------------------------
contact page 
-----------------------------------------------------------------------*/

.contactForm{
	width: 60.5%;
	float:left;
}
.contactForm form{
	margin-top:20px;
	
}
.contactForm label{
	display:block;
	width:168px;
	float:left;
	line-height:29px;
	overflow: hidden;
}
.contactForm div{
	margin:0px 0px 10px 0px;
}
.contactForm div sub{
	font:normal 12px/1 Arial, Helvetica, sans-serif;
	color:#900;
}
.contactForm div input.field{
	width:220px;
	height:29px;
	line-height:29px;
	background:#eee;
	border:none;
	outline:none;
	padding:0px 5px;
}
.contactForm div textarea.fieldLarge{
	width:220px;
	height:90px;
	overflow:hidden;
	background:#eee;
	border:none;
	outline:none;
	padding:5px;
	resize:none;
}
.contactForm div input.field:focus,
.contactForm div textarea.fieldLarge:focus{
	background:#dedede;
}
.gform_wrapper .gform_footer input[type=submit] {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#fff;
	background:#000;
	width:110px;
	height:29px;
	line-height:29px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
	border:0px;
	margin:0px;
	cursor:pointer;
	margin-left:100px;
}
.contactForm div input.submit:hover{
	background:#730700;
}
.contactForm div select.stateSelect{
	width:230px;
	height:29px;
	line-height:29px;
	background:#eee;
	border:none;
	outline:none;
	padding:5px;
}
.contactForm div select.stateSelect:focus{
	background:#dedede;
}
.addressDetails{
	width: 30%;
	float:left;
	padding:20px 0px 0px 60px;
}
.addressDetails h2{
	font-size:16px;
	font-weight:normal;
	color:#000;
	margin-top:20px;
}
.addressDetails h2.first{
	margin-top:0px;
}
.addressDetails address,
.addressDetails p{
	margin-top:5px;
}
.addressDetails p a{
	color:#3E5D90;
	text-decoration:none;
}
.addressDetails p a:hover{
	text-decoration:underline;
}

/* form success */

.formSuccess{
	width:290px;
	padding:20px;
	margin-top:20px !important;
	background:#e8f7e5;
	color:#222;
}
.formSuccess span{
	background:url(images/icons/icon-right.png) no-repeat 0px 2px;
	padding:0px 0px 0px 25px;
	margin:0px;
	font:normal 18px/1 Georgia, "Times New Roman", Times, serif;
	color:#000;
}

/* form error */

.formError{
	width:290px;
	padding:20px;
	margin-top:20px !important;
	background:#ffe1e1;
	color:#222;
}
.formError p{
	background:url(images/icons/icon-wrong.png) no-repeat 0px 3px;
	padding:0px 0px 0px 25px;
	margin-top:0px;
}
.formError span{
	color:#900;
}
.contactForm div input.error {
    background: none repeat scroll 0 0 #FFE1E1;   
}
.contactForm div textarea.error  {
    background: none repeat scroll 0 0 #FFE1E1;  
}

.gform_wrapper input[type=text], .gform_wrapper input[type=textarea] {
    border: 1px solid #ccc
}


/*----------------------------------------------------------------------
common 
-----------------------------------------------------------------------*/

/* Breadcrumbs */

#contentWrapper #contentWrapperSmall .breadcrumbs{
	margin:20px 0px 30px 0px;
	padding:0px 0px 10px 0px;
	line-height:25px;
	color:#555;
	font-style:italic;
	font-size:12px;
	border-bottom:1px #dddddd solid;
	text-transform:capitalize;
}
#contentWrapper #contentWrapperSmall .breadcrumbs a {
	color:#3e5d90;
	text-decoration:none;
	margin-right:10px;
	padding-left:12px;
	border-bottom:none;
}
#contentWrapper #contentWrapperSmall .breadcrumbs a:first-of-type {
}
#contentWrapper #contentWrapperSmall .breadcrumbs a:hover{
	text-decoration:underline;
}
#contentWrapper #contentWrapperSmall .breadcrumbs span.currentPage{
	background:url(images/misc/bullet-grey-arw-small.png) 0px 3px no-repeat;
	padding-left:12px;
}
#contentWrapperSmall a{
	color:#3E5D90;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom:1px #3E5D90 dotted;
}
#contentWrapperSmall a:hover, #contentWrapperSmall li.active a{
	color:#900;
	border-bottom:1px #900 dotted;
}
#contentWrapperSmall ul.basic{
	margin:10px 0px 0px 10px;
	padding:0px;
}
#contentWrapperSmall ul.basic li{
	background:url(images/misc/bullet-basic.png) no-repeat 0px 4px;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 15px;
}
#contentWrapperSmall .quote{
	border-left:2px #777 solid;
	margin:10px 10px;
	padding:0px 0px 0px 10px;
}
img.imgFramed{
	border:5px #eee solid;
	padding:1px;
}
span.ack{
	display: block;
	font-size:11px;
	padding: 0px 0px 10px 0px;
	font-style:italic;
}


/*----------------------------------------------------------------------
footer 
-----------------------------------------------------------------------*/

#footer{
	background:url(images/backgrounds/bg-footer.jpg) repeat top center;
	height:205px;
	padding: 0px 0px 15px 0px;
	margin:0px;
    width:100%;
    clear: both;
}
#footerWrapper{
	width:960px;
	margin:0px auto;
	font-size:12px;
	position:relative;
}
#footerWrapper .legalServices,
#footerWrapper .ourFirm,
#footerWrapper .articles,
#footerWrapper .qna{
	display:block;
	width:160px;
	float:left;
	margin:20px 100px 0px 0px;
}
#footerWrapper .articles li {
    color: #999
}
#footerWrapper .qna{
	margin-right:20px;
}

#footerWrapper ul{
	list-style:none;
	padding:0px;
}
#footerWrapper ul li.heading{
	color:#fff;
	text-transform:capitalize;
	font-weight:bold;
	border-bottom:1px #777777 solid;
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;
}
#footerWrapper ul li.heading a {
    color: #fff
}
#footerWrapper ul li{
	padding:2px 0px 0px 0px;
}
#footerWrapper ul li a{
	color:#999;
	text-decoration:none;
}
#footerWrapper .copyright{
	clear:both;
	padding-top:1px;
}
.copyright p{
	font-size:11px;
	letter-spacing:-0.5px;
	color:#777777;
}
.copyrightArt p{
	color: #777777;
    font-size: 11px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    margin-left: 280px;
    width: 650px;
}
#footerWrapper .copyright p a{
	color:#999999;
	text-decoration:underline;
}
#footerWrapper .copyright p a:hover{
	color:#ccc;
}
#footerWrapper .socialIcons{
	width: auto;
	height: 24px;
	position:absolute;
	bottom: -4px;
	right: 20px;
}
#footerWrapper .socialIcons img{
    padding-left: 4px;
    }

.innerPhone div {
	margin-bottom: 15px;
	    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    letter-spacing: 0.5px;
    line-height: 35px;
    padding: 0 0 0 10px;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
		background: rgba(0, 0, 0, 0) url("images/backgrounds/bg-heading.png") no-repeat scroll 0 0;
}
.innerPhone span {
	font-size: 20px;
}

/*----------------------------------------------------------------------
clearfix 
-----------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
	zoom: 1;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

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

.homeButtons {
	width:293px;
	float:left;
	margin-right:30px;
	padding-top:15px;
}

.homeButtons .appointmentBtn,
.homeButtons .lawyerBtn,
.homeButtons .likelyBtn {
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 293px;
	margin:0px;
	padding:0px;
	text-decoration:none;
	text-transform:none;
	cursor:pointer;
	margin-bottom:15px;
}

.homeButtons .appointmentBtn:hover,
.homeButtons .lawyerBtn:hover,
.homeButtons .likelyBtn:hover {
	background-position:-1px bottom;
}

.homeButtons .appointmentBtn {
	background: url("images/buttons/book-appointment.gif") no-repeat scroll 0 0 transparent;
}

.homeButtons .lawyerBtn {
	background: url("images/buttons/lawyer-call.gif") repeat scroll 0 0 transparent;
}

.homeButtons .likelyBtn {
	background: url("images/buttons/likely-penalty.gif") repeat scroll 0 0 transparent;
}

.differenceTable {
	width:300px;
	margin-left:10px;
	margin-top:15px;
}

.differenceTable td {
	width:150px;
}

.differenceTable td p {
    margin: 0;
    padding: 0;
}


/*---------- HOME PAGE ROTATE BANNER----------*/
.rotate-banner{
	margin:15px 0;
}

.clearFloat {
	clear:both;
}

/* Container used for styling the custom select, the buttom class below adds the
 * bg gradient, corners, etc. */
.custom-select {
	position: relative;
	display: block;
}

/* This is the native select, we're making everything but the text invisible so
 * we can see the button styles in the wrapper */
.custom-select select {
	width: 100%;
	margin: 0;
	outline: none;
	padding: .6em .8em .5em .8em;

	/* Prefixed box-sizing rules necessary for older browsers */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/* Font size must be 16px to prevent iOS page zoom on focus */
	font-size: 16px;
}


/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
 * etc. or the arrow could just baked into the bg image on the select. */
.custom-select::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 1em;
	z-index: 2;
	/* These hacks make the select behind the arrow clickable in some browsers */
	pointer-events: none;
	display: none;
}

@supports ( -webkit-appearance: none ) or ( appearance: none )
	/* Firefox <= 34 has a false positive on @supports( -moz-appearance: none )
	 * @supports ( mask-type: alpha ) is Firefox 35+
	 */
	or ( ( -moz-appearance: none ) and ( mask-type: alpha ) ) {
	
	/* Show custom arrow */
	.custom-select::after {
		display: block;
	}

	/* Remove select styling */
	.custom-select select {
		padding-right: 2em; /* Match-01 */
		/* inside @supports so that iOS <= 8 display the native arrow */
		background: none; /* Match-04 */
		/* inside @supports so that Android <= 4.3 display the native arrow */
		border: 1px solid transparent; /* Match-05 */

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.custom-select select:focus {
		border-color: #aaa; /* Match-03 */
	}
}

@-moz-document url-prefix() {
	/* Warning: this kills the focus outline style */
	.custom-select {
		overflow: hidden;
	}
	.custom-select::after {
		display: block;
	}
	/* Make the native select extra wide so the arrow is clipped. 1.5em seems to be enough to safely clip it */
	.custom-select select {
		overflow: -moz-hidden-unscrollable;
		padding-right: .4em;
		background: none; /* Match-04 */
		border: 1px solid transparent; /* Match-05 */
		/* Firefox < 4 */
		min-width: 6em;
		width: 130%;
		/* Firefox 4-15 */
		min-width: -moz-calc(0em);
		width: -moz-calc(100% + 2.4em);
		/* Firefox 16+ */
		min-width: calc(0em);
		width: calc(100% + 2.4em);
	}

	/* Firefox 35+ that supports hiding the native select can have a proper 100% width, no need for the overflow clip trick */
	@supports ( mask-type: alpha ) {
		.custom-select {
			overflow: visible;
		}
		.custom-select select {
			-moz-appearance: none;
			width: 100%;
			padding-right: 2em; /* Match-01 padding-right */
		}
	}
}

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.custom-select select::-ms-expand {
		display: none;
	}
	.custom-select select:focus {
		border-color: #aaa; /* Match-03 */
	}
	.custom-select select:focus::-ms-value {
		background: transparent;
		color: #222; /* Match-02*/
	}
	.custom-select select {
		padding-right: 2em; /* Match-01 */
		background: none; /* Match-04 */
		border: 1px solid transparent; /* Match-05 */
	}
	.custom-select::after {
		display: block;
	}
}

@media screen and (max-width: 768px) {
    #headerWrapper .slicknav_menu {
    	display: block;
        background: none;
        position: absolute;
		top: 2px;
		right: 5px;
		z-index: 1000;
    }
    #headerWrapper .slicknav_menu ul {
	    background: #353535
    }
    .slicknav_menu li a {
        text-align: right;
        padding: 15px 10px;
    }
    #header {
        background: #353535
    }
    #headerWrapper {
        width: 100%;
        z-index: 10
    }
    #banner .banner01 .bannerContent {
        width: 90%;
        margin-top: 200px;
    }
    #banner .banner01 .bannerContent .bannerWrapper, #banner .banner01 .bannerContent a {
        right: 0
    }
    #banner .banner01 .bannerContent .bannerWrapper {
        position: relative;
        top: 0;
        
    }
    #banner .banner01 .bannerContent .bannerWrapper p.heading, #banner .banner01 .bannerContent .bannerWrapper h2, #banner .banner01 p.description {
        text-align: left;
        padding: 0
    }
    #banner .banner01 p.description {
        width: 100%
    }
    #navigation {
        display: none
    }
    #bannerGeneral {
        width: 100%
    }
    .headerPhone {
	    left: 15px
    }
    .headerPhone h2 a {
	    text-decoration: none;
	    color: #000
    }
    #contentWrapper {
        background: none;
        width: 100%
    }
    #contentWrapper #contentWrapperSmall {
        width: 90%;
        float: none;
        padding: 20px
    }
    #leftMenu {
        width: 90%;
        float: none;
        background: none;
        padding: 20px;
    }
    .home .pullQuote {
        float: none;
        width: 100%;
        margin: 0;
        text-align: center
    }
    .home .homeButtons {
        margin: 0 auto;
        float: none;
        text-align: center
    }
    .innerPhone div {
        margin: 0 auto
    }
    .home .searchBox {
        width: 78%;
        height: 4px;
        padding: 10px 0
    }
    .home .searchBox input.field {
        width: 200px
    }
    .home .searchBox input.search-field {
        width: 99%;
    }
    .searchBox input.search-field {
        width: 81%;
    }
    .homeButtons .appointmentBtn, .homeButtons .lawyerBtn, .homeButtons .likelyBtn {
        margin: 0 auto;
        text-align: center
    }
    .home .criminalLaw {
        width: 76.5%;
        padding: 10px 0 0 0;
        margin: 0 auto;
        float: none
    }
    .home .criminalLaw h2 {
        width: 100%;
        padding: 0 0 0 5px;
        background: url(images/backgrounds/bg-heading.png) repeat 0px 0px;
    }
    .home .criminalLaw p, .home .civilLaw p {
        padding: 0
    }
    .home .innerPhone span a {
	    color: #fff;
	    text-decoration: none
    }
    .memberProfile .memberInfo {
        width: 91%;
        margin: 0 auto;
        text-align: center;
    }
    .memberProfile .memberInfo .memberImage {
        text-align: center;
        margin: 10px auto;
    }
    .memberProfile .memberInfo a {
        text-align: center;
        position: relative;
    }
    .memberProfile .memberInfo .memberImage img {
        margin: 0 auto;
        text-align: center
    }
    .memberProfile .memberDetails {
        width: 91%
    }
    .page-template-contact-us .contactForm {
        width: 100%;
        float: none;
    }
    .page-template-contact-us .addressDetails {
        width: 100%;
        float: none;
    }
    #footerWrapper {
        width: 100%;
        background: #323232;
    }
    #footerWrapper .legalServices, #footerWrapper .ourFirm, #footerWrapper .articles, #footerWrapper .qna {
        margin: 0;
        padding: 10px 30px;
        text-align: center;
        float: none;
        width: 85%
    }
    #footerWrapper .copyright {
        text-align: center
    }
    #footerWrapper .socialIcons {
        position: relative;
        height: auto;
        padding: 10px 0;
        text-align: center;
        right: 0;
        bottom: 0
    }
}