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

body {margin:0px 0px 50px 0px; font-family:Arial, Helvetica, sans-serif;background-image:url(../images/body_bg.jpg); background-repeat:repeat-x; background-position:top; color:#3d393a; font-size:0.8em; line-height:1.4em;}
a:focus {outline:none;} 

.wrapper {width:960px; margin:0 auto;}
#header {
	width:960px;
	height:96px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left 25px;
	text-align: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
}
	#logo {margin:25px 0px;}
#content { background-image:url(../images/content_bg.jpg); background-repeat:repeat-x; background-position:bottom; padding:50px 0px;} 
#left_col {width:230px; float:left; margin-right:25px }
	.sil_1 {background-image:url(../images/silhouettes/1.png); background-position:left bottom; min-height: 570px; background-repeat:no-repeat;}
	.sil_2 {background-image:url(../images/silhouettes/2.png); background-position:left bottom; min-height: 570px; background-repeat:no-repeat;}
#main_col {width:705px; float:left;}
	#main_col h1 {margin-top:0px;}
.clear {clear:both;}

#footer { clear:both; padding-top:50px; width:960px; margin: 0 auto; color:#8c8e92;}
#footer a {text-decoration:none;}
	#links {float:left; margin:0px; padding:0px; margin-right:130px; list-style-type:none; }
	#address {float:left; margin:0px 130px 0px 0px;  }
	#address span {
	margin-left:-20px;
	width:20px;
	display:block;
	float:left;
}
	#tel { float:left;margin:0;} 
	#tel a {
	color:#525252;
	text-decoration: none;
}
	#copyright { clear:both; padding-top:50px; height:20px;}


#enewsletter {
	float:right;
	margin:0;
	width:198px;
	overflow:hidden;
	background-image: url(../images/enewsletter_box.gif);
	height: 106px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#enewsletter fieldset {border:0px;padding:0px; margin:5px 0px 5px 0px;}
#enewsletter h3 {font-size:13px; color:#0a0506; width:190px; padding:10px 0px; margin:0px 0px 10px 0px; font-weight:normal; height:20px}
#enewsletter #email {
	border:1px solid #D4D3D6;
	color:#999999;
	font-size:11px;
	padding:2px;
	width:120px;
	margin-right:10px;
	margin-top:5px;
}
#enewsletter #button {margin-top:-10px;}


#navigation {
  list-style: none;
  margin:0px;
  padding:0px;
}

#navigation li {
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 39px;
	position: relative;
	display: block;
	background: url(../images/nav.gif);
	width: 227px;
	background-repeat:no-repeat;
	margin-bottom:3px;
	cursor:pointer;
	
}

/* individual navigation items */
#navigation a.nav01 {  background-position: 0 0;}
#navigation .highlight a.nav01:hover, #navigation a.nav01 .hover, #navigation a.nav01on, #navigation a.nav01on .hover  {  background-position: -227px 0px;}


#navigation a.nav02 { background-position: 0px -38px;}
#navigation .highlight a.nav02:hover,#navigation a.nav02 .hover, #navigation a.nav02on, #navigation a.nav02on .hover {  background-position: -227px -38px;}

#navigation a.nav03 { background-position: 0px -77px;}
#navigation .highlight a.nav03:hover,#navigation a.nav03 .hover, #navigation a.nav03on, #navigation a.nav03on .hover {  background-position: -227px -77px;}

#navigation a.nav04 { background-position: 0px -119px;}
#navigation .highlight a.nav04:hover,#navigation a.nav04 .hover, #navigation a.nav04on, #navigation a.nav04on .hover {  background-position: -227px -119px;}

#navigation a.nav05 { background-position: 0px -158px;}
#navigation .highlight a.nav05:hover,#navigation a.nav05 .hover, #navigation a.nav05on, #navigation a.nav05on .hover {  background-position: -227px -158px;}

#navigation a.nav06 { background-position: 0px -197px;}
#navigation .highlight a.nav06:hover,#navigation a.nav06 .hover, #navigation a.nav06on, #navigation a.nav06on .hover {  background-position: -227px -197px;}

#navigation a.nav07 { background-position: 0px -279px;}
#navigation .highlight a.nav07:hover,#navigation a.nav07 .hover, #navigation a.nav07on, #navigation a.nav07on .hover {  background-position: -227px -279px;}

#navigation a.nav08 { background-position: 0px -239px;}
#navigation .highlight a.nav08:hover,#navigation a.nav08 .hover, #navigation a.nav08on, #navigation a.nav08on .hover {  background-position: -227px -239px;}

.home_box {width:228px; height:191px; background-image:url(../images/home_box.gif); float:left; margin-top:50px; position:relative;} 
.home_box h2 {height:48px;width:196px; font-size:20px; margin:0px; padding-top:5px;}
.home_box #go_button { display:block; bottom: 15px; left: 15px; position:absolute; }
.middle {margin-left:10px; margin-right:10px;}

#work_flow {
	background-image:url(../images/icons/work_flow_large.png);
	background-repeat:no-repeat;
	background-position: 138px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 15px;
}
#costs_diary {
	background-image:url(../images/icons/costs_diary_large.png);
	background-repeat:no-repeat;
	background-position: 110px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 15px;
}
#costs_law {
	background-image:url(../images/icons/costs_law_large.png);
	background-repeat:no-repeat;
	background-position: 96px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 15px;
}


/* DIRECTORS */

#directors h2 { font-size:16px;}

#director01 h2,#director02 h2,#director03 h2 { float:right; width:135px; margin-top:0px; margin-bottom:0px;}
#director01 p,#director02 p,#director03 p { clear:both;}

#director01 { float:left; width:220px;}
#director02 { float:left; width:220px; margin:0 20px;}
#director03 { float:left; width:220px;}
img.director { padding:6px; background-image:url(../images/director_image_bg.png); background-repeat:no-repeat; float:left; margin-bottom:20px  } 
#practice_areas {
	float:right;
	width:467px;
	margin-top:20px;
}
#practice_areas #container { 	
background-image: url(../images/images/slice_02.png);
	background-repeat: repeat-y;
	padding:20px;
}
#practice_areas ul {float:left; width:170px;}
#practice_areas p {clear:both;}
#practice_areas h2 {margin-top:0px;}
#practice_areas #top {
	background-image: url(../images/images/slice_01.png);
	height:4px;
}
#practice_areas #bottom {	background-image: url(../images/images/slice_03.png);
	height:5px;
}

.download_vcard {
	background-image: url(../images/icons/download_vcard.png);
	height: 30px;

	background-repeat: no-repeat;
	font-size:0.8em;
}
.download_vcard a{
display:block;
padding:6px 0 0 42px;}

.qual { float:right; display: block; width:135px; }


/* COSTS LAW */
#costslaw h3 {font-size:14px;}
#costslaw1 { float:left; width:220px;}
#costslaw2 { float:left; width:220px; margin:0 20px;}
#costslaw3 { float:left; width:220px;}

#costslaw1 strong, #costslaw2 strong, #costslaw3 strong {display:block;}
#costslaw span {display:block; color:#999999; font-size:0.8em;}
#costslaw em {display:block; color:#999999; font-size:0.8em;}
.article  {margin-bottom:40px;}
.lead {background-image:url(../images/costs_law_lead_bg.gif);height:108px;padding:26px;}
.lead img {float:left; margin-right:20px;}
.lead .content { float:left; width:488px;}
#costslaw1 .article, #costslaw2 .article, #costslaw3 .article  {margin-bottom:40px;height:160px;}
.article a, a { color:#999999 }
.article a:hover, a:hover {color:#74b952;}

.morebox
{
	font-weight:bold;
	color:#8c8e92;
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
	background-image: url(/images/more_button_bg.gif);
	height: 25px;
	padding-top:29px;
	background-repeat:no-repeat;
}
.morebox a{ color:#8c8e92; text-decoration:none; display:block;}
.morebox a:hover{ color:#333333; text-decoration:none}

.date {color:#999999; font-size:0.8em;}

#comments_bg { background-image:url(../images/comments_form_bg.gif); width:665px; height:260px; padding:0px 20px; margin-top:40px; background-repeat:no-repeat}
#comments_bg h3{ margin:0px; padding:11px 0px;}

form#comments {margin:20px 0px 0px 0px; padding:0px;}
#comments fieldset {border:0px; padding:0px; }
#comments fieldset label {float:left; width:100px; display:block;}
#comments fieldset input, #comments fieldset textarea  { width:300px; float:left; border:1px solid #cccccc;}
#comments fieldset div { padding:2px 0px;}
#comments fieldset .clear { clear:both;}
input.add_comments {margin-left:100px; margin-top:10px;}

div.prompt {color:#FF0000; margin-left:150px; }

#successful {
	color:#74b952;
	border:1px solid #74b952;
	padding:4px;
	background-color:#E7F2E1;
}

.error1 {  float:left;color:#FF0000; margin-left:20px;}

#article_suggestion {
	background-image:url(../images/icons/article_idea_small.png);
	clear:both;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-bottom: 10px;
	padding-left: 40px;
	height: 14px;
	margin-top:40px;
	margin-bottom:40px;
}

/* WORK UNDERTAKEN */


.work_undertaken_box {width:228px; height:191px; background-image:url(../images/home_box.gif); float:left; margin-top:10px} 
.work_undertaken_box h2 {height:40px;width:206px; font-size:16px; margin:0px; padding-top:8px;}
.work_undertaken_box .middle {margin-left:10px; margin-right:10px;}
.work_undertaken_box ul {list-style-type:none; padding:0px; margin:0px}
.work_undertaken_box ul li{padding:0px 0px 8px 0px;;line-height:1.3em;}
.work_undertaken_box { font-size:11px;}

#costs_claims {
	background-image:url(../images/icons/costs_claims_large.png);
	background-repeat:no-repeat;
	background-position: 138px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 11px;
}

#solicitors_act {
	background-image:url(../images/icons/solicitors_act.png);
	background-repeat:no-repeat;
	background-position: 138px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 11px;
}

#costs_litigation {
	background-image:url(../images/icons/costs_litigation_large.png);
	background-repeat:no-repeat;
	background-position: 138px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 11px;
}

.work_undertaken_box  #training {
	background-image:url(../images/icons/training_large.png);
	background-repeat:no-repeat;
	background-position: 138px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 11px;
}

#litigation_support {
	background-image:url(../images/icons/litigation_support_large.png);
	background-repeat:no-repeat;
	background-position: 138px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 11px;
}

#court_appointments {
	background-image:url(../images/icons/court_appointments_large.png);
	background-repeat:no-repeat;
	background-position: 138px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 11px;
}

#dispute_resolution {
	background-image:url(../images/icons/dispute_resolution_large.png);
	background-repeat:no-repeat;
	background-position: 138px 83px;
	height: 190px;
	padding-right: 100px;
	padding-left: 11px;
}




.expertise { float:left; width:194px;}



 .boxgrid{ 
	width: 165px; 
	height: 171px; 
	float:left; 
	overflow: hidden; 
	position: relative;
	margin-top:15px;
	margin-right:11px; 
}
.boxgrid .thumb {	position:absolute; }				

.boxgrid .cover1, .boxgrid .cover2, .boxgrid .cover3, .boxgrid .cover4, .boxgrid .cover5, .boxgrid .cover6, .boxgrid .cover7 {	position: absolute; top: 0;	left: 0;width: 165px;height: 171px;	background-image: url(/images/work_undertaken.gif);}
#bg1, #bg2, #bg3, #bg4, #bg5,#bg6, #bg7 {	width: 165px;	height: 170px; 	background-image: url(/images/work_undertaken.gif);}

.boxgrid .cover1{background-position: 0px 0px;}
#bg1 {	background-position: -180px 0px;} 

.boxgrid .cover2{background-position: -366px 0px;}
#bg2 {	background-position: -546px 0px;} 

.boxgrid .cover3{background-position: 0px -187px; }
#bg3 {	background-position: -180px -187px;} 

.boxgrid .cover4{background-position: -366px -187px;}
#bg4 {	background-position: -546px -187px;margin-right:0px;} 

.boxgrid .cover5{background-position: 0px -374px; }
#bg5 {	background-position: -180px -374px;} 

.boxgrid .cover6{background-position: -366px -374px;}
#bg6 {	background-position: -546px -374px;} 

.boxgrid .cover7{background-position: 0px -568px; }
#bg7 {	background-position: -180px -568px;} 

.boxgrid span, .boxgrid .hidden{ display:none;}



/* SURGERY */


#surgery_form label {display:block;
float:left;
width:100px; font-weight:bold; padding-top:5px;}
.error { clear:both;
color:#FF0000;
display:block;
margin-left:100px;
width:200px;!important
}

#next_button { margin-left:50px;}
#back_button { left:-20px;  position:relative; top:82px;}

#surgery_form input {
	border:1px solid #8d8d8d;
	padding:5px;
	background-image: url(../images/surgery_input_bg.gif);
	background-position: 0px 0px;
	width:270px;
	float:left;
}

#slider {
    width: 707px;
    position: relative;
}

.scroll {
    height: 369px;
    width: 707px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	border:1px solid #CCCCCC;
}

.scrollContainer div.panel {
    height: 199px;
    width: 507px;
	padding:170px 100px 0px 100px;
	background-image:url(../images/surgery_bg.jpg)
}


ul.surgery_nav {
    list-style: none;
    margin: 0;
    padding: 0;
	height:85px;
	margin-bottom:40px;
	overflow:hidden;
}
ul.surgery_nav li {
	display:block;
	height:85px;
	width:117px;
	background-image: url(../images/surgery_nav.gif);
	background-repeat:no-repeat;
	float:left;
}

ul.surgery_nav a {
    padding: 10px;
    color: #000;
    text-decoration: none;
	display:block;
	height:85px;
}
ul.surgery_nav a span{ display:none;}
ul.surgery_nav a:hover {
background-position: -355px -50px;}

ul.surgery_nav a.selected {

}

ul.surgery_nav a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
#surgery1 {	background-position: 0px 0px; }
#surgery2 {	background-position: -707px 0px;}
#surgery3 {	background-position: -1414px 0px;}
#surgery4 {	background-position: -2121px 0px;}
#surgery5 {	background-position: -2828px 0px;}
#surgery6 {	background-position: -3535px 0px;}

ul.surgery_nav li#company1 {	background-position: 0px -90px;} 
ul.surgery_nav li#company1 a:hover {background-position: 0px 0px;	background-image: url(../images/surgery_nav.gif);}
ul.surgery_nav li#company1 a.selected { background-position: 0px 0px;	background-image: url(../images/surgery_nav.gif);}

ul.surgery_nav li#username2 {	background-position: -120px -90px;} 
ul.surgery_nav li#username2 a:hover {background-position: -120px 0px;	background-image: url(../images/surgery_nav.gif);}
ul.surgery_nav li#username2 a.selected {background-position: -120px 0px;	background-image: url(../images/surgery_nav.gif);}

ul.surgery_nav li#password3 {background-position: -239px -90px;} 
ul.surgery_nav li#password3 a:hover {background-position: -239px 0px;	background-image: url(../images/surgery_nav.gif);}
ul.surgery_nav li#password3 a.selected {background-position: -239px 0px;	background-image: url(../images/surgery_nav.gif);}

ul.surgery_nav li#date4 {background-position: -355px -90px;} 
ul.surgery_nav li#date4 a:hover {background-position: -355px 0px;	background-image: url(../images/surgery_nav.gif);}
ul.surgery_nav li#date4 a.selected {background-position: -355px 0px;	background-image: url(../images/surgery_nav.gif);}

ul.surgery_nav li#office5 {	background-position: -470px -90px;} 
ul.surgery_nav li#office5 a:hover {background-position: -470px 0px;	background-image: url(../images/surgery_nav.gif);}
ul.surgery_nav li#office5 a.selected {background-position: -470px 0px;	background-image: url(../images/surgery_nav.gif);}

ul.surgery_nav li#contact6 {	background-position: -587px -90px;width:120px;} 
ul.surgery_nav li#contact6 a:hover {background-position: -587px 0px;	background-image: url(../images/surgery_nav.gif);width:120px;}
ul.surgery_nav li#contact6 a.selected {background-position: -587px 0px;	background-image: url(../images/surgery_nav.gif);width:120px;}



table.jCalendar {
	border: 1px solid #cccccc;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 0px;
}
table.jCalendar th {
	color: #000;
	font-weight: bold;
	padding: 3px 5px;
	background-image: url(../images/cells_small.png);
	background-position: 0px 0px;
}

table.jCalendar td {
	color: #000;
	padding:9px 9px 9px 10px;
	text-align: center;
	background-image: url(../images/cells_small.png);
	background-position: 0px 0px;
}
table.jCalendar td.other-month {
	background-image: url(../images/cells_small.png);
	background-position: 0px 0px;
	color: #aaa;
}
table.jCalendar td.today {
	background-image: url(../images/cells_small.png);
	background-position: -81px 0px;
	color: #fff;
}
table.jCalendar td.selected {
	background-image: url(../images/cells_small.png);
	background-position: -161px 0px;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background-image: url(../images/cells_small.png);
	background-position: -161px 0px;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background-image: url(../images/cells_small.png);
	background-position: 0px -81px;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	color: #888;
	background-image: url(../images/cells_small.png);
	background-position: 0px 0px;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

a.dp-choose-date {

background:transparent url(/images/cal_icon.png) no-repeat scroll 0 0;
display:block;
float:left;
height:41px;
margin:-5px 0px;
overflow:hidden;
padding:0;
text-indent:-2000px;
width:38px;
float:left;
}

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 0px;
	width: 219px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 6px 0;
	padding: 0;
	display:block;

}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


.back_button {background-image:url(../images/buttons/buttons.png); width: 75px; height:30px; background-position:-32px -145px; display:block; }
.back_button:hover {background-image:url(../images/buttons/buttons.png); width: 75px; height:30px; background-position:-32px -222px; display:block; }




/*BUTTONS*/

#go_button, #submit_notifications {
	display: block;
	width: 61px;
	height: 30px;
	margin: 0px auto;
	background-image: url(../images/buttons/go.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#go_button:hover, #submit_notifications:hover{
	background-image: url(../images/buttons/go.gif);
	background-repeat: no-repeat;
	background-position: -74px 0px;
}