@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------------------------------- CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, input, ins, kbd, q, s, samp,
small, strike, sub, sup, textarea, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: none;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a {
	outline: none;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- Typography */
@font-face {
	font-family: 'MetaBook';
	src: url('../webfonts/metapro-book-webfont.eot');
	src: local('☺'), 
		 url('../webfonts/metapro-book-webfont.woff') format('woff'), 
		 url('../webfonts/metapro-book-webfont.ttf') format('truetype'), 
		 url('../webfonts/metapro-book-webfont.svg#webfont') format('svg'); 
	}

body {
	font-family: "Trebuchet MS", verdana, tahoma, arial, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	color: #707070;
	background: #FFF url(../img/bg-body.png) repeat-x bottom;
	}

h2 {
	font-size: 1em;
	font-weight: 700;
	margin-top: 15px;
	}

h3 {
	font-size: 1em;
	font-weight: 700;
	margin-top: 40px;
	}

h4 {
	font-size: .88em;
	font-weight: 700;
	margin-top: 30px;
	}

p, 
ul,
td {
	font-size: .75em;
	}

ul ul {
	font-size: 1em;
	}

a {
	text-decoration: underline;
	}

p a,
ul a,
td a,
h2 a, 
h3 a,
h4 a,
form fieldset a {
	color: #707070;
	}

p a:hover,
ul a:hover,
td a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
form fieldset a:hover {
	background-color: #F3F3F3;
	}

p.block-link a {
	text-decoration: none;
	color: #707070;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- Forms */
form fieldset.text,
form fieldset.textarea {
	position: relative;
	margin-top: 5px;
	}

form fieldset.text label,
form fieldset.textarea label {
	position: absolute;
	left: 8px;
	top: 6px;
	font-size: .75em;
	font-weight: 700;
	color: #242424;	
	}
	
form fieldset.active label,
form fieldset.nonempty label {
	display: none;
	}

form fieldset.text input {
	height: 22px;
	padding: 6px 0 0 8px;
	font-size: .75em;
	background-color: #EFEFEF;
	}

form fieldset.active input {
	background-color: #E5E2E2;
	}

form fieldset.textarea textarea {
	padding: 6px 8px;
	font-size: .75em;
	background-color: #EFEFEF;
	}

form fieldset.active textarea {
	background-color: #E5E2E2;
	}

form fieldset.checkbox {
	font-size: .75em;
	}

form fieldset.submit {
	margin-top: 10px;
	}
	
form fieldset.submit input {	
	float: right;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- Page */
#page {
	width: 940px; 
/*	width:1004px; */
	padding: 0 0 0 20px;
	margin: 0 auto;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- Header */
#header {
	position: relative;
	}

#header h1 {
	padding-top: 28px;
	float: left;
/*	width: 112px;
	height: 74px; */
	width: 171px;
	height: 58px;
	text-indent: -9999px;
	overflow: hidden;
	}
	
#header h1 a {
	display: block;
/*	height: 74px; */
	height: 58px;
	background: url(../img/logo.gif) no-repeat left top;	
	}	

#header ul#menu {
	float: right;
	margin: 40px 103px 0 0;
	}

#header ul#menu li {
	float: left;
	margin-left: 20px;
	}

#header ul#menu li#articles {
	display: none;
	}

#header ul#menu li a {
	float: left;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	}
	
.en #header ul#menu li a {
	background-image: url(../img/bg-menu-en.png);
	background-repeat: no-repeat;
	}	

.en #header ul#menu li#home a {width: 47px; background-position: left top;}
.en #header ul#menu li#home a:hover {background-position: left -11px;}	
.en #header ul#menu li#home.active a, .en #header ul#menu li#home.active a:hover {background-position: left -22px;}
.en #header ul#menu li#firm-overview a {width: 100px; background-position: -47px top;}
.en #header ul#menu li#firm-overview a:hover {background-position: -47px -11px;}	
.en #header ul#menu li#firm-overview.active a, .en #header ul#menu li#firm-overview.active a:hover {background-position: -47px -22px;}
.en #header ul#menu li#practice-areas a {width: 106px; background-position: -147px top;}
.en #header ul#menu li#practice-areas a:hover {background-position: -147px -11px;}	
.en #header ul#menu li#practice-areas.active a, .en #header ul#menu li#practice-areas.active a:hover {background-position: -147px -22px;}
.en #header ul#menu li#attorneys-profiles a {width: 139px; background-position: -253px top;}
.en #header ul#menu li#attorneys-profiles a:hover {background-position: -253px -11px;}	
.en #header ul#menu li#attorneys-profiles.active a, .en #header ul#menu li#attorneys-profiles.active a:hover {background-position: -253px -22px;}
.en #header ul#menu li#articles a {width: 65px; background-position: -392px top;}
.en #header ul#menu li#articles a:hover {background-position: -392px -11px;}	
.en #header ul#menu li#articles.active a, .en #header ul#menu li#articles.active a:hover {background-position: -392px -22px;}
.en #header ul#menu li#contact-us a {width: 84px; background-position: -457px top;}
.en #header ul#menu li#contact-us a:hover {background-position: -457px -11px;}	
.en #header ul#menu li#contact-us.active a, .en #header ul#menu li#contact-us.active a:hover {background-position: -457px -22px;}
	
#header ul#languages {
	float:right;
	width: 103px;
	height: 21px;
	font-size: .7em;
	background: url(../img/bg-header-languages.png) no-repeat left top;
	}

#header ul#languages li {
	float: left;
	padding-left: 1px;
	margin-top: 2px;
	color: #FFF;
	}

#header ul#languages li.english {
	padding-left:34px;
	}
	
#header ul#languages li.active {
	color: #b1b0b0;
	}

#header ul#languages li a {
	color: #FFF;
	text-decoration: none;
	}

#header ul#languages li a:hover {
	background-color: #823586;
	text-decoration: underline;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- Main */
#main {
	padding-top: 43px;
	background-repeat: no-repeat;
	background-position: 0 15px;
	}

#main.slide-1 {
	background-image: url(../assets/images/backgrounds/spv_group_1.jpg);
	}
#main.slide-2 {
	background-image: url(../assets/images/backgrounds/spv_group_2.jpg);
	}
#main.slide-3 {
	background-image: url(../assets/images/backgrounds/spv_group_3.jpg);
}

/* --------------------------------------------------------------------------- Content */	
#content {
	float: left;
	width: 570px;
	padding: 193px 0 20px 0;	
	border-right: 1px solid #c8c8c8;	
	}

#content #dummy {
	float: left;
	width: 237px;
	height: 87px;
	margin: 0 20px 10px 0;	
	}

#content h2 {
	font-family: "MetaBook", "Trebuchet MS", verdana, tahoma, arial, sans-serif;
	margin-right: 13px;
/*	color: #602A64; */
	color: #484848;
	font-weight: 300;
	}

body.attorney-profile #content h2 {
	display: none;
	}

#content h3,
#content h4 {
	font-family: "MetaBook", "Trebuchet MS", verdana, tahoma, arial, sans-serif;	
	margin-right: 13px;
	font-weight: 300;
	color: #484848;
	}

#content .bio h3 {
	margin-top: 18px;
	}

#content p,
#content ul,
#content table {
	margin: 18px 13px 0 0;
	}

#content .bio p,
#content .bio ul {
	margin-top: 8px;
	}

#content p.back {
	float: right;
	}

#content .pairs ul {
	float: left;
	width: 250px;
	}

#content .pairs ul.last {
	float: right;
	}
	
#content ul ul {
	margin: 0;
	}

#content .pairs ul ul {
	float: none;
	width: auto;
	}

#content ul li {
	padding-left: 25px;
	margin-top: 5px;
	background: url(../img/ico-list.png) no-repeat 5px .23em;
	}

#content ul ul li {
	margin-left: 10px;
	}	

#content img.overflowing {
	margin-top: -22px;
	position: relative;
	}

#content img.part-two {
	float: left;
	padding: 0 25px 15px 0;
	margin-top: -5px;
	}

#content table tr td {
	padding-top: 33px;
	vertical-align: top;
	}

#content table tr td.key {
	font-family: "MetaBook", "Trebuchet MS", verdana, tahoma, arial, sans-serif;
	width: 100px;
	padding-top: 30px;
	padding-right: 5px;
	font-size: 1em;
	font-weight: 300;
	color: #484848;
	}

#content table tr td p,
#content table tr td span {
	display: block;
	margin: 0 0 5px 0;
	font-size: 1em;
	}

#content table tr td p.last,
#content table tr td span.last {
	margin: 0;
	}

#content #office {
	float: left;
	}

#content #contact-form {
	float: right;
	margin: 40px 15px 0 0;
	width: 290px;
	}

#content #contact-form fieldset.text input {
	width: 280px;
	}

#content #contact-form fieldset.text input#title {
	width: 50px;
	}

#content #contact-form fieldset.textarea textarea {
	width: 272px;
	height: 88px;
	overflow: hidden;
	}

#content #contact-form fieldset.checkbox {
	padding-top: 5px;
	}

#content #contact-form fieldset.checkbox input {
	float: left;
	height: 12px;
	width: 12px;
	margin: 1px 4px 0 0;
	}

#content #contact-form fieldset.checkbox label,
#sidebar #subscribe-form fieldset.checkbox label {
	font-size: .9em;
	}

/* --------------------------------------------------------------------------- Sidebar */	
#sidebar {
	float: left;
/*	width: 434px; */
	width: 239px;
/*	padding: 0 140px 45px 47px; */
	padding: 0 0 45px 47px;
	background: url(../img/bg-sidebar.jpg) no-repeat left top;
	}

#sidebar img#legalcafe {
    margin: 30px 0 0 50px;
}

#sidebar h3 {
	font-family: "MetaBook", "Trebuchet MS", verdana, tahoma, arial, sans-serif;	
	font-weight: 300;	
	color: #BCBCBC;	
	}
#sidebar h4 {
	font-family: "MetaBook", "Trebuchet MS", verdana, tahoma, arial, sans-serif;	
	margin-top: 17px;
	font-weight: 300;
	color: #484848;
	}
	
#sidebar p,
#sidebar ul {
	margin: 18px 10px 0 0;
	}

#sidebar p.error {
	font-weight: 700;
	color: #FF0000;
	}

#sidebar ul li {
	margin-top: 5px;
	}

#sidebar ul li.active a {
	text-decoration: none;
	color: #707070;
	}

#sidebar p.read-more {
	font-family: "MetaBook", "Trebuchet MS", verdana, tahoma, arial, sans-serif;	
	margin: 8px 0 0 0;
	text-align: right;
	}

#sidebar img {
	display: block;
	margin-top: 8px;
	font-size: .75em;
	}

#sidebar #subscribe-form {
	padding-top: 15px;
	}
#sidebar #subscribe-form fieldset.checkbox {
	padding: 5px 0 0 1px;
}
#sidebar #subscribe-form fieldset.text input {
	width: 229px;
	}

#sidebar #subscribe-form fieldset.submit {
	margin-right: 1px;
	}

#sidebar #subscribe-form fieldset.checkbox input {
	float: left;
	height: 12px;
	width: 12px;
	margin: 1px 4px 0 0;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- Footer */	
#footer p {
	float: left;
	padding: 7px 0 0 0;
	margin: 32px 0 0 0;
	font-size: .67em;
	font-weight: 700;
	line-height: 1;
	color: #101010;
	}

#footer ul {
	float: right;
	width: 302px;
	height: 21px;
	margin: 32px 84px 0 0;
	padding-left: 40px;
	font-size: .6em;
	background: url(../img/bg-footer-ul.png) no-repeat left top;
	}

#footer ul li {
	float: left;
	margin: 7px 12px 0 0;
	border-right: 1px solid #FFF;
	line-height: 1;
	}

#footer ul li.last {
	margin-right: 0;
	border-right-width: 0;
	}	

#footer ul li a {
	padding-right: 12px;
	color: #FFF;
	text-decoration: none;
	}

#footer ul li a:hover {
	background-color: #171717;
	text-decoration: underline;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- Footer */		
div#overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.9;
	z-index: 100;
	background-color: #FFF;
	}

div#overlay.hidden {
	display: none;
	}

div#overlay #loading {
	position: absolute;
	top: 10%;
	left: 10%;
/*	top: 48%;
	left: 48%; */
	opacity: 1;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- CLEARFIX */
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */