/*
	Theme Name: Stewart & Stewart
	Theme URI: 
	Description: A LexisNexis Custom Site for Stewart & Stewart - Web Essentials
	Author: Pushpendra Kr. Sharma
	Version: 1.0
	License: 
	License URI: 
	Template: template 
	Tags: 
*/



@import url("../template/style-062012.css");



/* ----- START [4] Custom Styles ----- */




/* -- Body Styles -- */

body {
	color:#808080;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	background:#fff url("img/bg-body.gif") repeat left top;
	}

/* -- Header -- */

header {
	margin:0 auto;
	padding-bottom:10px;
	width:960px;
	background:#fff url("img/bg-wrapper.gif") repeat-x left top; 
	}

header h1 {
	margin:20px 0px 0px 20px;	
	width:412px;
	height:46px;
	background:transparent url("img/logo-header.png") no-repeat left top;
	}

header .contact-info {
	height:50px;
	line-height:50px;
	border-bottom:1px #000 solid;
	color:#6a6a6a; 
	}

header address {
	margin-left:20px;
	font-style:normal;
	}		

header .phone-header {
	font-weight:bold;
	font-family:arial, Helvetica, sans-serif;  
	text-align: right;
	}	
	
	header .phone-header i {
		font-style:normal;
		font-size:93%;
		text-transform:uppercase; 		 
		}
	
	header .phone-header b {
		font-size:138.5%;
		margin-right:20px;  
		}
	
header .grid-6 ul {
	margin:65px 10px 0px 0px;
	padding:0px;
	float:right;
	color:#000;
	font:normal 85% arial, Helvetica, sans-serif; 
	} 				

header .grid-6 ul li {
	margin:0px;
	padding:0px 10px;
	list-style:none;
	border-left:1px #000 solid;  
	float:left; 
	}

header .grid-6 ul li:first-child {
	border-left:0px #000 solid;	
	}

header .grid-6 ul li a, header .grid-6 ul li a:visited {
	color:#000;
	text-decoration:none;
	}		

header .grid-6 ul li a:hover, header .grid-6 ul li a:active, header .grid-6 ul li a:focus, header .grid-6 ul li.current_page_item a {
	color:#00b7df;
	text-decoration:none;
	}
	
#search-form ol {
	margin:10px 20px 0px 0px;
	padding:0px;
	float:right; 
	}

#search-form ol li {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left; 
	}
	
	#search-form ol li .label-search {
		display:none;	
		}
		
	#search-form ol li input[type=submit] {
		display:none;	
		}
	
	#search-form ol li input[type=text]	{
		width:90px;
		color:#808080;
		background:#fff;
		border:none;
		font:normal 85% arial, Helvetica, sans-serif;
		text-align:right;
		padding:3px 5px;
		}
		
			
/* -- Main Navigation -- */
nav {
	background:#00b7df; 
	height:41px;
	position:relative;
	z-index:999;
	}


	nav.main ul {
	    margin:0px 0px 0px 0px;
	    padding:0px;
	    text-align:center;
	    list-style:none;
		}
	
	nav.main ul li {
	    float:left;
	    padding:0px 8px;
	    margin:0px;
		position:relative;
		list-style:none;
		background:transparent url("img/divider-nav-main.gif") no-repeat left 16px;
		}
	
	nav.main ul li:first-child {
		background:none;
		}	
	
	/* main level link */
	
	nav.main ul a {
		margin:0px;
		padding:0px 10px;
		display:block;
		color:#000000;
		font:normal 93%/41px arial, Helvetica, sans-serif;
	    text-decoration: none;
		}
			
	nav.main ul a:hover, nav.main ul a:active, nav.main ul a:focus, nav.main ul li.current-menu-item a {
		background:#fff url("img/bg-main-nav-hover.gif") repeat-x left top;
		color:#000;
		}
		
	
	/* main level link hover */
	nav.main ul li:hover > a {
		background:#fff url("img/bg-main-nav-hover.gif") repeat-x left top;
		color:#000;
		}
		
	
	/* sub levels link hover */
	
	nav.main ul ul a:hover, nav.main ul ul li.current-menu-item a {
		display:block;
		background:#00b5e1 !important;
		color: #fff !important;
		}
	
	nav.main ul li ul li:hover > a {
		background:#00b5e1 !important;
		color: #fff !important;
		}
	
	nav.main ul ul li:hover a {
		display:block;
		background:#fff;
		color:#000;
		}
	
	
	/* dropdown */
	
	nav.main ul li:hover > ul {
		display: block;
		}
		
	
	/* level 2 list */
	
	nav.main ul ul {
		display:none;
		margin:0px;
		padding:0px 0px 0px 0px;
		width:200px;
		position:absolute;
		top:41px;
		left:0px;
		background:#fff;
		border:0px #ddd solid;
		border-top:0px;
		z-index:9999;
		}
	
	nav.main ul ul li {
		float:none;
		margin:0px;
		padding:0px;
		text-align:left;
		border-bottom:1px #ddd solid;
		background:none;
		}
	
	nav.main ul ul a {
		display:block;
		margin:0px;
		padding:7px 10px;
		background:#fff !important;
		color:#000;
		font:normal 83% arial, Helvetica, sans-serif;
	    text-decoration:none;
		}
	
	
	/* level 3+ list */
	
	nav.main ul ul ul {
		position:absolute;
		z-index:99999;
		border-left:1px #ddd solid;
		left:200px;
		top:0px;
		}
		
/* -- Marketing Area -- */

.marketing-area {
	background:transparent url("img/shadow-marketing-area.png") no-repeat center bottom;
	height:295px;
	}
	
	.banner {
		width:960px; 	
		}
			
	.tagline {
		position:absolute;
		margin:80px 0 0 560px;
		width:354px;
		height:auto;
		z-index:99;		 	
		}
	
	.tagline h2 {
		margin:0px;
		color:#72dbf1;
		font-size:253.8%;
		text-transform:uppercase;
		font-weight:normal;  
		}
		
		.tagline h2:first-line {
			color:#00b7df;
			}
			
	.tagline p {
		margin:0px;
		color:#7d7d7d;
		font-size:131%;
		text-transform:uppercase; 
		}	
	
	
/* -- Mid-Section -- */

.mid-section {
	padding-bottom:20px;
	background:#fff url("img/bg-wrapper.gif") repeat-x left -470px;
	}
	

ul.marketing-area-aops {
	padding:0px;
	margin-top:0px;
	margin-bottom:20px;
	z-index:22;
	display:block;
	background:transparent url("https://www.markstewartlawfirm.com/wp-content/themes/stewartstewart-082012/img/bg-marketing-area-aops.png") repeat-x left top;
	height:80px;
	}
	
	
	ul.marketing-area-aops li {
		list-style:none;
		display:inline-block;
		padding:0px;
		position:relative;
		z-index:23;
		height:80px;
		}
		
		ul.marketing-area-aops li.aop-01 {
			background:transparent url("img/icon-bankruptcy.png") no-repeat 40px 20px;			
			}	
		
		ul.marketing-area-aops li.aop-02 {
			background:transparent url("img/icon-personal-ingury.png") no-repeat 40px 20px;			
			}
		
		ul.marketing-area-aops li.aop-03 {
			background:transparent url("img/icon-social-security-disability.png") no-repeat 40px 20px;
			}		

		ul.marketing-area-aops li a {
			display:block;
			padding-left:105px;
			height:80px;						
			z-index:0;
			color:#464646;
			font-size:153.9%;
			text-decoration:none;
			text-transform:uppercase; 
			}
			
		ul.marketing-area-aops li.aop-01 a {
			border-right:1px #000 solid;
			line-height:80px;
			}
			
		ul.marketing-area-aops li.aop-02 a {
			border-left:0px #000 solid;
			line-height:80px;
			}
			
		ul.marketing-area-aops li.aop-03 a {
			border-left:1px #000 solid;
			padding-top:15px;
			height:60px;
			}
		
		ul.marketing-area-aops li:first-child a {
			border-left:0px #000 solid;
			}	

		ul.marketing-area-aops li ul {
			display:none;
			width:270px;
			position:absolute;
			bottom:0px;
			z-index:24;
			margin:0px 0px 68px 0px;
			padding:10px 10px 0px 20px;
			background:transparent url("img/bg-aop-slide-nav.png") repeat-y center top;
			}

		ul.marketing-area-aops li ul li {
			height:auto;
			border:0px;
			background:transparent url("img/bullet-aop-nav-footer.png") no-repeat 10px 12px;
			}
				
		ul.marketing-area-aops li ul li a {
			display:block;
			background:none;
			width:240px;
			height:auto !important;
			padding:4px 10px 4px 20px !important;
			z-index:25;
			color:#fff;
			text-decoration:none;
			border-top:1px solid #fff;
			border-left:0px !important;
			border-right:0px !important;
			border-bottom:0px !important;
			font-size:100%;
			text-transform:none;
			line-height:normal !important; 
			}
		
		ul.marketing-area-aops li ul li:first-child a {
			border-top:0px solid #fff;
			}
		
		ul.marketing-area-aops li ul li a:hover {
			background:#404338 url("img/bullet-aop-nav-footer.png") no-repeat 10px 12px;
			-webkit-transition:all 0.3s ease-out;
			-moz-transition:all 0.3s ease-out;
			-o-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
			color:#fff;
			}
	
/* -- Main Content Block -- */


.page-title {
		position:absolute;
		margin:100px 0 0 0px;
		width:810px;
		height:auto;
		font-size:253.8%;
		color:#fff;
		text-align:right;
		font-weight:normal;
		text-transform:uppercase;
		z-index:2;
		}
	
.content {
	padding:0 0 0 20px;
	}
	
	.content hr {
		}
		
	.content blockquote {
		}
		
	.content a,
	.content a:visited {
		color:#00b7df;
		text-decoration:none;
		}
	
	.content a:hover,
	.content a:active,
	.content a:focus {
		color:#808080;
		text-decoration:none;
		}
		
	.content p {
		margin:0 0 20px 0;
		}
			
	.content h1 {
		margin:0px 0px 15px 0px;
		color:#00b7df;
		font-size:138.5%;
		font-weight:normal;	
		}
	
	.content h2 {
		margin:0px 0px 15px 0px;
		color:#808080;
		font-size:116%;	
		}
	
	.content h3 {
		margin:0px 0px 15px 0px;
		color:#00657a;
		font-size:108%;		
		}
	
	.content h4 {
		margin:0px 0px 15px 0px;
		color:#808080;
		font-size:100%;		
		}
	
	.content h5 {
		margin:0px 0px 15px 0px;
		color:#000;
		font-size:93%;		
		}
	
	.content h6 {
		margin:0px 0px 15px 0px;
		color:#808080;
		font-size:85% ;		
		}	

/* -- Sidebar -- */

.sidebar {
	border-left:1px #908e8f dashed;
	padding:0px 19px 0px 10px;
	width:270px;
	float:left;
	min-height:800px;  
	}

.box-sidebar {
	padding:10px 0px 20px 0px;
	width:270px;
	background:#fff url("img/bg-box-sidebar.gif") repeat-x left top;
	float:left; 	
	}
	
.box-sidebar h2 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	color:#464646;
	font-size:131%;
	font-weight:normal;
	border-bottom:1px #918f8f dashed;
	text-align:center; 
	}
	
.box-sidebar address {
	padding:0px 10px;
	color:#0091b0;
	font-style:normal;
	}

.box-sidebar ul {
	margin:0px;
	padding:0px 10px;  	
	}

.box-sidebar ul li {
	margin:0px;
	padding:0px 0px 20px 0px;  
	list-style:none;	
	}

.box-sidebar ul li a.readmore {
	margin-top:5px;
	padding-left:10px;
	color:#0091b0;
	font-size:93%;
	display:block;
	background:#fff url("img/arrow-read-more.png") no-repeat left 4px;
	text-decoration:none;
	}

.box-sidebar ul li a.readmore:hover {
	color:#808080;
	text-decoration:none;
	}	

.blog-sidebar ul li {
	padding-bottom:10px; 	
	}

.blog-sidebar a, .blog-sidebar a:visited {
	color:#00b7df;
	text-decoration:none;
	}	
	
.blog-sidebar a:hover, .blog-sidebar a:active, .blog-sidebar a:focus {
	color:#808080;
	text-decoration:none;
	}
		
/* -- Client Center -- */

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

/* -- Footer -- */

footer {
	padding:30px 0px;
	background:#003f4c url("img/bg-footer.gif") repeat-x left top;
	color:#fff;
	}

footer h2 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	color:#fff;
	font-size:138.5%;
	border-bottom:1px #79b8c5 solid;
	font-weight:normal;
	}

footer .alpha h2 {
	margin-left:20px;	
	}

footer .aop-area-footer h2 {
	width:220px;
	}

footer address {
	font-style:normal;
	margin-left:20px;
	}

footer p {
	margin:15px 0px; 
	font:normal 77% arial, Helvetica, sans-serif;
	}

footer .disclaimer {
	padding-top:30px;
	}

footer .disclaimer p {
	margin:15px 20px;
	}

footer a, footer a:visited {
	color:#fff;
	text-decoration:none;
	}

footer a:hover, footer a:active, footer a:focus, footer ul li.current_menu_item a {
	color:#00b7df !important;
	text-decoration:none;
	}

ul#menu-footer-navigation {
	margin:0px 0px 0px 20px;
	padding:0px; 	
	}	

ul#menu-footer-navigation li {
	margin:0px;
	padding:0px 8px;
	list-style:none;
	float:left;
	border-left:1px #fff solid;
	font:normal 93% arial, Helvetica, sans-serif;	
	}

ul#menu-footer-navigation li:first-child {
	padding-left:0px;
	border-left:0px #fff solid;
	}

ul#menu-attorney-navigation {
	margin:0px;
	padding:0px;	 	
	}	

ul#menu-attorney-navigation li {
	margin:0px;
	padding:5px 10px;
	list-style:none;
	border-bottom:1px #80bdca solid;
	font-weight:bold;
	background:transparent url("img/arrow-main-nav-footer.png") no-repeat left 15px;
	}
	
ul#menu-attorney-navigation li a {
	display:block;
	}	

ul#menu-aop-navigation-01 {
	margin:0 0 15px 0;
	padding:0px;
	float:left; 	
	}	
	
ul#menu-aop-navigation-02 {
	margin:0 0 15px 0;
	padding:0px;
	float:right; 	
	}	
	
ul#menu-aop-navigation-01 li, ul#menu-aop-navigation-02 li {
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 30px;
	list-style:none;
	border-bottom:1px #80bdca solid;
	font-weight:bold;
	background:transparent url("img/bullet-aop-nav-footer.png") no-repeat 10px 15px;
	width:180px;
	}
	
ul#menu-aop-navigation-01 li a, ul#menu-aop-navigation-02 li a {
	display:block;
	}	

footer .aop-area-footer p {
	clear:both;
	}	

/* ----- Quick Contact Form ----- */

/* ----- Quick Contact Form - Button ----- */

#qc-button {
   position:fixed;
   right:0px;
   top:90px;
   z-index:10000;
   }

#qc-open {
  display: block;
  background:transparent url("img/button-qc.png") no-repeat center top;
  height:147px;
  width:29px;

}
#qc-open h2 {
  font-size: 138.5%;
  font-weight: normal;
  padding: 12px 0 0 40px;
}
#qc-open p {
    padding: 0 0 0 40px;
}
a#qc-open,
a#qc-open:visited {
  color: #fff;
  text-decoration: none;
}

a#qc-open:hover,
a#qc-open:active,
a#qc-open:focus {
  text-decoration: underline;
}

/* ----- Quick Contact Form - Modal Window ----- */

#qc-hidden {
  display:none;
  position:fixed;
  z-index:8000;
  top:0px;
  left:0px;
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  background:#302e2e; /* Fall back for browsers that do not understand RGBA */
  background:rgba(48,46,46,.92);
}

.quick-contact-box {
  margin:100px auto 0px auto;
  padding:20px 20px 40px 20px;
  width:291px;
  background:transparent;
  color:#336e97;
}

.quick-contact-box .gform_wrapper {
	float:left;
	width:215px;
	background:#f69e57;
	padding:20px;
	}

a#qc-close,
a#qc-close:visited {
  background:url("img/button-qc-close.png") no-repeat center top;
  display: block;
  width:36px;
  height:178px;
  float:left;   
}
a#qc-close:hover,
a#qc-close:active,
a#qc-close:focus {
}
.quick-contact-box ul {
  margin: 0;
  padding: 0;
}
.quick-contact-box li {
  list-style: none;
}
.quick-contact-box label {
  color:#fff;  
}
.quick-contact-box p {
  padding: 0 0 10px 0;
}
.quick-contact-box h2 {
	margin:0 0 10px 0;
	color:#981319;
	font:bold 153.9% arial, helvetica, sans-serif;
	text-align: center;
	text-transform:uppercase;
}
.quick-contact-box input,
.quick-contact-box textarea {
  padding:5px;
  margin: 0 0 10px 0;
  width:205px;
  border:none;
  color:#000;
  font:bold 77% arial, helvetica, sans-serif;
  text-transform:uppercase; 
}
.quick-contact-box textarea {
  width:205px;
  height:80px;
}
.quick-contact-box input[type="submit"] {
  width:85px;
  border:1px #fff solid;
  background:#fff;
  color:#000;
  font-weight:bold;
  float:right;
}
.quick-contact-box .validation_error {
  margin-bottom: 10px;
  display: none !important;
}
.quick-contact-box .validation_message {
  margin-top: 0 !important;
  display:none !important;
}

		
		
/* -- 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(https://www.markstewartlawfirm.com/wp-content/themes/stewartstewart-082012/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 ----- */