/*
 Design by www.IconWebsiteDesign.com


*/

/** Common Styles */

body {
	margin:0px auto;
	padding: 0;
	background: #707070  url('images/bkgd.jpg') repeat-x top;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#wrapper {
	width: 1000px;
	margin: 0px auto;
	padding:  10px 20px 0 20px;
	background: #d2d2d2 url(images/wrapper-bkgd.gif) repeat-y;
	position:relative;
}
/** Style for header starts here */

#header {
	
	height: 360px; text-align:center;
	margin: 0px 0px; width:1000px;
	background: url(images/header-bottom.gif) no-repeat bottom; }

#header img { display:block;}

#header .header-top {
	margin: 0px 6px;
	padding: 3px 0 0 0; 
	background: url(images/header-top.jpg) no-repeat top; text-align:right;
	height:42px;
	
}
#header .header-top .phone { margin:0px; display:inline;  width:300px; font-size:14px; color:#1959a7;
			margin: 0px 20px 10px 0px;}
.header-contact { float:right;}

.header-mid { background: url(images/header.jpg) no-repeat ; height:28px; padding-top:234px; padding-right:20px; margin: 0px 6px; text-align:right;  }
.header-mid a { font-size:14px; color:#333; text-transform:uppercase; text-decoration:none; padding:0px 10px;  }

a.home-link  { display:block; position:absolute; top:30px; width:600px; height:270px;}


/** Style for menu starts here */

#menu { width: 988px;
	height: 39px;
	margin: 0px auto; display:block;
	background: url(images/nav.jpg) repeat-x;
	
	
}



#menu a:hover {
	color: #e3ebf6;
}





/** Style for content starts here */

#content {
	width: 992px;
	margin: 0px auto;
	z-index: 1;
}



#left {
	float: left; z-index: 0;
	width: 748px; display:inline;
	padding: 20px 20px 20px 24px;
	z-index:2; 
	background:  url(images/left-bkgd.gif) repeat-y;
	min-height:820px;
}



.blue  { color:#223C60;  font-weight:bold}
a {color:#223c60; }
p { font-size:12px; margin:10px 0;}


/** Style for Homepage */

#left h1.home {  background: url(images/live-life.gif) no-repeat;  width: 282px;
  height: 33px; border-bottom: solid 1px #666;}

#left h1 span {  display: none;}    
#left .expertise-box-top  {float:right; width:390px; height:auto; margin:0px 0px 0px 0px;  padding-bottom:40px;
		background-color:#eff5f9; border-top: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; border-left: solid 1px #c9c9c9; }
 
#left .expertise-box-top   .large-image { width:366px; height:165px; margin:5px; border:solid 8px #5d5752; display:block; background: url(images/IMG-all.jpg) no-repeat 0 -825px ;}
 
#left .expertise-box-main  {  width:746px; margin:0px;		background-color:#eff5f9; border-right: solid 1px #c9c9c9; border-left: solid 1px #c9c9c9; border-bottom: solid 1px #c9c9c9;  }

#left .home-intro { /*height:202px;*/height:auto; margin:10px 10px 10px 0; width:340px;}
#left .home-intro a { display:inline;color:#17549e; text-decoration:underline }

#left  .expertise-header { display:block; text-align:right; }

.expertise-areas {  }
.expertise-areas#first { height: 80px; padding:0 5px 5px 5px;   }
#left .expertise-areas h3 { margin:5px; font-size:14px; color:#17549e; padding:0px;}
.expertise-areas p  { margin:0px; font-size:12px; color:#223c60; line-height:16px; padding:0px 5px 5px 5px }
.expertise-areas img { float:right; margin:5px; border: solid 1px #b9babb}
.expertise-areas td {   border-top: solid 1px #c9c9c9;}
 
.expertise-areas img a:hover { background:url(images/IMG-all.jpg); width:300px; height:165px;  }  
 
.expertise-areas a, .expertise-box-top a {display: block;text-decoration: none;color: #222; }
.expertise-areas ul { margin:0px; margin:4px 0 0 20px;}
.expertise-areas ul li { font-size:11px; padding: 0 ; margin:0px;  } 

 /** Style for CSS Image replacement */ 



#left a					{ margin: 0px; outline: none; }
#left a:hover				{ background: #dfe8ee;} 
#left a .name				{ font: 18px Georgia, Serif; }
#left a .photo			{ display: block; position: absolute; width: 366px; height: 165px; }

#injury:hover .photo		{background: url(images/IMG-all.jpg) no-repeat 0 0 ;}
#traffic:hover .photo		{background: url(images/IMG-all.jpg) no-repeat 0px -165px ;}
#criminal:hover .photo		{background: url(images/IMG-all.jpg) no-repeat 0 -330px ;}
#real:hover .photo		{background: url(images/IMG-all.jpg) no-repeat 0 -495px ;}
#estate:hover .photo		{background: url(images/IMG-all.jpg) no-repeat 0 -660px ;}
#civil:hover .photo		{background: url(images/IMG-all.jpg) no-repeat 0 -825px ;}
#disability:hover .photo	{background: url(images/IMG-all.jpg) no-repeat 0 -990px ;}
 
#left .photo {
	width:366px;
	top: 404px;
	left:418px;
	
}
 
 
 
 
/** Style for InteriorPages */ 

#left h2 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; color:#223C60;
	font-weight: bold; margin:15px 0 10px 0; }

#left h2 .small { font-size:14px;}

#left h3 { font-size: 16px; color: #666666; margin:5px 0;  }
#left h3 a { margin-top:25px; font-size: 16px; color: #666666; display:block }


.int-header { background:#efefef url(images/int-header.gif) no-repeat center; border:solid 2px #FFF;  margin:10px 0px 20px 0; height:90px;}
.int-header img { float:left; margin:5px 20px 5px 5px; padding:3px; border:solid 1px #666; background-color:#FFF  }
#left .int-header h1 {	font-size: 20px; color:#223C60;	font-weight: bold; padding:15px 10px; margin:10px 0; background:none; border:none; }
a.head { font-size:12px; }
 
.int-header ul { float: right; margin:4px 10px 0 0; padding-left:0px; }
.int-header li { line-height:13px; list-style:none; display:block;  padding-left:5px;}
.int-header li a { font-size:11px; text-decoration:none; }
.int-header li.current { background:url(images/arrow.gif) no-repeat left; padding-left:10px;   } 
.int-header p { margin-top:5px; line-height:16px; float: right; margin:4px 10px 0 0;}

.side-menu { width:230px; padding:10px; float:right ; margin:0 0 10px 10px; background-color:#eff5f9; border: solid 1px #c9c9c9; text-align:center}
#left .side-menu h3 {font-size:14px; color:#223c60; line-height:16px; text-transform:uppercase; margin:10px 0 }
.side-menu ul { margin:0px; padding:0px; }
.side-menu li { list-style:none; }
.side-menu a { display:block;  height:18px; padding:8px 0; border: solid 1px #999; text-decoration:none; color:#333; 
				background:#FFF url(images/grey-grad.gif) repeat-x ;  font-size:12px; }

.side-menu a:hover, .side-menu .current  { background:url(images/grey-grad-light.gif) repeat-x;} 

.int-right { width:280px; float:right ;}
.list-menu { margin:0 0 10px 10px; background-color:#eff5f9;border: solid 1px #c9c9c9; text-align:center; padding:5px;}
.list-menu ul { margin:5px 5px 5px 10px; padding:5px; text-align:left }
.list-menu li { list-style:none; line-height: 20px; display:block; }
.list-menu a { padding-right:5px;}


.bio-img { float:left; border:solid 4px #666; margin-right:10px;}

#left .right { float:right}

.large-form { margin:20px; }

/** Right Col */ 


#right {
	float: right;
	width: 200px;
	padding: 0px;
}
#right .languages {padding:5px; text-align:center; color:#223C60; font-style:italic; background-color:#CCC; border-bottom: solid 1px #999; margin:0px 0 10px 0; font-size:14px; font-weight:bold;}

#right .map { background:#e3ebf6 url(images/map-bottom.gif) repeat-x bottom; padding:0px 5px 5px 5px;}

#right .map h2 {background: url(images/we-serve-you.gif) no-repeat;
  width: 162px;
  height: 20px; }
#right .map h2 span { display:none;}            
#right .map p { line-height:14px;}

#right .home-form { padding:0 10px 10px 10px;}
#right .home-form h2 {background: url(images/contact-us.gif) no-repeat;
  width: 156px;   height: 26px; margin:0px 0 10px 0 }
#right .home-form h2 span { display:none;}    

#right .home-form p { margin: 5px 0px; }
#right .home-form input, #right .home-form textarea { border: solid 1px #333}
        

/** Style for footer starts here */

#footer {
	clear: both;
	width: 1000px;
	height: 300px;
	margin: 0px auto;
	padding-top: 10px; text-align:center;
	background: #5d5752 url(images/footer.gif) repeat-x top;
}

#footer .nav {margin: 0px auto; display:block; height:40px; margin-bottom:30px;
}

#footer .nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none; 
}

#footer .nav li {
	display: inline;
}

#footer .nav a {
	display: block;
	float: left;
	border: none;
	
	padding: 5px 15px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	color: #e3ebf6;
}

#footer .sub {
	display:block; margin-top:10px; font-size:11px; color:#CCC 
}

#footer h2 { color:#efefef; font-size:16px;}

#footer .sub a { padding:0px 20px }

#footer .links {
	float: right;
	margin: 0px;
	padding-right: 20px;
	text-align: center;}


#footer a {
	text-decoration: none;
	color: #FFF;
}


.clear { clear:both;}
.img { border:none;}