body {

	font-family: Verdana;
    font-size: 15px;
    color: #222;

}


#wrapper  {

	margin: 0 auto; width: 800px;
	background-color: #FFF;
	border-width:3px;
    border-style:double;
	padding: 1em;
	overflow: hidden;

}

#nav {
	width: 200px;
	float: left;
	padding-top: 1em;

}

#content {
	width: 580px;
	float: right;
}

/** button for courses page **/
a.button {
  background-color: #023467;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
}
a.button {
  transition-duration: 0.2s;
}

a.button:hover {
  background-color: #336699;
  color: white;

}



.box1, .box2 { width:220px; padding: 15px; float:left; }

.box1 { background-color: #D55619; }

.box2 { background-color: #419709; margin-left:15px;}



.box3 {width:250px; margin-left:1em;  float:left;}

.box4 {width:250px; margin-left:1em;  float:left;}

.box1 p, .box2 p {margin:0; padding:0; font-size:17px;}

h1 ,h2, h3{ margin:0; padding:0; color: #333; }

h1 {  font-size: 1.4em; margin-bottom: 1em;}
h2 {  font-size: 1.9em;  margin-bottom: .7em;}
h3 {  font-size: 1.4em;  margin-bottom: .5em; color: #666;}
h4 {  font-size: 1.2em;  margin-bottom: .5em; color: #222;}


p { }

.img-lawyer {width: 200px; float:right; border:1px solid #999; margin-left: 1em; margin-bottom: 1.5em;}

.gallery-img { width: 145px; float:left; margin-bottom:1em; }
.gallery-img img {width: 125px; border:1px solid #999;}
.gallery-img p a {color:#FFF; padding:0; line-height:0; font-weight: normal}

/* Clients Link Page */

div.leolinks {padding-left: 1em;; }

div.leolinks p a {color: #222; }

/* Lawyer Sub Nav */

ul#vert-list { margin: 0; padding: 0; }
#vert-list li { list-style-type: none; }

#vert-list a {
	display: block;
	background-color: #023467;
	color: #FFF;
	padding: .4em .8em;
	text-decoration: none;
	width: 90%;
	font-weight: normal;
}

#vert-list a:hover {
	background-color: #0158b0;
	color: #FFF;
}