/* CSS Document { width: px; height: px; display: block; position: absolute; margin: 0px 0px 0px 0px; }  */
body{ margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; background: #000; color: #FFF; }
img{ border: 0px; }
h1, h2, h3, h4{ display: inline; margin: 0px; padding: 0px; }
/*p{ margin: 0px; padding: 0px; }*/
a{ text-decoration: none; color: #FFF; }
a:hover{ color: #FFCC66; }
.clearfix{ display: inline-block; }
.clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix{ display: block; }
* html .clearfix{ height: 1%; }
.main_container{ width: 1000px; margin: auto; }

/* Header */
.header{ background: url(../images/header/bg.jpg) no-repeat; width: 1000px; height: 311px; }
.header big{ background: url(../images/header/logo.png) no-repeat; width: 387px; height: 88px; display: block; position: absolute; margin: 97px 0px 0px 23px; text-indent: -999em; overflow: hidden; }
.header cite{ width: 100px; display: block; position: absolute; margin: 1px 0px 0px 725px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; }
.header p{ width: 200px; display: block; position: absolute; margin: 27px 0px 0px 750px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
.header p span{ color: #FFCC66; }
.header p a{ color: #FFCC66; }
.header p a:hover{ color: #FFF; }
.header ul{ width: 1000px; height: px; display: block; position: absolute; margin: 276px 0px 0px 0px; padding: 0px; list-style: none; }
.header ul li:first-child{ background: none; width: 165px; }
.header ul li{ background: url(../images/header/spacer.jpg) left bottom no-repeat; width: 167px; display: block; float: left; }
.header ul li .first{ margin-left: 0px; }
.header ul li a{ width: 165px; height: 25px; display: block; margin-left: 2px; padding-top: 4px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; text-align: center; }
.header ul li a:hover{ background: url(../images/header/arrow.png) center top no-repeat; }

/* Content */
.content{ width: 1000px; padding-top: 30px; }
.content hr{ display: none; }

/* Main */
.content .main{ width: 690px; float: right; margin-right: 12px; padding-bottom: 30px; }
.content .main .mycontents{ width: 690px; font-family: Georgia, "Times New Roman", Times, serif; min-height:230px } 
.content .main .mycontents h1{ width: 670px; display: block; padding: 0px 10px; font-size: 14.5pt; font-weight: normal; font-style: italic; color: #FFCC66; }
.content .main .mycontents .content{ background: url(../images/content/bg.png) left top no-repeat; width: 580px; min-height: 200px; margin-top: 0px; padding: 20px 10px 30px 50px; border-bottom: 1px dotted #333; font-size: 10.5pt }
.content .main .mycontents .contentProfile{ background: url(../images/content/bg.png) left top no-repeat; width: 690px; min-height: 200px; margin-top: 0px; padding: 20px 0px 30px 0px; border-bottom: 1px dotted #333; font-size: 10.5pt }
.content .main .mycontents .contentBio{ background: url(../images/content/bg.png) left top no-repeat; width: 630px; min-height: 200px; margin-top: 0px; padding: 20px 30px 30px 30px; border-bottom: 1px dotted #333; font-size: 10pt; }
.content .main .mycontents .contentBio strong { font-family: "Trebuche MS",Arial,Helvetica,sans-serif; }
.content .main .mycontents .contentBio p { line-height: 1.6; text-align: justify; }
.content .main .mycontents .content strong{ font-weight: normal; color: #FFCC66; }
.content .main .mycontents .more_issues{ background: url(../images/content/more-issues.png) no-repeat; width: 79px; height: 25px; display: inline-block; margin-left: 463px; padding-top: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; font-weight: bold; color: #FFCC66; text-align: center; }
.content .main .mycontents .more_issues:hover{ color: #FFF; }
.content .main .mycontents .significant_cases{ background: url(images/content/significant-cases.png) no-repeat; width: 119px; height: 24px; display: inline-block; margin-left: 23px; padding-top: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; font-weight: bold; color: #FFCC66; text-align: center; }
.content .main .mycontents .significant_cases:hover{ color: #FFF; }
.content .main .mycontents h4{ font: normal 12pt; color: #FFCC66; font-style: italic;}
.content .main .mycontents ul.Link_List{ font: normal 12pt; color: #FFCC66; list-style-type: disc; }
.content .main .mycontents ul.Link_List li a { font: normal 10pt Arial,Helvetica,sans-serif; color: #FFCC66; text-decoration: none; line-height: 1.7; }
.content .main .mycontents ul.Link_List li a:hover { text-decoration: underline; color: #EEE; }
.content .main .top{ width: 690px; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 30px; }
.content .main .top h1{ width: 670px; display: block; padding: 0px 10px; font-size: 14.5pt; font-weight: normal; font-style: italic; color: #FFCC66; }
.content .main .top h2{ width: 670px; display: block; padding: 0px 10px; font-size: 14.5pt; font-weight: normal; font-style: italic; color: #FFCC66; }
.content .main .top p{ background: url(../images/content/bg.png) left bottom no-repeat; width: 580px; min-height: 200px; margin-top: 0px; padding: 70px 10px 70px 100px; border-bottom: 1px dotted #333; font-size: 10.5pt}
/*.content .main .top p#content{ background: url(/web/20200217225703im_/http://teknolaw.com/images/content/bg.png) left bottom no-repeat; width: 580px; min-height: 230px; margin-top: 0px; padding: 70px 10px 70px 100px; border-bottom: 1px dotted #333; font-size: 10.5pt; }*/
.content .main .top p strong{ font-weight: normal; color: #FFCC66; }
.content .main .top .more_issues{ background: url(../images/content/more-issues.png) no-repeat; width: 79px; height: 25px; display: inline-block; margin-left: 463px; padding-top: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; font-weight: bold; color: #FFCC66; text-align: center; }
.content .main .top .more_issues:hover{ color: #FFF; }
.content .main .top .significant_cases{ background: url(../images/content/significant-cases.png) no-repeat; width: 119px; height: 24px; display: inline-block; margin-left: 23px; padding-top: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; font-weight: bold; color: #FFCC66; text-align: center; }
.content .main .top .significant_cases:hover{ color: #FFF; }
.content .main .featured_attorneys_profiles{ width: 690px; }
.content .main .featured_attorneys_profiles h2{ width: 670px; display: block; padding: 0px 10px 5px; font-size: 12pt; border-bottom: 1px dotted #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFCC66; }
.profiles_container{ width: 690px; display: block; margin-top: 15px; }
.profiles_container .left_part{ width: 115px; float: left; margin-left: 5px; }
.profiles_container .left_part img{}
.profiles_container .left_part .attorney_name{ width: 115px; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12pt; color: #FFCC66; }
.profiles_container .left_part .attorney_email{ width: 115px; display: block; margin-top: 3px; color: #999; }
.profiles_container .left_part .attorney_email:hover{ color: #FFF; }
.profiles_container .right_part{ width: 560px; float: right; }
.profiles_container .right_part p{ width: 560px; display: block; margin-bottom: 10px; color: #999; }
.profiles_container .right_part p strong{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #FFF; }
.profiles_container .right_part .more_info{ background: url(../images/content/more-info.png) center bottom no-repeat; width: 59px; height: 24px; display: inline-block; margin-left: 501px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; font-weight: bold; color: #FFCC66; text-align: center; }
.profiles_container .right_part .more_info:hover{ color: #FFF; }
.profiles_container_page{ width: 690px; display: block; margin-top: 15px; }
.profiles_container_page .left_part_page{ width: 115px; float: left; margin-left: 5px; }
.profiles_container_page .left_part_page img{}
.profiles_container_page .left_part_page .attorney_name_page{ width: 115px; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12pt; color: #FFCC66; }
.profiles_container_page .left_part_page .attorney_email_page{ width: 115px; display: block; margin-top: 3px; color: #999; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size: 8pt !important; }
.profiles_container_page .left_part_page .attorney_email_page:hover{ color: #FFF; }
.profiles_container_page .right_part_page{ width: 560px; float: right; }
.profiles_container_page .right_part_page p{ width: 560px; display: block; margin: 0px 0px 10px 0px !important; color: #999; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size: 8pt !important; }
.profiles_container_page .right_part_page p strong{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size: 10.5pt !important; color: #FFF; }
.profiles_container_page .right_part_page .more_info_page{ background: url(../images/content/more-info.png) center bottom no-repeat; width: 59px; height: 24px; display: inline-block; margin-left: 501px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; font-weight: bold; color: #FFCC66; text-align: center; }
.profiles_container_page .right_part_page .more_info_page:hover{ color: #FFF; }
.floatLeft { float: left; margin: 0px 20px 10px 0px}
.floatRight { float: right; margin: 0px 0px 10px 20px}

/* Left Navigation */
.content .left_nav{ width: 270px; float: left; margin-left: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.content .left_nav p{ width: 270px; margin-bottom: 10px; }
.content .left_nav p .img1{ float: left; }
.content .left_nav p .img2{ float: left; margin-left: 6px; }
.content .left_nav form{ background: url(../images/left-nav/form-bg.png) #04110C no-repeat; width: 270px; height: 40px; display: block; margin: 0px; padding: 0px; }
.content .left_nav form fieldset{ border: 0px; margin: 0px; padding: 0px; vertical-align: middle; }
.content .left_nav form fieldset select{ width: 180px; height: 18px; display: inline-block; margin: 4px 0px 0px 5px; padding: 0px; font-size: 8pt; color: #666; border: 1px solid #666; vertical-align: middle; }
.content .left_nav form fieldset a{ background: #142720; width: 77px; height: 18px; display: inline-block; margin-top: 4px; font-style: italic; font-weight: bold; text-align: center; vertical-align: middle; }
.content .left_nav form fieldset a:hover{}
.content .left_nav h3{ background: url(../images/left-nav/title-bg.png) #11231C no-repeat; width: 260px; height: 34px; display: block; padding: 4px 0px 4px 10px; font-size: 11pt; font-style: italic; color: #FFCC66; }
.content .left_nav h4{ width: 270px; display: block; margin-bottom: 10px; font-size: 11pt; color: #FFCC66; }
.content .left_nav ul{ background: url(../images/left-nav/arrow-btm.png) center bottom no-repeat; width: 270px; margin: 0px 0px 10px 0px; padding: 0px 0px 14px 0px; list-style: none; }
.content .left_nav ul li{}
.content .left_nav ul li .light{ background: url(../images/left-nav/bullet.png) #192923 13px 7px no-repeat; }
.content .left_nav ul li .dark{ background: url(../images/left-nav/bullet.png) #11231C 13px 7px no-repeat; }
.content .left_nav ul li a{ width: 230px; display: block; padding: 0px 10px 0px 30px; font-size: 9pt; }
.content .left_nav ul li a:hover{ background-color: #04110C; }
.content .left_nav ul li ul{ background: none; width: 270px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
.content .left_nav ul li ul li{}
/* edit mo color dito hehehehe */
.content .left_nav ul li ul li a{ background: url(../images/left-nav/bullet.png) #192923 33px 7px no-repeat; width: 210px; display: block; padding: 0px 10px 0px 50px; }
.content .left_nav ul li ul li a:hover{ background-color: #04110C; }
/* level 3 sub category*/
.content .left_nav ul li ul li ul li{}
.content .left_nav ul li ul li ul li a{ background: url(../images/left-nav/bullet.png) #192923 49px 7px no-repeat; width: 190px; display: block; padding: 0px 10px 0px 70px; }
.content .left_nav ul li ul li ul li a:hover{ background-color: #04110C; }  
.content .left_nav address{ background: url(../images/left-nav/address-bg.png) no-repeat; width: 270px; height: 128px; display: block; margin-bottom: 10px; font-style: normal; font-weight: bold; font-size: 9pt; text-align: center; }
                .content .left_nav address strong{ width: 270px; display: block; padding: 6px 0px; font-style: italic; }
/* Footer */
.footer{ background: url(../images/footer/bg.jpg) top no-repeat; width: 1000px; padding-bottom: 20px; margin: 0 auto;}
.footer p{ width: 1000px; display: block; text-align: center; padding: 10px 0px; color: #999; }
.footer span{ width: 1000px; display: block; text-align: center; margin-top: 10px; font-size: 7pt; color: #999; }
.footer cite{ width: 1000px; display: block; text-align: center; font-style: normal; font-size: 7pt; color: #999; }

.article-item{ display: none;}
.article-item.active{display: block;}
/* Special case styles */
#Listlinks{margin-top:10px}
#Listlinks ul{list-style-type:none;width:700px; padding:0 0 0 ; margin:0 0 0 0}
#Listlinks li{border:1px dotted #999;border-width:1px 0;margin:5px 0;background:#192923}
#Listlinks li span{color:#CAE001;display:block;font:bold 100% Arial,Helvetica,sans-serif;padding:10px 0 10px 5px; }
#Listlinks li a{color:#CAE001;display:block;font:bold 100% Arial,Helvetica,sans-serif;padding:5px;text-decoration:none}
* html #Listlinks li a{width:650px}
#Listlinks li a:hover{background:#11231C}
#Listlinks a em{color:#fff;display:block;font:normal 100% Verdana,Arial,Helvetica,sans-serif;line-height:125%}      
#Cases_List { }
#Cases_List dt { font-weight: bold; color: #FFCC66; }
#Cases_List dd { padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; }