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

/*CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* -------------------- Begin CSS -------------------- */

* {
margin: 0;
padding: 0;
}


body {background: url(../imgs/bg.jpg) repeat-x top left;
	}
	
#wrap {
	width:  1024px;
	margin: 0 auto;
	padding: 0;
	position: relative;	
}

/* ----- Fonts ----- */

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #2c4b9f; font-style:italic;}

h2, span.attorney {font-family: "Lucida Bright", Georgia, Times, Serif; font-size: 16px; color: #3a5192; font-style: italic; padding: 0 0 4px 0;}

p {font-family: "Lucida Sans", Arial; font-size: 13px; color: #202e5f; line-height: 19px; text-align: justify;}

.bios {font-family: "Lucida Sans", Arial; font-size: 12px; color: #333333; line-height: 15px; text-align: justify;}

.areas {font-family: "Lucida Sans", Arial; font-size: 12px; color: #333333; line-height: 15px; padding: 5px 0 50px 0; text-align: justify;}

.top {font-family: "Lucida Sans", Arial; font-size: 13px; color: #202e5f; text-align: center;}

.top a {font-family: "Lucida Sans", Arial; font-size: 13px; color: #666666; text-align: center; text-decoration: none;}

.top a:hover {font-family: "Lucida Sans", Arial; font-size: 13px; color: #202e5f; text-align: center; text-decoration: underline;}


/* ----- Header ----- */

#header {
	width: 1024px;
	height: 160px;
	float: left;
	}
	
#header .top-nav{
	width:989px;
	height:auto;
	margin:118px 35px 0 0;
	padding:0;
	float:right;
}

#header .top-nav li{
	list-style:none;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	margin:0 0 0 36px;
	padding:0;
	color: #66ccff;
}

#header .top-nav li a{
	color:#ffffff;
	text-decoration:none;
}

#header .top-nav li a:hover{
	color:#66ccff;
	text-decoration:none;
}

/* ----- Practice Areas ---- */

#practice-header {
	width: 1024px;
	height: 100px;
	background: url(../imgs/practice-title.jpg);
	float: left;
	}

#practice {
	width: 984px;
	float: left;
	margin: 30px 20px 30px 20px;
	}
	


/* ----- Attorneys ---- */

#attorneys-header {
	width: 1024px;
	height: 100px;
	background: url(../imgs/attorneys-title.jpg);
	float: left;
	}

#attorneys {
	width: 1024px;
	float: left;
	}
	
#attorneys .lawyer{
	width:1000px;
	height:auto;
	margin:33px 12px 33px 12px;
	padding:0;
	clear:both;
	overflow:auto;
	}
	
#attorneys .lawyer .photo{
	width:116px;
	height:139px;
	padding-right: 20px;
	float:left;
	}
	
span.vcard {font-family: "Lucida Sans", Arial; font-size: 11px; color: #202e5f;}
	
span.vcard a {font-family: "Lucida Sans", Arial; font-size: 11px; color: #666666; text-decoration: none;}

span.vcard a:hover {font-family: "Lucida Sans", Arial; font-size: 11px; color: #202e5f; text-decoration: underline;} 
	

	





/* ----- Clients ---- */

#client-header {
	width: 1024px;
	height: 100px;
	background: url(../imgs/clients_title.jpg);
	float: left;
	}
	
#clients {
	width: 1024px;
	float: left;
	}
	
#clients-left {
	width: 512px;
	float: left;
	}
	
#clients-left ul {
	margin: 40px 0 10px 35px;
	}
	
#clients-left li {
	list-style: url(../imgs/bullet.jpg);
	line-height: 36px;
	color: #333333;
	font-family: "Lucida Sans", Arial; font-size: 13px; font-weight: bold;
	}
	
#clients-right {
	width: 512px;
	float: left;
	}
	
#clients-right ul {
	margin: 40px 0 10px 35px;
	}
	
#clients-right li {
	list-style: url(../imgs/bullet.jpg);
	line-height: 36px;
	color: #333333;
	font-family: "Lucida Sans", Arial; font-size: 13px; font-weight: bold;
	}






	
/* ------ Contact ------ */

#contact-header {
	width: 1024px;
	height: 100px;
	background: url(../imgs/contact-title.jpg);
	float: left;
	}
	
#contact {
	width: 1024px;
	height: 575px;
	float: left;
	}
	
#contact-left {
	width: 430px;
	float: left;
	}
	
#contact-right {
	width: 594px;
	float: left;
	}
	
#contact-right .info{
width:594px;
height:auto;
margin:55px 0 0 0;
padding:0;
}
#contact-right .info .column1{
width:auto;
height:auto;
margin:0 0 0 0;
padding:0;
clear:both;
}
#contact-right .info .column{
width:auto;
height:auto;
margin:0 10px 30px 0;
padding:0;
float:right;
font-family:Lucida Bright, Georgia, serif;;
}
#contact-right .info form{
margin:0 0 0 0;
padding:0;
width:auto;
height:auto;
}
#contact-right .info form p{
margin:0;
padding:0;
float:left;
}
#contact-right .info form p.text{
margin:0;
float:left;

}
#contact-right .info form .column1 .column input{
margin:0 0 0 40px;
width:424px;
height:56px;
float:left;
background: url(../imgs/field_bg.jpg) no-repeat;
}

#contact-right .info form textarea{
margin:5px 0 0 0;
width:424px;
height:134px;
float:left;
font-size:16px;
background: url(../imgs/message_bg.jpg) no-repeat;
}
#contact-right p{
margin:0;
padding:0;
font-size:16px;
}

#contact-right .info .column1 .sendmsg input{
margin:0 0 0 42px;
padding:0;
display:block;
float: right;
}
#contact-right .info .column1 .sendmsg a{
width:141px;
height:58px;
float: right;
display:block;
background:url(../imgs/send_btn.jpg) no-repeat left top;
}








#footer_container {background: url(../imgs/footer_img.jpg); height: 230px; width: 100%; float: left;}

#footer {
	width:  1024px;
	margin: 0 auto;
	padding: 0;
	position: relative;	
}

#footer .left {
	width: 512px;
	float: left;
	}

#footer .contact-us {
	margin: 110px 0 0 0;
	}

#footer .right {
	width: 512px;
	float: right;
	}
	
#footer .mw {
	float: right;
	margin: 154px 45px 0 0;
	font-family: "Lucida Sans", Arial; font-size: 11px; color: #ffffff;}
	
.mw a {font-family: "Lucida Sans", Arial; font-size: 11px; color: #ffffff; text-decoration: underline;}

.mw a:hover {font-family: "Lucida Sans", Arial; font-size: 11px; color: #000000; text-decoration:none;}