/* INFO
=========================================================================== *//*
***************************************************************************

Theme Name:  TRC law
Theme URI:  http://www.trc-lawfirm.com/
Description: Old money look and feel.
Version: 1.0.2
Author:  Tyler Gillihan

***************************************************************************
=========================================================================== */
 
 
 
/* RESET CSS *
================================================ */ 

* {margin: 0; padding: 0; }

blockquote:before, blockquote:after, q:before, q:after {content:""; }
blockquote, q {quotes:"" ""; }


/* BODY AND GLOBALS *
================================================ */

body {background: url(images/mainbg.jpg) repeat; background-color: #172026; color: #4b4a46; font: 13px/1.8em "Times New Roman", Times, serif }

a:link, a:visited {color: #4b4a46; font: 13px/1.8em "Times New Roman", Times, serif; font-weight: bold; text-decoration: none; }
a:focus {outline: none; }
a:hover, a:focus {text-decoration: underline; }

h1 {color: #4a3a3f; font: 22px/1em "Times New Roman", Times, serif; margin: 0 0 3px; }
h1, h2, h3, h4, h5, h6 {font-variant: small-caps; font-weight: bold; }

p {margin-bottom: 17px; text-align: justify; }

code {font: 1em monospace; line-height: 1.5; margin: 1.5em 0; white-space: pre; }

abbr, acronym {border-bottom: 1px dotted #666; }

address {font-style: italic; margin-top: 1.5em; }

pre {margin: 1.5em 0; white-space: pre; }

strong {font-weight: bold; }

del {color: #666; text-decoration: line-through; }

cite, em, i {font-style: italic; }

ol, ul {list-style-type: none; }

img.imgleft {border: 3px solid #4b4a46; float: left; margin: 4px 18px 0 0; }
img.imgright {border: 3px solid #4b4a46; float: right; margin: 4px 0 0 18px; }

div.clear {clear: both; }


/* PAGE STRUCTURE *
================================================ */

div#container, div#headerphoto, div#edge-top, div#content, div#content-home p, div#edge-bottom, div#attorneys-top, div#footer {margin: 0 auto; width: 818px; }

div#top-wrapper {background: url(images/top_wrapper.jpg) top left repeat-x; height: 329px; left: 0; position: absolute; top: 0; width: 100%; }
div#middle-wrapper {background: url(images/middlebg.jpg) repeat; width: 100%; }
div#container {position: relative; }

div#page-top {height: 119px; position: relative; }
h1#logo {float: left; margin: 24px 0 0; padding: 0; }
h1#logo img {behavior: url(iepngfix.htc); }

div#headerphoto {height: 299px; }
div#edge-top {height: 47px; }
div#content, div#content-home p {width: 684px; background: url(images/contentbg.jpg) repeat-y; float: left; padding: 15px 67px 0 67px; }
div#edge-bottom {background: url(images/bottomedge.jpg); float: left; height: 37px; }

div#attorneys-top {background: url(images/topedge_profiles.jpg); height: 210px; }


/* NAV MENU *
================================================ */

div#mainlinks {float: right; margin-top: 90px; width: 507px; }

ul#globalnav li {display: inline; }
ul#globalnav li a {background-image: url(images/mainlinks.jpg); background-repeat: no-repeat; float: left; height: 0; overflow: hidden; padding-top: 29px; }

ul#globalnav li#home a {background-position: 0 0; width: 73px; }
ul#globalnav li#resume a {background-position: -73px 0; width: 127px; }
ul#globalnav li#attorneys a {background-position: -200px 0; width: 104px; }
ul#globalnav li#contacts a {background-position: -304px 0; width: 93px; }
ul#globalnav li#directions a {background-position: -397px 0; width: 110px; }

ul#globalnav li#home a:hover, ul#globalnav li#home-current a {background-position: 0 -29px; width: 73px; }
ul#globalnav li#resume a:hover, ul#globalnav li#resume-current a {background-position: -73px -29px; width: 127px; }
ul#globalnav li#attorneys a:hover, ul#globalnav li#attorneys-current a {background-position: -200px -29px; width: 104px; }
ul#globalnav li#contacts a:hover, ul#globalnav li#contacts-current a {background-position: -304px -29px; width: 93px; }
ul#globalnav li#directions a:hover, ul#globalnav li#directions-current a {background-position: -397px -29px; width: 110px; }

li#home-current a, li#resume-current a, li#attorneys-current a, li#contacts-current a, li#directions-current a {cursor: default; }


/* FOOTER STRUCTURE *
================================================ */

div#foot-wrapper {background: url(images/foot_wrapper.jpg) repeat-x; clear: both; height: 148px; width: 100%; }
div#footer {height: 148px; }

div#foot-content {color: #bebfb0; font-variant: small-caps; height: 148px; margin: 0 auto; width: 30em; }
div#foot-content h1 {color: #bebfb0; font-size: 15px; font-weight: bold; margin: 0; padding: 15px 0 10px; text-align: center; }

div#address, div#phone {float: left; font-size: 13px; line-height: 20px; text-align: left; }
div#phone {float: right; text-align: right; }

p.copyright {color: #343c42; font-size: 9px; font-variant: normal; text-align: center; margin-bottom: 0; padding-top: 9px; }


/* INTERIOR PAGES *
================================================ */

#contact-col1 {float: left; padding-right: 105px; width: 160px; }
#contact-col2, #contact-col3 {float: left; width: 160px; }

#attorn-container {margin: 15px auto; width: 25em; }
#attorn-container a, #contact-col1 a, #contact-col2 a, #contact-col3 a {font-size: 15px; font-weight: normal; line-height: 1.6em; }

#bio {margin: 0 auto; width: 684px; position: relative; margin-top: -163px; }
p.email, p.back {float: left; padding-top: 10px; margin-bottom: 0; }

p.notes {color: #686761; font-size: 12px; font-style: italic; margin-bottom: 0; }

ul#clients-col1, ul#attorn-col1 {float: left; }
ul#clients-col2, ul#attorn-col2, p.back, #contact-col3 {float: right; }

#contact-col1 ul, #contact-col2 ul, #contact-col3 ul {padding-bottom: 20px; }
ul.directionlist {padding-bottom: 35px; }


/* FORM STYLES *
================================================ */

input.txt, textarea#msg, input.btn {background-color: #d9d6c5; border: 2px solid #4a3a3f; color: #4b4a46; font-size: 13px; font-weight: bold; }

input.txt, input.btn {height: 21px; margin-bottom: 15px; padding: 3px 4px; }
textarea#msg {line-height: 1.5em; padding: 3px 2px; }

input.btn {height: 30px; cursor: pointer; }
input.btn:active {background-color: #aba898; }


/* GOOGLE MAPS *
================================================ */

#directions-container form {width: 430px; height: 44px; }

#directions-container form input.txt {float: left; width: 305px; }
#directions-container form input.btn {float: right; }

#map {width: 674px; height: 350px; border: 5px solid #4a3a3f; margin-top: 15px; }
#map img {behavior: none; } /* fixes conflict between pngfix and map in IE?? */
#directions {width: 684px; position: relative; left: -5px; }

a.print {position: relative; float: right; margin-top: -30px; }


td {background-color: #d9d6c5; border: 0 }
