/* cj Advertising - Zanes Law (www.zaneslaw.com) screen stylesheet */
/*                                                                 */
/* 1: Global Reset                                                 */
/* 2: Global Operators                                             */
/* 3: Page Structure                                               */
/*    3.1: Containers                                              */
/*    3.2: Navigation                                              */ 
/*    3.3: Background Images                                       */
/* 4: index.php Specific Markup                                    */
/* 5: Footer                                                       */
/* 6: Forms                                                        */
/*    6.1: Search Form                                             */
/*    6.2: Quick Contact Form                                      */ 
/*    6.3: Big Contact Form                                        */
/*    6.4: Referral Form										   */
/* 7: Magic                                                        */


/* 1: Global Reset ****************************************************/

img, div { behavior: url(iepngfix.htc) }

* {margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 	{margin: 15px 0;}
p, table, dl, ul, ol 	{margin: 10px 0;}
ul, dl, dd 				{margin-left: 40px;}

a img,div					{border: none;}

/* 2: Global Operators ************************************************/
.print-only 			{display:none;}

body{
	background:url("../images/bg-sub.jpg") top center no-repeat #00427a; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12.5px; /* Determines the size of 1.0 em */
	color: #fff;
	}
h1,h3{
	font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman; 
	font-style:italic; 
	font-weight:bold;
	}
h2{
	margin:-15px 0 40px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #978f6c; 
	text-transform:uppercase;
	}  
h5,h6{
	color:#c8c09c;
	}

h1 {font-size:2.4em;}  /*   28.8px (2.4em * 12.5px)  */
h2 {font-size:1.1em;}  
h3 {font-size:2.0em;}  /*   24px   */
h4 {}                  /*  used by EXP players  */
h5 {font-size:1.9em;}  /*   18px   */
h6 {font-size:1.25em;} /*   15px   */
p  {font-size:1.0em;}  /*   12px   */

a       {color:#c8c09c; text-decoration:none;}
.tribox a {color:#fff;}
a:hover {text-decoration:underline;}

.small-text{font-size: .65em; text-align:center;}

.left	{float:left}
.center	{text-align: center;}
.right	{float:right;}
.clear	{clear:both; height:0px;}


/* 3: Page Structure ************************************************/
.page-wrapper {
	width:960px;
	margin: 0 auto;
	padding:0 0 30px;
	}

.container {
	width:960px;
	margin: 0 auto;
	padding:0;
	}
#call {
	width:960px; 
	height:28px;
	text-indent:-9999px;
	background:url("../images/bg-call.jpg") top left no-repeat;
	}
#home-header{
	background:url("../images/bg-home-top.jpg") no-repeat top center;
	}
#logo {
	width:380px;
	height:100px;
	text-indent:-9999px;
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	display:block;
	margin:0;
	padding:0;
	}
#logo a{
	display:block;
	height:100px;
}

/* 3.2: Navigation ************************************************/
#nav {
	width:580px; 
	height:118px;
	float:left;
	}
#nav a{
	color:#213341;
	width: 108px;
	height:78px;
	display:block;
	padding:40px 0 0 0;
	}
#nav a:hover{
	background:url(../images/nav-hover.png) no-repeat top center;
	text-decoration:none;
	}
#home #hometab,#firm-profile-page #firmtab,#news-page #newstab,#resources-page #resourcestab,#contact-page #contacttab, #bio-page #firmtab {
	background:url(../images/nav-current.jpg) no-repeat top center;
	}
#nav ul{
	font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman; 
	font-style:italic; 
	font-weight:bold;
	font-size:1.3em;
	margin:0px;
	}
#nav ul li{
	list-style:none; 
	display:inline;
	float:left;
	text-align:center;
	padding: 0 3px;
	margin-top:0;
	}
#nav a .current{
	background:url(../images/nav-hover.jpg) no-repeat top center;
	}
#flash {
	width:960px; 
	height:300px;
	float:left;
	}
#flash-wrapper{
	float:left;
	background:url(../images/flash-placeholder.jpg) no-repeat top left;
	}
#content-top{
	float:left;
	height:320px;
	margin-left:2px;
	margin-top:3px;
	width:960px;
	}
#intro{
	background:url(../images/h1-bg.png) no-repeat top left;
	/*border-bottom:#336895 2px solid;*/
	margin-left:-30px;
	margin-top:20px;
	padding-left: 20px;
	}
#news-page #intro{
	margin-left:-50px;
	}
#intro h1{
	font-size:2.1em;
	margin:25px 0 10px;
	padding:5px 0 5px;
	}
#content-right{
	float:right;
	height:400px;
	width:260px;
	padding-top:30px;
	}

#contact-page #sidebar-primary h5{
	padding-top:10px;
	}
#content-right p{
	text-align:center;
	float:left;
	}
#bio-page .sidebar-nfg{
	margin-top:20px;
	margin-left:40px;
	}
#bio-page #sidebar-primary{
	margin-left:20px;
	}
#bio-page #sidebar-primary p{
	padding-left: 0px;
	}
#bio-page .gmap{
	margin-left:0px;
	}
#sidebar-primary{
	background:url(../images/bg-sidebar1.png) no-repeat top right;
	width:251px;
	height:340px;
	margin:25px 10px 0 0;
	}
#sidebar-primary h5{padding-left:43px; padding-top:25px;}
#sidebar-primary p{
	text-align: left;
	margin-top: 0px;
}
.sidebar-nfg{margin-left:20px;}
.contact-contain{
	width: 250px;
	float:left;
	height: 200px;
	}
#content-right dt{
	padding:0 0 0 160px;
	margin:0;
	float:left;
	width: 120px;
	}

#referral{
	float:right;
	padding:20px 4px 0 0;
	width:260px;
	height:171px;
	}

.auto-body{
	margin-top:30px;
	}

/* 3.3: Header Images ******************************************/
#news-page #content-top{			background:url(../images/subpage-news.jpg) no-repeat top left;}
#car-page #content-top{				background:url(../images/subpage-car.jpg) no-repeat top left;}
#atv-page #content-top{				background:url(../images/subpage-atv.jpg) no-repeat top left;}	
#motorcycle-page #content-top{		background:url(../images/subpage-motorcycle.jpg) no-repeat top left;}	
#brain-page #content-top{			background:url(../images/subpage-brain.jpg) no-repeat top left;}	
#truck-page #content-top{			background:url(../images/subpage-truck.jpg) no-repeat top left;}	
#wrongful-page #content-top{		background:url(../images/subpage-wrongful.jpg) no-repeat top left;}	
#join-page #content-top{			background:url(../images/subpage-night.jpg) no-repeat top left;}	
#disclaimer-page #content-top{		background:url(../images/subpage-books.jpg) no-repeat top left;}	
#contact-page #content-top{			background:url(../images/subpage-gavel.jpg) no-repeat top left;}		
#resources-page #content-top{		background:url(../images/subpage-bookdesk.jpg) no-repeat top left;}
#search-page #content-top{			background:url(../images/subpage-search.jpg) no-repeat top left;}
#landing-page #content-top{			background:url(../images/subpage-tucson.jpg) no-repeat top left;}
#phoenix-landing-page #content-top{	background:url(../images/subpage-phoenix.jpg) no-repeat top left;}
#firm-profile-page #content-top{	background:url(../images/subpage-firm-2.jpg) no-repeat top left;}


#content-top #form{
	margin:0;
	padding: 0 10px;
	width: 245px;
	height: 325px;
	background:url(../images/subpage-form.jpg) no-repeat top left;
	}
#content-top #form p{
	margin-bottom: 1em;
	width:245px;
	}
#content-top #form h3{
	margin-bottom:35px;
	}
#practice-areas{
	background:url(../images/subpage-bar.png);
	height:60px; 
	padding-left:50px;
	padding-top:5px;
	float:left;
	z-index:3;
	margin-top:255px;
	width:645px;
	}
#practice-areas h3{
	float: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:15px;
	font-style:normal;
	font-size: 1.5em;
	margin-right:30px;
	}
#practice-areas ol{
	display:block; 
	float:left;
	width:400px;
	margin: 5px 0 0 10px;
	}	
#practice-areas a{
	color:#fff;
	}
#practice-areas ol li{
	display: inline;
	padding-right: 20px;
	}
#content-left{
	padding-left:50px;
	width:630px;
	float:left;
	}
#news-page #content-left{
	padding-left:70px;
	width:620px;
	}
#content-left h3{
	border-bottom:#336895 2px solid;
	margin-top:30px;
	}
#content-left h3 a{
	color:#fff;
	}
#resources-page #content-left p strong{
	font-size:1.5em;
	}
.bullet{
	margin-left: -70px;
	}
.quote{
	background: url(../images/quote-top.png) no-repeat scroll left top ;
	float: right;
	padding:30px 25px 0 60px;
	width:565px;
	margin-left:-30px;
	}
.quote-content{
	background: url(../images/quote-bottom.png) no-repeat scroll right 80%;
	font-size: 17px;
	width:500px;
	padding:0 50px 50px 10px;
	}
.attribute{
	float:right;
	padding-right:50px;
	}
.gmap{
	margin-left:30px;
	float:none;
	}
#home .gmap{
	margin-left:0;
	}
#firm-profile-page #practice-areas{
	margin-top:56px;
	}
#firm-profile-page #text{
	height:129px;
	width:645px;
	overflow:hidden;
	text-align:right;
	padding: 70px 0 0 0;
	font-size:2.0em;
	}

#bio-page{
	background:url("../images/bg-bio.jpg") top center repeat-x;
	}
#bio-page #content-left{
	padding:20px 0 0 30px;
	width: 610px;
	}
#bio-page .biopic{
	float:left;
	margin:10px 30px 30px -10px;
	}
#bio-page h2{
	margin-bottom:5px;
	/*border-bottom:#336895 2px solid;*/	
	}

#bio-page #content-right{
	width:295px;
	padding:0;
	margin-top:0;
	background:none;
	height:800px;
	}
#bio-page #content-right p{
	float:none;
}
#bio-page #form{
	margin-top:10px;
	padding:0;
	width:295px;
	}
#bio-page .smallForm p{
	height:30px;
	}
#bio-page .smallForm .formButton{
	margin:10px 0 0 20px;
	}
#bio-page #content-right #office{
	margin: 0 auto;
	text-align:center;
	}
#bio-page .quote{
	padding:15px 25px 0 20px;
	}
#bio-page .quote-content{
	padding:0 50px 40px 45px;
	}
	
#form h3.spanishh3{
	font-size:1.5em;
	padding-top:10px;
		
	}
/* 4: index.php Specific Code *****************************************/
#home{
	background:url("../images/bg-home1.jpg") top center repeat-x;
	}
#home h1{
	margin-top:0px;
	margin-bottom:0px;
	}
#home p  {margin-bottom:1em;}

#home #practice-areas ol{
	display:block; 
	width: 270px; 
	float:left;
	margin: 5px 0 0 10px;
	}
#home #practice-areas li{
	display:list-item;
	list-style:none; 
	list-style-type:none;
	margin-bottom:8px;
	text-align:center;
	}
#home #practice-areas li a{
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size:15px;
	color:#fff;
	}
#home #practice-areas{
	background:url("../images/bg-home-practice-areas.png") no-repeat top left;
	padding-left:50px;
	width:600px;
	float:left;
	height:145px;
	margin-top:0;
	padding-top:0;
	}
#home #practice-areas h3{
	height:42px;
	width:590px;
	font-size:30px;
	margin: 0;
	padding: 0;
	font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman; 
	font-style:italic; 
	font-weight:bold;
	}

#home-intro {
	width:580px; 
	height:175px; 
	padding-left:50px;
	overflow:hidden;
	float:left;
	}
#home-intro p{
	margin-top:.2em;
	}
#home-lower{
	margin: 30px 0 0 0;
	padding:12px 0 0 0;
	width: 960px;
	height: 350px;
	float:left;
	background:url(../images/bg-home-lower.png) bottom center no-repeat;
	}
.tribox{
	height:330px;
	width: 280px;
	padding: 0 20px;
	float:left;
	}
.tribox a{
	font-weight:bold;
	}
.tribox h5{
	margin-bottom: 40px;
	text-align:center;
	}
.tribox h5 a{
	color:#c8c09c;
	}	
.tribox em{
	margin: -17px 0 20px 0;
	font-size:0.8em;
	color:#c8c09c;
	font-style:normal;
	}
.newAddress {
	height: 110px;
	margin-bottom: 10px;
}
.newAddress1 {
	height: 110px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.addressImg {
	float: left;
	margin-right: 13px;
	margin-left: 10px;
}
.addressImg1 {
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}

.append-top{
	margin-top:30px;
	}
#settlement{
	height:330px;
	overflow:hidden;
	}
#settlement h6{
	padding: 10px 10px 10px 0;
	font-size:1.5em;
	float:left;
	width: 90px;
	color:#09aa05;
	margin:10px 0;
	}
#settlement p{
	width:180px;
	margin:0px;
	float:right;
	}
.tribox .imgnews{
	float:right;
	margin-left:10px;
	}
img.google-button {
	background:url("../images/google-button.jpg");
	width:113px;
	height:24px;
	text-indent: -9999px;
	}
#home .twobox {
	padding: 0 30px;
	}
.twobox {
	width:420px;
	float:left;
	margin-top:20px;
	margin-bottom: 50px;
	}

.twobox h3{
	font-size: 2.5em;
	border-bottom:#336895 2px solid;
	margin-top:0px;
	}
.twobox h3 a{
	color:#fff;
	}
.twobox a {
	color: #978f6c;
	}
	
/* 5: Footer *********************************************************/
#footer-wrap{
	background:url(../images/bg-footer.jpg) top center repeat-x;
	}

.footer-logo {
	margin: -30px 0 0 297px;
	}
#footer {
	width:960px;
	height:190px;
	margin:30px auto 0 auto;
	}
.footer-link{
	margin-left:3px;
	}
.footer-button{
	margin-left:30px;
	}
	
#links{
	float:right;
	margin-top: 30px;
	padding: 5px 75px 0 0;
	color:#00427a;
	font-size:1.5em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#links button{
	background:url(../images/search-button.jpg);
	}
#links a {color:#00427a;}

#footer-legal {
	float:left;
	width:960px;
	margin: 30px 0 0 0;
	text-align:center;
	color:#7d7658;
	}

#footer-legal a {color:#7d7658;}

/* 6.1 Search Form *****************************************************/
#search {
	margin: 30px 0 0 80px;
	float:left;
	width:280px;
	border:0px;
	}
#search h3{
	color:#00427a;
	margin-top:0;
	margin-bottom:5px;
	}
.searchButton{
	background:url(../images/search-button.jpg) no-repeat;
	text-indent:-9999px;
	width:38px;
	height:39px;
	float:left;
	border:0px;
	}
#search input, #search fieldset{
	float:left;
	}
#search #searchbox{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1.6em;
	font-weight:bold;
	height:29px;
	margin-top:2px;
	padding-top:3px;
	width:220px;
	color:#00427a;
}
fieldset{border:0px;}

/* 6.2 Quick-Contact Form ***************************************************/
#form	{
	float:right;
	background:url(../images/bg-form.png) no-repeat top left;
	height:320px;
	padding:0px 30px 0;
	width:245px;
	margin-top:23px;
	}
#form h3{
	font-size:1.6em;
	margin-right:0.3em;
	text-align:center;
	}
#home #form{
	margin-top:15px;
	}
.smallForm p{
	margin: 0;
	width:280px;
	height:20px;
	}
.smallForm .formInput{
	background-color:transparent;
	border-color:#FFFFFF;
	border-style:none none dotted;
	border-width:0 0 2px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	width:235px;
	margin: 0 0 0 0;
	}
.smallForm textarea{
	background-color:transparent;
	border:0px;
	color:#FFFFFF;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:235px;
	height:50px;
	}
.smallForm .formButton{
	background: url("../images/submitform.png") no-repeat;
	width:256px;
	height:92px;
	border:0;
	text-indent: -9999px;
	margin:10px 0 0 -5px;
	position:relative;
	}
/* 6.3 Big Contact Form ***************************************************/	
.bigForm .formInput{
	width: 250px;
	}
.bigForm textarea{
	width: 250px;
	}
.bigForm select{
	width: 250px;
	}
#divLeft{
	float:left;
	width:310px;
	height:570px;
	}

#divRight{
	float:right;
	width:310px;
	height:570px;
	}
/* 6.4 Referral Form *****************************************************/
.refForm {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 40px;
	}
.refForm .formInput {
	border:1px solid #999477;
	height:1.3em;
	padding:3px 0 2px 2px;
	width:250px;
	font-weight:bold;
	}
.refForm textarea{
	width: 250px;
	}
.refForm select{
	padding:3px 0 2px 2px;
	width: 250px;
	font-weight:bold;
	}
.refForm #divLeft{
	float:left;
	width:310px;
	height:180px;
	}

.refForm #divRight{
	float:right;
	width:310px;
	height:180px;
	}



/*   9: IE 8 Specific Magic *******************************/ 
body {margin-top/*\**/:0 \9}

/*   10: Web-kit (pre Safari 3.1) *************************/ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
#container {margin-top:-6px;}
#logo {width:360px;}
#nav {width:600px; height:118px;}
#nav a{width: 100px;}
#home #practice-areas ol{width: 275px; 	margin: 5px 0 0 10px;}
#content-top{margin-top:5px;}
}

/*   11: Safari / Chrome (Safari 3.1+) *******************/ 
body:nth-of-type(1) #container {margin-top:0px;}
body:nth-of-type(1)	#logo {width:360px;}
body:nth-of-type(1)	#nav {width:580px; height:118px;}
body:nth-of-type(1)	#nav a{width: 100px; }
body:nth-of-type(1)	#home #practice-areas ol{width: 275px; 	margin: 5px 0 0 10px;}
body:nth-of-type(1)	#content-top{margin-top:7px;}