/*
*******************************************************************

Title:			global.css
Browser(s):		Safari, Firefox, IE

Author:			Andy Davis (www.raddsigns.com)
Created:		09.02.2009
Last modified:	09.02.2009

Don't steal, yo!

*******************************************************************
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/******************************************************************* STRUCTURE *****/

body {background: url(../images/main-bg.png) repeat-x #4f4f4f; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; color: #333;}
#wrapper {width: 960px; margin-left: auto; margin-right: auto; background-color: #fff; margin-bottom: 40px;}
#nav {width: 960px; height: 44px; background: url(../images/top-nav-bg.png) repeat-x; display: block; position: relative; z-index: 10;}

#main-content {width: 960px; clear: both;}
#left-column {width: 264px; float: left;}
.sidebar-content {width: 264px; background: url(../images/shadow-sep-bg.jpg) no-repeat top right; display: block; margin-top: 50px;}
#right-column {width: 670px; float: right;}

#footer {width: 960px; height: 70px; background-color: #ddd; border-top: 1px solid #FFF; display: block; padding: 20px 0;}
#sub-footer {width: 960px; height: 13px; background: url(../images/sub-footer-bg.png) repeat-x; display: block;}
#footer-left {width: 180px; margin-left: 50px; float: left;}
#footer-right {width: 650px; margin-right: 10px; text-align: right; float: right; }


/******************************************************************* MISC *****/

.grayline {width: 100%; border-bottom: 1px solid #b7b7b7;}
.dotted-line {height: 20px; background: url(../images/dotted-line-bg.gif) repeat-x; width: 100%; margin-bottom: 20px; clear: both;}
.clear {clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0;}
.red {border: 1px dashed red;}
.gray-text {color: #464646;}


/******************************************************************* LINKS & NAVIGATION *****/

a {color: #5f0e10; text-decoration: underline;}
a:hover {color: #000;}
a:visited, a:focus {color: #5f0e10; text-decoration: underline;}

:focus {outline: 0;}

#nav ul#nav-list {list-style-type: none; display: inline; margin-left: 1px;}
#nav ul#nav-list li {float: left;}
#nav ul#nav-list li a {display: block; color: #fff; text-decoration: none; padding: 15px 20px 13px 20px; font-size: 1.2em;}
#nav ul#nav-list li a:hover {background-color: #500b0c;}
#nav ul#nav-list li a.hover {background-color: #500b0c;}
#nav ul#nav-list li a.active {background-color: #8e1b1d;}

#footer-right ul {width: 650px; list-style-type: none; display: block; margin-bottom: 20px;}
#footer-right ul li {float: right; border-right: 1px solid #555; text-align: right;}
#footer-right ul li.last {border-right: none;}
#footer-right ul li.last a {padding-right: 2px;}
#footer-right a {display: block; color: #555555; text-decoration: none; padding: 0 8px; font-size: 1.0em;}
#footer-right a:hover {text-decoration: underline;}

ul.social-networking li {list-style-type: none; float: left; margin-right: 4px;}
ul.social-networking li.twitter {width: 18px; height: 18px; text-indent: -9999px; background: url(../images/twitter-icon.png) no-repeat;}
ul.social-networking li.linkedin {width: 18px; height: 18px; text-indent: -9999px; background: url(../images/linkedin-icon.png) no-repeat;}
ul.social-networking li a {display: block;}


/******************************************************************* TYPOGRAPHY *****/

h1 {font: normal 3.4em Georgia, "Times New Roman", Times, serif; color: #000; line-height: 38px;}
h1.logo-big {width: 310px; height: 169px; display: block; text-indent: -9999px; background: url(../images/logo-big-new.png) no-repeat; margin: 50px 0 20px 0;}
h1.logo-big a {width: 263px; height: 197px; display: block; text-decoration: none;}
h1.logo-small {width: 264px; height: 186px; display: block; text-indent: -9999px; background: url(../images/logo-small-new.png) no-repeat; margin: 0 0 20px 0;}
h1.logo-small a {width: 264px; height: 186px; display: block; text-decoration: none;}

h2 {font-size: 1.8em; line-height: 25px; color: #5f0e10; font-family: Georgia, "Times New Roman", Times, serif;}
#banner-content h2 {text-align: center;}

h3 {font-size: 1.6em; font-weight: bold; color: #000; line-height: 24px;font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 25px;}

h4 {font-size: 1.4em; color: #595959; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 20px;}

p.quote {width: 160px; font-size: 1.4em; line-height: 20px; color: #555; margin-left: 70px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; position: relative;}
p.byline {width: 160px; font-size: 1.0em; color: #000; line-height: 14px; margin: 10px 0 40px 70px;}
p.location {font-size: 1.0em; color: #000; line-height: 14px; margin: 10px 0 40px 70px;}
p.footer-address {font-size: 1.1em; color: #606060; line-height: 16px;}
p.copyright {font-size: 1.0em; color: #8e8e8e; line-height: 18px; display: block; clear: both;}

.about p {width: 620px; font-size: 1.4em; line-height: 20px; color: #555; margin-bottom: 25px;}

span.open-quote { width: 21px; height: 16px; background: url(../images/open-quote.png) no-repeat; display: block; position: absolute; left: -30px; top: 2px; text-indent: -9999px;}

/******************************************************************* HOMEPAGE *****/

#home-banner {width: 960px; background: url(../images/home-banner-bg.png) no-repeat; display: block; margin-bottom: 20px;}
#banner-content {width: 310px; float: left;}
#group-photo {width: 650px; height: 465px; display: block; float: right; background: url(../images/group-photo-large.jpg) no-repeat;}
#vcard {width: 260px; height: 78px; background: url(../images/vcard-box.png) no-repeat; display: block; margin: 100px 0 0 35px;}
#vcard p {float: right; font-size: 1.1em; line-height: 16px; margin: 15px 25px 0 0;}
#vcard a {float: left; text-decoration: none; background: url(../images/vcard-icon.png) no-repeat; display: block; width: 40px; height: 34px; padding-top: 38px; text-align: center; margin: 15px 0 0 35px;}
#vcard a:hover {text-decoration: underline;}

#sub-content {width: 100%; clear: both;}
#sub-content-left {width: 440px; margin-left: 50px; float: left;}
#sub-content-right {width: 410px; padding-left: 60px; background: url(../images/shadow-sep-home.jpg) no-repeat; display: block; float: right;}
#sub-content-right ul li {list-style-type: none; font-size: 1.2em; margin-top: 12px; width: 175px; display: block; float: left; background: url(../images/arrow-bullet.png) no-repeat; padding-left: 20px; background-position: 0 2px; color: #898989;}


/******************************************************************* ABOUT *****/

#about-title {width: 670px; height: 263px; background: url(../images/group-photo-small.jpg) top right no-repeat; margin-bottom: 25px;}
#about-title h1 {position: relative; top: 115px;}
#about-title h2 {width: 300px; position: relative; top: 140px; z-index: 1;}


/******************************************************************* ATTORNEYS *****/

#attorneys-title {width: 670px; height: 263px; margin-bottom: 25px;}
#attorneys-title h1 {position: relative; top: 70px;}
#attorneys-title h2 {width: 620px; position: relative; top: 95px;z-index: 1;}

.attorney-listing {width: 620px;}
.attorney-listing img {width: 140px; height: 140px; float: left; margin-right: 40px;}
.attorney-listing img a {border: none;}
.attorney-listing-text {width: 440px; float: left;}
p.attorney-name {font-size: 2.0em; font-family: Georgia, "Times New Roman", Times, serif; color: #000; line-height: 16px; display: block; margin-bottom: 15px;}
p.attorney-name span {font-size: 0.7em; font-family: Helvetica; color: #999999; line-height: 16px;}
.attorney-listing-text p.bio-text {font-size: 1.2em; color: #666; line-height: 16px; display: block; margin-bottom: 15px;}
.attorney-listing-text p.bio-text a {font-family: Georgia, "Times New Roman", Times, serif; color: #7e191c; font-size: 0.9em; text-transform: uppercase; line-height: 28px;}


/******************************************************************* ATTORNEYS LANDING *****/

.attorney-landing {width: 620px;}
.attorney-landing img.profile {width: 250px; height: 375px; float: left; margin-right: 40px;}
.attorney-landing img.profile a {border: none;}
.attorney-landing-text {width: 330px; float: left;}
.attorney-landing-text p.bio-text {font-size: 1.3em; color: #666; line-height: 18px; display: block; margin-bottom: 15px;}
#left-nav {margin-left: 50px;}
#left-nav ul li {list-style-type: none; font-size: 1.2em; margin-top: 12px; width: 175px; display: block; float: left; background: url(../images/arrow-bullet.png) no-repeat; padding-left: 20px; background-position: 0 2px; color: #898989;}
#left-nav a:link,
#left-nav a:visited {color: #898989; text-decoration: none;}
#left-nav a:hover,
#left-nav a:active {color: #000; text-decoration: underline;}

/******************************************************************* TEAM *****/

#team-title {width: 670px;  margin-bottom: 30px;}
#team-title h1 {margin-top: 70px;}

.team-listing {width: 620px;}
.team-listing img {width: 140px; height: 223px; float: left; margin: 0 40px 20px 0;}
.team-listing img a {border: none;}
.team-listing-text {width: 440px; float: left;}
.team-listing-text p.bio-text {font-size: 1.3em; color: #666; line-height: 18px; display: block; margin-bottom: 15px;}
p.team-name {font-size: 2.0em; font-family: Georgia, "Times New Roman", Times, serif; color: #000; line-height: 16px; display: block; margin-bottom: 15px;}


/******************************************************************* PRACTICE AREAS *****/

#practice-title {width: 670px; height: 263px; margin-bottom: 0px;}
#practice-title h1 {position: relative; top: 70px;}
#practice-title h2 {width: 620px; position: relative; top: 95px; z-index: 1;}

ul.practice-areas li {list-style-type: none; font-size: 1.6em; margin-top: 12px; background: url(../images/arrow-bullet.png) no-repeat; padding-left: 20px; background-position: 0 3px; color: #5d0e0f;}

/******************************************************************* PRACTICE AREAS LANDING *****/
#practice-landing-title {width: 670px; height: 123px; margin-bottom: 0px;}
#practice-landing-title h1 {position: relative; top: 70px;}

.practice-landing {margin-right: 50px;}
.practice-landing-text {font-size: 1.3em; color: #666; line-height: 18px; display: block; margin-bottom: 15px;}
.practice-landing-text a.back {font-family: Georgia, "Times New Roman", Times, serif; color: #7e191c; font-size: 0.9em; text-transform: uppercase; line-height: 28px;}

/******************************************************************* BUSINESS PARTNERS *****/

#partners-title {width: 670px; height: 200px; margin-bottom: 0px;}
#partners-title h1 {position: relative; top: 70px;}
#partners-title h2 {width: 620px; position: relative; top: 95px; z-index: 1;}

ul.business-partners li {list-style-type: none; font-size: 1.6em; margin-top: 12px; background: url(../images/arrow-bullet.png) no-repeat; padding-left: 20px; background-position: 0 3px; color: #5d0e0f;}


/******************************************************************* NEWS & ARTICLES *****/

#news-title {width: 670px; height: 263px; background: url(../images/news-title-photo.jpg) top right no-repeat; margin-bottom: -15px;}
#news-title h1 {position: relative; top: 130px;}

.entry-listing {width: 620px;}

p.entry-date {font-size: 9px; color: #898989; margin-bottom: 10px;}
p.entry-title a {font-size: 1.6em; color: #5b0d0e; line-height: 20px; margin-bottom: 8px; text-decoration: none; font-weight: bold; display: block;}
p.entry-title a:hover {text-decoration: underline;}
p.entry-text {font-size: 1.2em; color: #666; line-height: 16px; display: block; margin-bottom: 15px;}

/******************************************************************* NEWS & ARTICLES LANDING *****/
#news-landing-title {width: 670px; margin-bottom: 20px;}
#news-landing-title h1 {margin-top: 70px;}
#news-landing-title span.date-author {display: block; padding-top: 8px; font-size: 9px; color: #898989; margin-bottom: 10px; font-style: italic;}

.news-landing {margin-right: 50px;}
.news-landing img.news-image {width: 250px; float: left; margin-right: 40px;}
.news-landing img.news-image a {border: none;}
.news-landing-text {/* width: 330px; */ float: left;}
.news-landing-text p.content {font-size: 1.3em; color: #666; line-height: 18px; display: block; margin-bottom: 15px;}
.news-landing-text {font-size: 1.3em; color: #666; line-height: 18px; display: block; margin-bottom: 25px;}
.news-landing-text a.back {font-family: Georgia, "Times New Roman", Times, serif; color: #7e191c; font-size: 0.9em; text-transform: uppercase; line-height: 28px;}

.news-landing p.pdf-download {padding-top: 20px;}
.news-landing p.pdf-download a {text-decoration: none;}

/******************************************************************* CONTACT *****/

#contact-title {width: 670px; height: 263px; margin-bottom: 25px; position: relative;}
#contact-title h1 {position: absolute; top: 130px; left: 0;}
#contact-title h2 {width: 300px; position: absolute; top: 180px; left: 0; z-index: 1; font-size: 1.6em;}
#contact-title h2 span {font-size: 0.9em; color: #000; line-height: 16px!important;}
img.officephoto {width: 370px; height: 263px; background: url(../images/officephoto.jpg) no-repeat; border: 8px solid #e1e1e1; position: relative; top: 30px; left: 250px;}

.driving-directions {display: block; margin-top: 20px;}
.driving-directions p {font-size: 1.4em;}

.driving-directions ul {margin: 20px 0 60px 0;}
.driving-directions ul li {list-style-type: none; margin-bottom: 28px; padding: 3px 0 0 50px; font-size: 1.4em; height: 23px;}

ul.map-links {margin: 10px 0 120px 0;}
ul.map-links li {list-style-type: none; float: left; margin-right: 10px; font-size: 1.2em;}
ul.map-links li a {background-color: #8e1b1d; padding: 8px 22px; color: #fff!important; text-decoration: none!important; display: block;}
ul.map-links li a:hover {background-color: #500b0c;}

li.step1 {background: url(../images/directions-icons.png) no-repeat;}
li.step2 {background: url(../images/directions-icons.png) no-repeat; background-position: 0 -26px;}
li.step3 {background: url(../images/directions-icons.png) no-repeat; background-position: 0 -78px;}
li.step4 {background: url(../images/directions-icons.png) no-repeat; background-position: 0 -52px;}
li.step5 {background: url(../images/directions-icons.png) no-repeat; background-position: 0 -104px;}

#contact-form,
#contact-message {display: block; margin-top: 60px;}
#contact-form h5 {font-size: 1.3em; font-weight: bold; padding-top: 5px;}
.error,
.warning {color: #fff; font-weight: bold; background-color: #ff0000; padding: 4px; font-size: 1.0em;}
#contact-message {font-size: 1.2em; color: #fff; font-weight: bold; background-color: green; padding: 5px;display:none;}

.social { margin: 5px 0 0 0; float: right; height: 40px; }