/*
CSS for HCMP Law Firm
www.ebendesign.com
*/

/* page and misc */
body { margin: 0; padding: 0; background: #666; color: #666; font-size: .75em; font-family: arial, sans-serif; }
a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
ima a, a img { border: 0; }
.clear { display: block; clear: both; }
.floatright { float: right; display: inline; }
.marginleft { margin-left: 15px; }
.floatleft { float: left; display: inline; }
.smallbottom { padding: 0 0 10px 15px!important; }
h3.business { margin: 0; padding: 0; display: block; width: 75px; height: 21px; background: url(../imgs/h3-hmBusiness.gif) 0 0 no-repeat transparent; }
h3.realestate { margin: 0; padding: 0; display: block; width: 119px; height: 41px; background: url(../imgs/h3-hmRealEstate.gif) 0 0 no-repeat transparent; }
h3.litigation { margin: 0; padding: 0; display: block; width: 82px; height: 25px; background: url(../imgs/h3-hmLitigation.gif) 0 0 no-repeat transparent; }
.backToHome { display: block; width: 222px; height: 79px; float: left; margin: 17px 0 0 37px; }

/* lists and such */
ul.normal { list-style-image: url(../imgs/bullet.gif); color: #333; margin: 10px 0 0 14px; padding: 0; }
	ul.normal li { ist-style-image: url(../imgs/bullet.gif); color: #333; margin: 3px 0 3px 0; }
		ul.normal li a { color: #666; }

/* layout */
#container { position: relative; width: 926px; margin: 0 auto; background: url(../imgs/bg-container.gif) 0 0 repeat-y #fff; padding: 7px 18px 40px 24px; }
#header { background: url(../imgs/bg-header.gif) 0 -20px no-repeat transparent; height: 119px; }
#homeFlash { width: 627px; height: 401px; float: left; display: inline; margin: 16px 0 35px 0; }
#chPic { width: 627px; height: 285px; overflow: hidden; float: left; display: inline; margin: 16px 0 -2px 1px; }
#grayBar { width: 592px; height: 20px; float: left; display: inline; background: url(../imgs/bg-graybar-bot.gif) left bottom no-repeat #eaeaea; padding: 13px 17px 5px 17px; margin: 0 0 30px 0; }
	#grayBar a { font-size: .75em; color: #285a7d; margin: 3px 10px 0 0; }
	#grayBar img {margin-top: -3px; }
#rightSide { width: 298px; float: right; display: inline; }
	#search { padding: 7px 12px 0 0; height: 32px; text-align: right; }
		#search .rustButton, #search .purpleButton, #search .blueButton, #search .greenButton { padding: 0; }
	#subnav { list-style-type: none; margin: 0; padding: 0 0 0 0; width: 298px; overflow: hidden; }
		#subnav li { width: 100%; }
			#subnav li a { display: block; width: 100%; padding: 5px 12px 5px 12px; font-size: 1.2em; color: #fff; }
			#subnav li a:hover { text-decoration: none; }
	#subnav li ul, #subnav li ul li ul { list-style-type: none; margin: 0; padding: 0; }
	#subnav li ul li { list-style-type: none; margin: 0; padding: 0; }
		#subnav li ul li a { font-size: 1em; padding: 5px 0 5px 24px; }
			#subnav li ul li ul li { list-style-type: none; margin: 0; padding: 0 0 0 15px; }
				#subnav li ul li ul li a { font-size: .90em; padding: 2px 12px 2px 24px }
				.currentPage, .active  { padding: 2px 12px 2px 23px!important; color: #8ebfe2!important; background: url(../imgs/active-arrow.gif) no-repeat 5px 8px; }
				div.rust#rightSide #subnav .active {color: #fff!important; padding: 5px 12px 5px 23px!important; background: url(../imgs/rust-arrow.gif) no-repeat 8px 10px #9d3c1a; }
				div.green#rightSide #subnav .active {color: #b8e0c8!important; padding: 2px 12px 2px 23px!important; background: url(../imgs/green-arrow.gif) no-repeat 8px 8px; }
				div.purple#rightSide #subnav .active {color: #fff!important; padding: 5px 12px 5px 23px!important; background: url(../imgs/purple-arrow.gif) no-repeat 8px 10px; }
		#sideContainer { margin: 265px 0 0 0; padding: 0 15px 84px 15px; line-height: 1.5; }
		#chSideContainer { margin: 25px 0 0 0; padding: 0 15px 50px 15px; line-height: 1.5; }
.homeShadow { position: absolute; width: 55px; height: 55px; background: url(../imgs/bg-lilhomeshadow.gif) 0 0 no-repeat transparent; top: 416px; right: 317px; }
#logo { position: absolute; width: 320px; height: 201px; top: 238px; right: 17px; z-index: 3; background: transparent; }
.homeCol { width: 191px; float: left; display: inline; margin: 0 0 0 12px; }
.chCol { float: left; display: inline; margin: 30px 0 0 15px; width: 575px; line-height: 1.5; }
.chCol ul li { margin: 5px 0 5px 0; }
#footer { clear: both; color: #2b2a2a; font-size: .90em; line-height: 1.5; }
	#footer a { color: #666; text-decoration: underline; }
	.fLeft { float: left; display: inline; width: 600px; padding: 20px 0 0 15px; }
	.fRight { float: right; display: inline; width: 298px; text-align: right; padding: 20px 0 0 0; }
		.fRight a { margin: 0 3px 0 3px; }
#businessResources { float: right; margin-top: -3px; }

/* rust */
.rust { background: #952b06; color: #fff; }
.rustLink { color: #952b06; }
.rustNav { color: #c1846e!important; }
.rustSearch { background: url(../imgs/bg-search-rust.gif) 0 0 no-repeat #952b06; color: #fff; border-bottom: 1px solid #c1846e; }
.rustButton { padding: 1px 5px 1px 5px; text-align: center; font-size: .95em; font-weight: bold; border: 1px solid #c1846e; background: #952b06; font-family: arial, sans-serif; color: #fff; }
.rustInput { font-size: .95em; font-weight: bold; border: 1px solid #c1846e; color: #666; font-family: arial, sans-serif; width: 175px; }
.rustSideBot { background: url(../imgs/bg-sidebot-rust.gif) left bottom no-repeat #952b06; }
.rustBorder { border-bottom: 1px solid #c1846e; }
.rustBorder-active, .rust-active { border-bottom: 1px solid #c1846e; background: #9d3c1a; color: #c1846e; }
	.rustBorder:hover { background: #9d3c1a; }

/* purple */	
.purple { background: #504567; color: #fff; }
.purpleLink { color: #504567; }
.purpleNav { color: #e4deef!important; }
.purpleSearch { background: url(../imgs/bg-search-purple.gif) 0 0 no-repeat #504567; color: #fff; border-bottom: 1px solid #9993a7; }
.purpleButton { padding: 1px 5px 1px 5px; text-align: center; font-size: .95em; font-weight: bold; border: 1px solid #9993a7; background: #504567; font-family: arial, sans-serif; color: #fff; }
.purpleInput { font-size: .95em; font-weight: bold; border: 1px solid #9993a7; color: #666; font-family: arial, sans-serif; width: 175px; }
.purpleSideBot { background: url(../imgs/bg-sidebot-purple.gif) left bottom no-repeat #504567; }
.purpleBorder { border-bottom: 1px solid #9993a7; }
.purpleBorder-active, .purple-active { border-bottom: 1px solid #9993a7; background: #5e5473; color: #9993a7; }
	.purpleBorder:hover { background: #5e5473; }
	
/* blue */
.blue { background: #285a7d; color: #fff; }
.blueLink { color: #285a7d; }
.blueNav { color: #8ebfe2!important; }
.blueSearch { background: url(../imgs/bg-search-blue.gif) 0 0 no-repeat #285a7d; color: #fff; border-bottom: 1px solid #829fb4; }
.blueButton { padding: 1px 5px 1px 5px; text-align: center; font-size: .95em; font-weight: bold; border: 1px solid #829fb4; background: #285a7d; font-family: arial, sans-serif; color: #fff; }
.blueInput { font-size: .95em; font-weight: bold; border: 1px solid #829fb4; color: #666; font-family: arial, sans-serif; width: 175px; }
.blueSideBot { background: url(../imgs/bg-sidebot-blue.gif) left bottom no-repeat #285a7d; }
.blueBorder { border-bottom: 1px solid #829fb4; }
.blueBorder-active, .blue-active { border-bottom: 1px solid #829fb4; background: #396787; color: #8ebfe2!important; }
	.blueBorder:hover, .blueBorder-active:hover { background: #396787; }
	
/* green */
.green { background: #156435; color: #fff; }
.greenLink { color: #156435; }
.greenNav, .greenNav .active, { color: #b8e0c8!important;}

.greenSearch { background: url(../imgs/bg-search-green.gif) 0 0 no-repeat #156435; color: #fff; border-bottom: 1px solid #77a58a; }
.greenButton { padding: 1px 5px 1px 5px; text-align: center; font-size: .95em; font-weight: bold; border: 1px solid #77a58a; background: #156435; font-family: arial, sans-serif; color: #fff; }
.greenInput { font-size: .95em; font-weight: bold; border: 1px solid #77a58a; color: #666; font-family: arial, sans-serif; width: 175px; }
.greenSideBot { background: url(../imgs/bg-sidebot-green.gif) left bottom no-repeat #156435; }
.greenBorder { border-bottom: 1px solid #77a58a; }
.greenBorder-active, .green-active { border-bottom: 1px solid #77a58a; background: #277045; color: #ffffff; }
	.greenBorder:hover { background: #277045; }

.chCol h1 {font: normal 18px Arial, Helvetica, sans-serif; }
.chCol h2 { border-top: 0; font: bold 13px arial; padding-top: 12px; margin-top: 10px;}	
.chCol h2.top {border-top:  0; margin-top: 20px; text-transform: uppercase;}
.chCol h3 { border-top: 0; font: bold 12px arial; padding-top: 12px; margin-top: 20px;}	
.chCol a {color: #285a7d; font-weight: bold;}
div.totop {display: block; text-align: right; width: 100%; height: 15px;}
/*ul.spacial { margin-top: 25px; margin-bottom: -8px; padding-bottom: 0;}
ul.spacial li, ul.spacial li p { padding-top: 0; margin-top:-10px; margin-bottom: 16px; }	*/

.chCol ul li ul { list-style-type: none!important; }
.chCol ul li ul li { list-style-type: none; line-height: 1.3; margin: 10px 0 10px 0; }

ul.spacial blockquote {margin-top: 3px; margin-bottom: 3px;}
.floatL {float: left;}
.floatR {float: right;}


.chCol img.floatR {padding: 10px 0 10px 10px; }

 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  } 
	
 .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    } 
	
	ul.pdf {list-style: none; margin-left: 0; padding-left: 12px;}
	ul.pdf li {background: url(../imgs/pdf-icon.gif) no-repeat 0 0; padding-left: 40px; height: 35px;} 
	
	.answer {display: block; margin-left: 10px;}
	
	.borderimage {border: 1px solid #666; }
	.newslink {display: block; margin-top: 7px; margin-left: 2px;}
	
	.atts { width: 191px; }
	.attorney_image {float: right; margin-left: 20px; margin-bottom: 10px; border: 4px solid #eaeaea; margin-top: -20px;}
	.imgright { float: right; margin-left: 10px; margin-bottom: 15px;}
    .imgright img{ border: 0; margin-left: 15px; }
	    .imgright div {font-size: 10px; color: #99999; text-align: center;}
		#attorney_contact-table table { width: 95%; }
		#attorney_contact-table table tr td table{/*width: 165px;*/ margin-left: 15px;}
.attorney_table_div { margin-left: -15px; }
#attorney_contact-table table td {text-align: top; vertical-align: top;}
#leftatt_table { background: url(../imgs/att_tbl_border_mid.gif) repeat-y 1 0; }
td#righttatt_table {background-image: url(../imgs/att_tbl_border_mid.gif); width: 1px;}
#attorney_contact-table {width: 591px; margin-left: -15px;}
#attorney_contact-table tr td table tr td table tr td{border-bottom: 1px solid #eee;}
.no-border {border: 0!important;}
#vcard_print {margin: 2px 0 18px 1px; }
#vcard_print a{color: 666; font-size: 11px; font-weight: normal; margin: 0 20px 0 8px;}
.bottom20 {margin-bottom: 25px;}
#attylistdiv {margin-right: 17px; float: right; display: inline; }
.quote {  font-size: 12px; line-height: 14px; margin-top: -10px; .margin-top: 0; _margin-top: 0; margin-bottom: 40px; font-style: italic;}
.quote span { display: block; float: right;  text-align: right;  }
.size18 {font-size: 18px;}
.handheld {display: none;}
#staffpage h2 {margin-bottom: 8px; margin-top: 14px; padding: 0;}
#staffpage span {font-size: 11px;}
.picless {margin-top: 15px!important; margin-bottom: -10px!important;}
.connect#chPic {height: 296px; }
.connect#grayBar {padding-bottom: 10px;}

#cse-search-results iframe, #res { width: 600px!important; background: transparent; }

/*
attorney profile tables
*/

.at-bot { .margin-top: -1px; }
.a-table { .margin-top: -4px; width: 590px; border-left: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; padding: 0 15px 0 15px; font-family: arial, sans-serif; color: #666; line-height: 1.3; margin-left: -14px; }
.a-table td { vertical-align: top; }
.a-table table { width: 100%; border: 0; }
.a-table table table td { border-bottom: 1px solid #eee; padding: 2px 0 2px 0; vertical-align: top; }
.a-table table table td.noborder { border: 0; }
	.a-table-column-1 { width: 140px!important; }
	.a-table-column-2 { width: 140px!important; }
	.a-table-column-3 {  }
	.a-table-column-4 { width: 380px!important; }
.shade { width: 580px; height: 250px; overflow: auto; background: #f2f2f2; padding: 7px; margin-left: -15px; margin-bottom: 30px; display: none; }



.fixedImgDiv { height: 247px; width: 626px; overflow: hidden; }