body { margin: 0; padding: 0; background: #2e338d; font: 70% Arial, Helvetica, sans-serif; text-align: center; }
img { border: none; }

#main {
 margin: 14px auto; width: 864px; text-align: left; 
 background: #fff url(img/bg-main2.jpg) repeat-y left top; }

p, h1, h2, h3 { margin: 0 0 12px; }

p { color: #555; font-size: 1.05em; }
h1 { font-weight: normal; font-size: 1.8em; color: #2e338d; }
h3 { font-weight: normal; font-size: 1.3em; color: #000; }
h4 { font-weight: normal; font-size: 1.2em; color: #2e338d; margin: 0 0 2px; }

a:link, a:visited { color: #000; }
a:hover, a:active { color: #2e338d; }

#header { height: 226px; width: 864px; position: relative; margin: 0 0 4px; }
 #header a { position: absolute; left: 44px; top: 80px; }
  .default { background: url(img/bg-header.jpg) no-repeat left top; }
  .practices { background: url(img/bg-header3.jpg) no-repeat left top; }
  .contact { background: url(img/bg-header2.jpg) no-repeat left top; }
  .about { background: url(img/bg-header4.jpg) no-repeat left top; }

div#nav { height: 20px; z-index: 100; position: relative; padding-left: 36px; }

ul#nav { list-style-type: none; margin: 12px 0 4px 40px; padding: 0; }
 ul#nav li { list-style-type: none; display: inline; margin: 0; padding: 4px 0 5px; border-right: 1px solid #e3e3e3; }
  ul#nav li a { color: #888; text-decoration: none; padding: 5px 4px; }
  ul#nav li a:hover, ul#nav li a:active, ul#nav li.current a { color: #2e338d; }
  ul#nav li.current a { font-weight: bold; }
  ul#nav li.last { border-right: none; }
  
#content { background: url(img/bg-content.png) repeat-x top left; margin: 0 12px 0 2px; min-height: 320px; position: relative; zoom: 1; padding-bottom: 18px; }
 #content p { line-height: 140%; }

ul#subnav { position: absolute; left: 42px; top: 40px; list-style-type: none; margin: 0; padding: 0; }
 ul#subnav li { list-style-type: none; margin: 0; padding: 2px 0; }
  ul#subnav li a { padding: 2px 0 2px 0; color: #888; text-decoration: none;  }
  ul#subnav li a:hover, ul#subnav li a:active, ul#subnav li.current a  { text-decoration: none; color: #2e338d;  }

 ul#subnav ul { margin: 3px 0 4px 16px; padding: 0; list-style-type: none; }
  ul#subnav li ul li a, ul#subnav li.current ul li a { padding: 2px 0 2px 0; color: #888; text-decoration: none;  }
  ul#subnav li ul li a:hover, ul#subnav li ul li a:active, ul#subnav li ul li.current a  { text-decoration: none; color: #2e338d;  }
  
#content-inner { width: 540px; margin-left: 200px; padding: 40px 0 24px; }
 #content-inner ul { color: #2e338d; line-height: 135%; font-size: 1.05em; }
 #content-inner ul li { margin-bottom: 4px; }

.map { position: absolute; right: 140px; top: 200px; }

p.centred { text-align: center; }
p.centred.last { margin-bottom: 20px; }

p.firstpara { font-weight: bold; }
#footer { background: #2e338d url(img/bg-footer2c.jpg) no-repeat left -3px; padding: 7px 0 10px; height: 46px; }
 #footer p.left { margin: 0 0 0 44px; text-align: left; color: #555; font-size: 0.92em; width: 542px; float: left; display: inline;  }
 #footer p.right { margin: 0 50px 0 0; text-align: right; color: #555; font-size: 0.92em; width: 226px; float: right; display: inline; }
 #footer a:link, #footer a:visited { text-decoration: none; }
 #footer p.signoff { margin: 0 25px; clear: both; text-align: right; color: #aaa; font-size: 0.92em; padding-top: 18px;  }
  #footer p.signoff a { color: #999; }




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:   0; padding:  0; list-style:  none; z-index: 100;}
.sf-menu { line-height: 1.0; }
.sf-menu ul { position:  absolute; top:   -999em; width:   11em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li { width:   100%;}
.sf-menu li:hover { visibility:  inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li { float:   left; position:  relative; }
.sf-menu a { display:  block; position:  relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
 left:   0; top:   1.8em; /* match top ul list item height */
 z-index:  99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:   -999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:   10em; /* match ul width */
 top:   0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:   -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:   10em; /* match ul width */
 top:   0; }

/*** DEMO SKIN ***/
.sf-menu { float:   left; margin-bottom: 1em; }
.sf-menu a { padding:   .4em 0.8em; text-decoration:none; color: #888; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
 color:   #888;
}
.sf-menu li { background:  #fff; border-right: 1px solid #e3e3e3; }
.sf-menu li.last { border-right: none; }
.sf-menu li li { background:  #fff; }
.sf-menu li li li { background:  #ddd; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color: #2e338d; outline:  0; }

li.current a, .sf-menu li.current a:visited { font-weight: bold; color: #2e338d; }
li.current li a, .sf-menu li.current li a:visited  { font-weight: normal; color: #888; }
li li.current a, .sf-menu li li.current a:visited { color: #2e338d; }

.sf-menu li li.current:hover, .sf-menu li.current li a:hover { color: #2e338d; outline:  0; }

.sf-menu li li.last { border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}

/*** arrows **/
.sf-menu a.sf-with-ul {
 padding-right:  2.25em;
 min-width:  1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
 position:  absolute;
 display:  block;
 right:   .75em;
 top:   1.05em; /* IE6 only */
 width:   10px;
 height:   10px;
 text-indent:  -999em;
 overflow:  hidden;
 background:  url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
 top:   .8em;
 background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
 background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
 background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
 background: url('img/shadow.png') no-repeat bottom right;
 padding: 0 8px 9px 0;
 -moz-border-radius-bottomleft: 17px;
 -moz-border-radius-topright: 17px;
 -webkit-border-top-right-radius: 17px;
 -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off { background: transparent; }