@charset "utf-8";
@import "reset.css";

/**
 ** core html tags
 **/
 
img {
	vertical-align: bottom;
}
 
/**
 ** #bottom
 **/
 
#bottom {
	background: url(/images/bg-bottom.gif) center top no-repeat;
	height: 10px;
	margin: 0 auto;
}
 
/**
 ** #callouts
 **/
 
#callouts {
	padding-top: 20px;
}

#callouts p {
	color: #6d6e6c;
	font-family: Verdana;
	font-size: 11px;
	float: none;
	line-height: 160%;
	padding: 12px;
}

#callouts div.first {
	background-color: #e0ded0;
	float: left;	
	margin-right: 10px;
	min-height: 154px;
	width: 221px;
}

#callouts div.second {
	background-color: #e0ded0;
	float: left;
	margin-right: 10px;
	min-height: 154px;
	width: 221px;
}

#callouts div.third {
	background-color: #e0ded0;
	float: left;
	min-height: 154px;
	width: 222px;
}
 
/**
 ** #column-left
 **/
 
#column-left {
	float: left;
	padding-top: 10px;
	width: 225px;
}

#column-left.home {
	padding-top: 0 !important;
}

/**
 ** #column-right
 **/
 
#column-right {
	float: right;
	padding-left: 20px;
	width: 695px;
}

#column-right.home {
	width: 684px !important;
}
 
/**
 ** #container
 **/
 
#container {
	margin: 0 auto;
	width: 961px;
}
 
/**
 ** #container-outer
 **/

#container-outer {
	background: url(/images/bg-container-outer.jpg) center top no-repeat;
}

#container-outer.home {
	background: url(/images/bg-container-outer-home.jpg) center top no-repeat !important;
}

/**
 ** #content
 **/
 
#content {
	background-color: #ffffff;
	border-left: solid 1px #b4b3a8;
	border-right: solid 1px #b4b3a8;
	padding: 0 9px 10px 10px;
}

#content em {
	font-style: italic;
}

#content strong {
	font-weight: bold;
}

#content.home {
	padding: 10px 20px 10px 10px !important;
}

/**
 ** #floats
 **/

#floats {
	overflow: auto;
	width: 100%;
}

/**
 ** #footer
 **/
 
#footer {
	background: url(../images/g-logo-hb.gif) left 12px no-repeat;
	color: #7c7b73;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	height: 40px;
	margin: 0 auto;
	padding: 20px 0 20px 39px;
	width: 920px;
}

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

#footer a:hover {
	color: #9a1320;
}

#footer a.hab {
	color: #7c7b73;
}

#footer span.cerno {
	color: #777777;
	display: block;
	float: right;
	font-family: Arial; 
	font-size: 10px; 
	font-weight: normal;  
	padding-top: 10px;
}

#footer span.cerno a {
	color: #777777;
}

#footer span.cerno a:hover {
	text-decoration: underline;
}

#footer span.links {
	float: right;
}

#footer span.separator {
	color: #c2c1b9;
	font-weight: normal;
	margin-left: 4px;
	margin-right: 4px;
}

/**
 ** #header
 **/
 
#header {
	height: 83px;
	margin: 0 1px;
	padding-top: 26px;
}

#header p {
	color: #ffffff;
	float: right;
	font-family: Georgia;
	font-size: 24px;
	padding-top: 14px;
}

#header span {
	color: #ffffff;
	display: block;
	font-family: Georgia;
	font-size: 18px;
	margin-top: 5px;
	text-align: center;
	width: 340px;
}

/**
 ** #image
 **/

#image {
	background: url(/images/bg-image.jpg) left top no-repeat;
	height: 112px;
	margin: 0 1px;
}

/**
 ** #image div.text
 **/

#image div.text {
	padding: 28px 0 0 30px;
	width: 600px;
}

#image div.text p {
	color: #2f3236;
	font-family: Georgia;
	font-size: 17px;
	line-height: 160%;
	margin-bottom: 10px;
}

#image div.text p.small {
	font-size: 13px;
	font-weight: bold;
}

/**
 ** #image-home
 **/

#image-home {
	background: url(/images/bg-image-home.jpg) left top no-repeat;
	height: 182px;
	margin: 0 1px;
}

/**
 ** #image-home div.text
 **/

#image-home div.text {
	width: 700px !important;
}

/**
 ** #image-home div.text
 **/

#image-home div.text {
	padding: 30px;
	width: 500px;
}

#image-home div.text p {
	color: #2f3236;
	font-family: Georgia;
	font-size: 21px;
	line-height: 160%;
	margin-bottom: 10px;
}

/**
 ** #nav
 **/
 
#nav {
	background: url(/images/bg-nav-bar.gif) right top no-repeat;
	height: 37px;
	margin: 0 1px;
	overflow: auto;
}

#nav a {
	display: block;
	float: left;
	height: 37px;
	margin-right: 2px;
	width: 114px;
	text-decoration: none;
}

#nav a.about {
	background: url(/images/bg-nav-about.gif) left top no-repeat;
}

#nav a.about:hover,
#nav a.about-on {
	background: url(/images/bg-nav-about.gif) left bottom no-repeat;
}

#nav a.careers {
	background: url(/images/bg-nav-careers.gif) left top no-repeat;
}

#nav a.careers:hover,
#nav a.careers-on {
	background: url(/images/bg-nav-careers.gif) left bottom no-repeat;
}

#nav a.contact {
	margin-right: 0 !important;
	background: url(/images/bg-nav-contact.gif) left top no-repeat;
}

#nav a.contact:hover,
#nav a.contact-on {
	margin-right: 0 !important;
	background: url(/images/bg-nav-contact.gif) left bottom no-repeat;
}

#nav a.news-events {
	background: url(/images/bg-nav-news-events.gif) left top no-repeat;
}

#nav a.news-events:hover,
#nav a.news-events-on {
	background: url(/images/bg-nav-news-events.gif) left bottom no-repeat;
}

#nav a.our-attorneys {
	background: url(/images/bg-nav-our-attorneys.gif) left top no-repeat;
}

#nav a.our-attorneys:hover,
#nav a.our-attorneys-on {
	background: url(/images/bg-nav-our-attorneys.gif) left bottom no-repeat;
}

#nav a.practice-areas {
	background: url(/images/bg-nav-practice-areas.gif) left top no-repeat;
}

#nav a.practice-areas:hover,
#nav a.practice-areas-on {
	background: url(/images/bg-nav-practice-areas.gif) left bottom no-repeat;
}

#nav a span {
	display: none;
}

#nav.home {
	background: url(/images/bg-nav-bar-home.gif) right top no-repeat;
}

/**
 ** #subnav
 **/
 
#subnav {
	width: 225px;
}

#subnav a {
	background: #e0ded0 url(/images/g-subnav-arrow.gif) left top no-repeat;
	border-bottom: solid 1px #c1bda1;
	border-top: solid 1px #ffffff;
	color: #6f5942;
	display: block;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 20px;
	text-decoration: none;
}

#subnav a:hover,
#subnav a.active {
	background: #d3d1c4;
	color: #ffffff;
}

#subnav a.first {
	border-top: none;
}

/**
 ** #subnav div.in-this-section
 **/

#subnav div.in-this-section {
	background: url(/images/g-in-this-section.gif) left top no-repeat;
	height: 48px;
}

#subnav div.in-this-section span {
	display: none;
}

/**
 ** #subnav div.our-services
 **/

#subnav div.our-services {
	background: url(/images/g-our-services.gif) left top no-repeat;
	height: 48px;
}

#subnav div.our-services span {
	display: none;
}

/**
 ** #testimonial
 **/
 
#testimonial {
	background: url(/images/bg-testimonial.gif) right top no-repeat;
	float: right;
	width: 230px;
}

#testimonial p {
	color: #8f8e85;
	font-family: Georgia;
	font-size: 15px;
	font-style: italic;
	line-height: 150%;
	padding: 20px 21px 0 21px;
}

#testimonial p.author {
	color: #1c2840;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 21px 20px 21px
}

/**
 ** #testimonial div.bottom
 **/
 
#testimonial div.bottom {
	background: url(/images/bg-testimonial-bottom.gif) right bottom no-repeat;
	border-top: solid 1px #d7d6d1;
	padding: 10px 10px 15px 10px;
	text-align: center;
}

/**
 ** #text
 **/
 
#text {
	color: #404040;
	font-family: Arial;
	font-size: 13px;
	line-height: 150%;
	padding-right: 20px;
	padding-top: 10px;
	width: 445px;
}

#text a {
	color: #888888;
	text-decoration: underline;
}

#text a:hover {
	text-decoration: none;
}

#text a.more {
	background-color: #ebebeb;
	border-bottom: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	color: #d31a2f;
	display: block;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
	padding: 2px 8px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 64px;
}

#text a.more:hover {
	color: #2f3236;
}

#text a.title {
	color: #d31a2f;
	display: block;
	font-family: Georgia;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 0 0;
	text-decoration: none;
}

#text a.title:hover {
	text-decoration: underline;
}

#text font.notice {
	color: #d31a2f;
}

#text form {
	margin-top: 20px;
}

#text form input.button {
	background: url(../images/bg-button.gif) left top repeat-x;
	border: none;
	border-bottom: solid 1px #750f1a;
	border-top: solid 1px #86111e;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	padding: 3px 8px;
	text-transform: uppercase;
}

#text form input.error {
	background-color: #f9f0c3 !important;
	border: solid 1px #d31a2f !important;
	color: #222222;
}

#text form input.textbox {
	border: solid 1px #c1bda1;
	color: #404040;
	font-family: Arial;
	font-size: 12px;
	margin-right: 5px;
	padding: 3px;
}

#text form input.textbox:focus {
	border: solid 1px #80afcd;
}

#text form select.select {
	border: solid 1px #c1bda1;
	color: #404040;
	font-family: Arial;
	font-size: 12px;
	margin-right: 5px;
	padding: 2px;
	width: 186px;
}

#text form select.select:focus {
	border: solid 1px #80afcd;
}

#text form textarea.textarea {
	border: solid 1px #c1bda1;
	color: #404040;
	font-family: Arial;
	font-size: 12px;
	height: 100px;
	padding: 3px;
	width: 435px;
}

#text form textarea.textarea:focus {
	border: solid 1px #80afcd;
}

#text h3 {
	color: #53718e;
	font-family: Georgia;
	font-size: 25px;	
	margin-bottom: 15px;
	margin-top: 5px;
}

#text h3.article {
	line-height: 115%;
	margin-bottom: 0px;
	margin-top: 0px;
}

#text h4 {
	color: #d31a2f;
	font-family: Georgia;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}

#text h4.article, 
#text h4.attorney,
#text h4.career {
	margin: 20px 0 0 0 !important;
}

#text h5 {
	color: #404040;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}

#text hr {
	 border-top: solid 1px #d7d6d1;
	 margin-top: 20px;
}

#text img.image {
	display: block;
	margin: 15px 0;
}

#text iframe {
	margin-bottom: 5px;
	margin-top: 20px;
}

#text label {
	color: #626262;
	font-family: Arial;
	font-size: 10px;
	text-transform: uppercase;
}

#text p {
	padding-top: 15px;
}

#text p.back {
	padding-top: 15px;
}

#text p.error {
	color: #d31a2f;
	font-weight: bold;
}

#text p.first {
	padding-top: 0px;
}

#text span.author {
	color: #1c2840;
	display: block;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
}

#text span.date {
	color: #888888;
	display: block;
	font-family: Verdana;
	font-size: 10px;
	text-transform: uppercase;
}

#text span.input {
	display: block;
	padding-top: 10px;
}

#text table {
	border: solid 1px #d7d6d1;
	margin-top: 20px;
}

#text table th {
	font-weight: bold;
	padding: 5px;
}

#text table td {
	padding: 5px;
}

#text ul li {
	padding-left: 20px;
	list-style: inside square;
}

/**
 ** #text.home
 **/

#text.home {
	padding-right: 0px !important;
	padding-top: 0px;
	width: auto !important;
}

/**
 ** #text div.border
 **/
 
#text div.border {
	border: solid 1px #cccccc;
	color: #5b5b5b;
	font-family: Georgia;
	font-size: 10px;
	padding: 5px 6px;
	text-transform: uppercase;
}

#text div.border a {
	color: #d31a2f;
	font-weight: bold;
	text-decoration: none;
}

#text div.border a:hover {
	color: #2f3236;
}

#text div.border span.separator {
	color: #dddddd;
	margin-left: 5px;
	margin-right: 5px;
}

/**
 ** #text div.headline
 **/
 
#text div.headline {
	min-height: 198px;
	padding-top: 10px;
}

#text div.headline a.more {
	background-color: #ebebeb;
	border-bottom: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	color: #d31a2f;
	display: inline;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	padding: 7px 12px;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}

#text div.headline a.more:hover {
	color: #2f3236;
}

#text div.headline a.title {
	color: #d31a2f;
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
	text-decoration: none;
}

#text div.headline a.title:hover {
	text-decoration: underline;
}

#text div.headline h3 {
	color: #d31a2f;
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}

#text div.headline img {
	float: left;
	margin-right: 20px;
}

#text div.headline p {
	color: #7c7c7c;
	font-family: Arial;
	font-size: 13px;
	line-height: 160%;
	padding-top: 10px;
	padding-bottom: 20px;
}

#text div.headline p strong {
	color: #464646;
	display: block;
	font-weight: bold;
	line-height: 160%;
}

#text div.headline span.date {
	color: #888888;
	display: block;
	font-family: Verdana;
	font-size: 10px;
	text-transform: uppercase;
}
 
/**
 ** #wrap
 **/
 
#wrap {
	background: url(/images/bg-background.jpg) left top repeat-x;
	padding-bottom: 30px;
	padding-top: 5px;
}

#wrap.home {
	background: url(/images/bg-background-home.jpg) left top repeat-x !important;
}