/*
* =============================================================================
* GLOBAL
* =============================================================================
*/
body
{
	color: #272525;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	margin: 30px 0;
	padding: 0;
}
a
{
	color: #272525;
}
a:hover
{
	text-decoration: none;
}
a img
{
	border: 0px solid #fff;
}

div#wrapper
{
	background: #e8e8e9;
	margin: 0 auto;
	width: 800px;
}

ul
{
	list-style-type: square;
	margin-left: 0;
	padding-left: 0;
	margin-left: 1.1em;
}

.clear
{
	clear: both;
	float: none;
}
.clear hr
{
	display: none;
}

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

.error
{
	color: #ff0000;
	font-weight: bold;
}

.highlight
{
	color: #003e7e;
}
.highlight-hover
{
	color: #92afbd;
}


/*
* =============================================================================
* HEADER
* =============================================================================
*/
div#header
{
}
div#header img#logo
{
	margin: 30px;
}
div#header ul#mainMenu
{
	background: #003e7e;
	color: #fff;
	list-style: none;
	margin: 0 30px;
}
div#header ul#mainMenu li
{
	float: left;
}
div#header ul#mainMenu li a
{
	color: #fff;
	display: block;
	line-height: 1.5em;
	padding: 3px 20px;
	text-decoration: none;
	white-space: nowrap;
}
div#header ul#mainMenu li a:hover
{
	text-decoration: underline;
}
div#header ul#mainMenu ul
{
	list-style: none;
	display: none;
}

/*
* DROP DOWN MENU
* -----------------------------------------------------------------------------
*/
.hiddenChild
{
	position: absolute;
	left: -999em;
}
.shownChild
{
	left: 0;
}
div#header ul#mainMenu.dhtml
{
	list-style: none;
	padding: 0;
	position: relative;
	margin: 0 30px;
	z-index: 300;
}
div#header ul#mainMenu.dhtml li
{
	float: left;
	position: relative;
}
div#header ul#mainMenu.dhtml li a:hover
{
	text-decoration: underline;
}
div#header ul#mainMenu.dhtml li a.on
{
	background: #c5c6c9;
}
div#header ul#mainMenu.dhtml li ul
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	background: #155496;
}
div#header ul#mainMenu.dhtml li ul li
{
	width: auto;
}
div#header ul#mainMenu.dhtml li.isActive a
{
	background: #155496;
}


/*
* =============================================================================
* FOOTER
* =============================================================================
*/
div#footer
{
	color: #003e7e;
	font-size: 0.9em;
	text-align: center;
	margin: 0 30px;
	padding: 12px 0 17px 0;
}
div#footer a
{
	color: #003e7e;
}
div#footer p
{
	margin: 0.3em 0;
}
div#footer ul
{
	margin: 0;
}
div#footer ul li
{
	display: inline;
	padding-right: 12px;
}
div#footer ul li.last
{
	padding: 0;
}


/*
* =============================================================================
* BODY
* =============================================================================
*/
div#body
{
}
div#body div.breadcrumb
{
	color: #7e8083;
	font-size: 0.9em;
	margin: 10px 50px;
}
div#body div.breadcrumb a
{
	color: #7e8083;
	text-decoration: none;
}
div#body div.breadcrumb a:hover
{
	text-decoration: underline;
}
div#body div.container
{
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 30px;
	position: relative;
	zoom: 1; /* hasLayout trigger */
	z-index: 1;
}
div#body div.container h2 a
{
	color: #003e7e;
}
div#body div.container table.overview
{
	border-collapse: collapse;
	color: #fff;
	font-size: 1.4em;
	height: 265px;
	line-height: 1.5em;
	margin-left: 330px;
	margin-right: 20px;
	zoom: 1;
}
div#body div.container table.overview a
{
	color: #fff;
}
div#body div.container table.overview td
{
	margin: 0;
	padding: 0;
}
div#body div.container table.overview h1
{
	font-size: 1.0em;
	margin: 0;
}
div#body div.container table.overview p:last-child
{
	margin-bottom: 0;
}
div#body div.container div.body
{
	margin-left: 330px;
	padding: 10px 20px 10px 0;
	position: relative;
}
div#body div.container div.body-wide
{
	padding: 10px 20px;
	position: relative;
}
div#body div.container div.body h1,
div#body div.container div.body-wide h1
{
	color: #003e7e;
	font-size: 1.2em;
}
div#body div.container div.body h2,
div#body div.container div.body-wide h2
{
	color: #003e7e;
	font-size: 1.0em;
}
div#body div.container div.body-left
{
	position: absolute;
	top: 292px;
	left: 25px;
	width: 280px;
}

div.date
{
	color: #7e8083;
	font-style: italic;
	font-weight: normal;
}
h1 div.date
{
	font-size: 0.8em;
}

/*
* PAGE SPECIFIC
* -----------------------------------------------------------------------------
*/
div#body div#home.container
{
}
div#body div#home.container table.overview
{
	margin: 0;
	position: absolute;
	z-index: 15;
}
div#body div#home.container table.overview td
{
	padding-left: 375px;
	padding-right: 20px;
}
div#body div.container div.panel
{
	color: #003e7e;
	float: left;
	min-height: 131px;
	width: 50%;
}
div#body div.container div.panel a
{
	color: #9e9fa2;
}
div#body div.container div.panel h2
{
	font-size: 1.0em;
	font-weight: normal;
	margin: 0;
}
div#body div.container div.panel p
{
	margin: 5px 0;
}
div#body div.container div.panel div.content
{
	padding: 20px 203px 20px 10px;
}

div#body div#about-us.container
{
	background-image: url('../img/content/about-us.jpg');
}

div#body div#events.container
{
	background-image: url('../img/content/events.jpg');
}

div#body div#invite.container
{
	background-image: url('../img/content/invite.jpg');
}

div#body div#legal-support.container
{
	background-image: url('../img/content/legal-support.jpg');
}

div#body div#our-expertise.container
{
	background-image: url('../img/content/our-expertise.jpg');
}

div#body div#commercial-business.container
{
	background-image: url('../img/content/commercial-business.jpg');
}

div#body div#court-team.container
{
	background-image: url('../img/content/court-team.jpg');
}

div#body div#private-client.container
{
	background-image: url('../img/content/private-client.jpg');
}

div#body div#property.container
{
	background-image: url('../img/content/property.jpg');
}

div#body div#properties.container,
div#body div#propertiesresults.container,
div#body div#propertiesdetails.container
{
	background-image: url('../img/content/property-search.jpg');
}
div#body div#properties.container table.overview,
div#body div#propertiesresults.container table.overview,
div#body div#propertiesdetails.container table.overview
{
	margin-left: 20px;
	margin-right: 300px;
}
div#body div#properties.container div.body img.logo
{
	position: absolute;
	left: -55px;
	top: 10px;
	height: 43px;
	width: 43px;
}
div#body div#propertiesresults.container div.body-wide img.logo
{
	position: absolute;
	left: 20px;
	top: 10px;
	height: 43px;
	width: 43px;
}
div#body div#propertiesresults h2
{
	margin-top: 0.4em;
}
div#body div#propertiesdetails.container div.details
{
	float: left;
	padding: 0 0 20px 0;
	width: 330px;
}
div#body div#propertiesdetails.container div.details div.photo,
div#body div#propertiesdetails.container div.details div.content
{
	margin: 22px 20px 20px 20px;
}
div#body div#propertiesdetails.container div.details ul.thumbnails
{
	margin: 0 20px;
	list-style: none;
}
div#body div#propertiesdetails.container div.details ul.thumbnails .mar-r
{
	margin-right: 10px;
}
div#body div#propertiesdetails.container div.details ul.thumbnails .mar-b
{
	margin-bottom: 10px;
}
div#body div#propertiesdetails.container div.details ul.thumbnails li {
	float: left;
}
div#body div#propertiesdetails.container div.details ul.thumbnails li img {
	cursor: pointer;
}
div#body div#propertiesdetails div.body h2
{
	background: url('../img/properties/logo.gif') no-repeat left center;
	padding-left: 52px;
}
div#body div#propertiesdetails.container a.schedule,
div#body div#propertiesdetails.container a.locate
{
	background: no-repeat left center;
	float: left;
	display: block;
	width: 50%;
}
div#body div#propertiesdetails.container a.schedule
{
	background-image: url('../img/icons/pdf.gif');
}
div#body div#propertiesdetails.container a.locate
{
	background-image: url('../img/icons/compass.gif');
}
div#body div#propertiesdetails.container a.schedule span,
div#body div#propertiesdetails.container a.locate span
{
	display: block;
	margin: 0 10px 0 38px;
}

div#body div#contact-us.container
{
	background-image: url('../img/content/contact-us.jpg');
}

/*
* SUB MENU
* -----------------------------------------------------------------------------
*/
div#body div.container ul#subMenu
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#body div.container ul#subMenu li
{
	float: left;
	padding: 0;
	margin: 0;
}
div#body div.container ul#subMenu li a
{
	color: #7e8083;
	display: block;
	font-weight: bold;
	height: 148px;
	width: 148px;
	text-decoration: none;
}
div#body div.container ul#subMenu li a:hover
{
	color: #fff;
}
div#body div.container ul#subMenu li a div
{
	padding: 12px;
}

div#body div.container ul#subMenu li a#business-commercial
{
	background: transparent url('../img/content/subMenu/business-commercial.jpg') no-repeat;
}
div#body div.container ul#subMenu li a#business-commercial:hover
{
	background-image: url('../img/content/subMenu/business-commercial-on.jpg');
}
div#body div.container ul#subMenu li a#court
{
	background: transparent url('../img/content/subMenu/court.jpg') no-repeat;
}
div#body div.container ul#subMenu li a#court:hover
{
	background-image: url('../img/content/subMenu/court-on.jpg');
}
div#body div.container ul#subMenu li a#private-client
{
	background: transparent url('../img/content/subMenu/private-client.jpg') no-repeat;
}
div#body div.container ul#subMenu li a#private-client:hover
{
	background-image: url('../img/content/subMenu/private-client-on.jpg');
}
div#body div.container ul#subMenu li a#property
{
	background: transparent url('../img/content/subMenu/property.jpg') no-repeat;
}
div#body div.container ul#subMenu li a#property:hover
{
	background-image: url('../img/content/subMenu/property-on.jpg');
}
div#body div.container ul#subMenu li a#legal-support
{
	background: transparent url('../img/content/subMenu/legal-support.jpg') no-repeat;
}
div#body div.container ul#subMenu li a#legal-support:hover
{
	background-image: url('../img/content/subMenu/legal-support-on.jpg');
}

/*
* PEOPLE VIEWER
* -----------------------------------------------------------------------------
*/
div#body div.container div.people
{
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: left center;
	border-collapse: collapse;
	padding: 20px 20px;
}
div#body div.container div.people img
{
	float: left;
	width: 175px;
	height: 109px;
}
div#body div#business-people div.people { background-image: url('../img/about-us/our-people/business-bg.jpg'); }
div#body div#court-people div.people { background-image: url('../img/about-us/our-people/court-bg.jpg'); }
div#body div#private-client-people div.people { background-image: url('../img/about-us/our-people/private-client-bg.jpg'); }
div#body div#property-people div.people { background-image: url('../img/about-us/our-people/property-bg.jpg'); }

div#body div#business-people span.highlight-hover { color: #92afbd; }
div#body div#court-people span.highlight-hover { color: #9e718e; }
div#body div#private-client-people span.highlight-hover { color: #c1bca6; }
div#body div#property-people span.highlight-hover { color: #eed581; }
div#body div#legal-support span.highlight-hover { color: #; }

/*
* NEWS
* -----------------------------------------------------------------------------
*/
div#body div.container table#latest-news
{
	border-collapse: collapse;
	width: 100%;
}
div#body div.container table#latest-news td
{
	border: 1px solid #155496;
	color: #003e7e;
	min-height: 131px;
	width: 50%;
}
div#body div.container table#latest-news td a
{
	color: #9e9fa2;
}
div#body div.container table#latest-news td h2
{
	font-size: 1.0em;
	font-weight: normal;
	margin: 0;
}
div#body div.container table#latest-news td p
{
	margin: 5px 0;
}
div#body div.container table#latest-news td div.content
{
	padding: 20px 203px 20px 10px;
}

div#body div.container div#current-article div.image
{
	float: left;
	margin: 10px 0 0 -310px;
	width: 290px;
}
div#body div.container div#current-article div.image img
{
	width: 290px;
}
div#body div.container div#current-article div.image div.caption
{
	font-size: 0.8em;
	margin: 0.4em 0 0 0;
}

/*
* HOME
* -----------------------------------------------------------------------------
*/
div#body div#home table#latest-news td
{
	border: none;
}