/*
 *
 * This is an all encoumpassed stylesheet which includes the following…
 *
 *  » CSS Reset
 *  » Base Styles
 *  » Non-Semantic Helper Classes 
 *  » Primary Styles
 *  » Inhereted Styles
 *  » Print Styles
 *
 *  … in that order, put together by Frank Stallone III for LexisNexis
 *  … v1.0 | 011111
 *
*/

/* 
 * CSS Reset meyerweb.com/eric/tools/css/reset/ 
 * v2.0b2 | 201101 
 * NOTE: Modified because it's not suppose to be taken 'as-is'
 *
 */
html, .body, .body div, .body span, .body applet, .body object, .body iframe, .body h1, .body h2, .body h3, .body h4, .body h5, .body h6, .body p, .body blockquote, .body pre, .body a, .body abbr, .body acronym, .body address, .body big, .body cite, .body code, .body del, .body dfn, .body em, .body img, .body ins, .body kbd, .body q, .body s, .body samp, .body small, .body strike, .body strong, .body sub, .body sup, .body tt, .body var, .body b, .body u, .body i, .body center, .body dl, .body dt, .body dd, .body ol, .body ul, .body li, .body fieldset, .body form, .body label, .body legend, .body table, .body caption, .body tbody, .body tfoot, .body thead, .body tr, .body th, .body td, .body article, .body aside, .body canvas, .body details, .body embed, .body figcaption, .body figure,  .body footer, .body header, .body hgroup, .body menu, .body nav, .body output, .body ruby, .body section, .body summary, .body time, .body mark, .body audio, .body video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.body article, .body aside, .body details, .body figcaption, .body figure, 
.body footer, .body header, .body hgroup, .body menu, .body nav, .body section {
	display: block; /* HTML5 display-role reset for older browsers */
}
.body {
	line-height: 1;
	behavior:url(/scripts/csshover.htc);
}
.body ol, .body ul {
	list-style: none;
}
.body blockquote, .body q {
	quotes: none;
}
.body blockquote:before, .body blockquote:after,
.body q:before, .body q:after {
	content: '';
	content: none;
}

.body table {
	border-collapse: collapse;
	border-spacing: 0;
}
.body abbr[title], .body dfn[title] { 
  border-bottom:1px dotted; cursor:help; 
}
/* END OF RESET */

/* 
 *
 * Base Styles
 * 
 */

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
.body pre, .body code, .body kbd, .body samp { font-family: monospace, sans-serif; }
.body select, .body input, .body textarea, .body button { font:99% sans-serif; }

/* fonts.css from the YUI Library: developer.yahoo.com/yui/
 * Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
 *
 * There are three custom edits:
 *   remove arial, helvetica from explicit font stack
 *   normalize monospace styles
 *   table font-size is reset in the HTML5 reset above so there is no need to repeat
 */

.body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

.body, .body select, .body input, .body textarea { 
  color: #444; /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  font-family: Arial, sans-serif; /* set base font here, to apply evenly */
}

.body h1,.body h2,.body h3,.body h4,.body h5,.body h6 { font-weight: bold; margin-bottom: 0.9em; }

html { overflow-y: scroll; } /* always force a scrollbar in non-IE */ 

.body a:hover, .body a:active { outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

.body a, .body a:active, .body a:visited { color: #1b1b1b; }
.body a:hover, .body a:focus { color: #474747; text-decoration: none; outline: none; }

.body ul, .body ol { margin-left: 1.8em; margin-bottom: 1.2em; }
.body ol { list-style-type: decimal; }
.body ul { list-style-type: circle; }

/* Remove margins for navigation lists */
.body nav ul, .body nav li { margin: 0; } 

.body small { font-size: 85%; }
.body strong, .body th { font-weight: bold; }

.body td, td img { vertical-align: top; } 


.body sub { vertical-align: sub; font-size: smaller; }
.body sup { vertical-align: super; font-size: smaller; }

.body textarea { overflow: auto; } /* thnx ivannikolic! sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.body .ie6 legend, .body .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
.body input[type="radio"] { vertical-align: text-bottom; }
.body input[type="checkbox"] { vertical-align: bottom; }
.body .ie7 input[type="checkbox"] { vertical-align: baseline; }
.body .ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
.body label, .body input[type=button], .body input[type=submit], .body button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */  
.body button, .body input, .body select, .body textarea { margin: 0; }

/* colors for form validity */
.body input:valid, .body textarea:valid   {  }
.body input:invalid, .body textarea:invalid { 
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red; 
  -webkit-box-shadow: 0px 0px 5px red; 
   box-shadow: 0px 0px 5px red;
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #4e689d; color:#fff; text-shadow: none; }
::selection { background:#4e689d; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
.body a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
.body button {  width: auto; overflow: visible; }

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.body .ie7 img { -ms-interpolation-mode: bicubic; }

/* default flavoring for blockquotes and paragraphs */
.body blockquote, .body q { border-left: 1px solid #79756d; padding: 0 1em; }
.body p {	line-height: 1.5em;	margin-bottom: 1.2em; }

/* Just incase someone decides to use ins and del tags*/
.body ins { background-color: #ffff97; padding: 0 5px; text-decoration: none } 
.body del { text-decoration: line-through; }

/* 
 * Non-Semantic Helper Classes 
 */

/* for image replacement */
.body .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 */
.body .hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.body .visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.body .invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.body .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden;} 

.body .clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.body .clearfix { zoom: 1; }

.left {
	float: left;
}
.right {
	float: right;
}

/* 
 * Primary Styles
 * Author: Frank Stallone III (StalloFX)
 */

.body {
	background-color: #fffafa;
}
#container {
}
div.wrap {
	width: 1050px;
	margin: 0 auto;
}
div#wrap-header {
	width: 1050px;
	height: 412px;
	margin: 0 auto;
	background: transparent url('../images/wrap-header.jpg') top left repeat-x;
}
div#wrap-header.home {
	width: 1050px;
	height: 452px;
	margin: 0 auto;
	background: transparent url('../images/wrap-header-home.jpg') top left repeat-x;
}
/*
 * Header
 */
#header {
	position: relative;
	background: transparent url('../images/inner-header-bg.jpg') top left repeat-x;
}
#header.home-header {
	background:  transparent url('../images/home-header-bg.jpg') top left repeat-x;
}
/* 
 * Header Logo
 */
#logo {
	float: left;
	padding: 0 0 0 10px;
}
/* 
 * Header Address
 */
#address {
	float: right;
	color: #cfcfcf;
	margin: 5px 90px 0 0;
	height: 60px;
	text-shadow: 1px 1px 0px #5c5c5c;
}
#address a {
	color: #cfcfcf;
}
/*
 * Tip Top Navigation
 */
#tip-top-nav {
    height: 280px;
	width: 305px;
	float: right;
	clear: right;
	font: 100% Georgia, "Times New Roman", Times, serif;
	list-style: none;
	margin: 10px 0 0 0;
}
#tip-top-nav li {
	margin-top: 12px;
}

li#sutton-inner {
}
li#hicks-inner {
	margin: 15px 0 0 10px; 
}
li#carl-inner {
	margin: 14px 0 0 20px;
}
li#roger-inner {
	margin: 13px 0 0 30px;
}
li#harry-inner {
	margin: 13px 0 0 35px;
}
li#devine-inner {
	margin: 14px 0 0 40px;
}
li#noel-inner {
	margin: 14px 0 0 45px;
}
li#john-inner {
	margin: 14px 0 0 50px;
}

li#elizabeth-inner {
	margin: 16px 0 0 56px;
}


#tip-top-nav a,
#tip-top-nav a:visited {
	color: #444;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
}
#tip-top-nav a:hover,
#tip-top-nav a:active,
#tip-top-nav a.current_link,
#tip-top-nav a:focus {
	color: #222;
}
#tip-top-nav.home-tip-top {
	height: 320px;
}
.home-tip-top li#hicks-inner {
	margin: 25px 0 0 10px;
}
.home-tip-top li#carl-inner {
	margin: 24px 0 0 20px;
}
.home-tip-top li#roger-inner {
	margin: 20px 0 0 30px;
}
.home-tip-top li#harry-inner {
	margin: 20px 0 0 35px;
}
.home-tip-top li#devine-inner {
	margin: 19px 0 0 40px;
}
.home-tip-top li#noel-inner {
	margin: 24px 0 0 45px;
}
.home-tip-top li#john-inner {
	margin: 23px 0 0 50px;
}

/* 
 * Top Navigation
 */
#top-nav {
	position: relative;
	float: left;
	height: 43px;
	margin-top: 10px;
	width: 1050px;
	z-index: 1;
}
#top-nav.home-nav {
}
#top-nav ul {
	list-style: none;
	display: inline;
	margin: 0 -2px;
}
#top-nav li {
	display: inline;
	margin: 0 -2px;
	}
#top-nav a,
#top-nav a:visited {
	color: #444;
	font-size: 108%;
	display: inline-block;
	height: 33px;
	padding: 9px 19px 0;
	text-decoration: none;
	text-shadow: 1px 1px 1px #e5e5e5;
	border-right: 1px solid #bfbebe;
	border-left: 1px solid #d2d1d1;
}
#top-nav a:hover,
#top-nav a:active,
#top-nav a:focus,
#top-nav a.current_link {
	color: #000;
	background-color: #ccc;
}
/*
 * Drop Down Menu
 */
#top-nav ul ul {
	display: none;
	position: absolute;
	z-index: 98;
	top: 42px;
	left: auto;
	font-size: 100%;
	-moz-box-shadow: 2px 2px 2px #6c6c6c; /* FF3.5+ */
	-webkit-box-shadow: 2px 2px 2px #6c6c6c; /* Saf3.0+, Chrome */
	box-shadow: 2px 2px 2px #6c6c6c; /* Opera 10.5, IE9, Chrome 10+ */
}
/* --- left absolute positioning needs to be declared for each dropmenu individually --- */
#top-nav ul li.attorneys:hover ul {
    display: block;
    left: 95px;
	*left: 91px;
}
#top-nav ul li.practice-areas:hover ul {
    display: block;
    left: 196px;
	*left: 190px;
}
#top-nav ul li.newsletters:hover ul {
    display: block;
    left: 316px;
	*left: 300px;
}

#top-nav ul ul li {
    position: relative;
    z-index: 99;
	margin: 0;
}
    #top-nav ul ul li a,
    #top-nav ul li:hover ul li a {
		height: auto;
        position: relative;
        z-index: 101;
        display: block;
		background: #ccc;
        border: none;
        color: #444;
        text-decoration: none;
		width: 100px;
		padding: 18px;
		border-bottom: 1px solid #999;
		text-shadow: 1px 1px 1px #f0f0f0;

    }
    #top-nav ul ul li a:hover,
    #top-nav ul li:hover ul li a:hover {
        background-color: #444;
        color: #fff;
        text-shadow: 1px 1px 1px #575757;
    }

/*
 * Content Area
 */
#content-area {
}
#top-bg {
	background: #d6cfc3 url('../images/top-bg.jpg') top left no-repeat;
	height:17px;
	overflow: hidden;
}
#bttm-bg {
	background: #d6cfc3 url('../images/bttm-bg.jpg') top left no-repeat;
	height:17px;
	overflow: hidden;
}
#padding {
	padding: 20px;
	float: left;
	min-height: 525px;
}
#content-area li {
	line-height: 1.5em;
}
#content {
	float: left;
	width: 680px;
}
#content-bg {
	background: #e8c58b url('../images/content-area-bg.jpg') top left repeat-y;
}
#content-area h1 {
	font: 146.5% Arial, Helvetica, sans-serif;
	color: #631b38;
	border-bottom: 1px solid #444;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	text-shadow: 1px 1px 0px #ffd2ed;
}
#content-area h2 {
	font-size: 138.5%;
	color: #003b13;
}
#content-area h3 {
	font-size: 123.1%;
	color: #003b13;
}
#content-area h5 {
	font-size: 116%;
	color: #003b13;
}

#content-area p,
#content-area li {
	/* color: #79756d; */
	font-size: 108%;
}
#content-area li li {
	font-size: 100%;
}
#padding h1,
#padding h2,
#padding h3,
#padding p,
#padding li {
	text-shadow: 1px 1px 0px #fffefd;
}
/*
 * Sidebar
 */
#sidebar {
	position: relative;
	float: right;
	width: 272px;
	margin-right:25px;
}
h2#qc-header {
	background: transparent url('../images/qc-header.jpg') center left no-repeat;
	height: 45px;
	padding: 25px 0 0 60px;
	font: 167% 'Palatino Linotype', Palatino, Georgia, Utopia, serif;
	color: #631b38;
	margin: 0 0 0 30px;
	text-shadow: 1px 1px 0px #ffd2ed;
}
p#qc {
	margin: 0 30px 10px;
	font-size: 93%;
	text-shadow: 1px 1px 0px #eee;
}
p#qc span {
	color: #631b38;
}
/* 
 * Sidebar Phone
 *
 */
#phone {
	background: transparent url('../images/phone.png') top right no-repeat;
	height: 79px;
	width: 272px;
	text-align: center;
	padding-top: 25px;
}
#phone i {
	display: block;
	font-size: 93%;
	color: #cfcfcf;
	letter-spacing: .1em;
	line-height: 0.5em;
	*line-height: 93%;
	text-shadow: 1px 1px 1px #303212;
}
#phone b {
	display: block;
	font-size: 197%;
	color: #fffafa;
	text-transform: uppercase;
	font-family: 'Palatino Linotype', Palatino, Georgia, Utopia, serif;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #444;
}
/*
 * Sidebar Quick Contact Form 
 *
 */
fieldset {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
#sidebar ol {
	list-style: none;
	margin: 0 0 0 30px;
}
li.form-list-item {
	margin-bottom: 10px;
}
input.qc-submit {
	background-color: #565555;
	color: #fff;
	padding: 5px 20px;
	border: none;
	outline: none;
	float: right;
	margin-right: 30px;
}
input.qc-submit:hover {
	background-color: #444;

}
.qc-form-input,
.qc-textarea {
	width: 200px;
	padding: 5px;
}
.qc-textarea {
	height: 103px;
}

/*
 * Footer
 *
 */
#footer-container {
	background: #53162e url('../images/footer-bg.jpg') top left repeat-x;
}
#footer {
	float: left;
	padding: 75px 0px 50px;
	color: #fff;
	text-shadow: 1px 1px 1px #444;
}
div.footer-links {
	width: 160px;
	float: left;
	margin: 0 20px 0 0 ;
	padding: 0 20px 0 0;
}
.footer-links,
.footer-links li {
	list-style-type: none;
}

.footer-links li ul {
	margin-left: 0;
}
.footer-links li a,
.footer-links li a:visited {
	font-size: 100%;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0px #444;
}
.footer-links li a:hover,
.footer-links li a:focus,
.footer-links li a:active,
.footer-links li a.current_link {
	color: #ffd2ed;
}
#footer-disclaimer {
	float: left;
	width: 800px;
	margin: 0 10px 0 20px;
}
#footer-disclaimer small {
	color: #fff;
}
#footer-disclaimer small a,
#footer-disclaimer small a:visited {
	color: #fff;
}
a.lexisnexis {
	float: right;
	padding: 10px;
}

/* 
 * Inhereted Styles from previous work 
 */
 
/* Primary Contact Form */

fieldset ol li.pad_frm_itm {
    padding: 3px 0px;
    margin: 0px;
}
fieldset ol li.pad_frm_itm label.form-label {
    width: 140px;
    padding: 0px 5px 0px 0px;
    display: inline-block;
    vertical-align: top;
}
fieldset ol li.pad_frm_itm input.form-pct {
    width: 300px;
}
fieldset ol li.pad_frm_itm textarea.msg-pct {
    width: 445px;
    height: 70px;
    overflow: auto;
}
fieldset ol li.pad_frm_itm input.main-submit {} /*applied to SUBMIT and CLEAR VALUES buttons on main contact form */
fieldset ol li.pad_frm_itm input.main-submit:hover {}
fieldset ol li.pad_frm_itm input.custom-form {}
form#emailForm ol {
	list-style-type: none;
}
/* Disclaimer Alert */

#overlay_div {
    position: relative;
    font-size: 11px;
    color: #666;
    padding: 0px;
    z-index: 100;
}
    #overlay_div p {}
#iagree {
    position: absolute;
    font-size: 11px;
    color: #666;
    padding: 15px 15px 15px 15px;
    border: 1px solid #031c40; /* Disclaimer box border color */
    background-color: #ececec; /* Disclaimer box bgcolor color */
    width: 400px;
    margin: 4px 0 0 0;
}
#overlay_div h3 {
    font-size: 18px;
    border-bottom: 1px solid #0a3150;
    color: #031c40;
    padding: 0;
    margin: 0;
}
#iagree .overlay_submit {
    padding: 4px;
    margin: 0 6px 0 0;
    font-size: 12px;
    color: #fff;
    background: #555;
    border: 1px solid #333;
    float: right;
    text-decoration: none;
	text-shadow: none;

}
#iagree .overlay_submit:hover {
    text-decoration: none;
    color: #fff;
    background: #777;
    border: 1px solid #555;
}
#iagree .checkbox {
    float: left;
    height: 22px;
    display: block;
}
#iagree input#Agreement {
    position: relative;
    top: 3px;
    border: none;
}

/* Disclaimer */

#disclaimer {
    position: relative;
    margin: 0px auto;
    padding: 10px 0px;
    width: 950px;
    text-align: left;
    font-size: 11px;
    color: #7f8b9c;
}
    #disclaimer a {
        color: #7f8b9c;
        font-weight: bold;
        text-decoration: none;
    }
    #disclaimer a:hover {
        color: #7f8b9c;
        font-weight: bold;
        text-decoration: underline;
    }
	
/* Directions Page Styles (Google Maps Default)*/

/* Fix for IE6 - prevents text from disappearing when map loads - apply this class to the RTF for content area */
.DirectionsContent {
    display: block;
    position: relative;
}
/* Outer div */
#directionsForm {}
/* div that wraps form */
#directionsInput {
    padding: 10px 0px
}
#fromAddress {
    width: 350px
}
#directionsLocale {
    padding: 10px 0px
}
#locale {}
#directionsSubmit {
    padding: 10px 0px
}
#map {
    border: 1px solid #000;
    color: #000;
}
#addressNotFound {}
#directions {}
/*
 * Site9 Core Fixes
 */
.body .s9_ctrl, .s9_iconl {
	padding-left: 16px;
}
/* 
 * Print Styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  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; }
}

