
/*
	Theme Name: Attorneys at Law, Gallagher Keenan, P.A.
	Theme URI: 
	Description: 
	Author: Andrew Koumarianos
	Version: 1.0
	License: 
	License URI: 
	Template: template 
	Tags: 
*/


@import url("../template/style.css");




/* -- Body Styles -- */

body {
	font-family: Arial,Tahoma, Verdana, sans-serif;
	background: #fff url(img/bg-body.png) repeat-x;
	}

a, a:active, a:visited{
	color:#1375cb;
}

/* -- Header -- */

header {
	}
	
.header-information{
padding:20px 0 0 0;
height: 120px;
background:url(img/bg-header.jpg) no-repeat;
}

.header-information .grid-7{
padding:20px 20px 0 0;
}


.grid-4.contact-info{
color:#fff;
font-size:100%;
text-align:right;
float:right;
}

.contact-info p{
margin:0 0 22px 0;
}

.contact-info i{
font: bold 108% Arial,Tahoma, Verdana, sans-serif;
color:#b8d0de;
text-transform:uppercase;
}

.contact-info b{
font: bold 247% Arial,Tahoma, Verdana, sans-serif;
color:#fff;
}


/* -- Main Navigation -- */

nav.main{
margin:1px 0 0 0;
	padding:0;
	position: relative;
	z-index:888;
}
nav.main,nav.main ul{
	text-align: left;
	width: 100%;
	float: none;
}
nav.main ul li{
	display: inline;
	line-height:41px;
	position: relative;
}


 
nav.main ul li a{
	color:#fff;
	padding: 12px 20px 12px 15px;
	font-weight:bold;
	line-height:41px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 108%;
}

nav.main ul li:hover a,nav.main ul li a:hover,nav.main ul li.current_page_item a{
	background:url(img/nav-bg-hover.png) no-repeat right top;

}

/* ----- 2nd Level Drop Navigation Styles ----- */
				
				nav.main ul ul {
					display:none;
					} 
					
					nav.main ul li:hover ul {
						display:block;
						position:absolute;
						padding: 20px 20px 20px 13px;
						z-index:98;
						top:25px;
						background: #001423;
						left:0px;
						width:260px;
						text-align:left;
						z-index:9999;
						}
						
						/* -- For IE7 -- */
						.ie7 nav.main ul li:hover ul {
							top:25px;
							}
						
						/* -- For Webkit Browsers -- */
						@media screen and (-webkit-min-device-pixel-ratio:0){
							nav.main ul li:hover ul {
								top:25px;
								}
							}
					
					nav.main ul ul li {
						position:relative;
						z-index:99;
						line-height:108%;
						}
					
					nav.main ul ul li a,
					nav.main ul li:hover ul li a {
						position:relative;
						z-index:100;
						display:block;
						float:none;
						height:auto;
						border:none;
						margin:0px;
						padding:5px 10px;
						color:#fff;
						text-decoration:none;
						line-height:108%;
						}
					
					nav.main ul ul li a:hover,
					nav.main ul li:hover ul li a:hover,
					nav.main ul ul li:hover a,
					nav.main ul li:hover ul li:hover a {
						color:#1083db;
						background:transparent!important;
						}
						
						nav.main ul li:hover ul li a{
							background:transparent!important;
						}
	
/* ----- Quick Contact Form - BUTTON ----- */

#qc-button a{
	position:fixed;
	top:225px;
	right:0px;
	z-index:1000;
			padding: 35px 0;
			background: url(img/btn-contact-form.png) no-repeat;
	}
	
	
	/* ----- Quick Contact Form - POP-UP ----- */

#qc-hidden {
	display:none;
	position:absolute;
	z-index:9999999;
	top:200px;
	left:35%;
	margin:0px;
	padding:20px;
	width:270px;
	background: #35a1df; 
}

.qc-container {
	color: #fff;
}

.qc-container a,.qc-container a:hover{
	color: #fff;
	text-decoration: none;
}

.qc-container a:hover{
	color:#333;
}

.qc-container h2 {
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 120%;
}
.qc-container p {
	margin: 0 0 10px 0;
}

.qc-container label {
	display: none;
}

.qc-container ul {
	margin: 0;
}

.qc-container ul li {
	list-style-type: none;
}

.qc-container input, .qc-container textarea {
	width: 265px;
	margin: 0 0 10px 0;
}

.qc-container textarea {
	height: 80px;
	font-size: 100%;
}

#qc-hidden #gform_submit_button_3 {
	border: 0;
	margin: 10px 0 0;
	padding: 3px 0;
	float: right;
	font-weight: bold;
	clear: both;
	background: #5f7b87;
	width: 76px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.ie7 #qc-hidden #gform_submit_button_3{
	margin: 0 0 0;
}

.ie7 .gform_hidden {
	display: none!important;
}

#qc-hidden #qc-close {
	float: right;
	clear: both;
}

#qc-close {
	margin: -10px -10px 0 0;
}


/* -- Sliders -- */

.rotating-banners{
	position: relative;
	z-index:555;
}

.page-banner,.banner-internal-page {
	position: relative;
	margin-top:15px;
	z-index:777;
	width:940px;
	height: 309px;
			}
			
.banner-internal-page{
	height: 169px;
}


div#slides {
	margin-top:15px;
			}
		
		ul.slides_container {
			list-style:none;
			margin:0px;
			padding:0px;
			width:940px;
			height:309px;
			overflow:hidden;
			}
			
			ul.slides_container li.slide {
				display:block;
				width:940px;
				height:309px;
				overflow:hidden;
					}
	.slide-left{
		width: 640px;
		height: 309px;
		float: left;
	}
	
	.slide-right{
		width: 300px;
		height: 309px;
		float: right;
	}
		
	.slide-right a, .slide-right a img{
		float: left;
		clear: both;
	}
	
		/* --- Pagination/Prev/Next Styles --- */
		
		a.prev,
		a.next,ul.pagination {
			display: none;
				}


/* ----- AOP Tabs ----- */

#tab-content-container {
	width: 640px;
	margin: 15px 0 0 0;
	height: 309px;
	overflow: hidden;
	display: inline;
	float: left;
	position: relative;
}

.container-12 .rotating-banners .grid-4{
	margin: 15px 0 0 0;
}

.tab-content {
	height: 145px;
	width: 960px;
}

.tabs li {
	line-height: 0;
}
.oldie .tabs li {
	margin-bottom: 0;
}



/* -- Main Content Block -- */

.content-area {
	margin: 15px 0 0 0;
	background:transparent;
	color:#808080;
}
	
	
.container-12 .grid-7.content {
	float:left;
	width: 560px;
	margin:0;
	padding: 30px 30px;
	background:#fff;
	border:1px solid #eaeaea;
	}
	
	.content hr {
		}
		
	.content blockquote {
		}
		
	.content a,
	.content a:visited {
		}
	
	.content a:hover,
	.content a:active,
	.content a:focus {
		}
		
	.content p {
		margin: 0 0 20px 0;
		color: #808080;
		}
			
	.content h1 {	
	margin: 0 0 10px 0;
	color: #014478;
	font-weight: normal;
	font-size: 138.5%;
		}
	
	.content h2 {	
		margin: 0 0 10px 0;
		color: #026bc7;
	font-weight: normal;
	font-size: 116%;
		}
	
	.content h3 {	
	margin: 0 0 10px 0;
		color: #005596;
	font-weight: bold;
	font-size: 108%;
		}
	
	.content h4 {	
	margin: 0 0 10px 0;
		}
	
	.content h5 {	
	margin: 0 0 10px 0;
		}

aside{ 
 float:left;
}

aside .box{
color:#fff;
padding: 0 0 14px 0;
margin: 15px 0 0 0;
background: url(img/bg-sidebar-box.png)no-repeat bottom;
}

aside .box .inner{
background:#014478;
width: 270px;
padding: 20px 15px;
}

aside .box .inner a{
	color:#fff;
}

aside .box .inner a:hover{
	color:#1375CB;
}

aside .box.call-us{
color:#fff;
padding: 20px 15px;
background: url(img/bg-sidebar-call-us.png)no-repeat;
width: 275px;
height: 240px;
}
aside .box #gform_wrapper_2 ul li{
	margin: 0;
	border: 0;
	float:left;
	clear:both;
}

aside .box #gform_wrapper_2 form label{
	display: none;
	}

aside .box #gform_wrapper_2 form input,aside .box #gform_wrapper_2 form textarea{
	color:#026bc7;
	background:#e8f3f9;
	border:0;
	height: 18px;
	font-size: 83%;
	line-height: 18px;
	padding:0 0 0 10px;
	width: 260px;
}

aside .box #gform_wrapper_2 form textarea{
	height: 85px;
}

aside .box #gform_wrapper_2 form input#gform_submit_button_2{
	height: auto;
	width: auto;
	background: #1375cb;
	color:#fff;
	float:right;
	font-size: 93%;
	clear:both;
	padding:2px 10px;
}

aside .box #gform_wrapper_2 form input#gform_submit_button_2:hover{
		background: #01203c;
}

aside .aop-links a img{
	float: left;
	clear: both;
}

aside .aop-links{
	margin: 0 0 20px 0;
}

aside h2{
	margin: 0 0 15px 0;
	color: #fff;
	font-size:116%;
}

aside ul{
	margin:0;
}

aside ul li{
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #aecbe5;
}

aside ul li a{
	color:#014b8c;
	font-size: 108%;
	text-decoration: none;
}

aside ul li a:hover, aside ul li.current_page_item a{
	color: #6c110c;
}

.container-12 .grid-4.sidebar {
	margin: 0 0 0 0;
	float: right;
}

/* -- Client Center -- */

iframe.client-center {
	width:900px;
	min-height:900px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:none;
	}	

/* -- Footer -- */

footer {
	padding: 0 0 20px 0;
	margin: 40px 0 0 0;
	background-color: #002645;
	background-image:url(img/bg-footer.png);
	background-repeat:no-repeat;
	background-position: center top;
	position: relative;
	}

footer .grid-12 {
color:#fff;
}

.client-center-login {
	position:absolute;
	top:0;
	right:0;
	margin: 0 0 5px 0;
	}
	
.client-center-login a {
	float: left;
	clear: both;
	padding: 13px 10px 5px;
	font-weight: bold;
	color: #fff;
		background: url(img/bg-client-center.png) repeat-x;
	line-height: 230%;
	text-decoration:none;
}

.client-center-login a:hover{
	color:#001D2F;
}

.footer-contact {
	float: right;
	clear: both;
	margin: 30px 0 0 0;
}

.social-media b{
	font-size: 167%;
	}

.contact-information-footer, .footer-nav-details{
	padding:0 10px;
	color: #fff;
}

.contact-information-footer .grid-5,.footer-nav-details .grid-6{
	float: right;
}

.footer-nav-details .grid-6 p{
	margin: 0 0 20px 0;
	font-size: 85%;
}

.contact-information-footer .grid-4{
	padding: 35px 0 25px 0;
}

.contact-information-footer .grid-4.client-center{
float: right;
	padding: 13px 0 40px 0;
}


.footer-nav-details h2 {
	margin: 0 0 10px 0;
	color: #0261b3;
	font-weight:bold;
	font-size: 93%;
}

.footer-nav-details a{
	color: #fff;
	text-decoration: none;
}

.footer-nav-details .grid-2 a {
	text-decoration: none;
	color:#f5f3f0;
	font-size: 100%;
	}

.footer-nav-details .grid-2 ul{
	margin:0;
}

.footer-nav-details .grid-2 ul li{
	list-style-type: none;
	margin: 0 0 10px 0;
}

.footer-nav-details .grid-2 ul li a{
	padding-left: 10px;
	font-size: 85%;
	color: #fff;
		background: url(img/bg-footer-links.png) no-repeat left center;
}

footer a:hover, .footer-nav-details .grid-2 a:hover,.disclaimer a:hover {
	color: #ccc;
	}

footer .lexis-logo{
	text-align: right;
}

/* ----- 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; }
	
	}
