@charset "utf-8";
* { margin:0; padding: 0 }
h1, h2, h3, h4, h5, h6, blockquote,  form, label, ul, ol, dl, fieldset, address { margin-bottom: 0; }
ul { margin-left: 20px; }
html, body { height: 100%; }
body { margin: 0; padding: 0; text-align: center; color: #3f3f3f; background-color: #FFFFFF; background-image: url(../_images/bg.jpg); background-repeat: repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, sans-serif; color: #3f3f3f; }
h1 { font-size: 18px; color: #3f3f3f; }
h2 { font-size: 14px; color: #3f3f3f; }
h3 { font-size: 12px; color: #3f3f3f; }
#container { width: 958px; padding: 0 25px 0 25px; margin: 0 auto -275px; text-align: left; min-height: 100%; height: auto !important; height: 100%; background-image: url(../_images/container-bg.png); background-repeat: repeat-y; }
.push { height: 275px; }
#header { width: 958px; float: left; height: 462px; padding: 0; }
#banner { width: 958px; float: left; height: 128px; padding: 0; }
#sidebar1 { float: right; width: 298px; }
#sidebar1.home { }
#mainContent { width: 580px; padding: 20px 40px 20px 40px; position: relative; }
#mainContent p, h1, h2 { margin-bottom: 15px; }
#mainContent.home { width: 535px; padding: 20px 60px 20px 65px; position: relative; }
#mainContent.home p, h1, h2 { margin-bottom: 15px; }
#mainContent.home p { margin-left: 40px; }
#cta { width: 958px; float: left; height: 90px; padding: 0; background: #C63; }
#footer { width: 100%; float: left; height: 265px; padding: 0; }
#footer a { text-decoration: none; color: #FFFFFF }
#footerCenter { width: 858px; height: 202px; margin: 0px auto; padding: 33px 0px 10px 99px; background-color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; line-height: 12px; text-align: left; }
#board-cert { width: 957px; height: 20px; margin: 0px auto; padding: 0; background-color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; line-height: 12px; text-align: center; float: left; }
#footer p { margin: 0; padding: 10px 0; }
.fltrt { float: right; margin-left: 8px; }
.picfltrt { float: right; margin: 0 0 8px 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
strong { font-family: Verdana, Arial, sans-serif; color: #3f3f3f; }
b { font-family: Verdana, Arial, sans-serif; color: #3f3f3f; }
.homeSubhead { font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin-top: 28px; display: block; }
#masthead { height: 126px; width: 958px; float: left; position: relative; }
#navContainer { width: 298px; height: 336px; float: right; padding: 0; position: relative; }
#read-about-trey-yates { width: 298px; height: 485px; float: left; }
#law-firm-philosophy { width: 246px; padding: 82px 20px 0 32px; height: 288px; background-image: url(../_images/family-law-philosophy-trey-yates.jpg); float: left; background-repeat: no-repeat; line-height: 18px; }
#disclaimer { width: 251px; float: left; height: 181px; font-size: 9px; padding: 28px 15px 0 32px; line-height: 11px; }
/* --------------------------------- main nav styles ---------------------------------------*/

#Navigation { width: 298px; height: 336px; float: right; overflow: hidden; z-index: 100; background-image: url(../_images/menu.jpg); background-repeat: no-repeat; }
#Navigation ul { list-style: none; padding: 0px; margin: 0px; }
#Navigation li { }
#Navigation a { display: block; background-image: url(../_images/menu.jpg); text-indent: -5000px; }
.current { background-position: 0 -398px; }
#nav-home a { background-position: 0 0; width: 298px; height: 41px; }
#nav-home a:hover { background-position: -398px 0; }
#nav-home a:active { background-position: -398px 0; }
#nav-home a.current { background-position: -398px 0; }
#nav-about a { background-position: 0 -41px; width: 298px; height: 40px }
#nav-about a:hover { background-position: -398px -41px; }
#nav-about a:active { background-position: -398px -41px; }
#nav-about a.current { background-position: -398px -41px; }
#nav-services a { background-position: 0 -81px; width: 298px; height: 40px }
#nav-services a:hover { background-position: -398px -81px; }
#nav-services a:active { background-position: -398px -81px; }
#nav-services a.current { background-position: -398px -81px; }
#nav-profile a { background-position: 0 -121px; width: 298px; height: 40px }
#nav-profile a:hover { background-position: -398px -121px; }
#nav-profile a:active { background-position: -398px -121px; }
#nav-profile a.current { background-position: -398px -121px; }
#nav-consultation a { background-position: 0 -161px; width: 298px; height: 40px }
#nav-consultation a:hover { background-position: -398px -161px; }
#nav-consultation a:active { background-position: -398px -161px; }
#nav-consultation a.current { background-position: -398px -161px; }
#nav-news a { background-position: 0 -201px; width: 298px; height: 40px }
#nav-news a:hover { background-position: -398px -201px; }
#nav-news a:active { background-position: -398px -201px; }
#nav-news a.current { background-position: -398px -201px; }
#nav-contact a { background-position: 0 -241px; width: 298px; height: 40px }
#nav-contact a:hover { background-position: -398px -241px; }
#nav-contact a:active { background-position: -398px -241px; }
#nav-contact a.current { background-position: -398px -241px; }
/*drop downs*/
#drops, #drops ul { padding:0; margin:0; clear:both; float:left; text-indent:0px; }
#drops a { display:block; float:left; clear:both; }
#drops li { float:left; z-index:1; }
#drops li ul { position:absolute; left:-999em; }
#drops li:hover ul { left:auto; }
#drops li:hover ul, #drops li.sfhover ul { left:auto; }
#drops ul.drop { background-color:#333; padding:5px; clear:both; float:left; margin-top:35px; margin-left: 10px; background-image:none; text-indent:0px; width:350px; }
#drops ul.drop li { clear:both; background-image:none; text-indent:0px; height:22px; width:350px; }
#drops ul.drop a { color:#fff; font-size:11px; text-decoration:none; font-weight:normal; clear:both; float:left; background-image:none; text-indent:0px; height:22px; width:350px; }
#drops ul.drop a:hover { color:#A7BDE2; background-color:#282828; }
#splash { width: 660px; height: 336px; float: left; }
#guide { position:absolute; width:200px; height:40px; z-index:1; left: 737px; top: 20px; }
#sm { position:absolute; width:179px; height:40px; z-index:1; left: 781px; top: 37px; }
#sm img { margin-right: 5px; border:none; }