@charset "UTF-8";
a { text-decoration: none; }
ul { 
	display: block; 
	margin: 0; 
	list-style: outside; 
	padding-left:1.2em; 
}
p, li { line-height: 1.5em; text-align:justify;}
article { padding: 2.5%; padding-bottom: 30px; overflow: auto; clear: both; padding-right: 30%; position: relative; }
body {
	color:grey;
	background-color: #E5E5E5;
	font-size: 80%;
	font-family: Arial,Helvetica, Sans-serif;
}
h1, h2, h3, h4, h5, h6, a {
	color:#BE1035;
}
h1, h2, h3, h4, h5, h6 {
	font-variant: small-caps;
}
h1 { font-size: 2em;}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em;}
h4 { font-size: 1.2em;}
img {max-width: 100%;}
nav.main {
	background-color: #BE1035;
	color:white;
	display: block;
	overflow: auto;
}
header { 
	display: block; 
	overflow: auto; 
	position: relative; 
}
header img.logo { 
	float: left;
	width: 15%;
	min-width: 70px;
	display: block;
	margin: 1em;
}
img.menu-button {
	min-width: 25px;
	min-height: 25px;
	max-width: 40px;
	max-height: 40px;
	width: 20px;
	height: 20px;
	float: right;
	position: relative;
	margin: 1em;
}
nav.main li { float: left; display: block; }
nav.main li a { display: block; color: inherit; padding: 1em 2em;  }
nav.main li a:hover { color: black; }
div.banner {
	max-width: 980px;
	max-height: 280px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
}

div.nav {
	background-color: #000;
	opacity: 0.7;
	height: 100%;
	width: 145px;
	float: right;
	top: 0px;
	position: absolute;
	right: 0;
	overflow: hidden;
}
div.nav ul, div.nav li { margin: 0; padding: 0}
div.nav li {
	display: block;
	height: 18%;
}
div.nav li.selected {
	background-color: #BE1035;
}
.page {
	max-width: 980px;
	margin: 20px auto;
	background-color: white;
}
a.goto { 
	font-size: 60%;
	color: #808080;
	font-weight: normal;
	float: right;
}
#side-bar {
	float: right;
	width: 25%;
	position: absolute;
	right: 2em;
}
#side-bar img { width: 100%; }
#side-bar ul { padding: 0 0 0 1em; }
.promo_container { clear: both; padding:2.5%; overflow: auto; border-top: 1px solid #dededd; }
.promo { width: 48.5%; float: left;}
.promo:first-child { padding-right:2.5%;}
footer {
	clear: both;
	background-color: #BE1035;
	border-top: 1em solid #333;
	color: #FFF;
	overflow: auto;
	padding: 1em 0 1em;
}

footer a { 
	color:inherit; 
	display: block; 
}

footer .contacts { 
	float:left; 
	margin-left: .5em;
}
footer h1 {
	margin: 0;
	color: white;
}
ul.menu.main li, footer nav { 

}

footer nav { 
	text-align: right; 
	padding: 1em 2em; 
	display: block;
	float: right;
}

footer li {
	display: block;
	line-height: 1.5em;

}

div.operations {
    clear: both;
    background-color: #666;
    color: white;
    padding: 0 1em 1em 1em;
    border-top: 1em solid #BE1035;
    overflow: hidden;
}
div.operations ul ul {
	clear:both;
}
div.operations ul { overflow: auto; float: left; list-style: outside; overflow: hidden;}
ul ul { list-style: circle; }
div.operations h2 {
	color: #fff;
	margin-top: 5px;
	margin-bottom: .5em;
}
article ul.service-areas {
	float: left;
	width: 46%;
	margin-left: 2%;
}
article ul.service-areas:nth-child(2n+1){
	margin-left: 0;
	clear: left;
}
ul.service-areas h2 { 
	padding: 0.5em 0px;
	margin: 0px;
	text-transform: uppercase;
	margin-left: -0.8em;
}

ul.courts {
	width:30%;
	overflow: hidden;
}
ul.courts li { clear: both;}

.copyright { 
	background-color: #E5E5E5;  
	color: black; 
	overflow: auto;
}

.copyright p {
	margin: 0;
	padding: 0.5em;
	text-align: center;
}
li.address {
	background-image: url("../../assets/images/icon-address.jpg");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:  2em;
}
li.postal {
	background-image: url("../../assets/images/icon-postal.jpg");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:  2em;
}
li.phone {
	background-image: url("../../assets/images/icon-phone.jpg");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:  2em;
}
li.fax {
	background-image: url("../../assets/images/icon-fax.jpg");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:  2em;
}
li.email {
	background-image: url("../../assets/images/icon-email.jpg");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:  2em;
}
li.url {
	background-image: url("../../assets/images/icon-url.jpg");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:  2em;
}
li.phone, li.email, li.fax, li.url { float: left; padding-right: 1em; }
li.phone, li.fax {clear: left;}
ul.clients { display: block; overflow: auto; }
ul.clients li { float: left; width: 30%; padding-right: 1.5%; display: block; }

div.info { }
.cta {
	text-transform: uppercase;
	padding: 5px 16px 5px 5px;
	background: transparent url("../../assets/images/cta_arrow.png") no-repeat scroll right 4px;
}
.cta:hover {
	background: #BE1035 url("../../assets/images/cta_arrow.png") no-repeat scroll right -18px;
	color: #E5E5E5;
}
a.button {
    color: #BE1035;
	font-weight: bolder;
	display: block;
	float: left;
	border-radius: .8em;
}
em {
	color: #BE1035;
}

div.department:first-child { padding-left:0 }

div.department img { width: 100%; }

@media only screen and (min-width: 721px) and (max-width: 1920px){
	div.department:first-child {

	}
	
	.menu-button { display: none; }

	div.department {
		width:19%;
		float: left;
		padding-left:1.25%;
		padding-top:1em;
	}
}
@media only screen and (min-width: 501px) and (max-width: 720px){
	div.department {
		width:32.5%;
		float: left;
		padding-left:1.25%;
		padding-top:1em
	}
	nav.main li {
		text-align: left;	
	}
	div.department:nth-child(3n+1) {
		clear: left;
	}
}

@media only screen and (min-width: 351px)  and (max-width: 500px){
	.department {
		width: 49%;
		padding-left: 2%;
		float: left;
		margin-top: 2%;
	}
	.department:nth-child(2n+1){
		clear: left;
		padding-left: 0;
	}
}

@media only screen and (max-width: 350px){
	.department {
		width: 100%;
		float: left;
		margin: 2% 0 4%;
		border-top: 2px solid #fff;
		padding-top: 4%;
	}
	.department:first-child {
		border: none;
	}
}

@media only screen and (max-width: 500px){
	.promo { width: 100%; float: none;}
	#featured .ui-tabs-panel .info{ 
		display: block;
	}	
	#featured .ui-tabs-panel .info p {
		line-height:1.5;
	}
	nav.main {
		display: none;
	}
	
	ul.service-areas {
		width:100%;
	}
	
	ul.courts {
		width: 100%;
		overflow: hidden;
	}
	
	ul.courts li{
		width: 45%;
		float: left;
		clear: none;
	}
	
	ul.courts li:nth-child(2n){
		clear: left;
	}
	
	ul.courts li.high-court, ul.courts li.high-court ul{
		width: 100%;
	}
	
	ul.courts li.high-court li{
		width: 100%;
	}
	
	nav.main {

	}
	
	nav.main ul {
		padding: 0;
	}
	
	nav.main ul li {
	}
	
	nav.main li a {
		padding: 0;
	}
	
	img.menu-button {
	}
	
	footer ul {}
	
	footer nav, footer ul {
		padding:0;

	}
	
	footer nav {
		width: 100%;
		padding: 0;
	}
	
	footer nav li, ul.menu.main li {
		padding: 1%;
		margin: 1.2%;
	}
	
	footer nav li, ul.menu.main li {
		border: 1px solid #FFF;
		border-radius: 0.8em;
		float: left;
		text-align: right;
	}
	
	footer nav li,ul.menu.main li {
		width: 44.5%;	
	}

	footer nav li:nth-child(2n), ul.menu.main li:nth-child(2n){
		text-align: left;
	}
	
	footer nav li:hover, ul.menu.main li:hover {
		background-color: #fff;
		color:#BE1035;
	}
}