/* File:  styles/mainStyle.css */

@import url("normalize.css"); 
@import url("fontStyles.css");
@import url("chalkduster/chalkStyles.css");

/* Reset */
* { margin: 0; padding: 0; }
html, body {
	text-decoration: none;
	font-size: 12pt;
	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; 
	margin: 0;
	paddung: 0;
}
body {
	background-color: #564e41;
}
iframe {
	max-width: 100%;
	margin: 0 auto;
}
ol, ul { list-style: none; margin: 0; padding: 0; }
ul, li { margin: 0; padding: 0; }
a, a:link {
	text-decoration: none;
}
/*hr {  Thematic break - used to be horizontal line
	display: block;
	border-style: inset;
	border-width: 1px;
	margin-left: 0em;
	margin-top: 1em;
	margin-right: 10%;
	margin-bottom: 1em;
	color: #ffffff;
} */
.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
img {			
	max-width: 100%;
}
.tab0 {
	text-indent: 0em;
}
.tab2 {
	text-indent: 2em;
}
.tabNeg2 {
	text-indent: -2em;
}
.padL2 {
	padding-left: 2em;
}
.marL2 {
	margin-left: 2em;
}
.drop{
    display:block;
    float:left;
    width:54px;
    height:54px;
    margin-top:5px;
    padding-right:8px;
    text-indent: -9000px;
    }
.t {
    background: url('http://www.jasonrabinovitchcriminallawyer.com/images/drop-cap-t-54x54.png') 0 0 no-repeat;
    }
.i {
    background: url('http://www.jasonrabinovitchcriminallawyer.com/images/drop-cap-i-54x54.png') 0 0 no-repeat;
    }
/* Reset */

.basicPage {		/* Container for standard page */
	position: relative;
	top: 0;
	left: 0;  
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

/******* Basic Column Structure *******/
.columnSection {	/* Container for columns */
	display: block;
	width: 100%;
	max-width: 76em;	/* w/ LEEWAY -- Should eventually be 75em */
	margin: 0 auto; 
}
.columnSection .column {
	display: inline-block; 
	width: 27.15%; 
	padding: 2%; 
	vertical-align: top;
	z-index: 100;
}
.columnSection .leftColumn {
	display: inline-block; 
	width: 27.15%; 
	padding: 2%; 
	vertical-align: top;
	z-index: 100;
}
.columnSection .rightColumn {
	display: inline-block; 
	width: 27.15%; 
	padding: 2%; 
	vertical-align: top;
	z-index: 100;
}
.columnSection .centerColumn {
	display: inline-block; 
	width: 28%; 
	padding: 2%;
	margin-left: 2%;
	margin-right: 2%;
}
.columnSection .headColumn {  /* Header left */
	display: inline-block; 
	vertical-align: middle;
	width: 27.15%; 
/*	width: 35%; */
	padding: 0%;
	margin-left: 2%;
	margin-right: 2%; 
	margin-top: 0.3%;
}
.columnSection .smallHeadColumn {	/* Header middle */
	text-align: left;
	display: inline-block; 
	vertical-align: middle;
	width: 36%;  /* 28 + 2+2+2+2 */
/*	width: 20%;*/
	padding: 0;
/*	margin-left: 4%;
	margin-right: 4%; */
	margin-top: 0.3%
	;
	margin-bottom: 0;
	z-index: 100;
}
.columnSection .largeHeadColumn {	/* Header right */
	text-align: left;
	display: inline-block; 
	vertical-align: middle;
/*	width: 28%;*/
	width: 32%;
	padding: 0;
/*	margin-left: 3%;
	margin-right: 2%; */
	margin-top: 0.3%;
	z-index: 100;
}
.columnSection .unpaddedColumn {
	position: relative;
	display: inline-block; 
	width: 31.15%; 
	padding: 0;
	margin: 0;
	vertical-align: top;
	z-index: 100;
}
/******* Basic Column Structure *******/

/******* Header ************** Header ************** Header *******/
header .banner {
	width: 100%;
	background-image: url('../images/bkg-banner-24x172.gif');
	background-repeat: repeat-x;
	padding-top: 0.5%;
	padding-bottom: 1%;
}
.logo {
		display: block; 
		width: 100%;  
/*		width: 336px; */ 
/*		height: 140px; */
		max-width: 100%;  
		vertical-align: middle;
/*		margin: 0 auto; */
		z-index: 100;
	}
a#logoChoosable img {
vertical-align: middle;
}
a#logoChoosable {
/*		background-image: url('http://www.jasonrabinovitchcriminallawyer.com/images/jason-rabinovitch-logo-336x280.jpg');
		background-repeat: no-repeat;
		background-position: bottom; 
background-size: cover;
width: 100%;
max-width: 100%;*/
vertical-align: middle;
opacity: 0.9;
	}
a:visited#logoChoosable {
/*		background-position: bottom;*/
opacity: 0.9;
	}
a:hover#logoChoosable {
/*		background-position: top;*/
opacity: 1.0;
	}
a:active#logoChoosable {
/*		background-position: bottom;*/
opacity: 0.9;
	}
a#logoChosen {
		background-image: url('http://www.jasonrabinovitchcriminallawyer.com/images/jason-rabinovitch-logo-336x280.jpg');
		background-repeat: no-repeat;
		background-position: top; 
background-size: cover;
width: 100%;
max-width: 100%;
}
		
/* mainMenu */
	header .banner .columnSection .smallHeadColumn .smHleftCol {
		width: 47%;
		float: left;
		margin-left: 11%;
	}
	header .banner .columnSection .smallHeadColumn .smHrightCol {
		width: 33%;
		margin-right: 9%;
		float: left;
		text-align: left;
	}
	header .banner .columnSection .smallHeadColumn nav ul.mainMenu {
		vertical-align: middle;
		list-style-type: none;
	}
	header .banner .columnSection .smallHeadColumn nav ul.menu li {  /* menu background specified here */
		line-height: 1em;
		text-decoration: none;
		background-color: transparent;
	}  
/* mainMenu */
	header .banner .columnSection .largeHeadColumn p.phone {  
		text-decoration: none;
		color: #efd9ac;
	}  
	header .banner .columnSection .largeHeadColumn p.phone a.visible-phone {  
		text-decoration: none;
		color: #efd9ac;
	}  
	header .banner .columnSection .largeHeadColumn p.tag {  
		line-height: 2em;
	}  

/******* Header ************** Header ************** Header *******/


/******* Page Content ************** Page Content *******/
section#pageContent {
	position: relative;
	width: 100%; 
	background-image: url('http://www.jasonrabinovitchcriminallawyer.com/images/bkg-paper-270x92.gif');
	background-repeat: repeat;
	margin: 0 auto;
}
section#pageContent .columnSection .column h3 {
	margin-bottom: 0;
}
#contactForm {
	background-color: #564e41;
}
#contactForm .formContents {
	width: 85%;
	margin: 7.14285%;
	padding-top: 7.14285%;
	padding-bottom: 7.14285%;
}
#contactForm .formContents p.email {
	margin-bottom: 0.5em;
}
#contactForm .formContents p.bodyBright {
	margin-bottom: 0.5em;
}
#contactForm .formContents input[type="text"] {  
	width: 100%;
	background-color: #efd9ac;
}
#contactForm .formContents textarea {  
	width: 100%;
	background-color: #efd9ac;
}
#contactForm .formContents p.req {  
	margin-top: 0.3em;
}
#contactForm .formContents .submitImg {
	width: 152px;
	height: 40px;
	background-image: url("http://www.jasonrabinovitchcriminallawyer.com/images/submit-button-152x80.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: transparent;
	border: none;
	margin: 1em auto 0;
	margin-left: 23%;
	text-indent: 1000px;	
}
#contactForm .formContents .submitImg:visited {
	background-position: bottom;
}
#contactForm .formContents .submitImg:hover {
	background-position: top;
}
#contactForm .formContents .submitImg:active {
	background-position: bottom;
}
.contactFormOverlay {
	position: absolute;
	top: 6%;
	right: 7.5%;
	width: 85%;
}
.contactFormOverlay #contactForm {
	opacity: 0.9; 
}
.contactFormOverlay #contactForm .formContents input[type="text"] {
	opacity: 1.0; 
	color: #000000;
}
.contactFormOverlay #contactForm .formContents textarea {
	opacity: 1.0; 
	color: #000000;
}
.contactFormOverlay #contactForm .formContents .submitImg {
	opacity: 1.0; 
}
/*section#pageContent .columnSection .centerColumn .socialInfo {
	margin-top: 5%;
}*/
section#pageContent .columnSection .centerColumn .contactInfo {
	margin-top: 15%;
}
section#pageContent .columnSection .centerColumn .contactInfo p a {
	text-decoration: none;
}
section#pageContent .columnSection .centerColumn .contactInfo img#gavel {
	margin-top: 12%;
}
 img#line1 {
	margin-top: 8%;
	margin-bottom: 5%;
}
 ul.socialLinks {
	display: inline-block;
	margin-top: 2%;
	z-index: 200;
}
 ul.socialLinks li {
	display: inline;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.3em;
}
 ul.socialLinks li a {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background-position: bottom;
}
 ul.socialLinks li.social a {
	background-position: bottom;
}
 ul.socialLinks li.social a:visited {
	background-position: bottom;
}
 ul.socialLinks li.social a:hover {
	background-position: top;
}
 ul.socialLinks li.social a:active {
	background-position: bottom;
}
 ul.socialLinks li.fb a {
	background-image: url('http://www.jasonrabinovitchcriminallawyer.com/images/facebook-button-24x24.png');
	background-repeat: no-repeat;
}
 ul.socialLinks li.tw a {
	background-image: url('http://www.jasonrabinovitchcriminallawyer.com/images/twitter-button-24x24.png');
	background-repeat: no-repeat;
}
 ul.socialLinks li.linked a {
	background-image: url('http://www.jasonrabinovitchcriminallawyer.com/images/linkedin-button-24x24.png');
	background-repeat: no-repeat;
}
 ul.socialLinks li.gplus a {
	background-image: url('http://www.jasonrabinovitchcriminallawyer.com/images/googleplus-button-24x24.png');
	background-repeat: no-repeat;
}
section#pageContent .columnSection .marginT5 {
	margin-top: 5%;
}
section#pageContent .columnSection .marginT3 {
	margin-top: 3%;
}
section#pageContent .columnSection .marginT10 {
	margin-top: 10%;
}
section#pageContent .columnSection .marginT11 {
	margin-top: 11%;
}
section#pageContent .columnSection .marginT13 {
	margin-top: 13%;
}
section#pageContent .columnSection .marginB3 {
	margin-bottom: 3%;
}
section#pageContent .columnSection .marginB5 {
	margin-bottom: 5%;
}
section#pageContent .columnSection .marginTB4 {
	margin-bottom: 4%;
	margin-top: 4%;
}
section#pageContent .columnSection .marginT15B3 {
	margin-top: 7%;
	margin-bottom: 3%;
}
section#pageContent .columnSection .moreLink {
	text-align: right;
/*	float: right;*/
	font-size: 1.2em;
}
section#pageContent .columnSection .hang {
	padding-left: 1em;
	text-indent: -1em;
}
section#pageContent .columnSection .hang2 {
	padding-left: 1.85em;
	text-indent: -1.85em;
}
section#pageContent .columnSection .hang2b {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
section#pageContent .columnSection .unpaddedColumn {
	padding: 0%;
}
section#pageContent .columnSection .unpaddedColumn img {
	max-width: 100%;
}
section#pageContent .columnSection .unpaddedColumn .stratford {
	margin-top: 6%;
	margin-bottom: 10%;
}
/******* Page Content ************** Page Content *******/

/******* Footer *************** Footer *************** Footer ********/
footer#boot {
	background-image: url('../images/bkg-footer-270x92.gif');
	background-repeat: repeat;
	width: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
}
footer#boot .columnSection {
	width: 100%;
	max-width: 76em;
	margin: 0 auto; 
	padding-bottom: 5%;
	padding-left: 2%;
}
footer#boot .columnSection .unpaddedColumn h1.title4{
	vertical-align: top;
/*	margin-top: -2%; */
	padding-left: 6%;
}
footer#boot .columnSectio .unpaddedColumn #map-canvas img{
	max-width: 100%;
}
footer#boot .columnSection .centerColumn #contact-info{
	display: inline-block;
	margin-top: 7%;
}
footer#boot .columnSection .centerColumn #contact-info p.driving {
		margin-bottom: 0.1em;	
}
footer#boot .columnSection .centerColumn #contact-info form#gooDir {
		position: absolute;	
		left: -9999em;
}
footer#boot .columnSection .leftColumn nav ul.footerMenu {
	margin-right: 0%;
	vertical-align: top;
	margin-top: 7%;
}
footer#boot .columnSection .leftColumn nav ul.footerMenu li {
	line-height: 1em;
}

footer#boot .columnSection .leftColumn div ul#credit {
	display: inline-block;
	width: 129px;
	height: 24px;
	margin-top: 20%;
}
footer#boot .columnSection .leftColumn div ul#credit li {
	display: inline;
}
footer#boot .columnSection .leftColumn div ul#credit li a#artwareStudiosText{
	font-size: 0.7em;
	color: #000000;
}
footer#boot .columnSection .leftColumn div ul#credit li a:hover#artwareStudiosText{
	color: #a93c4e;
}
footer#boot .columnSection .leftColumn div ul#credit li a#artwareStudiosLogo{
	float: right; 
	width: 72px;
	height: 24px;
	margin-top: -9px;
	background-image:  url('http://www.artwarestudios.com/images/artware_logos/ArtwareStudiosLogo_CLRx2.png'); 
	background-position: bottom; 
	background-repeat: no-repeat; 		
}
footer#boot .columnSection .leftColumn div ul#credit li a:hover#artwareStudiosLogo{
		background-position: top;
}
/******* Footer *************** Footer *************** Footer ********/

/******* Visibility Classes (Default is Desktop) *******/
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none;
}
.visible-tablet {
  display: none;
}
.visible-desktop {
  display: block;
}
.hidden-phone {
  display: block;
}
.hidden-tablet {
  display: block;
}
.hidden-desktop {
  display: none;
}
/******* Visibility Classes (Default is Desktop) *******/

/******* ReCaptcha Styles *******/
.g-recaptcha {
    transform: scale(0.7);
    transform-origin: 0 0 0;
    margin: 0 auto;
    margin-top: 0.5em;
    margin-bottom: -1.1em;
    width: 100%;
    max-width: 100%;
}
.g-recaptcha .rc-anchor-light {
	border: 1px solid #9a1f1f;   
}
.g-recaptcha div iframe {
	border: 2px solid #efd9ac;   
}
/*.g-recaptcha div .recaptcha-checkbox-border {
	border: 2px solid #9a1f1f !important; 
	background-color: #ff0000;  
}*/
/*.g-recaptcha div div iframe {
		width: 90%;	
		max-width: 100%;
		margin 0 auto;
}*/  /* google's iframe styled externally */
/******* ReCaptcha Styles *******/


/******* MEDIA QUERIES ************** MEDIA QUERIES ************** MEDIA QUERIES *******/

/********************* min-width: 320px ************** max-width: 599px *******/
 @media (min-width: 180px) and (max-width: 768px) {		/* 399px = 24.938em */
	.visible-phone {																					/* 599px =  37.438em */
		display: block;
/*	line-height: 1em;
	font-size: 0.8em; 	
	text-align: center;	*/											
	}
	.hidden-phone {
		display: none;
		visibility: hidden;
	}

img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}	
.columnSection .column {
	display: block;
	width: 92%;
	margin: 0 auto;
} 
.columnSection .headColumn {
	display: block;
	width: 92%;
	margin: 0 auto;
	float: none
} 
.columnSection .largeHeadColumn {
	display: block;
	width: 92%;
	height: auto;
	margin: 0 auto;
	margin-top: 0%;
	text-align: center;
} 
header .banner .columnSection .largeHeadColumn p.phone a.visible-phone {  
	line-height: 1em;
	font-size: 0.8em; 	
	text-align: center;												
}  
header .banner .columnSection .largeHeadColumn p.tag {  
	line-height: 2em;
	font-size: 0.85em; 													
}  
header .banner .columnSection .largeHeadColumn p.tagSm {  
	line-height: 2em;
	font-size: 0.75em; 													
}  
header .banner .columnSection .largeHeadColumn p.bodyLight {  
	font-size: 0.75em; 													
}  
header .banner .columnSection .smallHeadColumn {
	display: block;
	vertical-align: middle;
	font-size: 0.85em;
	line-height: 1em;
	margin: 0 auto;
	padding-top: 2%;
	padding-bottom: 2%;
/*	text-align: left;*/
	width: 85%;
	margin: 0 auto;
	overflow: auto; 
} 
header .banner .columnSection .smallHeadColumn .smHleftCol {
	width: 50%;
/*	padding-left: 5%;*/
	text-align: left;
	margin: 0;
}
header .banner .columnSection .smallHeadColumn .smHrightCol {
	width: 50%;
	margin-right: 0;
	margin-left: 0;
	text-align: right;
}
header .banner .columnSection .smallHeadColumn .smHleftCol nav ul.mainMenu {
	text-align: left;
}
header .banner .columnSection .smallHeadColumn .smHrightCol nav ul.mainMenu {
	text-align: right;
}
.columnSection .centerColumn {
	display: block;
	width: 92%;
	margin: 0 auto;
/*	margin-top: -14%; */
} 
.columnSection .unpaddedColumn {
	display: block;
	width: 92%;
	margin: 0 auto;
} 
.columnSection .unpaddedColumn img {
	display: none; 
}
.columnSection .unpaddedColumn #map-canvas a img {
	display: block; 
}
.columnSection .unpaddedColumn .contactFormOverlay {
	display: block; 
	position: relative;
	top: 0%;
	right: 0%;
	width: 92%;
	margin: 0 auto;
}
.columnSection .leftColumn {
	display: block;
	width: 92%;
	margin: 0 auto;
} 
.columnSection .rightColumn {
	display: block;
	width: 92%;
	margin: 0 auto;
} 
.columnSection .rightColumn img {
	display: none;
}
header .banner {
	background-image: none;
}
.logo {
/*	width: 80%;
	margin-top: 10px;
	margin-bottom: 10px; */
	margin: 0 auto;
	max-width: 100%;  
}

section#pageContent .columnSection .marginT11 {
   margin-top: -4%;
}
section#pageContent .columnSection .marginT10 {
	margin-top: 0%;
}
section#pageContent .columnSection .centerColumn .contactInfo {
	margin-top: 0%;
}
section#pageContent .columnSection .unpaddedColumn .stratford img {
	display: block;
}

footer#boot .columnSection .unpaddedColumn h1.title4{
	vertical-align: top;
/*	margin-top: -2%; */
	text-align: left;
	padding-left: 0%;
}
footer .wrapper #map-canvas {
	display: block;
	width: 95%;
	margin: 0 auto;
	vertical-align: top;
}
footer .wrapper #contact-info {
	display: block;
	width: 95%;
	margin: 0 auto;
	margin-top: 2.5%;
}
} 
/********************* min-width: 180px ************** max-width: 768px *******/

/********************* min-width: 600px ************** max-width: 650px *******/
@media (min-width: 600px) and (max-width: 650px) {
	.columnSection .largeHeadColumn {
		display: block;
		width: 50%;
		height: auto;
		margin: 0 auto;
		margin-top: -10%;
		text-align: center;
	} 
}
/********************* min-width: 600px ************** max-width: 650px *******/

/********************* min-width: 650px ************** max-width: 768px *******/
@media (min-width: 650px) and (max-width: 768px) {
	.columnSection .largeHeadColumn {
		display: block;
		width: 50%;
		height: auto;
		margin: 0 auto;
		margin-top: -15%;
		text-align: center;
	} 
}
/********************* min-width: 650px ************** max-width: 768px *******/

/********************* min-width: 769px ************** max-width: 1000px *******/
 @media (min-width: 769px) and (max-width: 1000px) {	 /* max is 1000px = 62.500em */			
.mobileNotice {																					/* 800px = 50.000em */
	display: none;																				/* 768px = 48.000em */
}
																												/* was 37.500em - 62.500em */
	.visible-phone {
		display: none;
	}
	.hidden-phone {
		display: block;
	}
.visible-tablet {
  display: block;
}
.hidden-tablet {
  display: none;
}

img {
	max-width: 100%;
}	
.columnSection .column {
	width: 27.15%;
} 

.columnSection .headColumn {
	width: 27.15%;
/*	width: 55%;*/
} 
.columnSection .smallHeadColumn {
	vertical-align: middle;
	display: inline-block;
	width: 32%;
	margin: 0;
	padding-left: 0%;
} 
header .banner .columnSection .smallHeadColumn .smHleftCol {
	float: left;
	width: 50%;
	margin-left: 7%;
	margin-right: 0%;
	padding-left: 0%;
} 
header .banner .columnSection .smallHeadColumn .smHrightCol {
	float: left;
	width: 40%;
	margin-left: 0%;
	margin-right: 0;
	padding-left: 0%;
} 
.columnSection .largeHeadColumn {
/*	display: block;*/ 
	width: 33%;
	margin: 0 auto;
	text-align: center;
} 

.columnSection .centerColumn {
	width: 28%;
} 
.columnSection .unpaddedColumn {
	width: 28%;
} 
.columnSection .unpaddedColumn img {
/*	display: none; */
}
.columnSection .leftColumn {
	width: 27.15%;
} 
.columnSection .rightColumn {
	width: 27.15%;
} 
.columnSection .rightColumn img {
}
.menuChosen {
	font-size: 0.9em;
	line-height: 1.3em;
}
.menuLink {
	font-size: 0.9em;
	line-height: 1.3em;
}
header .banner .columnSection .largeHeadColumn p.hidden-phone {  
	line-height: 2em;
	font-size: 1.2em; 													
}  
header .banner .columnSection .largeHeadColumn p.tag {  
	line-height: 2em;
	font-size: 0.75em; 													
}  
header .banner .columnSection .largeHeadColumn p.tagSm {  
	line-height: 2em;
	font-size: 0.5em; 													
}  
.contactFormOverlay #contactForm .formContents input[type="submit"] {
/*	margin: 0 auto; */
}
.contactFormOverlay #contactForm .formContents .submitImg {
	width: 70%;
	margin-left: 15%;
}

footer .wrapper #map-canvas{
	display: block;
	width: 95%;
	margin: 0 auto;
	vertical-align: top;
}
footer .wrapper #contact-info{
	display: block;
	width: 95%;
	margin: 0 auto;
	margin-top: 2.5%;
}
} 
/********************* min-width: 769px ************** max-width: 1000px *******/

/******* MEDIA QUERIES ************** MEDIA QUERIES ************** MEDIA QUERIES *******/