/*
	Theme Name: Holt, Longest, Wall, Blaetz & Moseley, P.L.L.C.
	Theme URI: 
	Description: Web Professional Presence
	Author: Kate Compton
	Version: 1.0
	License: 
	License URI: 
	Template: template 
	Tags: 
*/



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



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



/* -- Body Styles -- */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	}
	
	/* -- this eliminates the iframe on the Contact Us page that displaces the layout on webkit browsers */
	body > iframe {
		display:none;
		}
				
/* -- Header -- */

header.main {
	background:url(img/header-background.png) top center repeat #8d371e;
	color:#e9c038;
	}
			
/* -- Header Address -- */

.header-address {
	padding:10px 0px;
	font-size:88%;
	}
	
	.header-address address{
		font-style:normal;
		}
	
/* -- Header Logo -- */

.header-logo {
	padding:5px 0px;
	}
	
	.header-logo a,
	.header-logo a:visited,
	.header-logo a:hover,
	.header-logo a:active,
	.header-logo a:focus {
		display:block;
		font-size:197%;
		color:#fff;
		text-decoration:none;
		}

/* -- Header Tagline -- */

.header-tagline {
	padding:0px 0px 15px 0px;
	color:#e0e1e4;
	font-size:108%;
	}
	
	.header-tagline p {
		margin:0px;
		padding:0px;
		}

/* -- Header Phone -- */

.header-phone {
	padding:50px 0px 10px 0px;
	text-align:right;
	}
	
	.header-phone i {
		display:block;
		font-style:normal;
		color:#fff;
		font-size:131%;
		}
		
	.header-phone b {
		display:block;
		font-weight:normal;
		font-size:216%;
		}
	
/* -- Main Navigation -- */

nav.main {
	padding:5px 0px 25px 0px;
	background:url(img/nav-shadow.png) bottom center no-repeat;
	text-align:left;
	text-transform:uppercase;
	}
	
	nav.main .container-16 {
		}
		
		nav.main .container-16 .grid-16 {
			}
		
	nav.main ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
	nav.main ul li {
		position:relative;
		z-index:90;
		display:inline;
		margin:0px;
		padding:0px;
		}
		
		nav.main ul li:hover {
			z-index:95;
			}
	
	nav.main ul li a,
	nav.main ul li a:visited {
		display:inline-block;
		padding:12px 15px;
		color:#000;
		text-decoration:none;
		}
	
	nav.main ul li a:hover,
	nav.main ul li a:active,
	nav.main ul li a:focus,
	nav.main ul li.current_page_item a,
	nav.main ul li:hover a {
		background:#e9c038;
		color:#000;
		text-decoration:none;
		}
		
		/* -- Drop Navigation -- */
		
		nav.main ul ul {
			display:none;
			}
			
			nav.main ul li:hover ul {
				display:block;
				position:absolute;
				z-index:98;
				top:26px;
				left:0px;
				width:130%;
				padding:10px;
				background:#e9c038;
				text-transform:none;
				text-align:left;
				}
		
		nav.main ul li:hover ul li {
			position:relative;
			z-index:99;
			display:block;
			}
		
		nav.main ul li:hover ul li a,
		nav.main ul li:hover ul li a:visited,
		nav.main ul li.current_page_item:hover ul li a {
			position:relative;
			z-index:100;
			display:block;
			background:none;
			padding:7px 10px;
			color:#000;
			text-decoration:none;
			}
		
		nav.main ul li:hover ul li a:hover,
		nav.main ul li:hover ul li a:active,
		nav.main ul li:hover ul li a:focus {
			background:#82331b;
			color:#fff;
			text-decoration:none;
			}
	
/* -- Marketing sArea -- */

.marketing-area {
	padding:0px 0px 15px 0px;
	background:url(img/marketing-shadow.png) bottom center no-repeat;
	text-align:center;
	}
	
	.marketing-area img {
		display:block;
		}

/* -- Buckets -- */

.buckets {
	padding:5px 0px 25px 0px;
	background:url(img/buckets-shadow.png) bottom center no-repeat;
	text-align:center;
	text-transform:uppercase;
	font-size:118%;
	}
	
	.buckets ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}
		
	.buckets ul li {
		display:block;
		float:left;
		width:16.5%;
		height:99px;
		overflow:hidden;
		margin:0px;
		padding:0px;
		border-left:1px solid #acacac;
		}
		.buckets ul li:first-child {
			border-left:none;
			}
		
	.buckets ul li a,
	.buckets ul li a:visited {
		display:block;
		padding:35px 5px 10px 5px;
		background:url(img/bucket-icon.png) top center no-repeat;
		color:#8d371e;
		text-decoration:none;
		}
		
		.buckets ul li a b {
			display:block;
			}
		
	.buckets ul li a:hover,
	.buckets ul li a:active,
	.buckets ul li a:focus {
		background:url(img/bucket-icon-hover.png) top center no-repeat;
		color:#8d371e;
		text-decoration:none;
		}
	
/* -- Mid-Section -- */

.mid-section {
	}
	
/* -- Sidebar -- */

aside.sidebar {
	padding:25px 0px;
	color:#000;
	}
	
	aside.sidebar h2 {
		margin:0px;
		padding:0px;
		font-weight:normal;
		font-size:131%;
		text-transform:uppercase;
		}
		
	aside.sidebar img {
		max-width:100%;
		}
		
	aside.sidebar a,
	aside.sidebar a:visited {
		font-weight:bold;
		color:#82331b;
		text-decoration:none;
		}
	
	aside.sidebar a:hover,
	aside.sidebar a:active,
	aside.sidebar a:focus {
		color:#82331b;
		text-decoration:underline;
		}
	
/* -- Sidebar Shadow -- */

.sidebar-shadow {
	margin:0px 0px 20px 0px;
	padding:0px 0px 22px 0px;
	background:url(img/sidebar-shadow.png) bottom center no-repeat;
	}
		
/* -- Blog & AOP Sidebar -- */

.blog-sidebar,
.aop-sidebar {
	padding:20px;
	background:#e9c038;
	}
	
	.blog-sidebar ul,
	.aop-sidebar ul {
		list-style:none;
		margin:0px;
		padding:0px 0px 20px 0px;
		}
		
		.blog-sidebar ul ul.
		.aop-sidebar ul ul {
			padding:0px 0px 0px 15px;
			}
	
	.blog-sidebar ul li,
	.aop-sidebar ul ul li, {
		display:block;
		margin:0px;
		padding:5px 0px 0px 0px;
		}
		
/* -- Sidebar Contact Form 

.sidebar-qc {
	padding:20px;
	background:#e9c038;
	}
	
	.sidebar-qc form {
		margin:0px;
		padding:0px;
		}
	
	.sidebar-qc form ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
	.sidebar-qc form ul li {
		display:block;
		margin:0px;
		padding:2px 0px;
		}
	
	.sidebar-qc form label {
		display:none;
		}
	
	.sidebar-qc form input[type=text],
	.sidebar-qc form input[type=tel],
	.sidebar-qc form input[type=email],
	.sidebar-qc form textarea {
		width:96%;
		border:1px solid #fff;
		background:#fff;
		padding:4px;
		color:#000;
		}
		
		.sidebar-qc form textarea {
			height:80px;
			overflow:auto;
			}
	
	.sidebar-qc form .gform_footer {
		text-align:right;
		}
		
	.sidebar-qc form input[type=submit],
	.sidebar-qc form input[type=submit]:visited {
		margin:0px;
		padding:4px 10px;
		background:#131313;
		border:1px solid #131313;
		color:#fff;
		text-transform:uppercase;
		}
	
	.sidebar-qc form input[type=submit]:hover,
	.sidebar-qc form input[type=submit]:active,
	.sidebar-qc form input[type=submit]:focus {
		background:#82331b;
		border:1px solid #82331b;
		color:#fff;
		}
		
-- */

/* -- QC -- */   
   
#qc-button {
	position: fixed;
	right: 0px;
	top: -141px;
	}

#qc-open {
	background:url("img/button-qc-form.png") no-repeat left top;
	display:block;
	height:153px;
	width:43px;
	top:229px;
	right:0px;
	position:absolute;
	z-index:999;
	}

#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;
	}

#qc-hidden {
	display:none;
	position:fixed;
	z-index:1000;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:#000; /* Fall back for browsers that do not understand RGBA */
	background:rgba(0,0,0,.75);
	background: url("img/qc-shadowbox-background.png") repeat left top;
	}
	
.quick-contact-box {
	margin:48px auto 0px auto;
	padding:16px;
	width:249px;
	background:#863518;
	color:#444;
	width:240px;
	margin-bottom:10px;
	text-align: center;
	}
	
a#qc-close,
a#qc-close:visited {
	float: right;
	display: block;
	color: #fff;
	}
	
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 {
	display: none;
	}
	
.quick-contact-box p {
	padding: 0 0 10px 0;
	}

.quick-contact-box h2 {
	font: normal 140.9%/100% "Georgia";
	color: #fff;
	padding-top: 10px;
	}

.quick-contact-box input,
.quick-contact-box textarea {
	padding: 10px 0px 10px 10px;
	margin: 0 0 10px 0;
	width: 215px;
	border: 0px;
	font:normal 100% Arial, Helvetica, sans-serif;
	}

.quick-contact-box textarea {
	height: 100px;
	}

.quick-contact-box input[type="submit"] {
	width: 75px;
	height: 37px;
	background: #ead300;
	border: 0px;
	color: #000;
	padding-left: 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform:uppercase;
	font-weight:bold;	
	}
.lt-ie8 .quick-contact-box input[type="submit"] {
	margin-top: -40px;
	}

.quick-contact-box input:hover[type="submit"] {
	text-decoration:underline;
	}

.quick-contact-box .validation_error {
	margin-bottom: 10px;
	width: 206px !important;
	}

.quick-contact-box .validation_message {
	margin-top: 0 !important;
	width: 206px !important;
	}
		
/* -- Sidebar Video -- */

.sidebar-shadow.video {

	}
	
.sidebar-shadow.video h2 {
	margin:0 0 2% 10%;
	}

a.video {
	display:block;
	width:268px;
	height:197px;
	background:url('img/video.jpg') center top no-repeat;
	}

/* -- Main Content Block -- */
	
.content {
	padding:25px 20px;
	min-height:1px;
	color:#8b745d;
	}
	
	.content hr {
		}
		
	.content blockquote {
		}
		
	.content a,
	.content a:visited {
		color:#8d371e;
		text-decoration:underline;
		}
	
	.content a:hover,
	.content a:active,
	.content a:focus {
		color:#6e4134;
		text-decoration:underline;
		}
		
	.content p {
		}
			
	.content h1 {
		font-weight:normal;
		font-size:174%;
		color:#584133;
		}
	
	.content h2 {
		font-weight:normal;
		font-size:139%;
		color:#8d371e;
		}
	
	.content h3 {
		color:#6e4134;
		font-size:100%;
		}
	
	.content h4 {
		color:#6e4134;
		font-size:93%;
		}
	
	.content h5 {
		color:#6e4134;
		font-size:88%;
		}

/* -- Client Center -- */

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

/* -- Footer -- */

footer.main {
	background:#000;
	color:#baa188;
	}
	
	footer.main h2 {
		margin:0px 0px 15px 0px;
		padding:0px 0px 15px 0px;
		border-bottom:1px solid #aaa;
		text-transform:uppercase;
		font-weight:normal;
		font-size:123%;
		color:#fff;
		}
	
	footer.main h3 {
		margin:5px 0px 0px 0px;
		padding:0px;
		font-size:100%;
		}
	
	footer.main a,
	footer.main a:visited {
		color:#baa188;
		text-decoration:underline;
		}
		
	footer.main a:hover,
	footer.main a:active,
	footer.main a:focus {
		color:#fff;
		text-decoration:underline;
		}
	
/* -- Footer Logo -- */

.footer-logo {
	padding:30px 0px;
	}
	
/* -- Client Center Button -- */

.client-center-button {
	padding:0px 0px 30px 0px;
	text-align:right;
	text-transform:uppercase;
	}
	
	.client-center-button a,
	.client-center-button a:visited,
	footer.main .client-center-button a,
	footer.main .client-center-button a:visited {
		display:inline-block;
		padding:10px 25px;
		background:#80321b;
		color:#fff;
		text-decoration:none;
		}
		
	.client-center-button a:hover,
	.client-center-button a:active,
	.client-center-button a:focus,
	footer.main .client-center-button a:hover,
	footer.main .client-center-button a:active,
	footer.main .client-center-button a:focus {
		background:#a43615;
		color:#fff;
		text-decoration:none;
		}
	
/* -- Footer Contact Info -- */

.footer-contact-info {
	color:#e9c038;
	}
		
	.footer-contact-info address {
		margin:0px 0px 15px 0px;
		padding:0px;
		font-style:normal;
		}
		
	.footer-contact-info p {
		margin:0px;
		padding:0px;
		}
		
		.footer-contact-info p b {
			display:inline-block;
			vertical-align:top;
			font-weight:normal;
			width:90px;
			}
			
		.footer-contact-info p i {
			display:inline-block;
			vertical-align:top;
			font-style:normal;
			text-transform:uppercase;
			}
	
/* -- Footlinks -- */

nav.footlinks {
	}
	
	nav.footlinks ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}
		
	nav.footlinks li {
		display:block;
		margin:0px;
		padding:0px;
		}
		
	nav.footlinks a,
	nav.footlinks a:visited,
	footer.main nav.footlinks a,
	footer.main nav.footlinks a:visited {
		display:block;
		padding:5px 0px 5px 10px;
		background:no-repeat 0px 10px url(img/footlinks-bullet.png);
		color:#e9c038;
		text-decoration:none;
		}
		
	nav.footlinks a:hover,
	nav.footlinks a:active,
	nav.footlinks a:focus,
	footer.main nav.footlinks a:hover,
	footer.main nav.footlinks a:active,
	footer.main nav.footlinks a:focus {
		color:#fff;
		text-decoration:none;
		}
	
/* -- Footer Disclaimers -- */

.footer-disclaimers {
	font-size:88%;
	padding:20px 0px;
	}
	
	.footer-disclaimers p {
		margin:0px 0px 15px 0px;
		padding:0px;
		line-height:154%;
		}





/* -- 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. ----- */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
	}

/* ----- 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 ----- */