/* - css info -
author: Mateusz Jastrzebski 
contact: contact.pordesign@gmail.com
- */

/* - general - */
body {	font: 9pt/130% Arial, Helvetica, sans-serif;margin: 0;	padding: 0;	color: #666;background: #7b7b7b;}
a {	color: #00aeef; text-decoration: none;}
a:visited {	color: #008bbf; }
a:hover,                  
a:focus { text-decoration: underline; }
a:active {	color: green; }
a img {	border: none; }
	
form ul, form li { margin: 0; padding: 0; list-style: none; float: left; clear: left;}
form li { margin: 3px 0; width: 500px;}
form, fieldset { margin: 0; padding: 10px 0; border: none;}
fieldset:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
fieldset { margin: auto; width: 500px;}
label { padding: 0 5px; margin: 0; width: 150px; text-align: right; }	
textarea { font: 11pt/1.1em Arial, Helvetica, sans-serif; padding: 5px;}
label, input, select, textarea { float: left; margin: 0; }
input[type="checkbox"], input[type="radio"] { margin: 3px; }
input[type="text"]{ width: 150px; }
select { width: 154px; }
textarea { width: 300px; }
input.button { margin: 0 0 0 160px; }

li.error input, li.error select, li.error textarea { border: 1px solid red; color: red;}
li.error span { float: left; clear: left; color: red; margin: 0 0 0 160px }

table { border-collapse: collapse; border: 1px solid #333;}
table td, table th { border: 1px solid #555; padding: 5px;}
table td.today { background: #ddd; }

h1, h2, h3, h4, h5, h6 { color: #222; }

h2 { font-size: 18px; line-height: 20px; color: #00aeef;}
h3 { font-size: 14px;}

abbr { font-size: 150%; color: red;}

img.centered { border: 4px solid #ededed; padding: 1px; display: block; margin: 10px auto;}

/* - containers - */
#container { width: 960px; background: #fff; margin: 0 auto 10px; }
#container:after { content: "."; display: block; line-height: 0; font-size: 0; height: 0; visibility: hidden; clear: both; }

/* Header */
#header { float: left; width: 100%; }

/* Header > Logo */
h1 { margin: 40px 0 40px 50px; padding: 0; float: left; display: inline;}

/* Header > catchword */
p#catchword { color: #444; float: left; width:910px; text-align: right; margin: -66px 0px 0 0px; font-size: 14px;}
p#catchword span { color: #007fc4; }

/* Header > Nav */
ul#nav { background: #00aeef; margin: 0; padding: 0 0 0 50px; float: left; clear: left; width: 910px; height: 30px; list-style: none; position: relative; z-index: 999;}
ul#nav li { float: left; display: inline; position: relative; margin: 0; padding: 0; width: auto; text-transform: uppercase; z-index: 999;line-height: 32px; font-size: 12px;}
ul#nav ul{ display: none;font-size: 12px;z-index: 999;position: absolute; left: 0px; top: 30px;border-top: 1px solid #00aeef; border-top: 1px solid rgba(0,174,239,.2);background: #fff; margin: 0; padding: 0; float: left; width: auto; list-style: none; /*border-top: 5px solid rgba(255,255,255,.2)*/ border-left: 3px solid #00aeef; }
ul#nav li:hover > ul,
ul#nav li:focus > ul { display: block; }

ul#nav ul li { border-bottom: 1px solid rgba(255,255,255,.2); float: left; clear: left; display: inline; position: relative; margin: 0; padding: 6px 10px; width: 220px; text-transform: capitalize; border: 1px solid #00aeef;border: 1px solid rgba(0,174,239,.2); border-top: none; line-height: 13px;}
ul#nav ul ul { left: 240px; top: 0px;}
ul#nav li a { color: #fff;  /*float: left; */width: auto; margin: 0; padding: 0 14px; line-height: 14px; text-decoration: none; border-left: 1px solid #fff;  }
ul#nav li li a {color: #007ec3; }
ul#nav li.first a { border: none; padding: 0 8px 0 0;}
ul#nav li:first-child a { border: none; padding: 0 8px 0 0;}
ul#nav ul li a { padding: 0 8px 0 0; border:none;}
ul#nav li a:hover, 
ul#nav li a:focus { color: #000; } 
ul#nav li a:active { color: #013447; }

#wrapper {height: 100%; min-height: 600px; position: relative; min-width: 840px;}
body#splash { background: #fff !important;}
#splash #container { width: 840px; height: 200px; position: absolute; top: 50%; left: 50%; margin: -250px 0 0 -420px; padding: 0;} 
#splash h1 { margin: 0 0 0 380px; float: none; padding: 0; z-index: 999; position: relative;}
#splash p { margin: 0 0 15px 470px; position: relative; z-index: 999;}
#splash h1 > p { margin-top: 0; }
#splash img.keywords { position: absolute; left: 30px; top: -26px; }
#fb-photo { height: 100%;min-height: 600px; position: relative;}
#fb-photo img { position: absolute; bottom: 0; left: 50%; margin-left: 0px; }
html, body {height: 100%; min-height: 600px;}

/* content > main */
#main { float: left; width: 860px; padding: 0; }
#main #narrow {padding: 0 350px 0 0; width: 510px; }

/* Content */
#content { position: relative; float: left; clear: left; width: 860px; padding: 35px 50px 15px 50px; min-height: 500px; height: auto !important; height: 500px;}
#content #bg-image { position: absolute; bottom: 0; right: 35px; }

/* Content > See also */
.see-also { color: #00aeef; padding: 15px 0; clear: left;}
.see-also p { margin: 0; padding: 0; }
.see-also ul { margin: 0; padding: 0; list-style: none; }
.see-also ul li { }
.see-also a { text-decoration: none; color: #00aeef; }
.see-also a:hover,
.see-also a:focus { text-decoration: underline; }
.see-also a:active { color: #0088bb; }

/* Content > address */
.address{ padding: 15px 0; color: #000;}
.address p { margin: 0; padding: 0; }
.address dl { margin: 0; padding: 0; }
.address dl dt { float: left; clear: left; margin: 0; padding: 0 5px 0 0; font-weight: bold;}
.address dl dd { margin: 0; padding: 0px;}

/* Content > Senior Lawyers */
ul#senior-lawyers { border-top: 1px solid #fff; margin: 20px -50px 0 0; padding: 0; list-style: none; margin: 0; padding: 0;}
ul#senior-lawyers:after { content: "."; display: block; line-height: 0; font-size: 0; height: 0; visibility: hidden; clear: both; }
ul#senior-lawyers li { margin: 0; padding: 0 10px 250px 10px; width: 190px; list-style: none; border-left: 1px solid #999; position: relative; min-height: 220px; height: auto !important; height: 220px; float: left;}
ul#senior-lawyers li.first { border: none; }
ul#senior-lawyers li:first-child { border: none; }
ul#senior-lawyers li img { position: absolute; bottom:0; left: 0; }
ul#senior-lawyers h3 { margin: 0; padding: 0 0 3px; line-height: 1em;}
ul#senior-lawyers p { margin: 0; }

/* Content > News overview */
ul#news { margin: 20px 0; padding: 0; list-style: none; width: 500px; float: left;}
ul#news li { margin: 0px 20px 0 0; padding: 10px 0; list-style: none; width: 190px; float: left;}
ul#news li.alt { border-left: 1px solid #999; padding-left: 20px;}
ul#news li:nth-child(2n) { border-left: 1px solid #999; padding-left: 20px;}
ul#news li h2 { font-size: 13px; line-height: 1em; margin: 0;}
ul#news li h3 { font-size: 13px; line-height: 1em; margin: 2px 0; font-weight: normal;}
ul#news li p { margin: 2px 0; }

/* content > resources */
ul#resources { margin: 0; padding: 10px 0; list-style: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
ul#resources li { margin: 0; padding: 0; list-style: none; font-size: 11px;}
ul#resources li span { font-size: 1em;color: #aaa;}

/* content > pagination */
ul#pagination { margin: 50px 0; text-align: center; list-style: none; padding: 0; clear: both;}
ul#pagination li { margin: 0 2px; padding: 0; list-style: none; display: inline; line-height: 1em;}
ul#pagination li.selected a { color: #000; text-decoration: none; }
ul#pagination li.prev,
ul#pagination li.next { margin: 0 10px; }


/* Footer */
#footer { float: left; width: 100%; background: #999;}
/* Footer > Nav */
#footer ul#footnav { background: #999; margin: 0; padding: 0 0 0 50px; float: left; clear: left; width: auto; line-height: 30px; list-style: none;}
#footer ul#footnav li { float: left; display: inline; position: relative; margin: 0; padding: 9px 0; width: auto;}
#footer ul#footnav li a { color: #fff; float: left; width: auto; margin: 0; padding: 0 14px; line-height: 9pt; text-decoration: none; border-left: 1px solid #fff; }
#footer ul#footnav li.first a { padding: 0 8px 0 0; border:none;}
#footer ul#footnav li:first-child a { padding: 0 8px 0 0; border:none;}
#footer ul#footnav li a:hover, 
#footer ul#footnav li a:focus { color: #000; } 
#footer ul#footnav li a:active { color: #013447; }

#footer p#copy { margin: 0; padding: 0; line-height: 30px; text-align: right; padding: 0 10px; color: #fff;}
#footer p#copy img { vertical-align: middle; margin: 0 0 0 3px;}