/* Kriya Associates styles Updated 5/11/2006 */ BODY { margin:0; padding:0; background:#ccc7a0 url(../images/bg.gif) repeat-x; color:#4f4a31; font:normal .7em/1.2em verdana,arial,helvetica,sans-serif } P, TH, TD, LI, DT, DD { color:#4f4a31 } TH, STRONG, B { font-weight:bold } EM, I, CITE { font-style:italic } SUP, SUB { font-size:75% } BLOCKQUOTE { margin:0; padding:0 } TABLE, TR, TD, TH /* IE5 font size fix */ { font-size:100% } /* Links */ A:link { color:#781c15; text-decoration:underline } A:visited { color:#8e2119; text-decoration:underline } A:hover, A:active { text-decoration:none } /* Paragraphs */ P { margin:0 0 1.4em 0; line-height:1.4 } BLOCKQUOTE { margin:0 0 2em 0; padding:0 } BLOCKQUOTE P { margin:0; padding:0 } P.quote_author { text-align:right } /* Images */ A IMG { border-style:none } .floatleft /* Floating images */ { float:left; margin:0 8px 8px 0 } .floatright { float:right; margin:0 0 8px 8px } /* Headers */ H1, H2, H3, H4, H5, H6 { color:#781c15; margin:0 0 .5em 0; padding:0; font:bold 130% verdana,arial,helvetica,sans-serif; line-height:1.3 } H1 { margin-bottom:1.1em } H3, H4 { font-size:110% } H5, H6 { font-size:100% } H6 { margin-bottom:.2em } /* Lists */ UL { margin:0 0 1em 0; padding:0 0 0 25px } UL LI, OL LI UL LI { margin:0; padding:1px 0 .5em 5px; line-height:1.4 } UL UL { margin:5px 0 2px 2px } OL { margin:0 0 1em 30px; padding-left:0 } OL LI, UL LI OL LI { margin-bottom:.5em; line-height:1.4 } DL { margin:0 0 1em 0 } DT { display:block; font-weight:bold; margin:.4em 0 .2em 0; line-height:1.4 } DD { margin:1px 0 .7em 0; line-height:1.4 } /* Forms */ FORM { margin:0; padding:0 } /* Hidden elements */ #skipnav, #tagline, .hide, .hide * { position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px } /* Logo */ #logo { width:117px; height:112px; position:relative; top:178px; left:120px } /* Content elements */ #wrapper { width:800px; margin:0 auto; padding:0 0 10px 0; background:url(../images/bg_interior.jpg) 112px 0 no-repeat } #content { width:485px; margin:-335px 0 0 247px; padding:22px 28px; background-color:#fff; clear:both; min-height:350px } * html #content { height:350px; width:541px; w\idth:485px } /* Box model and min-height fix for IE */ /* Header images */ #kriyaheader { width:810px; height:301px; background:transparent none no-repeat 10px 38px } .about-kriya #kriyaheader { background-image:url(../images/title_about_bg.jpg) } .clients #kriyaheader { background-image:url(../images/title_clients_bg.jpg) } .programs #kriyaheader { background-image:url(../images/title_programs_bg.jpg) } .partners #kriyaheader { background-image:url(../images/title_partners_bg.jpg) } .reclaiming-the-crown #kriyaheader { background-image:url(../images/title_reclaim_bg.jpg) } .photos #kriyaheader { background-image:url(../images/title_about_bg.jpg) } .contact #kriyaheader { background-image:url(../images/title_contact_bg.jpg) } /* Main Navigation */ ul#nav { position:relative; top:66px; left:247px; width:541px; height:28px; margin:0; padding:0; list-style-type:none; background-color:#781c15 } /* Clear after floats */ ul#nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden } ul#nav { display:inline-block } /* Hide from IE5-Mac \*/ ul#nav { display:block } * html ul#nav { height:1% } /* End hide */ ul#nav li { margin:0; padding:0; display:block; float:left; background-repeat:no-repeat; height:28px } ul#nav li a /* Phark image replacement with fast rollover */ { float:left; height:28px; text-indent:-9999px; overflow:hidden; color:#fff; text-decoration:none; white-space:nowrap; background:transparent none no-repeat 0 0 } /* Hover and active states */ ul#nav a:hover, .home #nav_home, .about-kriya #nav_about, .clients #nav_clients, .programs #nav_programs, .partners #nav_partners, .reclaiming-the-crown #nav_reclaim, .photos #nav_photos, .contact #nav_contact { color:#eab648; background-position:0 -28px } /* Navigation images */ ul#nav #nav_home { background-image:url(../images/nav_home.gif); width:49px; margin-left:6px } ul#nav #nav_about { background-image:url(../images/nav_about.gif); width:83px } ul#nav #nav_clients { background-image:url(../images/nav_clients.gif); width:59px } ul#nav #nav_programs { background-image:url(../images/nav_programs.gif); width:73px } ul#nav #nav_partners { background-image:url(../images/nav_partners.gif); width:68px } ul#nav #nav_reclaim { background-image:url(../images/nav_crown.gif); width:76px } ul#nav #nav_photos { background-image:url(../images/nav_photos.gif); width:58px } ul#nav #nav_contact { background-image:url(../images/nav_contact.gif); width:63px } /* Sub Nav */ #subnav { width:117px; height:250px; position:relative; left:120px } * html #subnav { width:107px; w\idth:117px; } /* Box Model Hack for IE5.5 */ #subnav UL { margin:0; padding:10px 0 0 0; width:117px } #subnav li { margin:0; padding:0; background-repeat:no-repeat; list-style-type:none; width:117px } #subnav li a { display:block; background-repeat:no-repeat; background-position:0 0; width:117px } #subnav li a span { position:absolute; top:-900px } /* Sub Nav OFF States */ #img_subnav_diversity { background-image:url(../images/subnav_diversity.gif); height:36px } #img_subnav_diversity:hover { background-image:url(../images/subnav_diversity_on.gif); height:36px } #subnav li a.subnav_diversity { background-image:url(../images/subnav_diversity.gif); height:36px } #img_subnav_strategic { background-image:url(../images/subnav_strategic.gif); height:35px } #img_subnav_strategic:hover { background-image:url(../images/subnav_strategic_on.gif); height:35px } #subnav li a.subnav_strategic { background-image:url(../images/subnav_strategic.gif); height:35px } #img_subnav_staff { background-image:url(../images/subnav_staff.gif); height:25px } #img_subnav_staff:hover { background-image:url(../images/subnav_staff_on.gif); height:25px } #subnav li a.subnav_staff { background-image:url(../images/subnav_staff.gif); height:25px } #img_subnav_executive { background-image:url(../images/subnav_executive.gif); height:25px } #img_subnav_executive:hover { background-image:url(../images/subnav_executive_on.gif); height:25px } #subnav li a.subnav_executive { background-image:url(../images/subnav_executive.gif); height:25px } #img_subnav_program { background-image:url(../images/subnav_program.gif); height:23px } #img_subnav_program:hover { background-image:url(../images/subnav_program_on.gif); height:23px } #subnav li a.subnav_program { background-image:url(../images/subnav_program.gif); height:23px } #img_subnav_fengshui { background-image:url(../images/subnav_fengshui.gif); height:35px } #img_subnav_fengshui:hover { background-image:url(../images/subnav_fengshui_on.gif); height:35px } #subnav li a.subnav_fengshui { background-image:url(../images/subnav_fengshui.gif); height:35px } #img_subnav_upon { background-image:url(../images/subnav_upon.gif); height:24px } #img_subnav_upon:hover { background-image:url(../images/subnav_upon_on.gif); height:24px } #subnav li a.subnav_upon { background-image:url(../images/subnav_upon.gif); height:24px } #img_subnav_brown { background-image:url(../images/subnav_brown-manning.gif); height:26px } #img_subnav_brown:hover { background-image:url(../images/subnav_brown-manning_on.gif); height:26px } #subnav li a.subnav_brown { background-image:url(../images/subnav_brown-manning.gif); height:26px } #img_subnav_mack { background-image:url(../images/subnav_mack.gif); height:25px } #img_subnav_mack:hover { background-image:url(../images/subnav_mack_on.gif); height:25px } #subnav li a.subnav_mack { background-image:url(../images/subnav_mack.gif); height:25px } /* Sub Nav ON States */ #img_subnav_diversity_on { background-image:url(../images/subnav_diversity_on.gif); height:36px } #img_subnav_diversity_on:hover { background-image:url(../images/subnav_diversity_on.gif); height:36px } #subnav li a.subnav_diversity_on { background-image:url(../images/subnav_diversity_on.gif); height:36px } #img_subnav_strategic_on { background-image:url(../images/subnav_strategic_on.gif); height:35px } #img_subnav_strategic_on:hover { background-image:url(../images/subnav_strategic_on.gif); height:35px } #subnav li a.subnav_strategic_on { background-image:url(../images/subnav_strategic_on.gif); height:35px } #img_subnav_staff_on { background-image:url(../images/subnav_staff_on.gif); height:25px } #img_subnav_staff_on:hover { background-image:url(../images/subnav_staff_on.gif); height:25px } #subnav li a.subnav_staff_on { background-image:url(../images/subnav_staff_on.gif); height:25px } #img_subnav_executive_on { background-image:url(../images/subnav_executive_on.gif); height:25px } #img_subnav_executive_on:hover { background-image:url(../images/subnav_executive_on.gif); height:25px } #subnav li a.subnav_executive_on { background-image:url(../images/subnav_executive_on.gif); height:25px } #img_subnav_program_on { background-image:url(../images/subnav_program_on.gif); height:23px } #img_subnav_program_on:hover { background-image:url(../images/subnav_program_on.gif); height:23px } #subnav li a.subnav_program_on { background-image:url(../images/subnav_program_on.gif); height:23px } #img_subnav_fengshui_on { background-image:url(../images/subnav_fengshui_on.gif); height:35px } #img_subnav_fengshui_on:hover { background-image:url(../images/subnav_fengshui_on.gif); height:35px } #subnav li a.subnav_fengshui_on { background-image:url(../images/subnav_fengshui_on.gif); height:35px } #img_subnav_upon_on { background-image:url(../images/subnav_upon_on.gif); height:24px } #img_subnav_upon_on:hover { background-image:url(../images/subnav_upon_on.gif); height:24px } #subnav li a.subnav_upon_on { background-image:url(../images/subnav_upon_on.gif); height:24px } #img_subnav_brown_on { background-image:url(../images/subnav_brown-manning_on.gif); height:26px } #img_subnav_brown_on:hover { background-image:url(../images/subnav_brown-manning_on.gif); height:26px } #subnav li a.subnav_brown_on { background-image:url(../images/subnav_brown-manning_on.gif); height:26px } #img_subnav_mack_on { background-image:url(../images/subnav_mack_on.gif); height:25px } #img_subnav_mack_on:hover { background-image:url(../images/subnav_mack_on.gif); height:25px } #subnav li a.subnav_mack_on { background-image:url(../images/subnav_mack_on.gif); height:25px } /* Footer */ #kriyafooter { margin:10px 10px 0 247px; padding:5px 20px; background-color:#eab648; font-size:91%; width:541px; w\idth:501px; /* IE5 box model fix */ } #kriyafooter p { margin:0; text-align:right } /* Homepage */ #wrapper.home, * html #wrapper.home { background-image:url(../images/bg_home.jpg); background-position:0 0; margin:0 auto; padding:0; height:546px } .home #logo { width:107px; height:112px; top:290px; left:120px } .home #nav { top:-112px; left:237px } #promos { width:500px; height:112px; position:relative; top:-11px; left:259px; background:transparent url(../images/bg_home_promos.jpg) no-repeat } #promos p { margin:0; padding:14px 17px; line-height:1.4 } #home_promo_left { width:250px; float:left } #home_promo_right { width:250px; float:left } .home #kriyafooter { position:relative; top:69px; left:-10px } /* Contact Form */ #contactform { width:254px; float:left } #contactform p { margin:1px 0 4px 0; padding:0 } input.formfield, textarea.formfield { border:1px solid #7f9db9; width:250px; margin-bottom:2px } input.formfield2 { border:1px solid #7f9db9 } label span { position:absolute; top:-9000px } #lblName { background:#fff url(../images/form_lbl_name.gif) 0 0 no-repeat; display:block; width:254px; height:15px } #lblEmail { background:#fff url(../images/form_lbl_email.gif) 0 0 no-repeat; display:block; width:254px; height:15px } #lblPhone { background:#fff url(../images/form_lbl_phone.gif) 0 0 no-repeat; display:block; width:254px; height:15px } #lblCompany { background:#fff url(../images/form_lbl_company.gif) 0 0 no-repeat; display:block; width:254px; height:15px } #lblMessage { background:#fff url(../images/form_lbl_message.gif) 0 0 no-repeat; display:block; width:254px; height:16px } #contactInfo { margin:0 0 0 304px } /* Partners */ #partner p, #partner ul, #partner ol { margin-left:110px }