/* CSS Document */ /* 3.24.07 */ /* Author: www.randycaruso.com */ html, body { padding: 0; height: 100%; margin: 0 0 1px 0; font-family: arial, helvetica, sans-serif; background: #040a1b url(../images/background_strip.jpg) repeat-x; } body {font-size:100% } * { margin: 0; padding: 0; } h1{ display: none; } h2{ padding: 0 0 10px 0; font-style: normal; font-weight: lighter; } h3{ padding:0 0 0 0; font-size:1em; } h4{ padding:0 0 0 0; } blockquote { margin: 0 20px 20px 20px; font-size: 75%; } .picleft { float: left; padding: 4px 8px 4px 0; } .picright { float: right; padding: 0 0 8px 8px; } a{outline: none; } /* ---------------------------------- MISC EVERYTHING ----------------------------------------- */ .news h3 { color: White; font-size: 1.3em; padding: 4px 0 6px 6px; margin: 0 0 8px 8px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; background-color: #BDBDBD; width: 355px; height: 17px; } .book-thumbnail { margin: 0 12px 0 0; } .dropcap { margin: 4px 0 0 0; float: left; } #bookentry { margin: 0 0 25px 0; } .books { float: left; padding: 0 0 0 4px; } .warning{ color: red; font-size: 2.5em; } .photo{ margin: 12px 0 0 0; text-align: left; } #directions { margin: 0 0 35px 0; } #directions p{ margin: 20px 0 0 45px; } #directions img{ margin: -7px 0 0 0; } #emergency{ width: 383px; height: 114px; background: url(../images/emergency_box.jpg) no-repeat; } #emergency p{ width: 320px; padding: 25px 0 0 20px; } #lawfirms{ height: 70px; text-align: center; padding: 0 45px 15px 0; } #clear{ clear: both; } .hide { display: none; } .illustrations { margin: 10px 0 0 0; } #note { display: none; } .note{ display: none; } .warren-movie {padding: 0 0 14px 25px; } .dropcap { background: url(../images/k.jpg) no-repeat; font-size: 1px; color: #FAFAF2; display: block; float: left; width: 30px; height: 27px; !important: ; padding: 0 1px 0 0; } .latest { color: #717171; } #cubeplate{ margin: 42px 0 0 0; padding: 20px 0 0 35px; height: 370px; background: url(../images/wide_white_card.jpg) no-repeat; } .newscaption { margin: 0 0 0 16px; font-size: 11px; color: #565656; width: 215px; } .clapper { margin:0 0 -10px 0; } .top { padding: 0 0 25px 0; } .latest { padding: 25px 0 0 0; } /* This is the main structure of the page */ #wrapper{ width: 1000px; padding: 0; margin: 10px auto; text-align: center; background: url(../images/fill.jpg) repeat-y center; } #wrapper img { border: none; } #wrapperchild{ background: url(../images/single-method.jpg) no-repeat top; } #header { height: 158px; } .headerprint { display: none; } /* ---------- CONTENT WIDE -------------- */ #content{ float: right; width: 692px; color: #626262; text-align: left; font-size: .8em; margin: 15px 0 65px 0; } #content p{margin: 0 0 12px 8px; } #content h2 { color: #434242; font-size: 1.4em; margin: 0 0 0 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #content h3 { color: #1e2c5b; font-size: 1.1em; margin: 0 0 6px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #content h4 { font-size: .8em; margin: 0 0 6px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #content a{ color: Maroon; text-decoration: none; border-bottom: dotted 1px Maroon; } #content a:hover { color: Navy; border-bottom: dotted 1px Navy; } #content a:visited { color: Maroon; text-decoration: none; border-bottom: dotted 1px Maroon; } #content ul ul { padding: 0; margin: 8px 0 0 22px; } #content ul { padding: 0 0 9px 8px; margin: 0 0 0 25px; list-style-type: square; } #content li li { list-style-type: circle; } #content li{ margin: 0; padding: 0 0 4px 0; list-style-type: square; } #content hr{ margin: 20px 0 22px 8px; background-color: #ffffff; } #content blockquote { font-size: 1.2em; list-style-type: square; margin: 0 0 30px 25px; } #content blockquote p { margin: 0 0 5px 25px; padding: 0; line-height: 1.4em; } .wide { float: left; width: 560px; } .narrow{ float: left; width: 370px; } #casestudies { margin: 0 0 16px 0; } #casestudies a{ text-decoration: none; !important:; border: none; } #casestudies a:link{ text-decoration: none; !important:; border: none; } #casestudies a:hover{ text-decoration: none; !important:; border: none; } #casestudies a:visited { text-decoration: none; !important:; border: none; } #screeningroom a{ text-decoration: none; !important:; border: none; } #screeningroom a:link{ text-decoration: none; !important:; border: none; } #screeningroom a:hover{ text-decoration: none; !important:; border: none; } #screeningroom a:visited { text-decoration: none; !important:; border: none; } /* For the folders on the Case Summeries Page */ .folder1line{ width: 67px; height: 52px; padding: 0 0 12px 0; } .folder2line{ width: 67px; height: 52px; padding: 0 0 28px 0; } .folder3line{ width: 67px; height: 52px; padding: 0 0 46px 0; } #narrowsidephoto{ background: url(../images/narrow-photo-background.jpg) no-repeat left; margin: 20px 0 0 0; height: 356px; width: 283px; float: right; border: none; padding: 14px 0 0 17px; } #narrowsidephoto p { margin: 3px 0 0 3px; font-size: 11px; color: #565656; width: 215px; } #widesidephoto{ background: url(../images/wide_white_card.jpg) no-repeat left; margin: 20px 0 0 0; height: 356px; width: 283px; float: right; border: none; padding: 14px 0 0 17px; } #widesidephoto p { margin: 3px 0 0 0; font-size: 11px; color: #565656; width: 280px; } #sidephoto{ margin: 20px 0 0 0; height: 370px; width: 300px; float: right; border: none; } #sidephoto p{margin: -90px 0 0 18px; } #sidephoto a {color: Maroon; border-bottom: dotted 0px white; } #sidephoto a:img {color: white; text-decoration: none; border-bottom: none; } #sidephoto a:hover{ color: Navy; text-decoration: none; border-bottom: none; } #sidephoto a:visited { xcolor: Maroon; text-decoration: none; border-bottom: none; } .caption { margin: 0 0 0 16px; font-size: 11px; color: #565656; width: 215px; } .captionlong { margin: -3px 0 0 18px; font-size: 11px; color: #565656; width: 214px; line-height: 1.1em; } .captionwide{ margin: -50px 0 0 16px; font-size: 11px; color: #565656; width: 265px; } .caption a{ text-decoration: none; } .tabimg img a { text-decoration: none; border-bottom: none; color: white; } #captiontest { margin: 10px 0 0 5px; font-size: 11px; color: #565656; } #tabphoto{ color: white; text-decoration: none; border-bottom: none; } #tabphoto p{ margin: 0 0 0 0; } /*------------------- This is the CSS for the Contact Form *-------------------*/ #contactform{ margin: 0 0 0 34px; } fieldset { border: 0; margin: 0; padding: 0; color: #686868; } /* This color changes the text around the fields */ label { display: block; } input.text,textarea { width: 313px; color: #686868; padding: 3px; margin: 6px 0; background-color: #FFFFFF; font-family: verdana,arial,sans-serif; font-size: 1em; } input.submit { padding: 5px 10px; font: bold 12px/12px verdana,arial,sans-serif; margin-top: 10px; } #contactFormArea { border: 0; font-family: verdana,arial,sans-serif; font-size: 0.8em; color: #006699; text-align: left; } #cForm { width: 313px; } .field { font-size: 1em; margin: 4px 0 0 0; color: Gray; font-family: Arial, Helvetica, sans-serif; padding: 2px; width: 280px; } .warrenandeli{ background: url(../images/photos/the_boys.jpg) no-repeat; } .warrenandeliprint { display: none; } .markandtony{ background: url(../images/photos/senior_staff.jpg) no-repeat; } /* Home page front photos of Warren and Eli only */ #pics-pair{ font-size: 11px; width: 382px; height: 360px; } #pics-pair a:visited { color: #626262; border-bottom: dotted 0; cursor: pointer; } #pics-right{ width: 190px; height: 360px; float: right; } #pics-right p{ width: 155px; text-align: left; padding: 0 0 0 11px; border-bottom: 0; } #pics-right a:link { color: #626262; text-decoration: none; border-bottom: 0; } #pics-right a:hover { color: Navy; border-bottom: dotted 0; cursor: pointer; } #pics-left { width: 190px; height: 360px; float: left; } #pics-left p{ width: 155px; text-align: left; padding: 0 0 0 11px; border-bottom: 0; } #pics-left a:link { color: #626262; text-decoration: none; border-bottom: 0; } #pics-left a:hover { color: Navy; border-bottom: dotted 0; cursor: pointer; } /* End Photos of Warren and Eli */ /* Senior Staff Page */ .markandtony{ font-size: 11px; width: 382px; height: 380px; background: url(../images/photos/senior_staff.jpg) no-repeat; margin: 0 0 12px 0; } #warren { width: 158px; height: 80px; float: right; padding: 20px 12px 0 15px; } #warren a:link { color: #626262; text-decoration: none; border-bottom: 0; } #warren a:link:hover { color: Navy; border-bottom: dotted 0; } #eli { width: 158px; height: 80px; float: left; padding: 20px 12px 0 18px; } #eli a:link { color: #626262; text-decoration: none; border-bottom: 0; } #eli a:link:hover { color: Navy; border-bottom: dotted 0; } /* ------------------------------------------------ NEWS Plate: the special panel ---------------------------------------------------- */ #newsplate{ width: 300px; float: right; margin: 42px 0 0 0; } #newsplatetop{ margin: 0; padding: 0; height: 17px; background: url(../images/news/newsplatetop.jpg) no-repeat bottom; } #newsplatemid{ margin: 0; padding: 0 0 14px 0; background: url(../images/news/newsplatemid.jpg) repeat-y; } #newsplatebot{ margin: 0; padding: 0; height: 17px; background: url(../images/news/newsplatebot.jpg) no-repeat; } #newsplate p{ margin: 8px 30px 0 25px; font-size: 1em; line-height: 1.2em; color: #565656; } #newsplate h3{ margin: 0 30px 0 25px; padding: 18px 0 0 0; font-size: 14px; color: black; font-weight: bold;} #ivideo{ margin: 0px 0 0 0; height: 330px; width: 300px; background: url(../images/video_frame.jpg) no-repeat top; } #vid { padding: 20px 0 0 16px; } .vidthumb { margin: 12px 0 -5px 0; border: none; text-decoration: none; border-bottom: dotted 0px white; !important: ; } .vidthumb a{ margin: 12px 0 -5px 0; text-decoration: none; border-bottom: dotted 0px white; } .vidthumb img a{ margin: 12px 0 -5px 0; border: none; text-decoration: none; border-bottom: dotted 0px white; !important: ; } #movie{ margin: 0; padding: 0; } .vidtable{ margin: 10px 0 8px 0; } .vidtable { padding: 0 0 20px 0; border-bottom: 2px solid Gray; } #featured { float: left; width: 380px; } #videophoto{ margin: 20px 0 0 0; height: 330px; width: 300px; float: right; border: none; } #videophoto p{margin: -90px 0 0 18px; } #videophoto a {color: Maroon; border-bottom: dotted 0px white; } #videophoto a:img {color: white; text-decoration: none; border-bottom: none; } #videophoto a:hover{ color: Navy; text-decoration: none; border-bottom: none; } #videophoto a:visited { text-decoration: none; border-bottom: none; } #vidrightcolumn { float: right; width: 300px; border: 1px black; text-align: left; } #vidrightcolumn h2 { width: 145px; color: #444242; font-size: 1em; padding: 0 0 8px 19px; } #newleftcolumn { padding: 0 0 0 100px; float: left; width: 900px; height: inherit; xborder: 1px solid blue;} #newrightcolumn { float: right; width: 300px; border: 1px black; text-align: left; } #newrightcolumn h2 { width: 145px; color: #444242; font-size: 1em; padding: 0 0 8px 19px; } #widemouth { float: right; width: 690px; margin: 0; padding: 0; } /* -- [this controls most of the content though NEWS has it's own section] -------------------------------------------------------------------- */ #vidcontent { float: left; width: 388px; color: #626262; text-align: left; font-size: .8em; margin: 15px 0 0 0; } #vidcontent p { margin: 0 0 12px 8px; padding: 0 10px 1px 0; } #vidcontent h2 { color: #434242; font-size: 1.4em; margin: 0 0 0 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #vidcontent h3 { color: #1e2c5b; font-size: 1.1em; margin:0 0 6px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #vidcontent h4 { font-size: .8em; margin: 0 0 6px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #vidcontent a{ color: Maroon; text-decoration: none; border-bottom: dotted 1px Maroon; } #vidcontent a:hover { color: Navy; border-bottom: dotted 1px Navy; } #vidcontent a:visited { color: Maroon; text-decoration: none; border-bottom: dotted 1px Maroon; } #vidcontent ul ul{ padding: 0; margin: 8px 0 0 22px; } #vidcontent ul{ padding: 0 0 9px 8px; margin: 0 0 0 25px; list-style-type: square; } #vidcontent li li{ list-style-type: circle; } #vidcontent li{ margin: 0; padding: 0 0 4px 0; list-style-type: square; } #vidcontent hr{ width: 360px; margin: 20px 0 22px 8px; background-color: #ffffff; } #vidcontent blockquote { font-size: 1.2em; list-style-type: square; margin: 0 0 30px 25px; } #vidcontent blockquote p { margin: 0 0 5px 25px; padding: 0; line-height: 1.4em; } /* -- [end content] -------------------------------------------------------------------- */ #widemouth2 { float: right; width: 690px; text-align: left; color: #626262; font-size: .8em; margin: 0 0 55px 0; } #widemouth2 p { margin: 0 0 12px 8px; padding: 0 10px 1px 0; } #widemouth2 h2 { color: #434242; font-size: 1.4em; margin: 0 0 0 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #widemouth2 h3 { color: #1e2c5b; font-size: 1.1em; margin:0 0 6px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #widemouth2 h4 { font-size: .8em; margin: 0 0 6px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: lighter; } #widemouth2 a{ color: Maroon; text-decoration: none; border-bottom: dotted 1px Maroon; } #widemouth2 a:hover { color: Navy; border-bottom: dotted 1px Navy; } #widemouth2 a:visited { color: Maroon; text-decoration: none; border-bottom: dotted 1px Maroon; } #widemouth2 ul ul{ padding: 0; margin: 8px 0 0 22px; } #widemouth2 ul{ padding: 0 0 9px 8px; margin: 0 0 0 25px; list-style-type: square; } #widemouth2 li li{ list-style-type: circle; } #widemouth2 li{ margin: 0; padding: 0 0 4px 0; list-style-type: square; } #widemouth2 hr{ width: 538px; margin: 20px 0 22px 8px; background-color: #ffffff; } #widemouth2 blockquote { font-size: 1.2em; list-style-type: square; margin: 0 0 30px 25px; } #widemouth2 blockquote p { margin: 0 0 5px 25px; padding: 0; line-height: 1.4em; } #leftcolumn { padding: 0 0 0 100px; float: left; width: 594px; height: inherit; } /* This is the main structure of the page in Wide Mode */ #leftcolumnwide { padding: 0 0 0 100px; float: left; width: 765px; height: inherit; } #leftcolumnsuperwide { padding: 0 0 0 100px; float: left; width: 815px; height: inherit; display: inline; border: 1px solid blue; } /* ------------------------------------- NAVIGATION------------------------------------- */ #nav{ float: left; width: 178px; padding: 22px 30px 0 100px; /* controls how far down it all starts */ text-align: right; margin: 0; } #nav ul { list-style-type: none; padding: 0; line-height: 12px; margin: 0 0 115px 0; } #nav ul ul { margin: 0; padding: 0; line-height: 12px; } /* This is the master control PADDING */ #nav li { margin: 0; padding: 5px 25px 5px 0; /* adjust this padding how far apart each li is */ line-height: 12px; } .border{ background: url(../images/icons/dot.gif) repeat-x bottom; } /* you dont need a NO-border declaration because of the fact that the border is a background image */ #nav li li { margin: 0; padding: 0; border-bottom: 0px; line-height: 10px; } #nav li a { font-size: 14px; color: #0f1c47; text-decoration: none; padding: 3px 0 3px 20px; line-height: 16px; } #nav li li a{ font-size: 11px; color: white; padding: 3px 0 3px 10px; line-height: 16px; } #nav li a:hover{ color: Maroon; } #nav li li a:hover{ color: Maroon; } /* Therse indicator classes will put the red marker on each of he nav sections */ .indicate-whatwedo { background: url(../images/indicators/whatwedo.jpg) no-repeat 100px 17px; } .indicate-howwework { background: url(../images/indicators/how_we_work.jpg) no-repeat 100px 48px; } .indicate-operations { background: url(../images/indicators/operations_process.jpg) no-repeat 100px 48px; } .indicate-litigation { background: url(../images/indicators/litigation_support.jpg) no-repeat 100px 90px; } .indicate-experttest { background: url(../images/indicators/expert_test.jpg) no-repeat 100px 116px; } .indicate-marketing{ background: url(../images/indicators/marketing.jpg) no-repeat 100px 116px; } .indicate-consumer { background: url(../images/indicators/consumer.jpg) no-repeat 100px 116px; } .indicate-damages { background: url(../images/indicators/damages.jpg) no-repeat 100px 116px; } .indicate-specialtyareas { background: url(../images/indicators/specialty_areas.jpg) no-repeat 100px 116px; } .indicate-experience { background: url(../images/indicators/experience.jpg) no-repeat 100px 221px; } .indicate-areasoftestimony { background: url(../images/indicators/areas_of_testimony.jpg) no-repeat 100px 221px; } .indicate-lawfirms { background: url(../images/indicators/law_firms.jpg) no-repeat 100px 221px; } .indicate-industries { background: url(../images/indicators/industries.jpg) no-repeat 100px 221px; } .indicate-ourexperts { background: url(../images/indicators/our_experts.jpg) no-repeat 100px 296px; } .indicate-aboutkeegan { background: url(../images/indicators/about_dr_keegan.jpg) no-repeat 100px 296px; } .indicate-aboutseggev { background: url(../images/indicators/about_dr_seggev.jpg) no-repeat 100px 296px; } .indicate-seniorstaff { background: url(../images/indicators/senior_staff.jpg) no-repeat 100px 296px; } .indicate-news { background: url(../images/indicators/news.jpg) no-repeat 100px 370px; } .indicate-library { background: url(../images/indicators/library.jpg) no-repeat 100px 396px; } .indicate-perspectives { background: url(../images/indicators/perspectives.jpg) no-repeat 100px 396px; } .indicate-casesummeries { background: url(../images/indicators/case_summeries.jpg) no-repeat 100px 396px; } .indicate-videoarchive { background: url(../images/indicators/video_archive.jpg) no-repeat 100px 396px; } .indicate-contact { background: url(../images/indicators/contact.jpg) no-repeat 100px 470px; } .indicate-about { background: url(../images/indicators/about_us.jpg) no-repeat 100px 470px; } .indicate-newassignments { background: url(../images/indicators/new_assignments.jpg) no-repeat 100px 470px; } .indicate-emergency { background: url(../images/indicators/emergency_contact.jpg) no-repeat 100px 470px; } /* This controls the the Search Box and a GO button */ .go { margin: 0px 20px 0 0; padding: 0 4px 0 0; vertical-align: middle; } *.go {margin: -2px 15px 0 0; } .zoom-query{ background-color: #E3E3E3; color: Gray; border: 0; height: 18px; padding: 2px 0 0 3px; !important: ; } /* These are the containers for each individal news item */ #newscolumn { float: right; width: 300px; text-align: left; font-size: 11px; } #entries { margin: 0 0 0 15px; } #newscolumn p{ padding: 0; margin: 0; } #newscolumn a{ color: #626262; border: none; !important:; } #newscolumn a:hover{color: Maroon;border: none; !important:; } #newscolumn a:visited{ color: #626262; border: none; !important:; } #newscolumn a:visited:hover{ color: Maroon; } #newscolumn h2 { font-size: 1.5em; color: #444242; margin: 0;} .newsitem { width: 152px; color: #626262; xpadding: 0 0 10px 19px; margin: 0 0 12px 0; } .newsitem a{ color: #626262; } .newsitem p { line-height: 15px; color: #444242; padding: 0; } /* These are the little Calendar tags on each News item */ /* Very delicate -be careful */ .datetime { font-family: Tahoma, Arial, Helvetica, sans-serif; width: 24px; height: 24px; float: left; color: #434242; xmargin: 4px 3px 0 0; text-transform: uppercase; text-align: center; background: url(../images/icons/calender_icon.jpg) no-repeat top; margin: 4px 3px 0 0px; padding: 2px 0 0 0; } .month { font-size: .7em; line-height: .90em; } .datenumber{ font-size: .8em; font-weight: bold; padding: 0 0 0 1px; } /* FOOTER FOOTER FOOTER FOOTER FOOTER */ #footer { padding: 0; margin: 0; clear: both; height: 152px; background: url(../images/footer.jpg) no-repeat top center; color: #C5C5C5; } #footer a { color: #C5C5C5; text-decoration: none; } #footer a:hover { color: White; text-decoration: underline; } #subnav { float: left; width: 410px; margin: 40px 0 0 0; padding: 5px 0 0 300px; font-size: .7em; line-height: 1.4em; } #contact-data { float: right; width: 140px; text-align: right; padding: 0 140px 0 0; line-height: 2em; margin: 40px 0 0 0; } .email a{ font-size: .75em; line-height: 2em; } .phone { font-size: 1.4em; } /* Areas of Testimony page */ #areastable p{ font-size: 12px; padding: 8px 0 8px 9px; color: Black; margin: 0 0 0 6px; } #areastable { width: 500px; margin: 0 0 0 8px; padding: 0; } #areastable table { float: right; } #areastable ul { padding: 8px 0 9px 8px; font-size: 12px; } #areas li { padding: 10px 0 2px 0; margin: 0; list-style: none; width: 340px; } #areas ul ul{ padding: 8px 0 0 10px; margin: 8px 0 0 22px; } #areas li li{ padding: 2px 0 2px 0; list-style: none; } .zebra{ background-color: #DCDCDC; } #maintab a { color: Navy; } #maintab a:hover{ color: Maroon; }