/*
 *
 * This is an all encoumpassed stylesheet which includes the following…
 *
 *  » CSS Reset
 *  » Base Styles
 *  » Primary Styles
 *  » Inhereted Styles
 *  » Non-Semantic Helper Classes & Universals
 *  » Print Styles
 *
 *  … in that order, put together by Frank Stallone III for LexisNexis
 *  … v2.1 | 05042011
 *
*/

/* 
 * CSS Reset meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * 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: #143867; }
.body a:hover, .body a:focus { color: #6983a6; 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: #4e689d; } 

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

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


/* 
 * Primary Styles
 * Author: Frank Stallone III (StalloFX)
 *
 */

body.body {
	background: #d0c1af url('../images/body-bg.jpg') top center repeat-y;
}
#container {
	padding: 3px;
	width: 954px;
	margin: 0 auto;
}

/* 
 * Header
 *
 */

#header {
	background: transparent url('../images/header-bg.jpg') top left no-repeat;
	height: 150px;
	width: 954px;
	overflow: hidden;
}

#address address{
	margin: 120px 0 0 50px;
	font-size: 85%;
	color: #143867;
}

/* 
 * Tip Top Navigation
 *
 */

#tip-top-nav {
	float: right;
	margin-right: 5px;
}
#tip-top-nav ul {
	display: inline;
}
#tip-top-nav li {
	display: inline;
	list-style: none;
	border-right: 1px solid #a78b6b;
	margin-left: -4px;
}
#tip-top-nav li:last-child {
	border-right: none;
}
#tip-top-nav a,
#tip-top-nav a:visited {
	text-decoration: none;
	padding: 2px 5px;
	font-size: 93%;
}

#tip-top-nav a:hover,
#tip-top-nav a:active,
#tip-top-nav a:focus,
#tip-top-nav a.current_link {
	background: #ecd9c3;
	color: #143867;
	text-shadow: 1px 1px 0 #fff4e7;
}


/* 
 * Main Navigation
 *
 */

#navi {
	background: #032149;
	height: 50px;
	position: relative;
	margin-bottom: 3px;
	padding-left: 45px;
}
#navi ul {
	display: inline;
}
#navi ul li {
	display: inline;
	list-style: none;
}
#navi a,
#navi a:visited {
	float: left;
	display: block;
	height: 35px;
	background: #143867;
	border-left: 1px solid #144f9c;
	border-right: 1px solid #101c2c;
	padding: 15px 25px 0 25px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 #101c2c;
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
          transition: all 0.3s ease-out;  
}
#navi a:hover,
#navi a:active,
#navi a:focus,
#navi a.current_link {
	background: #a68c70;
	text-shadow: 1px 1px 0 #5c4e3e;
}

/*
 * Drop Down Menu
 */
 
#navi ul ul ul {
	display: none;
	position: absolute;
	z-index: 98;
	top: 50px;
	left: auto;
	font-size: 12px;
	text-transform: none;
	text-align: left;
	-moz-box-shadow: 0px 3px 3px #0a1c34; /* FF3.5+ */
	-webkit-box-shadow: 0px 3px 3px #0a1c34; /* Saf3.0+, Chrome */
	box-shadow: 0px 3px 3px #0a1c34; /* Opera 10.5, IE9, Chrome 10+ */
	opacity: .95;
}
/* --- left absolute positioning needs to be declared for each dropmenu individually --- */
#navi ul ul li.practice-areas:hover ul {
    display: block;
    left: 110px;
	*left: 110px;
}
#navi ul ul ul li {
    position: relative;
    z-index: 99;
	margin: 0;
	padding: 0;
}
    #navi ul ul ul li a,
    #navi ul ul li:hover ul li a {
		height: auto;
        position: relative;
        z-index: 100;
        display: block;
		background: #143867;
        border: none;
		border-top: 3px solid #fff;
        color: #fff;
        text-decoration: none;
		width: 165px;
		padding: 20px;
		float: none;
    }
    #navi ul ul ul li a:hover,
    #navi ul ul li:hover ul li a:hover {
		background: #a68c70;
		text-shadow: 1px 1px 0 #5c4e3e;
    }


/* 
 * Banner
 *
 */
#banner {
	position: relative;
	background: transparent url('../images/banner.jpg') top left no-repeat;
	height: 254px;
	width: 954px;
}
#robert {
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent url('../images/robert.png') top left no-repeat;
	height: 340px;
	width: 284px;
}
#banner-home {
	position: relative;
	background: transparent url('../images/banner-home.jpg') top left no-repeat;
	height: 341px;
	width: 954px;
}
#robert-home {
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent url('../images/robert-home.png') top left no-repeat;
	height: 384px;
	width: 300px;
}

/* 
 * Content Area
 *
 */
 
.content-area {
	background: #fff url('../images/content-area-bg.jpg') top left repeat-y;
	margin: 2px 0 !important;
}

/* 
 * Sidebar
 *
 */
 
#sidebar {
	background: #ece6df url('../images/sidebar-bg.jpg') top left no-repeat;
	width: 241px;
	padding: 60px 40px;
	text-shadow: 1px 1px 0 #fffcf9;
}
#sidebar h2 {
	font-size: 123.1%;
	color: #316fac;
	margin: 15px 0 10px 0;
}
#sidebar p {
	color: #143867;
	font-size: 100%;
}
#sidebar ol {
	margin: 0;
}
#sidebar ol li {
	margin: 5px 0;
	list-style: none;
}
#sidebar input,
#sidebar textarea {
	border: 1px solid #205084;
	padding: 2px;
	width: 231px;
	color: #205084;
}
li.pad_frm_itm2 small {
	float: left;
	color: #316fac;
}
input.submit {
	background: transparent url('../images/submit-button.jpg') top left no-repeat;
	width: 66px !important;
	height: 23px;
	border: none !important;
	float: right;
	margin-right: 4px;
}
#video-thumb {
	margin: 35px 0 10px 5px;
}
/* 
 * Padding
 *
 */
#padding {
	background: transparent url('../images/padding-bg.jpg') top left no-repeat;
	width: 553px;
	padding: 40px;
}

#padding h1 {
	font-size: 153.9%;
	color: #a78b6b;
	font-weight: normal;
}
#padding h2 {
	font-size: 153.9%;
	color: #143867;
}
#padding h3 {
	font-size: 138.5%;
	color: #143867;
}
#padding h4 {
	font-size: 123.1%;
	color: #143867;
}
#padding h5 {
	font-size: 123.1%;
	color: #143867;
}
#padding h6 {
	font-size: 123.1%;
	color: #143867;
}
#padding p {
	font-size: 108%;
}
/* 
 * Footer
 *
 */

#footer {
	background: #143867;
	padding: 35px 0;
	text-align: center;
	color: #4591ce;
}
#footer-links {
	margin: 0 auto 20px;
	padding: 5px 0;
}

#footer-links ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#footer-links ul li {
	display: inline;
	margin: 0 0 0 -5px;
}
#footer-links ul li ul li ul {
	display: none;
}

#footer-links a,
#footer-links a:visited {
	text-decoration: none;
	padding: 4px 0 4px 4px;
	display: inline-block;
	color: #fff;
	font-size: 85%;
}
#footer-links a span {
	padding: 0px 15px;
	border-right: 1px solid #a68c70;
}
#footer-links li.last_child a span {
	border: none;
}
#footer-links a:hover,
#footer-links a:active,
#footer-links a:focus,
#footer-links a.current_link {
	background-color: #4591ce;
	color: #fff;
}
/* 
 * Inhereted Styles from previous work 
 *
 */
 
/* Primary Contact Form */

li.pad_frm_itm,
td.pad_frm_itm {
    padding: 3px 0px;
    margin: 0px;
}
label.form-label {
    width: 160px;
    padding: 0px 5px 0px 0px;
    display: inline-block;
    vertical-align: top;
}
input.form-pct {
    width: 370px;
	padding:5px;
}
textarea.msg-pct {
    width: 535px;
    height: 70px;
    overflow: auto;
	padding:5px;
}
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;
    font-size: 11px;
    color: #4591ce;
}
    #disclaimer a {
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
    }
    #disclaimer a:hover {
        text-decoration: none;
    }
	
/* 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;
}

/* 
 * Non-semantic Helpers & Universals
 * 
 */
 
.left {
	float: left;
}
.right {
	float: right;
}
.photo-left {
	float: left;
	margin: 10px 10px 10px 0 !important;
}
.photo-right {
	float: right;
	margin: 10px 0 10px 10px !important;
}


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * 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; } 
  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: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}