/*
	Theme Name: Law Office of Gordon B. Fine
	Theme URI: http://www.lexisnexis.com
	Description: A custom Theme Development for Law Office of Gordon B. Fine
	Author: Matt Nordstrom
	Version: 1.0
	License: LexisNexis
	License URI: 
	Template: template 
	Tags: 
*/



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


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




/* -- Body Styles -- */

body {
	font-family: Helvetica, Arial,  sans-serif;
	color: #282e2a;
	background: #fff url(img/bg-header.png) repeat-x scroll 0% 0%;
	}
	
	/* -- this eliminates the iframe on the Contact Us page that displaces the layout on webkit browsers */
	body > iframe {
		display:none;
		}




/* -- Header Styles -- */	

header {

	}
	
	
header .container-12#logoBar {
	
	}
	
	header .container-12#logoBar img {
		display: block;
		float: left;
		}
		
	header .container-12#logoBar b {
		font-size: 108%;
		color: #fff;
		display: block;
		padding: 70px 0 0 20px;
		float: left;
		}
		
	header .container-12#logoBar b span {
		font-weight: normal;
		}
		
			header .container-12#logoBar .phoneBox {
				width: 165px;
				float: right;
				text-align: right;
				padding-top: 40px;
				}
				
				header .container-12#logoBar .phoneBox em {
					font-size: 108%;
					font-style: normal;
					font-weight: bold;
					color: #d9cec1;
					display: block;
					text-transform: uppercase;
					padding-bottom: 5px;
					}
					
				header .container-12#logoBar .phoneBox strong {
					font-size: 182%;
					color: #ecece8;
					display: block;
					}


/* -- Main Navigation -- */

.navigation-main {
	background-color: #141816;
	padding: 2px 0;
	}

.container-12#navContainer { 
	overflow: visible;
	z-index: 100;
	}

.grid-12#navBar {
	overflow: visible;
	z-index: 200;
	}

.navWrapper {
	position: relative; 
	z-index: 300;
	}

.main-nav {
    position: relative;
    text-align: left;
    display: block;
    overflow: visible; 
	}
	
	.main-nav ul { 
		position: relative;
		z-index: 400;
		margin: 0;
		padding: 0;
		}
	
	.main-nav ul li {
		float: left;
		vertical-align: middle;
		list-style: none; 
		margin: 0;
		zoom: 1;
		padding: 0px 10px;
		background: transparent url(img/bg-main-nav-li.png) no-repeat scroll right 50%;
		}
		
	.main-nav ul li:last-child  {
		background-image: none;
		}
	
	.main-nav ul li.hover, 
	.main-nav ul li:hover { 
		position: relative;
		cursor: default;
		}


/* Top Level Styles */

		.main-nav ul li a, 
		.main-nav ul li a:visited, 
		.main-nav ul li a:active,
		.main-nav ul li a:hover { 
			font: normal 100%/100% Helvetica, Sans-Serif;
			color: #fff;
			text-decoration: none;
			display: block;
			width: auto;
			padding: 15px 20px;
			}
			
		.main-nav ul li a:hover { 
			color: #fff;
			background-color: #712005;
			}
			
		.main-nav ul li.current-menu-item a {
			color: #ff5e29;
			}
			
		.main-nav ul li.current-menu-item a:hover { 
			color: #fff;
			background-color: #712005;
			}
		

/* 2nd Level Styles */
	
	.main-nav ul ul.sub-menu {
		visibility: hidden;
		position: absolute;
		left: 10px;
		width: 220px;
		margin: 0;
		}
	
	.main-nav ul ul.sub-menu li {  
		float: none;
		width: 100%;
		background-image: none;
		border-style: none;
		padding: 0;
		margin: 0;
		}
		
			.main-nav ul ul.sub-menu li.menu-item a {
				font: normal 93%/125% Helvetica, Arial, Sans-Serif;
				color: #fff;
				text-transform: capitalize;
				text-decoration: none;
				display: block; 
				background-image: none;
				background-color: #141816;
				padding: 10px 5px 10px 10px;
				margin-bottom: 0;
				}
				
			.main-nav ul ul.sub-menu li.menu-item a:hover {
				color: #fff;
				background-color: #712005;
				} 
				
				
	/* 3rd Level Styles */
		
		.main-nav ul ul ul.sub-menu { 
			top: 0px;
			left: 100%;
			border-top: none;
			}
		
		   .main-nav ul li ul li.menu-item ul.sub-menu li a {
				color: #fff;
				background-color: #141816;			
				}
				
			.main-nav ul li ul li.menu-item ul.sub-menu li a:hover {
				color: #fff;
				background-color: #712005;
				} 
					
	
	.main-nav ul li:hover > ul { 
		 visibility: visible;
		}	
		

/* -- Marketing Area Styles -- */

.marketing-area {
	
	}

.marketing-area  .container-12 {
	background: transparent url(img/bg-marketing-area-container-12.png) no-repeat scroll center bottom;
	padding-bottom: 44px;
	}
	
	.marketing-area  .container-12 .grid-12 {
		position: relative;
		}
		
		.marketing-area  .container-12 .grid-12 img {
			position: relative;
			z-index: 20;
			}
			
.marketing-area  .container-12 .grid-12 strong.pageTitle {
	font: normal 131%/100%  "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	color: #fff;
	background-color: #0e0e0e;
	text-transform: uppercase;
	position: absolute;
	bottom: 60px;
	left: 5px;
	z-index: 30;
	padding: 20px 20px;
	width: auto;
	width: 400px;
	}
	


/* -- Homepage Slider Styles -- */

.slider {
	position:relative;
	}

	.slider ul.slides_container {
		list-style:none;
		margin:0px;
		padding:0px;
		width:940px;
		height:312px;
		overflow:hidden;
		}
		
		.slider ul.slides_container li {
			display:block;
			width:940px;
			height:312px;
			overflow:hidden;
			}
	
			/* --- Prev/Next Styles --- */
			
			.slider a.prev,
			.slider a.next {
				position:absolute;
				z-index:55;
				bottom:10px;
				display:block;
				font-weight:bold;
				text-transform:uppercase;
				color:#fff;
				text-decoration:none;
				}
				
			.slider a.prev:hover,
			.slider a.next:hover {
				color:#ccc;
				text-decoration:none;
				}
			
				.slider a.prev {
					left:10px;
					}
				
				.slider a.next {
					right:10px;
					}
	
			/* --- Pagination Styles --- */
			
			.slider ul.pagination {
				position:absolute;
				z-index:50;
				left: 420px;
				bottom: 0px;
				width: 95px;
				list-style:none;
				margin:0px;
				padding: 10px 0 5px 0;
				text-align:center;
				background-color: #fff;
				}
				
				.lt-ie8 .slider ul.pagination {
					width:auto;
					left:48%;
					}
				
				.slider ul.pagination li {
					display:inline;
					margin:0px 3px;
					padding:0px;
					}
				
				.slider ul.pagination li a {
					display:inline-block;
					width:10px;
					height:10px;
					overflow:hidden;
					text-indent:1000px;
					text-decoration:none;
					background:#282e2a;
					-webkit-border-radius:6px;
					-moz-border-radius:6px;
					border-radius:6px;
					}
					
					.lt-ie8 .slider ul.pagination li a {
						display:block;
						float:left;
						margin-right:4px;
						}
				
				.slider ul.pagination li a:hover {
					background:#ccc;
					}
			
				.slider ul.pagination li.current a {
					background:#601c07;
					}
					



/* Homepage Targeted Rollover */

.homeTargets ul li {
	display: block;
	float: left;
	width: 313px;
	border-left: 1px solid #1d3334;
	}
	
	.homeTargets ul li:first-child {
		width: 312px;
		border-style: none;
		}

		a.navi:link, 
		a.navi:visited, 
		a.navi:active, 
		a.navi:hover  { 
			font: bold 123.1%/100% Helvetica, Arial, sans-serif;
			text-decoration: none;
			color: #fff;
			background-color: #315658;
			display: block;
			padding: 12px 0 12px 24px;
			}


		a.navi:hover { 
			color: fff;
			background-color: #1d3334;
			text-decoration: none;
			}
			
.box { 
	display: none; 
	height: 120px;
	color: #fff;
	background-color: #1d3334;
	padding: 20px 24px;
	}
	
	.box.one {
		display: block;
		}
		
	.box strong {
		font-size: 116%;
		display: block;
		}
		
	.box img {
		float: right;
		display: block;
		border: 2px solid #fff;
		}


	.box a.read,
	.box a.read:visited {
		font-size: 93%;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		width: 114px;
		height: 22px;
		padding: 10px 0 0 0;
		text-align: center;
		background: transparent url(img/bg-read.png) no-repeat scroll 0% 0%;
		}
	
	.box a.read:hover,
	.box a.read:active,
	.box a.read:focus {
		color: #fff;
		text-decoration: none;
		background-position: -114px 0%;
		}									
	
/* -- Mid-Section Styles -- */
	
	
body.home .mid-section {
	padding-top: 25px;
	}
	
.mid-section {
	padding-top: 0;
	}
		

/* -- Main Content Block -- */
	
.content {
	padding: 0 24px 35px 24px;
	font-size: 100%;
	}
	
	.content hr {
		}
		
	.content blockquote {
		}
	
	.content a,
	.content a:visited {
		color: #af640c;
		text-decoration: none;
		}
	
	.content a:hover,
	.content a:active,
	.content a:focus {
		color: #af640c;
		text-decoration: underline;
		}
		
	.content p {
		font-size: 100%;
		line-height: 125%;
		margin: 0 0 15px 0;
		}
			
	.content h1 {
		font-size: 167%;
		font-weight: normal;
		line-height: 125%;
		color: #601c07;	
		margin: 0 0 10px 0;
		display: block;
		}
	
	.content h2 {
		font-size: 123.1%;
		font-weight: normal;
		line-height: 125%;
		color: #8f785d;	
		margin: 0 0 10px 0;	
		}
	
	.content h3 {
		font-size: 108%;
		font-weight: normal;
		line-height: 125%;
		color: #282e2a;	
		margin: 0 0 5px 0;
		}
	
	.content h4 {
		}
	
	.content h5 {	
		}
	
	.content ul {
		margin: 0 0 15px 20px;
		}
			
	.content li {
		line-height: 125%;
		background: transparent url(img/content-li.png) no-repeat scroll left 0.5em;
		list-style: none outside none;
		padding: 0 0 0 10px;
		margin: 0 0 10px 0;
		}
		
	.content ul ul {
		margin:7px 0 15px 17px;
		}
			
	.content ul ul li {
		line-height: 125%;
		background:none !important;
		list-style:circle;
		padding: 0 0 0 0px;
		margin: 0 0 10px 0;
		}
		
	.content table {
		margin-bottom: 10px;
		border-style: none;
		}
		
	.content td ul { 
		margin-bottom: 0;
		}

	.content table.penalties td {
		padding: 5px 7px;
	}
/* -- Sidebar Styles -- */

aside {
	padding-bottom: 35px;
	}

aside .sideBox#location {
	background: #dfe6e9 url(img/bg-sideBox.png) no-repeat scroll center bottom;
	min-height: 275px;
	padding: 10px 12px 20px 12px;
	}
	
aside .sideBox strong {
	font-size: 138.5%;
	color: #9d3320;
	display: block;
	margin-bottom: 13px;	
	}
	
	aside .sideBox address {
		display: block;
		margin-bottom: 15px;
		}
		
		aside .sideBox em {
			font-size: 93%;
			font-style: normal;
			color: #1d3334;
			display: block;
			margin-bottom: 5px;
			}

/* -- Blog Styles -- */

.blog-sidebar {
	padding: 0 0 20px 20px;
	}

.blog-sidebar h2 {
	font-size: 123.1%;
	color: #9D3320;
	margin: 0 0 5px 0;
	}			

.blog-sidebar ul {
	margin-bottom: 10px;
	}
	
.blog-sidebar li {
	line-height: 125%;
	background: transparent url(img/content-li.png) no-repeat scroll left 0.45em;
	list-style: none outside none;
	padding: 0 0 0 14px;
	margin: 0 0 10px 0;
	}

           .blog-sidebar a,
           .blog-sidebar a:visited {
           	color: #af640c;
           	text-decoration: none;
           	}
           	
           .blog-sidebar a:hover,
           .blog-sidebar a:active,
           .blog-sidebar a:focus {
           	color: #af640c;
           	text-decoration: underline;
           	}


/* -- Client Center -- */

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

body.page-id-220 section.mid-section .container-12 .grid-4 {
	display: none;
	}

body.page-id-220 section.mid-section .container-12 .grid-8 {
	width: 940px;
	}

body.page-id-220 section.mid-section .container-12 .content {	
	padding: 20px 0 35px 0;
	}


/* -- Footer Styles -- */

footer {
	border-top: 50px solid #315658;
	background-color: #1d3334;
	padding-bottom: 25px;
	}
	
footer .container-12 {
	padding-top: 35px;
	}

footer nav  {

	}
	
footer  strong {
	font: normal 123.1%/100% Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #e5be91;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #315658;
	margin-bottom: 20px;
	}
	
footer  em {
	font: normal 93%/100% Helvetica, Arial, sans-serif;
	color: #fff;
	display: block;
	margin-bottom: 6px;
	}
	
footer address {
	display: block;
	margin: 0 0 20px;
	padding-top: 2px;
	}
	
footer nav ul {

	}
	
	footer nav li {
		margin-bottom: 10px;
		}
				
			footer nav a,
			footer nav a:visited {
				font-size: 93%;
				color: #fff;
				text-decoration: none;
				}
			
			footer nav a:hover,
			footer nav a:active,
			footer nav a:focus {
				color: #1fc6ff;
				text-decoration: none;
				}
				
			footer nav li.current-menu-item a {
				color: #86a7a8;
				}


footer .grid-6#disclaimer {
	padding-bottom: 35px;
	}
	
	footer .grid-6#disclaimer p {
		font-size: 85%;
		line-height: 125%;
		color: #fff;
		padding: 0 25px 15px 0;
		margin: 0;
		}	
		
			footer .grid-6#disclaimer p a,
			footer .grid-6#disclaimer p a:visited {
				color: #bae6f5;
				text-decoration: none;
				}
			
			footer .grid-6#disclaimer p a:hover,
			footer .grid-6#disclaimer p a:active,
			footer .grid-6#disclaimer p a:focus {
				color: #1bb4e8;
				text-decoration: none;
				}

footer img.lnLogo {
	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. ----- */


/* TABLET - screen sizes between (700px) and full site (1000px) */
@media only screen and (min-width: 700px) and (max-width: 1000px) {
	
	
	
	}


/* MOBILE - screen sizes less than (700px) */
@media only screen and (max-width: 699px) {
	
	
	
	}


/* ----- 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: ""; }
/*	a[href]:after { content: " (" attr(href) ")"; }*/ /* Show links */
	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 ----- */