/*******************************************************
TITLE: Fixed One-Column #2 Layout (Basic) V1.0 (Beta)
DATE: 20070807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0px;
padding:0;
height:100%;
background:#999
		url("../images/bg/page.gif") repeat-y 50% 0px;
color:#404040;  
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


#logo {display: none}

/* PARAGRAPH & HEADERS*/

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#404040; 
margin-bottom: 10px;
line-height: 18px;
}

address {
line-height: 18px;
margin-bottom: 15px;
font-style: normal;}

a {color: #577B4F; text-decoration: underline;}
a:hover {color: #577B4F; text-decoration: none;}

a.style1 {color: #577B4F; text-decoration: underline;}
a.style1:hover {color: #577B4F; text-decoration: none;}

h1 {
		background: transparent;
		font-family:  Arial, Verdana, sans-serif;
		
		
		margin-bottom:10px;
		
		color: white; padding-left: 10px; padding-top: 15px; font-size: 20px; margin-bottom: 30px;
		}
		
h2, h3, h4, h5, h6 {
		background: transparent;
		font-family:  Arial, Verdana, sans-serif;
		font-size:18px;
		padding:0;
		margin-bottom:10px;
		color: #333;
		line-height:18px
		}
		
h3.sidebar, h4.sidebar, h5.sidebar, h6.sidebar {
		background: url("../images/bg/buttons.gif") repeat-x top left;
		border: 1px solid #EDEDED;
        margin: 0 0px 5px 0;
		padding: 10px 5px;
		font-family:  Arial, Verdana, sans-serif;
		font-size:18px;
		color: #333;
		}
		
h4.scroll {
		background: transparent;
		font-family:  Arial, Verdana, sans-serif;
		font-size:22px;
		padding:0;
		margin: 0 15px 15px 0;
		color: #352736;
		border-bottom: 1px solid #E0E0E0;
		}
		
ol {
width: 500px;
	margin:0 0 0 0;
	font-family: verdana, arial;
	list-style-type: decimal;
	font-size: 11px;
	line-height: 18px;
	color: #333;
	margin-bottom: 15px;
	}

ol li	{
	margin:0;
	padding: 3px 0;
	}

		
/*MISC STYLES */

img { border: 0; margin: 0; padding: 0;}	
img.pagetitle {display:block; border: 0; margin: 0; padding: 0; clear:both;}
.subtext {font-size: 12px}
.subtext2 {font-size: 12px; }
#rightColumn p {color: #E4E4E4; font-size: 11px; margin: 0}
#rightColumn p.small {color: #E4E4E4; font-size: 11px; margin: 0; text-transform: none; font-weight: normal; margin-bottom: 5px; line-height: 16px;}
#rightColumn p.headerText {text-transform: uppercase; font-size: 16px; font-weight: normal; margin-bottom: 5px; color: white; line-height: 16px;}
#rightColumn p.smallheaderText {text-transform: uppercase; font-size: 11px; font-weight: normal; margin: 5px 0; color: white; line-height: 16px;}
p.highlight {font-weight: normal; font-size: 12px;}
.alignLeft {float: left; margin-right: 8px;}
.alignRight {float:right; margin-left: 8px;}
.boldLarge {font-size: 12px; font-weight: bold;}
#rightColumn p.straight {font-size: 20px; text-transform:none; font-weight: normal; color: white; margin-bottom: 10px;}
#rightColumn p.subtext {font-size: 12px; text-transform:none; font-weight: normal; color: #FAFAFA; margin-bottom: 10px;}
#rightColumn p.intro {font-size: 11px; text-transform:none; font-weight: normal; color: white; margin-bottom: 10px;}
.small {font-size: 12px;}
.clearit {clear: both;}
.orange-header {color:#FE7A01; font-size: 18px;}
.boldCaps {text-transform: uppercase; font-weight: bold; font-size: 11px;}
blockquote {width: 200px; float: right; margin: 0 0 15px 10px; padding-left: 10px; font-size: 11px; border-left: 1px solid #ccc; color: #577B4F; text-align: left; line-height: 18px;}
#phoneBox	{
margin: 0;
background: #BBBF9B;
border: 1px solid #CCC;
padding: 5px;
font-size: 12px;
}
#leftColAtty .review {border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; margin-left: 30px}
#leftColAtty .review cite {color: #CC6300}
#leftColAtty .review p.header {color: #000; margin-bottom:0; font-size: 14px}

#BoxTop {width: 600px; height: 225px; border: 1px solid #EDEDED;  background: #eee url("../images/credentials-box.png") no-repeat top left; margin-top:0}
#BoxTopText {width: 360px; margin-top: 45px;}
#BoxTopText .padding2 {padding: 0 10px }

#highlightBox {float: right; width: 170px; border: 1px solid #CCC; padding: 10px; margin: 0 0 15px 15px}

/*CONTAINER */

#container { 	
margin:0 auto;
padding:0;
width:950px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border:0px solid #cccccc;
}

/*TOP BAR FOR MENU*/

#topbar {
width: 950px;
padding: 8px 0;
background: white;
border-bottom: 0px solid #dadada;
}

/*HEADER */

#headerRed {
margin:0;
padding:0;
background: #fff url("../images/masthead/call2.gif") no-repeat top right;
}

#headerPurple {
margin:0;
padding:0;
background: #fff url("../images/masthead/call2.gif") no-repeat 25% 10%;
border-bottom: 5px solid #352736;
}

#headerPurple2 {
margin:0;
padding:0;
background: #fff url("../images/masthead/call2.gif") no-repeat 25% 10%;
border-bottom: 0px;
}



#links	{
margin-left: 243px;
background: transparent; 
padding: 35px 0px 27px 30px;
color: #ccc;
		}

#links a	{
font: normal 11px Arial, Helvetica, sans-serif;
text-decoration: none;
background: url("../images/masthead/link-arrow.gif") no-repeat left;
color: #666;
font-size: 10px;
text-transform: uppercase;
padding-left: 15px;
margin-right: 30px;
		}

		
#links a:hover    {
font: normal 11px Arial, Helvetica, sans-serif;
text-decoration: underline;
background: url("../images/masthead/link-arrow.gif") no-repeat left;
color: #DA3D10;
font-size: 10px;
text-transform: uppercase;
padding-left: 15px;
margin-right: 30px;
}

/*Q & A PAGE */

#lcol {float: left; width:316px;}
#ccol {float: left; width:316px; }
#rcol {float: left; width:316px; }

#lcol .padding {padding-bottom: 15px}
#rcol .padding {padding-bottom: 15px}
#ccol .padding {padding-bottom: 15px}



/*MAIN -  IMAGE */

#mainImage {
background: white;
float:left;
margin:0;
padding: 0;
width:625px;
}

/*MAIN - RIGHT COLUMN */

#rightColumn { 	
float: left;
width: 324px;
border-left: 1px solid #544D54;
}

#rightColumn a {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #D7CAD8;
}

		
#rightColumn a:hover    {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #fff;
}


ul.sidebarList	{
margin:5px 0 0 40px;
list-style-type: square;
font-family: verdana, arial;
font-size: 12px;
line-height: 16px;
color: #fff;
}
	
ul.sidebarList li	{
margin:0;
padding: 3px 0;
}
	
ul.sidebarList a {
color: #D7CAD8;
text-decoration: none;
font-size: 11px;
}

ul.sidebarList li a:hover {
color: #e4e4e4;
text-decoration: underline;
font-size: 11px;
}

#rowA {
width: 324px;
height: 250px;
margin: 0;
padding: 0;
}


#rowA.purple {background:#352736;}


#rowB {
width: 324px;
height: 83px;
margin: 0;
padding: 0;
}


#rightColumn #rowB.purple {background:#544D54;}


#rightColumn #rowA .padding, #rightColumn #rowB .padding {padding: 5px 15px;}



/*MAIN CONTENT*/

#mainContent {
background: white;
width: 950px;
margin:0;
padding: 0;
clear: both;
}

/*MAIN CONTENT - COLUMN A */

#columnA	{
float: left;
width: 300px;
background: white;}

#columnA .padding {padding: 0px 15px 15px 15px; }

#columnA a {
        font: normal 11px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: underline;
		color: #CC6300;
		}

		
#columnA a:hover    {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
		color: #E66F00;
}

/*INTERVIEW BOX */
	
#interviewBox {
background: #E0E0E0;
border: 1px solid #999;
padding: 5px;
margin: 15px 0;}


#interviewBox p {
margin-bottom: 10px;}


/*POST IT NOTE */

#post-it {
float: right;
background: url("../images/post-it-note.jpg") no-repeat top left;
width: 268px;
height: 260px;
margin-bottom: 10px;
}

#post-it ul {

	margin:0 0 0 30px;
	list-style-type: none;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 16px;
	color: #666;
	padding-top: 90px;
	}

#post-it ul li	{
	margin:0;
	padding: 5px 0;
	}
	
	
	#post-it ul li span.red-arrow	{
	margin:0;
	padding: 3px 0;
	background: url("../images/bg/arrow-red.gif") no-repeat left;
padding-left: 20px;
color: #000;
	}
	
	
#post-it ul li a {
background: url("../images/bg/simple-arrow3.gif") no-repeat left;
padding-left: 20px;
color: #000;
text-decoration: underline;
font-size: 13px;
}

#post-it ul li a:hover {
background: url("../images/bg/simple-arrow3.gif") no-repeat left;
color: #000;
text-decoration: none;
padding-left: 20px;
font-size: 13px;
}

/*MAIN CONTENT - COLUMN B */

#columnB {
float: left;
width: 650px;
background: white;
}

#rightSidebar {	
float: left;
width: 325px;
border-left: 0px solid #BBB;
margin-bottom: 35px;
}

 #midSidebar {	
float: left;
width: 324px;
background: white;
border-left: 1px solid #BBB;
margin-bottom: 35px;
}

#rightSidebar .padding {padding: 10px 15px 0px 15px; }
#midSidebar .padding {padding: 10px 15px 0px 15px; }

/*PRACTICE AREA BUTTONS */

#headerButton  {
background-color:gray;
width: 295px;
padding: 10px 5px;
line-height: 18px;
}
 #headerButton:hover {
background-color:green;
width: 295px;
padding: 10px 5px;
} 

#headerButton a {color: white; text-decoration: none; font-size: 18px;}
#headerButton a:hover {color: white; text-decoration: underline; font-size: 18px;}
#headerButton a span.subtext {font-size: 11px; text-transform: uppercase; color: #EDEDED;}
#headerButton a:hover span.subtext {font-size: 11px; text-transform: uppercase; color: #EDEDED;}

#rightSidebar .practice-area-bullet, #midSidebar .practice-area-bullet {
border-bottom: 1px solid #E0E0E0;
padding-top: 10px;
}

#rightSidebar .practice-area-bullet2, #midSidebar .practice-area-bullet2 {
border-bottom: 0px;
padding-top: 10px;
}



#scrollbar {
width: 615px;
background: url("../images/headers/bg.gif") repeat-x top left;
border-top: 0px solid #e0e0e0;
margin: 0px 0 15px 15px;
clear: both;}

/* JQUERY SCROLLER STYLES  */

/* outmost wrapper element, containing all elements  */
#scrollable {
	background-color:#efefef;
	border:1px solid #ddd;
	padding:10px 8px;
	width:595px;
	height:82px;
	margin-top:25px;
	-moz-border-radius:7px;
}

/* container for the scrollable items */
div.items {
	height:82px;	
	margin-left:8px;
	float:left;
	width:535px !important;
}

#text p {
	color: black;
}

#text {margin-top: 70px;}

/* single item */
div.items a {
	display:block;
	float:left;
	margin-right:8px;
	width:100px;
	height:82px;
	font-size:11px;
	color:#333;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	border: 0px solid #e0e0e0;
}

div.items a.rob	{background:url("../images/jquery/rob2.jpg") 0 0 no-repeat;}
div.items a.amy	{background:url("../images/jquery/amy.jpg") 0 0 no-repeat;}
div.items a.wallace	{background:url("../images/jquery/wallace.jpg") 0 0 no-repeat;}
div.items a.sandra	{background:url("../images/jquery/sandra.jpg") 0 0 no-repeat;}
div.items a.larry	{background:url("../images/jquery/larry.jpg") 0 0 no-repeat;}
div.items a.casey	{background:url("../images/jquery/casey.jpg") 0 0 no-repeat;}
div.items a.james	{background:url("../images/jquery/james.jpg") 0 0 no-repeat;}
div.items a.michele	{background:url("../images/jquery/michele.jpg") 0 0 no-repeat;}
div.items a.paul	{background:url("../images/jquery/paul.jpg") 0 0 no-repeat;}

div.items a:hover {
	color:#577B4F;
	text-decoration: underline;	
}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}


/* next / prev buttons */
a.prev, a.next {
	background:url("../images/bg/left.png") no-repeat 0 0;
	display:block;
	width:18px;
	height:18px;
	float:left;	
	margin:28px 0 0 3px;
	cursor:pointer;
}

a.next {
	background-image:url("../images/bg/right.png")		
}

a.prev:hover {
	background-position:0 -18px;		
}

a.next:hover {
	background-position:0 -18px;		
}


/* navigator */
div.navi {
	position:relative;
	top:-30px;
	left:325px;
	margin-left:-50px;
	width:50px;
	height:0px;
}


/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url("../images/bg/dots.gif") 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	

/*MAIN CONTENT - SUB PAGE - LEFT */

#leftCol {
float: left;
width: 625px;
background: url("../images/headers/bg-light-purple.gif") repeat-x top left;
}

#leftCol .padding {padding: 0px 15px 15px 15px; }

#leftColGreen {
float: left;
width: 625px;
background: url("../images/headers/bg-green.gif") repeat-x top left;
}

#leftColGreen .padding {padding: 0px 15px 15px 15px; }

#leftColSlateGray {
float: left;
width: 625px;
background: url("../images/headers/bg-slate-gray.gif") repeat-x top left;
}

#leftColSlateGray .padding {padding: 0px 15px 15px 15px; }


ul {
	margin:0 0 15px 40px;
	list-style-type: square;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 16px;
	padding-top: 0px;
	}

ul li	{
	margin:0;
	padding: 3px 0;
	}

ul.red {color: #A0363E;}
ul.green {	color: #16330B;}

ul.office-list {
	margin:0 0 15px 15px;
	list-style-type: square;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 16px;
	padding-top: 0px;
	}

ul.office-list li	{
	margin:0;
	padding: 3px 0;
	}

ul.office-list li	a {font-size: 14px}

ul.affiliate-office-list {
	margin:0 0 15px 15px;
	list-style-type: square;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 16px;
	padding-top: 0px;
	}

ul.affiliate-office-list li	{
	margin:0;
	padding: 3px 0;
	}

ul.affiliate-office-list li	a {font-size: 12px}

/*MAIN CONTENT - ATTORNEYS PAGE - LEFT */
#leftColAtty {
float: left;
width: 625px;
background: url("../images/bg/bg-purple.gif") repeat-x top left;
}

#leftColAtty .padding {padding: 0px 15px 15px 15px; }

/*BUSINESS CARD*/
#business-card {
width: 350px;
height: 225px;
margin-left: 170px;
background: url("../images/business-card.gif") no-repeat top left;
}

#business-card-blank {
width: 350px;
height: 225px;
margin-left: 30px;
background: #fff;
}

h1.atty-name, h2.atty-name {
padding: 40px 0 15px 130px;
text-align: center;
line-height: 18px;
color: #404040;
}

h1.atty-name2 {
font-size: 16px;
padding: 40px 0 0 130px;
text-align: center;
line-height: 18px;
color: #404040;
}

h1.atty-name3 {
padding: 30px 0 0 130px;
text-align: center;
line-height: 18px;
color: #404040;
}

#business-card address, #business-card-blank address {float: left; padding: 35px 0 0 20px; line-height: 14px; font-style: normal;}

#business-card #email, #business-card-blank #email {
margin-left: 200px;
padding-top: 35px;
line-height: 18px; }

#business-card #email a {
color: #577B4F;
text-decoration: none;}

#business-card #email a:hover {
color: #577B4F;
text-decoration: underline;}

ul.atty-bio {
	margin:0 0 0 20px;
	list-style-type: square;
	font-family: verdana, arial;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	padding-top: 0px;
	}

ul.atty-bio li	{
	margin:0;
	padding: 3px 0;
	}

#rightColAtty {
float: left;
width: 325px;
background: url("../images/headers/bg-light-purple.gif") repeat-x top left;}



#rightColAtty .padding {padding: 10px 15px 15px 15px; }

div.detailsBox {border-bottom: 1px solid #E0E0E0; margin-top: 10px;}
div.detailsBoxNoborder {border-bottom: 0px; margin-top: 10px;}



div.detailsBox h3, div.detailsBoxNoborder h3 {text-transform: uppercase; font-size: 11px; font-weight: bold; color: #352736;} {text-transform: uppercase; font-size: 11px; font-weight: bold; color: #352736;}


div.detailsBox ul {
margin:0 0 5px 15px;
	list-style-type: square;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	padding-top: 0px;
	}
	
div.detailsBox ul li ul li {list-style-type: circle;}

#more-attorneys {
border-top: 5px solid #E0E0E0;
}

#more-attorneys ul	{
margin:5px 0 0 20px;
list-style-type: square;
font-family: verdana, arial;
font-size: 12px;
line-height: 16px;
color: #fff;
}
	
#more-attorneys ul li	{
margin:0;
padding: 3px 0; 
}
	
#more-attorneys ul li a {
background: url("../images/bg/simple-arrow.gif") no-repeat left;
color: #577B4F;
text-decoration: underline;
font-size: 11px;
padding-left: 20px; 
}

#more-attorneys ul li a:hover {
background: url("../images/bg/simple-arrow.gif") no-repeat left;
color: #333;
text-decoration: none;
font-size: 11px;
}

#more-attorneys h2 {
		background: transparent;
		font-family:  Arial, Verdana, sans-serif;
		font-size:16px;
		padding:0;
		margin:15px 0;
		color: #333;
		}



/*MAIN CONTENT - SUB PAGE - RIGHT */

#rightCol {
float: left;
width: 310px;
background: url("../images/headers/bg-gray.gif") repeat-x top left;}

#rightCol .padding {padding: 0px 0px 15px 15px; }

#rightCol2 {
float: left;
width: 325px;
background: url("../images/headers/bg-light-red.gif") repeat-x top left;}

#rightCol2 .padding {padding: 0px 15px 15px 15px; }

.mini-bio {
border: 1px solid #999;
background: #E0E0E0;
padding: 5px;
line-height: 16px;
margin-top: 15px;}


/* ATTORNEYS PAGE DIRECTORY TABLE */

#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	background: #fff;
	margin: 15px 0;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #6C4229;
	padding: 10px 8px;
	border-bottom: 2px solid #E0E0E0;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #EDEDED;
	color: #404040;
	padding: 6px 8px;
	vertical-align: top;
		text-align: left;

}

#hor-minimalist-b td.noborder
{
	border-bottom: 0px solid #ccc;
	color: #404040;
	padding: 6px 8px;
	vertical-align: top;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #404040;
	background: #EDEDED;
}
#hor-minimalist-b p
{
	margin-bottom: 5px;
	line-height: 18px;
}

div.atty-list {border-top: 0px solid #e0e0e0;}	
div.atty-list a {color: #577B4F; text-decoration: underline;}
div.atty-list a:hover {color: #577B4F; text-decoration: none;}

/*BLOG ENTRIES */

#blog-entries {
width: 290px;
float: left;
padding: 0px;
margin:0;
}

.strong {font-weight: normal; text-transform: uppercase;}

#blog-entries ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	}

#blog-entries ul li	{
	margin:0;
	padding: 8px 0px 8px 30px ;
	border-bottom: 1px solid #E0E0E0;
	background: url("../images/bg/simple-arrow.gif") no-repeat 10px center;
	}
	
#blog-entries ul li a {
 color: #577B4F;
text-decoration: none;
font-size: 11px;
}

#blog-entries ul li a:hover {
 color: #577B4F;
text-decoration: underline;
font-size: 11px;
}




/*FREE INTERVIEW */

#interview {
background: #E0E0E0;
border: 1px solid #999;
float: left;
padding: 0px;
margin-top: 20px;}

#interview p {margin-top: 10px;}

/*CONTACT BOX */

#contactBox {
border: 1px solid #999;
background:  #F5DEB3;
padding: 5px;
margin-bottom: 15px;}

#contactBox  p {margin: 0;}

#contactBox h3 {
margin-top: 10px;
font-size: 14px;
text-transform: uppercase;
color: #577B4F;}

#contactBox a {color: #577B4F; text-decoration: underline;}
#contactBox a:hover {color: #577B4F; text-decoration: none;}

/*CONTACT BOX2 */

#contactBox2 {
border: 1px solid #999;
background: #fafafa
	url("../images/bg/buttons.gif") repeat-x top left;
padding: 15px;
margin-bottom: 0px;}

#contactBox2  p {margin: 0;}

#contactBox2 h3 {
margin-top: 10px;
font-size: 14px;
text-transform: uppercase;
color: #577B4F;}

#contactBox2 a {color: #577B4F; text-decoration: underline;}
#contactBox2 a:hover {color: #577B4F; text-decoration: none;}

/*SPANISH PAGE */

ul.spanishList	{
margin:5px 0 0 10px;
list-style-type: square;
font-family: verdana, arial;
font-size: 11px;
line-height: 16px;
color: #333;
}
	
ul.spanishList li	{
margin:0;
padding: 3px 0;
}

table.spanishAreas td {padding: 10px;}

#contactBox h5 {
		background: transparent;
		font-family:  Arial, Verdana, sans-serif;
		font-size:14px;
		font-weight: bold;
		padding:0;
		margin-bottom:10px;
		color: #333;
		}



/*FOOTER */

#footer {
height: 65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #fff;
position:relative;
bottom:0;
margin:0;
padding: 10px 0 10px 105px;
line-height: 16px;
text-align:left;
font-size:11px;
background: #352736 url("../images/bg/footer.gif") no-repeat left;
border-top:1px solid #cccccc;
clear: both;
}

#footer a	{
        font: normal 11px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: underline;
		color: #fff;
		}
		
#footer a:hover    {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
		color: #fff
}

#footer address {font-style: normal; margin: 0; line-height: 16px; padding-top: 17px;}

#footer #altnavFoot {
width: 200px;
height: 60px;
	padding-right: 20px;
	float: right;
	text-align: right;
}


/*IMAGE REPLACEMENT */

#straight {
	width: 286px;
	height: 20px;
	background: transparent
		url("../images/headers/straight.gif") no-repeat top left;
	}
	
#straight span {
	display: none;
	}
	
#straight-red {
	width: 286px;
	height: 20px;
	background: transparent
		url("../images/headers/straight-red.gif") no-repeat top left;
	}
	
#straight-red span {
	display: none;
	}
	
#straight-talking {
	width: 300px;
	height: 48px;
	background: transparent
		url("../images/bg/straight-talking.gif") no-repeat top left;
	}
	
#straight-talking span {
	display: none;
	}
	
#harris-law-firm {
	width: 300px;
	height: 48px;
	background: transparent
		url("../images/oregon-law-firm.gif") no-repeat top left;
	}
	
#harris-law-firm span {
	display: none;
	}
	
#what-we-do {
	width: 324px;
	height: 48px;
	background: transparent
		url("../images/bg/header-sample.gif") no-repeat top left;
	}
	
#what-we-do span {
	display: none;
	}

#family-business {
	width: 325px;
	height: 48px;
	background: transparent
		url("../images/headers/family-business.gif") no-repeat top left;
	}
	
#family-business span {
	display: none;
	}

#meet {
	width: 324px;
	height: 48px;
	background: transparent
		url("../images/headers/meet.gif") no-repeat top left;
	}
	
#meet span {
	display: none;
	}

#family {
	width: 324px;
	height: 48px;
	background: transparent
		url("../images/headers/family.gif") no-repeat top left;
	}
	
#family span {
	display: none;
	}
	
#pi {
	width: 265px;
	height: 48px;
	background: transparent
		url("../images/headers/pi.gif") no-repeat top left;
	}
	
#pi span {
	display: none;
	}

#criminal {
	width: 265px;
	height: 48px;
	background: transparent
		url("../images/headers/criminal.gif") no-repeat top left;
	}
	
#criminal span {
	display: none;
	}
	
#business {
	width: 212px;
	height: 48px;
	background: transparent
		url("../images/headers/business.gif") no-repeat top left;
	}
	
#business span {
	display: none;
	}
	
#real-estate {
	width: 143px;
	height: 48px;
	background: transparent
		url("../images/headers/real-estate.gif") no-repeat top left;
	}
	
#real-estate span {
	display: none;
	}

#wills-trusts {
	width: 172px;
	height: 48px;
	background: transparent
		url("../images/headers/wills-trusts.gif") no-repeat top left;
	}
	
#wills-trusts span {
	display: none;
	}
	
#evaluate {
	width: 290px;
	height: 48px;
	background: transparent
		url("../images/headers/evaluate.gif") no-repeat top left;
	}
	
#evaluate span {
	display: none;
	}
	
#we-can-help {
	width: 226px;
	height: 48px;
	background: transparent
		url("../images/headers/we-can-help.gif") no-repeat top left;
	}
	
#we-can-help span {
	display: none;
	}


#our-attorneys {
	width: 284px;
	height: 48px;
	background: transparent
		url("../images/headers/our-attorneys.gif") no-repeat top left;
	}
	
#our-attorneys span {
	display: none;
	}

#atty-details {
	width: 186px;
	height: 48px;
	background: transparent
		url("../images/headers/atty-details.gif") no-repeat top left;
	}
	
#atty-details span {
	display: none;
	}

#blog-entry {
	width: 186px;
	height: 48px;
	background: transparent
		url("../images/headers/from-blog.gif") no-repeat top left;
	}
	
#blog-entry span {
	display: none;
	}

#hire-lawyer {
	width: 320px;
	height: 48px;
	background: transparent
		url("../images/headers/hire-lawyer2.gif") no-repeat top left;
	}
	
#hire-lawyer span {
	display: none;
	}
	
#duii {
	width: 163px;
	height: 48px;
	background: transparent
		url("../images/headers/duii.gif") no-repeat top left;
	}
	
#duii span {
	display: none;
	}

#litigation {
	width: 163px;
	height: 48px;
	background: transparent
		url("../images/headers/litigation.gif") no-repeat top left;
	}
	
#litigation span {
	display: none;
	}
	
#administrative {
	width: 237px;
	height: 48px;
	background: transparent
		url("../images/headers/administrative.gif") no-repeat top left;
	}
	
#administrative span {
	display: none;
	}
	
#immigration {
	width: 152px;
	height: 48px;
	background: transparent
		url("../images/headers/immigration.gif") no-repeat top left;
	}
	
#immigration span {
	display: none;
	}

#probate {
	width: 500px;
	height: 48px;
	background: transparent
		url("../images/headers/probate.gif") no-repeat top left;
	}
	
#probate span {
	display: none;
	}

#firm-overview {
	width: 174px;
	height: 48px;
	background: transparent
		url("../images/headers/firm-overview.gif") no-repeat top left;
	}
	
#firm-overview span {
	display: none;
	}
	
#lawyer-reviews {
	width: 190px;
	height: 48px;
	background: transparent
		url("../images/headers/lawyer-reviews.gif") no-repeat top left;
	}
	
#lawyer-reviews span {
	display: none;
	}
	
#contact-us {
	width: 139px;
	height: 48px;
	background: transparent
		url("../images/headers/contact-us.gif") no-repeat top left;
	}
	
#contact-us span {
	display: none;
	}
	
#payment {
	width: 213px;
	height: 48px;
	background: transparent
		url("../images/headers/payment.gif") no-repeat top left;
	}
	
#payment span {
	display: none;
	}
	
	
#legal {
	width: 371px;
	height: 48px;
	background: transparent
		url("../images/headers/legal.gif") no-repeat top left;
	}
	
#legal span {
	display: none;
	}
	
#sitemap {
	width: 115px;
	height: 48px;
	background: transparent
		url("../images/headers/sitemap.gif") no-repeat top left;
	}
	
#sitemap span {
	display: none;
	}
	
#oops {
	width: 280px;
	height: 48px;
	background: transparent
		url("../images/headers/oops.gif") no-repeat top left;
	}
	
#oops span {
	display: none;
	}
	
#questions {
	width: 316px;
	height: 48px;
	background: #352736
		url("../images/headers/questions.gif") no-repeat top left;
	}
	
#questions span {
	display: none;
	}
	
#empty-space {
	width: 316px;
	height: 48px;
	background: #352736
		
	}
	
#empty-space span {
	display: none;
	}

	
/*CASE EVALUATION BOX - HOME PAGE */
	
#case-evaluation {
background: #EDEDED;
border: 1px solid #E0E0E0;
padding: 5px;
margin:  10px 0 15px 0;}

#case-evaluation h2 {
		font-family:  Arial, Verdana, sans-serif;
		font-size:20px;
		font-weight: normal;
		color: #000;
		background: #CC6300;
		text-align: center;
		padding: 10px 5px;
		margin-bottom: 5px;
		}

		
#case-evaluation p {
margin: 0;}

/*CONTACT US FORM ELEMENTS*/


#contactForm	{
margin-bottom: 5px;
border-top: 1px solid #EDEDED;
background: #ededed;
}

#contactForm td {padding: 8px 0;}

	
input, textarea	{
background: #FFFFFF;
padding: 2px;}

input.home, textarea.home	{width: 250px;}
input.wide, textarea.wide	{width: 275px;}

label	{
    font-family:Arial, Tahoma, Arial, Verdana, sans-serif;
	margin: 2px 0px;
	vertical-align: top;
	color:#063956;  
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 50px;
	}

fieldset { 
	border: 0px solid #a4a07d;
	margin: 0px 0 10px 0;}

#contactForm p {font-size: 11px;
}
#contactForm p.legend {

	font-size: 12px;
	padding: 0.2em 0.5em;
	border:1px solid #a4a07d;
	background: #352736;
	color:white;
	margin: 10px 0;
  }

.submit	{
	background: #999;
	color: #202020;
	width: 100px;
	margin-left: 0px;
	padding: 2px;
	text-align: center;
}


/*BLOCK HOVER EFFECT - HOME PAGE PRACTICE AREA BUTTONS*/

div.links2 ul {
	list-style-image: none;
    list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0px 0px 0px 0px;
} 

div.links2 a {color: #CC6300}

div.links2 li {
background: url("../images/bg/buttons.gif") repeat-x top left;
		border: 1px solid #999;
        margin: 0 5px 5px 0;
	padding: 0;
}

div.links2 li.bl {
		background: url("../images/papers.jpg") no-repeat top left;
        border: 1px solid #E0E0E0;
        border-width: 1px 0;
        margin: 0 5px 5px 0;
		padding-left: 45px;
}

div.links2 li.tax {
		background: url("../images/tax.jpg") no-repeat top left;
        border: 0px solid #E0E0E0;
        border-width: 0px 0;
        margin: 0 5px 5px 0;
		padding-left: 45px;
}

div.links2 li a { 
        color: #063956;
        display: block;
        font-weight: bold;
        font-size: 16px;
        padding: 5px;
        line-height: 18px;
        text-decoration: none;
}

 * html #links2 li a {  /* make hover effect work in IE */
	width: 324px;
}

div.links2 li a:hover {
        background: #C4D4E1;
}

div.links2 a em { 
        color: #000;
        display: block;
        font: normal 85% Verdana, Arial, Helvetica, sans-serif;
        line-height: 18px;
                font-size: 12px; 
}

div.links2 a span {
        color: #990000;
        font: normal 80% Verdana, Arial, Helvetica, sans-serif;
        line-height: 18px;
                font-size: 11px;
}


/* ATTORNEY SCROLL BAR STYLES - HOME PAGE*/



p#cross-links { text-align: left }

p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }

		
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;}
	
.slider-wrap a {color: maroon; text-transform: none; }

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 200px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 1px solid #999; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 615px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 160px;
	clear: both;
	background: #EDEDED;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float: left;
	height: 100%;
	position: relative;
	width: 615px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 0;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	width: 550px;
	margin-top: 0;
	margin: 0; 
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	line-height: 32px;
	background: #000;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 8px;
}

.stripNav li.tab1 a { background: #343440 }
.stripNav li.tab2 a { background: #343440 }
.stripNav li.tab3 a { background: #343440 }
.stripNav li.tab4 a { background: #343440 }
.stripNav li.tab5 a { background: #343440 }
.stripNav li.tab6 a { background: #343440 }
.stripNav li.tab7 a { background: #343440 }
.stripNav li.tab8 a { background: #343440 }
.stripNav li.tab9 a { background: #343440 }
.stripNav li.tab10 a { background: #343440 }
.stripNav li.tab11 a { background: #343440 }

.stripNav li a:hover {
	background: #352736;
	COLOR: #FFF;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top:85px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("images/arrow-left.gi") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gi") no-repeat center;
}
		

	/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 10px 0;
    background-color:#dff4ff;
    border:1px solid #999;
    border-top:1px solid #999;
    border-left:1px solid #999;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}



.noshow {display:none}
div.officeBox {float: left; width: 600px;  border: 1px solid #EEE; background: #FFF url("../images/bg/grad-gry.png") repeat-x bottom left; margin-bottom: 10px;}
div.officeBoxLeft {float:left; width: 253px; padding: 10px;}
div.officeBoxRight {float: left; width: 300px; padding: 10px;}
div.officeBox h2 {font-size: 18px;}
div.officeBox a {color: #01599C; text-decoration: underline;  font-size: 11px; text-transform: uppercase}
div.officeBox a:hover {color: #638F38; text-decoration: none;  }
div.officeBox address {color: #404040; margin-bottom: 10px}
div.officeBox p.phone-number {color:#d06924; font-size: 22px; padding-top: 3px; margin-bottom:3px}
div.office-details {padding:10px}
div.office-details p {font-size: 13px; font-style:italic}