html{ color: #000; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea
,p,blockquote,th,td{ margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
fieldset,img{ border: 0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }
li{ list-style: none; }
caption,th{ text-align: left; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; }
q:before,q:after{ content: ''; }
abbr,acronym { border:0;  font-variant: normal; }

/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select{ font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}

/*because legend doesn't inherit in IE */
legend{ color:#000; }

em { font-style: italic; }
strong { font-weight: bold }
em strong { font-style: italic; font-weight: bold; }
strong em { font-style: italic; font-weight: bold; }

.floatl { float: left; }
.floatr { float: right; }

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

body { background: url(images/bg_body.jpg) #050608 repeat-x top left; font-family: arial; font-size:14px; color:#c8c6bf; text-align: center; padding-top: 17px; }

.content-wrapper-block { background: url(images/border.jpg); margin: 0px auto; width: 975px; text-align: left; }
.main{ margin: 0 auto; width: 1000px;text-align:left; }

#banner { background: url(images/content-header-bg.jpg); height: 51px; color: #fff; font-size: 18px; font-weight: bold; padding-left: 10px; text-transform: capitalize; line-height: 51px; vertical-align: middle; }
a { color: #c8c6bf; }

.header { background: url(images/logo.jpg) no-repeat 20px 20px; width:1000px;height: 116px; position: relative; }
.header a.logo { display: block; width: 530px; height: 116px; }
.header a.newsletter { position: absolute; top:0px; right: 0px; display: block; }
.header .yellowpage-link {position:absolute;bottom:10px;right:10px;color:#aa8552;}

/** CONTAINERS  ****/
.index .content-header {background:url(images/bg_home.png) no-repeat left top; height:418px;width:990px;padding: 5px;}
.index .content-header .left {float:left;width:200px;}
.index .content-header .right {float:right;width:790px;border-left:0;padding:0;}
.index #left-wrapper {background: none;}
.index #content {background: none;}
.index #content .left {float:left;width:200px;}
.index #content .content-top {background:url(images/bg_content_brown_top.png) no-repeat left top;width:800px;height:5px;float:right; font-size: 1px;}
.index #content .right {background: #907755;width:770px;float:right;padding:15px;color:#000;}
.index #content .content-bottom {background:url(images/bg_content_brown_bot.png) no-repeat left top;width:800px;height:5px;float:right;font-size: 1px;}
.index #content .right .interior {padding: 5px; float: none;}
.index #content .right h1 {color:#fff;}
.index #content .right li {list-style-image: none;}
.index #content .left {background:none;}
.index #content .left h3 {background:none;height:auto;padding-left: 10px;}
.index #content .left h3 span {display: block;}
.index #content .left ul {background:none;padding-top: 7px;}
.index #content .left li {padding:0 0 2px;}
.index #content .left li a {text-transform:uppercase;font-size:11px;text-decoration:none;}
.index .content-header .featured {border-top:1px solid #6e6e72;margin:10px 0 0 0;}
.index .content-header .featured a {display:block;float:left;}
.index #content .right .interior {width:auto;}

#left-wrapper {background:url(images/areas_outline_mid.jpg) repeat-y top left;}
#content {margin:0 0 20px 0;;background:url(images/areas_outline_bottom.jpg) no-repeat left bottom;}
#content .left {float:left;width:220px;padding:0 0 5px 0;}
#content .left h3 {height:37px;background:url(images/header_areas.jpg) no-repeat left top;}
#content .left h3 span {display: none;}
#content .left ul {background:url(images/areas_outline_mid.jpg) repeat-y left top;padding-top: 28px;}
#content .left li {padding:0 0 20px 6px;margin:0 0 0 10px;}
#content .left li a {text-decoration: none;}
#content .left li a:hover {text-decoration: underline;}
#content .right {float:right;width:760px;background:url(images/bg_content_internal2.jpg) repeat-x left top ;}
#content .right .interior {width:570px;padding:15px;float:left;}
#content .right .boxes {} 
#content .right .boxes a {display:block;float:left;}
.content-header .left {float:left;width:550px;text-align:center;}
.content-header .right {float:right;padding:6px 0 6px 6px;margin:0 0 5px 0;border-left:1px solid #343637;}


/*** TOPMENU ***/
.topmenu { background-image: url(images/bg_nav.jpg); height: 27px;}
.topmenu ul { text-align: center; }
.topmenu ul li { background: url(images/nav_seperator.jpg) no-repeat top right; display: inline; float: left; color: #fff; width: auto; height: 27px; }
.topmenu ul .last { background: none; }
.topmenu ul li a {
	color:#fff;
	display: block;
	height: 27px;
	text-transform: capitalize;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 30px;
	line-height: 27px;
	vertical-align: middle;
}

.topmenu ul li a:hover { background-image: url(images/nav_hover.jpg); }

.index .topmenu ul li.index a, .about-us .topmenu ul li.about-us a, .consult-form .topmenu ul li.consult-form a, .practice-areas .topmenu ul li.practice-areas a, .contact-us .topmenu ul li.contact-us a, .se-habla-espanol .topmenu ul li.se-habla-espanol a {background-image: url(images/nav_hover.jpg);}

.left-col { width: 235px; float: left; margin-left: 30px; }
.right-col { width: 651px; float: left; margin: 0px 0px 10px 20px; }

/** SIDE MENU ****/
.side-menu { position: relative; }
.side-menu h2 { background: url(images/side-header-bg.jpg); height: 53px; color: #a6c0c5; font-size: 18px; font-weight: bold; padding-left: 10px; text-transform: capitalize; line-height: 53px; vertical-align: middle; }
.side-menu .left-box { background: url(images/practiceareas_sidebar_bg.png) no-repeat; min-height: 638px; margin-bottom: 10px; padding-bottom: 15px; }
.side-menu ul { padding-left: 10px; }
.side-menu .left-box ul li { list-style: square url(images/arrow.jpg); color: #fff; margin-left: 16px; margin-top: 6px; }
.side-menu .left-box ul li a { color: #fff; text-decoration: none;}
.side-menu .left-box ul li a:hover { color: #aeb8cc; }
.side-menu .left-box li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
.side-menu .left-box li:hover ul { left: 85px; background-color: #031018; border: 1px solid #232d34; z-index: 50; width: 175px; padding-bottom: 5px; }
.side-menu .left-box li:hover ul .content_menu_img { list-style: none; }


/** base style **/

#content h1, #content .lawcontent-headline-title span { font-size: 20px; color: #aa7021; margin-bottom: 6px; }
#content h2 { font-size: 18px; color: #aa7021; margin-bottom: 6px; }
#content h3 { font-size: 16px; text-transform: capitalize; color: #aa7021; }
#content h4 { font-size: 20px;  }
#content h5 { color: #aa7021; font-size: 14px; }
#content h6 { color: #aa7021; font-size: 12px; }
#content .interior h1, #content .interior h2 {color: #7c94bf;}
.index #content .interior h2 {color: #fff;}

#content p { line-height: 20px; margin-bottom: 10px; }
#content a:hover { color: #b4cbd9; }

#content hr { background-color: #5b6368; color: #5b6368; height: 1px; border: 0 none; }

#content .form-box { background-color: #3d3d40; width: 147px; margin-top:15px; margin-bottom: 10px; }
#content .form-box .textbox { background-color: #907755; width: 123px; height: 17px; color: #fff; border: 1px solid #252527; margin-bottom: 2px; margin-left: 10px; padding-left: 5px; padding-top: 7px;}
#content .form-box .textarea { background-color: #907755; width: 123px; height: 56px; color: #fff; border: 1px solid #252527; margin-bottom: 2px; margin-left: 10px; padding-left: 5px; padding-top: 7px; }
#content .form-box #injuries { height: 30px; }
#content .form-box .submit { background-color: #7c94bf; width: 80px; height: 15px; color: #000; font-size: 10px; border: 1px solid #232425; margin: 10px 0px; }

#content li { font-size: 12px; margin-bottom: 3px;list-style-image:url(images/arrow.png); }
#content ul{ padding:10px 0 0 20px; }
#content li a hover{ color: #053857; }
#content ol{ padding-bottom: 10px; padding-left: 30px; }
#content ol li{ list-style-type: decimal; }

#content .right .tacoma {display: block; width: 147px; height: 20px; background: url(images/btn_visittacoma.jpg) no-repeat top left;}
#content .right .tacoma:hover {background-position: bottom left;}
#content .right .tacoma span { display: none;}

.footer { width: 1000px; margin: 0 auto; background: url(images/bg_footer.png); text-align: center; height: 55px;padding:15px 0;font-size:12px; }
.footer ul {margin:0 0 10px 0;}
.footer ul li {display:inline;color:#938172;}
.footer li a {padding:0 9px;color:#938172;text-decoration:none;}
.footer p  {font-weight:bold; color:#c1955a;margin:0 0 10px 0; }
.footer p.copyright  {color:#555;font-weight:normal;}
.footer p.copyright a {color:#555;text-decoration:none;}
/*** CONTENT SERVER CSS FIXES ****/

#lawcontent_block ul li { margin-bottom: 5px; }
#lawcontent_block table.law_data_table th { background-color: #01619d; }
#frame { border: 1px solid #024780; }	
#lawcontent_block .lawcontent-book-img {width:150px; height: 140px;}
#lawcontent_block .lawcontent-book-img a {font-size: 12px; text-align: center; color: #ffffff; }
#lawcontent_block .lawcontent-book-img a:hover { color: #9C8C73; }
#lawcontent_block .dict_letter { color: #bc3108; }
#lawcontent_block .lawcontent_footer p {font-size: 1em; font-style: italic; }
#content .headline { margin-left: 20px; margin-bottom: 5px; }
#content .lawcontent-headline-title {color: #967E5C; font-size: 28px; }

