/*
	Theme Name: The Diaz Law Firm, PLLC 
	Theme URI: 
	Description: 
	Author: Ariene Ellefsen
	Version: 1.0
	License: 
	License URI: 
	Template: template 
	Tags: 
*/



/* ON THEME LEVEL, CHANGE TO @import url("../template/style.css");     */

@import url("http://template.cert-lawlinks.com/wp-content/themes/template/style.css");
/* ----- START [4] Custom Styles ----- */




/* -- Body Styles -- */

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #fff;
}
/* -- Header -- */

header {
	background:#efefef;
	height:230px;
}
.top-header .container-16 {
}
header .grid-11 {
	width: 257px;
	height:131px;
	margin-top:15px;
}
header .grid5 {
	margin-top:40px;
	text-align:right;
}
.phone {
	font:normal 182% Arial, Helvetica, sans-serif;
	color:#d67724;
}
address {
	color:#444;
	font:bold 123.1% Calibri, Arial, sans-serif;
	padding-top:8px;
	line-height:180%;
}
/* -- Main Navigation -- */

.main {
	background-color:#666666;
	background:transparent url('img/navigation-bottom-border.jpg') no-repeat bottom center;
	width:1003px;
	z-index: 200;
}
.navigation {
}
.container-16.main {
	overflow: visible;
}
div.main nav ul {
	font:normal 116% Calibri, Arial, sans-serif;
	height:35px;
	list-style:none;
	padding-bottom:20px;
	padding-top:10px;
}
div.main ul li {
	float:left;
	padding-left:10px;
}
div.main li a {
	color:#444;
	display:block;
	font-weight:normal;
	line-height:45px;
	margin:0px;
	padding:0px 16px;
	text-align:center;
	text-decoration:none;
}
div.main li a:hover, .div.main ul li:hover a {
	background:transparent url('img/hover-nav-img01.png') bottom center no-repeat;
	color:#d67724;
	text-decoration:none;
}
div.main li ul {
	background:#efefef;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;/*top:1em;
	/*left:0;*/
	}
div.main li:hover ul {
	display:block;
}
div.main li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
}
div.main li:hover li a {
	background:none;
}
div.main li ul a {
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 20px;
	text-align:left;
}
div.main li ul a:hover, .div.main li ul li:hover a {
	background:#efefef;
	border:0px;
	color:#d67724;
	text-decoration:none;
}
div.main p {
	clear:left;
}
/* -- Main Navigation -- */


/* -- Marketing Area -- */


/* -- Banner -- */
#slideshow {
    position:relative;
    height:375px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* -- End Banner -- */
.marketing-area {
	background-color:#3a3a3a;
	width:100%;
	height:339px;
	z-index:-1;
}
.marketing-area-inner {
	background-color:#3a3a3a;
	width:100%;
	height:128px;
	z-index:-1;
}

.page-title-marketing{
color:#25556e;
padding-top:45px;	
font:normal 20px Calibri, Arial, sans-serif;
position:relative;
left:610px;
width: 335px;


}

.banner-img{
	background:transparent url('img/banner-marketing-innerpages.png') no-repeat bottom center; 
	
	width: 946px;
	height: 150px;
	padding-top:4px
	
}


.banner-img-injury{
background:transparent url('img/banner-marketing-innerpages2.png') no-repeat bottom center; 
	
	width: 946px;
	height: 150px;
	padding-top:3px
		
}

.banner-img-cases{
background:transparent url('img/banner-marketing-innerpages1.png') no-repeat bottom center; 
	
	width: 946px;
	height: 150px;
	padding-top:3px
		
}

.banner-img-faqs{
background:transparent url('img/banner-marketing-innerpages3.png') no-repeat bottom center; 
	
	width: 946px;
	height: 150px;
	padding-top:3px
		
}




/* -- Mid-Section -- */

.mid-section {
	margin-left:30px;
}
h1 {
	margin-top:25px;
	font:normal 167% Calibri, Arial, sans-serif;
	color:#d67724;
}
.content h1 {
	margin-top:40px;
	font:normal 167% Calibri, Arial, sans-serif;
	color:#d67724;
}
.content h2 {
	margin-top:15px;
	font:normal 146.5%/100% Calibri, Arial, sans-serif;
	color:#444;
}
.content p {
	margin-top:15px;
	font:normal 123.1% Calibri, Arial, sans-serif;
	color:#444;
	line-height:25px;
}
/* -- Main Content Block -- */
	
.content li {
	font:normal 108% Calibri, Arial, sans-serif;
	line-height:25px;
}
.content-aside {
	margin-top:40px;
}
.content-aside ul {
	list-style:none;
}

.content-aside span {
	color:#dc4e19;
}

.content-news-section {
	margin-bottom:30px;
}
.content-news-section.grid-9 h1 {
	font:bold 131% Calibri, Arial, sans-serif;
	color:#444;
}
.content-news-section.grid-9 p {
	font:normal 108% Calibri, Arial, sans-serif;
	color:#444;
}
.content-news-section.grid-9 span {
	color:#dc4e19;
}



.content-inner-page.grid-5 {
	margin-top:40px;
}


.content-news-section {
	margin-bottom:30px;
}
.content-news-section.grid-5 h1 {
	font:bold 131% Calibri, Arial, sans-serif;
	color:#444;
}
.content-news-section.grid-5 p {
	font:normal 108% Calibri, Arial, sans-serif;
	color:#444;
}
.content-news-section.grid-5 span {
	color:#d67724;
}
.content-inner-page.grid-5 {
	margin-top:40px;
}


.line {
	border-top-style: double;
	border-top-color: #b8bbbc;
	border-top-width: 6px;
	border-bottom-width: 6px;
}
.border-middle {
}
.content hr {
}
.content blockquote {
}
.content a,  .content a:visited {
	font:bold 108%/150% Calibri, Arial, sans-serif;
	color:#459fce;
}
.content a:hover,  .content a:active,  .content a:focus {
	color:#d67724;
}
a,  a:visited {
	font:bold 108%/150% Calibri, Arial, sans-serif;
	color:#459fce;
}
a:hover,  a:active,  a:focus {
	color:#d67724;
}

img.atty-img {float: right; border: black 2px solid; margin: 0 0 10px 10px}


/* -- Client Center -- */

iframe.client-center {
	width:940px;
	min-height:900px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:none;
}

/* -- Attorney page class float image -- */


/* -- Footer -- */

footer {
	border-top-style: double;
	border-top-color: #b8bbbc;
	border-top-width: 6px;
	border-bottom-width: 6px;
	margin-top: -20px;
	padding-top: 20px;
	padding-bottom: 25px;
	background-color:#ebebeb;
	color: #444;
	font: normal 93% Arial, Helvetica, sans-serif;
}
footer .nav-container {
	background: url(img/mainnav-border-dashed.png) repeat-x bottom center;
}
footer a,  footer a:visited {
	color: #444;
	text-decoration: none;
	font: normal 93% Arial, Helvetica, sans-serif;
}
footer a:hover {
	color: #d67724;
	text-decoration: none;
	font: normal 93% Arial, Helvetica, sans-serif;
}
footer .ln-logo {
	float: left;
}
footer p {
	font-size: 93%;
}
footer span {
	color:#584f52;
	font: bold 93% Arial, Helvetica, sans-serif;
}
footer nav {
	padding: 5px 0 5px 0;
}
footer nav ul {
	text-align:left;
}
footer nav ul li {
	display: inline;
	padding: 0 0px;
}
footer nav ul li a,  footer nav ul li a:visited {
	color: #444;
	text-decoration: none;
}
ul.grid-13 a {
	color:#444;
	background: url("img/separator-footer.png") no-repeat right center transparent;
	padding-right:10px;
	padding-left:5px;
}
footer nav ul li a:hover,  footer nav ul li.current-menu-item a {
	color: #d67724;
	font-size:93%;
}
footer .disclaimer {
	margin-top: 2px;
		font: normal 100% Arial, Helvetica, sans-serif;

}

.disclaimer a:link {
	margin-top: 2px;
		font: normal 100% Arial, Helvetica, sans-serif;

}

.disclaimer p {
	margin-top: 2px;
		font: normal 100% Arial, Helvetica, sans-serif;

}


footer .disclaimer p + p {
	margin: 15px 0;
}
p.tel {
	color:#d67724;
	font: bold 182% Arial, Helvetica, sans-serif;
}


.side-disclamer.grid-3{
	text-align:right;
	float:right;
	
}
/* -- Shadowbox Styles -- */

#sb-container, #sb-wrapper {
	text-align:left;
}
#sb-container, #sb-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
}
#sb-container {
	height:100%;
	display:none;
	visibility:hidden;
	z-index:999;
}
body>#sb-container {
	position:fixed;
}
#sb-overlay {
height:expression(document.documentElement.clientHeight+'px');
}
#sb-container>#sb-overlay {
	height:100%;
}
#sb-wrapper {
	position:relative;
}
#sb-wrapper img {
	border:none;
}
#sb-body {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	border:1px solid #303030;
	height:100%;
}
#sb-body-inner {
	position:relative;
	height:100%;
}
#sb-content.html {
	height:100%;
	overflow:auto;
}
#sb-loading {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:10px;
}
#sb-body, #sb-loading {
	background-color:#060606;
}
#sb-title, #sb-info {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
#sb-title-inner, #sb-info-inner {
	position:relative;
	font-family:'Lucida Grande', Tahoma, sans-serif;
	line-height:16px;
}
#sb-title, #sb-title-inner {
	height:26px;
}
#sb-title-inner {
	font-size:16px;
	padding:5px 0;
	color:#fff;
}
#sb-info, #sb-info-inner {
	height:20px;
}
#sb-info-inner {
	font-size:12px;
	color:#fff;
}
#sb-nav {
	float:right;
	height:16px;
	padding:2px 0;
	width:45%;
}
#sb-nav a {
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
}
#sb-nav-close {
	background-image:url(./img/shadowbox/close.png);
	background-repeat:no-repeat;
}
#sb-nav-next {
	background-image:url(./img/shadowbox/next.png);
	background-repeat:no-repeat;
}
#sb-nav-previous {
	background-image:url(./img/shadowbox/previous.png);
	background-repeat:no-repeat;
}
#sb-nav-play {
	background-image:url(./img/shadowbox/play.png);
	background-repeat:no-repeat;
}
#sb-nav-pause {
	background-image:url(./img/shadowbox/pause.png);
	background-repeat:no-repeat;
}
#sb-counter {
	float:left;
	padding:2px 0;
	width:45%;
}
#sb-counter a {
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#sb-counter a.sb-counter-current {
	text-decoration:underline;
}
div.sb-message {
	font-family:'Lucida Grande', Tahoma, sans-serif;
	font-size:12px;
	padding:10px;
	text-align:center;
}
div.sb-message a:link, div.sb-message a:visited {
	color:#fff;
	text-decoration:underline;
}
/* ----- END [4] Custom Styles ----- */













/* ----- [5] Non-Semantic Helper Classes ----- */


/* for image replacement */
.ir {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background-repeat:no-repeat;
	text-align:left;
	direction:ltr;
}
/* Hide for both screenreaders and browsers  [ css-discuss.incutio.com/wiki/Screenreader_Visibility ] */
.hidden {
	display:none;
	visibility:hidden;
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility:hidden;
}
/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix:after {
	clear:both;
}
/* Fix clearfix:blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
	zoom:1;
	clear:both;
}


/* ----- END [5] Non-Semantic Helper Classes ----- */





/* ----- [6] Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */


@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
	}
 @media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
	}

/* 
	Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
	Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ 
*/

@media screen and (max-device-width:480px) {
/* ----- Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you (j.mp/textsizeadjust ) ----- */
	/*html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
	}


/* ----- END [6] Media Queries ----- */





/* ----- [7] Print Styles ----- */
/* ----- inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ ----- */


@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
} /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited {
	color: #444 !important;
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}  /* Don't show links for images, or javascript/internal links */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img {
	page-break-inside: avoid;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}


/* ----- END [7] Print Styles ----- */

form.main-contact-form input.button {

margin-bottom: 30px;
}