/* CSS Document */

body {
text-align: center;/* hack for ie5*/
margin-bottom: 0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding: 0px;
font-size:62.5%;
background: #CCC;
height:100% auto;
}
.central {
margin-right: auto;/*centres in compliant browsers*/
margin-left: auto;/* "	" */
width: 820px;
height:100%;
text-align: left;
}

#vert-center {width:820px; height:574px; position:absolute; top:50%; left:50%; margin-top:-287px; margin-left:-410px; margin-right:0px;
margin-bottom:0px; border:0px;}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #fff;
margin-top:0px;
margin-bottom: 0px;
text-align:justify;
}

H2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #EC7EAC; font-weight: bold; margin-bottom: 3px; margin-left: 0px; padding:0px;}



.text-2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #fff;
margin-top:0px;
margin-bottom: 0px;
}

.text-3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.3em;
color: #fff;
margin-top:0px;
margin-bottom: 0px;
}
.text-4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em;
color: #fff;
margin-top:0px;
margin-bottom: 0px;
}

a:link { color:#fff; text-decoration:none;  } 
a:visited { color:#fff; text-decoration:none; } 
a:hover { color:#fff; text-decoration:underline;} 
a:active { color:#fff; text-decoration:none;  } 

a.button3:link { color:#BEAEC1; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em } 
a.button3:visited { color:#BEAEC1; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em } 
a.button3:hover { color:#fff; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em } 
a.button3:active { color:#BEAEC1; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em } 


#outer {height: 100%; overflow: visible;} /* or without overflow */

.top-shadow {width:820px; height:6px; background-image:url(top-shadow.gif);}
.bottom-shadow {width:820px; height:13px; background-image:url(bottom-shadow.gif);}

#main-container {width:820px; height:555px; text-align:left; max-width:820px;}

.left-shadow {width:10px; height:555px; background-image:url(left-shadow.gif); float:left;}
.left-shadow-contents {width:10px; height:555px; background-image:url(left-shadow.gif);}

.main-center {width:800px; height:555px; background-color:#872274; float:left;}

.right-shadow {width:10px; height:555px;; float:left;}
.right-shadow-contents {width:10px; height:555px; background-image:url(right-shadow.gif); float:left;}

.logo-layer {width:800px; height:73px; background-color:#fff; text-align:right; }
.logo {padding-right:20px;  padding-top:15px;}

.nav {width:800px; height:30px; text-align:left; max-width:800px; background-color:#fff;}
.about-us-container{ float:left; padding-left:455px; padding-bottom:4px;}
.about-us-contents{width:85px; height:26px;}
.services-container{float:left; padding-left:8px; padding-bottom:4px;}
.services-contents{width:85px; height:26px;}
.people-container{float:left; padding-left:2px; padding-bottom:4px;}
.people-contents{width:68px; height:26px;}
.contact-container{float:left; padding-left:2px; padding-bottom:4px;}
.contact-contents{width:73px; height:26px;}

/*.nav-services {width:800px; height:32px; text-align:left; max-width:800px; background-color:#E6D2E3;}
.estates-container{float:left; padding-left:100px; padding-top:8px;}
.estates-contents{width:68px; height:21px;}
.trusts-container{float:left; padding-left:3px; padding-top:8px;}
.trusts-contents{width:59px; height:21px;}
.mediation-container{float:left; padding-left:3px; padding-top:8px;}
.mediation-contents{width:94px; height:21px;}
.matrimonial-container{float:left; padding-left:3px; padding-top:8px;}
.matrimonial-contents{width:172px; height:21px;}
.conveyancing-container{float:left; padding-left:3px; padding-top:8px;}
.conveyancing-contents{width:126px; height:21px;}
.criminal-matters-container{float:left; padding-left:3px; padding-top:8px;}
.criminal-matters-contents{width:146px; height:21px;}*/

.estates-image {padding-left:70px; padding-top:40px}

.conveyancing-image {padding-left:95px; padding-top:60px}

.litigation-image {padding-left:40px; padding-top:60px}

.trusts-image {padding-left:80px; padding-top:50px}

.mediate-image {padding-left:90px; padding-top:50px}

.matrimonial-image {padding-left:25px; padding-top:40px}

.contact{width:800px; height:400px; text-align:center; vertical-align: middle;}
.contact-text{text-align:center;}

#columns {
      width: 800px;
      margin:0px;
      border: 0px;
      text-align:left;
      max-width: 800px;
      }
	  
   #leftcolumn {
      float: left;
      width: 450px;
	  margin-right:0px; 
      padding-bottom:0px;

      }

   #leftcolumn-content {
      margin:0px; 
	  padding-top:0px;
      padding-right:0px;
      padding-left:0px;
	  height: 418px;

      }
   #rightcolumn {
   	  float: left;
	  width: 300px;
	  margin-left:0px;
      padding-bottom:0px;
      }
	  
   #rightcolumn-content {
      margin:0; 
	  padding-top:0px;
      padding-right:0px;
      padding-left:0px;
	  height: 418px;
      }
	  
	  

#container{
width: 300px;
text-align:left;
padding-top:20px;
}

#container-people{
width: 700px;
text-align:left;
padding-top:20px;
}

#left{
float:left;
display:inline;
height: 300px;
position:relative;
width: 300px;}

#left-people{
float:left;
display:inline;
height: 300px;
position:relative;
width: 780px;}


/* gallery */

.profile{
padding: 0;
float:left;
display:inline;
width: 300px;}

.profile_people{
padding-left: 30px;
float:left;
display:inline;
width: 680px;}

.profile_two_columns{
padding: 0;
float:left;
display:inline;}


/* scroll */

#scrollbar,#events_scrollbar,#events_main_scrollbar{ 
border:1px solid #B485AA;
position:absolute; left:0px; top:0px;
width:11px; height:380px; 
font-size:1px; z-index:2;  
}

#scrollbar_people,#events_scrollbar_people,#events_main_scrollbar_people{ 
border:1px solid #B485AA;
position:absolute; left:0px; top:0px;
width:11px; height:380px; 
font-size:1px; z-index:2;  
}

#events_scrollbar{ 
left:160px; top:0px;
height:380px; 
 
}

#events_scrollbar_people{ 
left:250px; top:0px;
height:380px; 
 
}

#events_main_scrollbar_people{ 
left:732px; top:0px;
height:380px; 
 
}

#profile_scrollbar{ 
border:1px solid #B485AA;
position:absolute; left:313px; top:0px;
width:11px; height:380px; 
font-size:1px; z-index:2;  
}

#profile_scrollbar_people{ 
border:1px solid #B485AA;
position:absolute; left:765px; top:0px;
width:11px; height:380px; 
font-size:1px; z-index:2;  
}
 

#profile_wn{
margin-top:0px;
width: 350px;
overflow:hidden;
position:absolute; 	
height:380px; 
clip:auto;	
z-index:1; 	}

#profile_wn_people{
margin-top:0px;
width: 700px;
overflow:hidden;
position:absolute; 	
height:380px; 
clip:auto;	
z-index:1; 	}

#profile_inner{
position:absolute;
margin:0px;
width: 300px;
}

.profile_inner_people{
position:absolute;
margin:0px;
width: 600px;
}

#profile_inner_right{
position:absolute; left:280px; top:0px;
margin:0px;
width: 300px;
}


div.float {
  float: left;
  margin-right:20px;
  margin-left:0px; 
  margin-bottom:0px;
  padding:0px;
  height:140px;
  }
  
#track,#events_track,#events_main_track{ 
position:absolute; left:0px; top:0px;
width:11px; height:380px;  z-index:10;
}

#profile_track{ 
height:380px;
}


#dragBar,#main_dragBar{
position:absolute; left:0px; top:0px;
width:9px; height:70px; z-index:10;
background:#B485AA url('scroll-background-1.gif');
}

#dragBar:hover,#main_dragBar:hover{
background:#B485AA url('scroll-background-2.gif');
cursor:hand;
cursor:pointer;

}


#right_static_container{
position:absolute; left:290px; top:0px; height:350px; z-index:3;
}

#right_static_container_form{
position:absolute; left:220px; top:0px; height:350px; z-index:3;
}


.p2{
position: absolute;
bottom: 0px;
color:#78376D;
font-size:1.0em;
font-family: arial;
}


a.button_2:link { color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;  } 
a.button_2:visited { color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; } 
a.button_2:hover { color:#692D63; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; } 
a.button_2:active { color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;  } 

.banner_button_internal_2{
width:215px;
height:24px;
vertical-align: middle; 
line-height: 24px;
padding-left:13px;
}

.banner_button_internal_3{
width:215px;
height:1px;
line-height:1px;
}

#banner_button_2{
width:230px;
height:90px;
margin-bottom:10px;
background: url('banner-button-2.gif');
}

#banner_button_3{
width:230px;
height:90px;
margin-bottom:0px;
background: url('banner-button-3.gif');
}

.testimonial{
color: #F3B2CD;
font-size:1.0em;
font-family: arial;
font-style:italic;
text-align:justify;
margin-bottom:3px;
}

.testimonial_credit{
color: #EF98BC;
font-size:1.0em;
font-family: arial;
font-style:bold;
text-align:right;
}



ul#topnav {     
list-style:none;   
height:26px; 
width:335px; 
margin:0 0 0 455px;
padding:0px; 
background:#fff;
}   
  
ul#topnav li {   
display:inline;   
}  

ul#topnav li a {   
height:26px;   
float:left;   
text-indent:-9999px;   
padding: 0px;

} 

ul#topnav li#topnav_1 a {   
height:26px;
width:89px;   
background:url(about-us-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
}   
  
ul#topnav  li#topnav_1 a:hover {   
background:url(about-us-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#topnav  li#topnav_1 a.current {   
background:url(about-us-3.gif) no-repeat; /* X and Y position at 0 */   
}  

ul#topnav li#topnav_2 a {   
height:26px;
width:89px;   
background:url(services-1.gif) no-repeat ; /* X and Y position at 0 */ 
padding:0px; 
}   
  
ul#topnav  li#topnav_2 a:hover {   
background:url(services-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#topnav  li#topnav_2 a.current {   
background:url(services-3.gif) no-repeat; /* X and Y position at 0 */   
}  

ul#topnav li#topnav_3 a {   
height:26px;
width:72px;   
background:url(people-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
}   
  
ul#topnav  li#topnav_3 a:hover {   
background:url(people-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#topnav  li#topnav_3 a.current {   
background:url(people-3.gif) no-repeat; /* X and Y position at 0 */   
}  

ul#topnav li#topnav_4 a {   
height:26px;
width:73px;   
background:url(contact-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
}   
  
ul#topnav  li#topnav_4 a:hover {   
background:url(contact-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#topnav  li#topnav_4 a.current {   
background:url(contact-3.gif) no-repeat; /* X and Y position at 0 */   
} 


.dn{display:none;}

.nav-top{ background:#FFF; }


.nav-services {width:800px; min-height:32px; background-color:#E6D2E3;}

ul#services-nav {     
list-style:none;   
height:24px; 
width:751px; 
margin:0 0 0 26px;
padding:8px 0px 0px 0px; 
}   
  
ul#services-nav li {   
display:inline;   
}  

ul#services-nav li a {   
height:26px;   
float:left;      
padding: 0px;
} 

ul#services-nav li#services-nav_1 a {   
height:21px;
width:62px;   
background:url(estates-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
margin:0 5px 0 0;
}   
  
ul#services-nav  li#services-nav_1 a:hover {   
background:url(estates-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#services-nav  li#services-nav_1 a.current {   
background:url(estates-3.gif) no-repeat; /* X and Y position at 0 */   
}  

ul#services-nav li#services-nav_2 a {   
height:21px;
width:54px;   
background:url(trusts-1.gif) no-repeat ; /* X and Y position at 0 */ 
padding:0px; 
margin:0 5px 0 0;
}   
  
ul#services-nav  li#services-nav_2 a:hover {   
background:url(trusts-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#services-nav  li#services-nav_2 a.current {   
background:url(trusts-3.gif) no-repeat; /* X and Y position at 0 */   
}  

ul#services-nav li#services-nav_3 a {   
height:21px;
width:85px;   
background:url(mediation-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
}   
  
ul#services-nav  li#services-nav_3 a:hover {   
background:url(mediation-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#services-nav  li#services-nav_3 a.current {   
background:url(mediation-3.gif) no-repeat; /* X and Y position at 0 */   
}  

ul#services-nav li#services-nav_4 a {   
height:21px;
width:99px;   
background:url(matrimonial-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
margin:0 5px 0 0;
}   
  
ul#services-nav  li#services-nav_4 a:hover {   
background:url(matrimonial-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#services-nav  li#services-nav_4 a.current {   
background:url(matrimonial-3.gif) no-repeat; /* X and Y position at 0 */   
} 

ul#services-nav li#services-nav_5 a {   
height:21px;
width:114px;   
background:url(conveyancing-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
margin:0 5px 0 0;
}   
  
ul#services-nav  li#services-nav_5 a:hover {   
background:url(conveyancing-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#services-nav  li#services-nav_5 a.current {   
background:url(conveyancing-3.gif) no-repeat; /* X and Y position at 0 */   
} 

ul#services-nav li#services-nav_6 a {   
height:21px;
width:127px;   
background:url(criminal-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
margin:0 5px 0 0;
}   
  
ul#services-nav  li#services-nav_6 a:hover {   
background:url(criminal-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#services-nav  li#services-nav_6 a.current {   
background:url(criminal-3.gif) no-repeat; /* X and Y position at 0 */   
} 

ul#services-nav li#services-nav_7 a {   
height:21px;
width:105px;   
background:url(employment-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
}   
  
ul#services-nav  li#services-nav_7 a:hover {   
background:url(employment-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#services-nav  li#services-nav_7 a.current {   
background:url(employment-3.gif) no-repeat; /* X and Y position at 0 */   
} 

ul#services-nav li#services-nav_8 a {   
height:21px;
width:80px;   
background:url(litigation-1.gif) no-repeat ; /* X and Y position at 0 */  
padding:0px;
margin:0 0px 0 0;
}   
  
ul#services-nav  li#services-nav_8 a:hover {   
background:url(litigation-2.gif) no-repeat; /* X and Y position at 0 */    
}   
  
ul#services-nav  li#services-nav_8 a.current {   
background:url(litigation-3.gif) no-repeat; /* X and Y position at 0 */   
}