@charset "utf-8";
/* CSS Document */

body	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#efefef;
		font-size:1.125em;
		line-height:1.25em;
		margin:0;
		padding:0;
		background-color:#311c17;
		background: url(ManhattanBackground_2000x.jpg) no-repeat left center fixed; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
 		 -o-background-size: cover;
  		background-size: cover;
		}

		
h1		{
		font-size: 1.375em;
		line-height: 1.375em;
		font-weight:bold;
		margin:24px 18px 12px 18px;
		font-style:normal;
		color:#FFCC66;
		}
h2		{
		font-size: 1.1875em;
		line-height: 1em;
		font-weight:bold;
		margin:18px 18px 4px 18px;
		font-style:normal;
		color:#FFCC66;
		}

a img {
	border: none;
}
a	{
	color:#0CF;
	text-decoration:none;
	}
a:hover	{
	color:#CFF;
	text-decoration:none;
	}
li		{
		font-size:1em;
		margin-top:8px;
		margin-right:6px;
		}


p		{
		margin: 18px 18px 6px 18px;
		}
.center		{
		text-align:center;
		}
.noBreak	{
	white-space:nowrap;	
	}
.topHolder	{
	width:100%;
	border-bottom:1px solid #ccc;
	}
.top	{
	width:80%;
	margin:0 auto;
	}
.logoHolder	{
	float:left;
	width:30%;
	margin:18px 12px 6px 0;
	display:block;
}
.logoImage	{
	max-width:370px;
	margin:0 auto;
	display:block;
	}
.address	{
	font-size:.9375em;
	text-align:center;
	}
.councilText
{
	float:right;
	width:45%;
	font-family:"Times New Roman", Times, serif;
	color:#FFCC66;
	background-color:#000;
	padding:6px;
	font-weight:bold;
	font-size:3em;
	line-height:1em;
	margin:40px 0 30px 0;
	text-align:center;
		-moz-border-radius:  9px;
		-webkit-border-radius:  9px;
		-khtml-border-radius: 9px;
		border-radius:  9px;	
	}
.phone	{
	float:left;
	width:20%;
	font-size:1.25em;
	line-height:1.25em;
	color:#FFCC66;
	font-weight:normal;
	text-align:center;
	margin:60px 0 0 0;
	}

.container	{
	width:80%;
	margin:0 auto;
	padding-bottom:12px;
	background-color: rgba(20,20,20,0.8);
		-moz-border-radius:  0 0 9px 9px;
		-webkit-border-radius:  0 0 9px 9px;
		-khtml-border-radius:  0 0 9px 9px;
		border-radius: 0 0 9px 9px;	
	}
.listHolder	{
	width:40%;
	float:left;
	margin-right:2%;
	}
.photoHolder	{
	width:25%;
	float:left;
	margin: 0 auto;
	}
.photoHolder img	{margin:2%; border:2px solid #efefef;}
.photoLawyer	{
	max-width:210px;
	width:48%;	
	margin:4% auto;
	display:inline-block;
	text-align:center;
	}
.verdictHolder	
	{
	clear:both;
	width:100%;
	float:left;
	}
.verdict	{
	font-size: 1em;
	line-height:1.25em;
	margin: 2px 18px 0 18px;
	}
.smallRef	{
	font-size:.75em;
	}
.visit	{
	text-align:center;
	font-style:italic;
	font-weight:bold;
	background-color: #111;
	padding:6px;
		-moz-border-radius:  0 0 9px 9px;
		-webkit-border-radius:  0 0 9px 9px;
		-khtml-border-radius:  0 0 9px 9px;
		border-radius: 0 0 9px 9px;	
	}
.formHolder	{
	width:25%;
	float:right;
	}
.formText	{
	font-size:.75em;
	line-height:1em;
	color:#efefef;
	margin:8px 18px 8px 12px;
	}
.formNote	{
	font-size:.75em;
	font-style:italic;
	line-height:1.25em;
	color:#efefef;
	margin-top:8px;
	}
.red	{
	color:#C33;
	}
	
/*Media Querries below-----------------------------------------*/

@media only screen and (max-width: 1299px) {
	.photoHolder	{
	width:50%;
	float:right;
	margin-right:2%;
	text-align:right;
	}
	.listHolder	{
	width:46%;	
	}
	.formHolder	{
	float:left;
	width:99%;
	margin: 0 18px 0 4px;
	}
	.logoHolder	{width:50%;}
	.phone	{width:40%;float:right}
	.councilText	{width:99%; float:left; display:block; margin:18px auto 12px auto;}
}
@media only screen and (max-width: 899px) {
	.photoHolder	{
		float:none;
		width:98%;
		clear:both;
		display:inline-block;
		text-align:center;
		}
	.photoHolder img {margin-top:0; }
	ul	{margin-bottom:0; margin-top:0;}
	.listHolder	{
		float:none;
		width:100%;
		}
	h1	{padding-top:24px;}
	.formHolder	{
	float:left;
	width:98%;
	margin: 0 18px 0 4px;
	}
}

@media only screen and (max-width: 799px) {
	.leftColumn {	width:100%; margin:0; padding:0}
	.rightColumn {	width:100%; margin:0; padding:0}
}
@media only screen and (max-width: 799px) {
.phone	{font-size:1em; line-height:1em;}

}
@media only screen and (max-width: 599px) {
.container	{
	width:90%;
	margin:0 auto;
}
.top	{
	width:90%;
	margin:0 auto;
	}
	.photoHolder	{
	width:90%;
	margin-left:4%;
	}
.logoHolder	{width:100%;}
.phone {width:100%; margin-top:6px;}
}
@media only screen and (max-width: 499px) {

}