/*Design by Bohdan Jankovic */ * { margin-top: 0; } body { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #bababa url("../images/b_back.jpg") repeat-x; text-align: center; margin: 0 auto; padding: 0 } h1 { font-weight: 100; font-size: 18px; margin-bottom: -7px } h2 { font-weight: 100; font-size: 13px; margin-bottom: 0px } h3 { font-size: 12px; margin-bottom: 0px } h4 { font-size: 16px; margin: 0px } h5 { font-size: 18px; margin: 0 } .bold { font-weight: bold } p, ul, ol { font-size: 100%; } blockquote { } a { color: #fff; } a:hover { text-decoration: underline; visibility:visible } img { border: none; } /* Header */ #header { margin: 18px auto 0; width: 780px; height: 32px } /* Page */ .n1 { color: #f00; font-size: 2.7em; letter-spacing: 1.1px; margin-top: 20px; margin-left: 110px } #page { background: url("../images/b_bottom.png") no-repeat center bottom; margin: 0 auto; padding: 0; width: 780px } #page-index-top { background-image: url("../images/b_index_top.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; margin: 0 auto; padding: 0; width: 780px } #page-welcome { color: #555; font-size: 13px; line-height: 16px; text-align: justify; padding-top: 8px; padding-right: 120px; padding-left: 120px } .page-welcome-bold { color: #690; font-weight: bold } /* Content */ #content { background: url("../images/main_prava_strana.jpg") no-repeat right top; text-align: left; margin: 0; padding: 30px 50px 0 20px; width: 543px; height: auto; float: right } #content-720 { background: no-repeat right top; text-align: left; margin: 0px; padding: 30px 30px 0px; width: 720px; height: auto } #content-main-table { background: url("../images/main_prava_strana.jpg") no-repeat right top; text-align: left; margin: 0 auto; padding: 30px 18px 0 25px; width: 570px; height: auto; float: right } #content-flash { background: url(../images/main_prava_strana.jpg) no-repeat right top; text-align: left; float: right; margin: 0px; padding: 0px 19px 0px 20px; width: 543px; height: auto } #content-flash-map { background: url(../images/main_prava_strana.jpg) no-repeat right top; float: right; margin: 0px auto; padding: 0px 50px 0px 20px; width: 513px; height: auto } #content-table { color: #ddd; line-height: 15px; background: no-repeat center top; vertical-align: top; margin: 0px auto; padding: 0px 0px 15px; width: 575px } #content-gray { color: #ddd; line-height: 15px; background: #333 url("../images/content-gray-top.jpg") no-repeat center top; margin: 0 auto; padding: 18px 15px 15px; width: 503px; vertical-align: top } .content-gray-720 { color: #ddd; line-height: 15px; background: no-repeat center top; margin: 0 auto; padding: 18px 15px 15px; width: 690px; height: 2px; vertical-align: top } #content-gray-podcast { color: #ddd; line-height: 15px; background: #363636 url("../images/content-gray-top.gif") no-repeat left top; margin: 0 auto; padding: 18px 15px 15px; width: 503px; vertical-align: top } #content-gray-healing-top { color: #5c5c5c; line-height: 19px; background: #333 url("../images/background-healing-june2008_top.png") no-repeat center top; margin: 0 auto 0; padding: 120px 45px 5px; width: 443px; height: 285px; vertical-align: top } #content-gray-healing-middle { color: #5c5c5c; line-height: 12px; background: #333 url("../images/background-healing-june2008_middle.png") no-repeat center top; margin: 0 auto; padding: 101px 25px 5px; width: 483px; height: 238px; vertical-align: top } #content-gray-healing-bottom { color: #191919; line-height: 13px; background: url(../images/background-healing-june2008_bottom.png) no-repeat center top; vertical-align: top; margin: 0px auto; padding: 11px 25px 5px 90px; width: 418px } #content-gray-picture-top { color: #000; line-height: 19px; background: #333 url(../images/content-gray-photo2.jpg) no-repeat center top; vertical-align: top; margin: 0px auto; padding: 18px 105px 15px 15px; width: 413px } #content-gray-middle { color: #ddd; line-height: 15px; background-color: #333; vertical-align: top; margin: 0px auto; padding: 18px 15px 15px; width: 503px } .content-gray-middle-720 { color: #ddd; line-height: 15px; background-color: transparent; margin: 0 auto; padding: 18px 15px 15px; width: 503px; vertical-align: top } #content-gray-middle-podcast { color: #ddd; line-height: 15px; background-color: #333; margin: 0 auto; padding: 18px 15px 15px; width: 503px; vertical-align: top } #content-gray-bottom { color: #ddd; background: url(../images/content-gray-bottom.gif) no-repeat center bottom; margin: 0px auto; padding: 0px; width: 533px; height: 7px } #content-gray-bottom-space { height: 20px } .content-gray-bottom-720 { color: #ddd; background: no-repeat center bottom; margin: 0 auto; padding: 0; width: 533px; height: 7px } #content-gray-bottom-podcast { color: #ddd; background: url("../images/content-gray-bottom.gif") no-repeat center bottom; margin: 0 auto; padding: 0; width: 533px; height: 7px } #content-gray_frame-top { color: #ddd; background: url("../images/gray_body_delenie_top.gif") no-repeat center top; margin: 0 auto; padding: 0 15px; width: 503px; height: 16px } .content-gray_frame-top-720 { color: #ddd; background: no-repeat center top; margin: 0 auto; padding: 0 15px; width: 690px; height: 2px } #content-gray_frame-text { color: #333; background: #a9a9a9 url(../images/gray_body_delenie_pasik.gif) repeat-y center top; margin: 0px auto; padding: 2px 15px; width: 503px } .content-gray_frame-text-720 { color: #1f518d; font-size: 14px; line-height: 18px; background: repeat-y center top; margin: 0 auto; padding: 2px 15px; width: 690px } #content-gray_frame-middle { color: #ddd; background: #333 url(../images/gray_body_delenie_middle.gif) no-repeat center; margin: 0px auto; padding: 0px 15px; width: 503px; height: 16px } #content-gray_frame-bottom { color: #ddd; background: url(../images/gray_body_delenie_bottom.gif) no-repeat center bottom; margin: 0px auto 40px; padding: 0px 15px; width: 503px; height: 16px } .content-gray_frame-bottom-720 { color: #ddd; background: no-repeat center bottom; margin: 0 auto 10px; padding: 0 15px; width: 690px; height: 16px } /* photos of faces of people with testimonials */ #content-gray_frame-top-photo-720 { text-align: left } #content-gray_frame-top-photo-720 img { margin: 12px 15px 6px; border: none } #content-picture-down { margin: 0px auto; padding: 0px 0px 2px; width: 533px } #content-picture-top { margin: 0px auto; padding: 0px; width: 533px } #content-picture-right { float: right; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; padding: 0px; width: 240px } #content-picture-left { float: left; margin: 0px; padding: 0px; width: 100px } .content-orange-h1 { color: #ff8c00; text-align: left } .content-red-h1 { color: #d20400; text-align: left } .content-green-h1 { color: #6c9c1c; text-align: left } .content-blue-h1 { color: #3478f7; text-align: left } .content-blue { color: #3478f7; line-height: 15px; text-align: left } .content-blue a { color: #00bfff; text-decoration: none } .content-blue a:hover { color: #00bfff; text-decoration: underline } .content-blue-read_more { color: #3478F7; line-height: 15px; margin-left: 290px } .content-blue-read_more a { color: #3478F7; text-decoration: none } .content-blue-read_more a:hover { color: #3478F7; text-decoration: underline } .content-orange { color: #ff8c00; line-height: 15px; text-align: left } .content-table-picture_right { color: #fff; line-height: 17px; text-align: left; vertical-align: top; padding: 11px 0px 0px 15px } .content-table-picture_right a { text-decoration: none } .content-table-picture_right a:hover { text-decoration: underline } .content-red { color: #d20400; line-height: 15px; text-align: left } .content-green { color: #016701; line-height: 15px; text-align: left } .content-green a { color: #016701; text-decoration: none } .content-green a:hover { color: #016701; text-decoration: underline } .content-email-position1 { margin-left: 220px } #content-gray_frame-text a { color: #360; text-decoration: none } #content-gray_frame-text a:hover { color: #360; text-decoration: underline } .content-verse { color: #a9a9a9; line-height: 15px; text-align: left } .post { padding: 0 0 20px 0; } .title { margin: 0; border-bottom: 2px solid #4A3903; } .byline { margin: 0; } .meta { border-top: 1px solid #4A3903; text-align: right; color: #646464; } .meta a { padding-left: 15px; background: url(images/img06.gif) no-repeat left center; font-weight: bold; } /* Sidebar */ #sidebar-before { color: #fff; background: url(../images/menu.left.before.jpg) no-repeat left top; text-align: left; vertical-align: top; float: left; margin: 0px; padding: 50px 12px 0px 0px; width: 155px; height: 450px } #sidebar-what { background: url("../images/menu.left.what.jpg") no-repeat left top; text-align: left; margin: 0; padding: 50px 12px 0 0; width: 155px; height: 450px; float: left; vertical-align: top } #sidebar-events { background: url("../images/menu.left.events.png") no-repeat left top; text-align: left; margin: 0; padding: 50px 12px 0 0; width: 155px; height: 450px; float: left; vertical-align: top } #sidebar-testimony { color: #fff; background: url("../images/menu.left.testimony.jpg") no-repeat left top; text-align: left; margin: 0; padding: 10px 12px 0 0; width: 0; height: 0; float: left; vertical-align: top } #sidebar-contact { color: #fff; background: url("../images/menu.left.address.jpg") no-repeat left top; text-align: left; margin: 0; padding: 50px 12px 0 0; width: 185px; height: 520px; float: left; vertical-align: top } #sidebar ul { } #sidebar li { list-style-type: none; list-style-position: outside; padding-top: 8px; border-bottom: 2px solid #f5f5f5 } #sidebar li ul { } #sidebar li li { padding-left: 30px; border-bottom: 1px dotted #4A3903; background: url(images/img06.gif) no-repeat 15px 50%; } #sidebar h2 { margin: 0; padding: 20px 0 2px 30px; background: url(images/img05.gif) no-repeat left bottom; border-bottom: 2px solid #4A3903; } #sidebar a { text-decoration: none; } #sidebar a:hover { color: #000} #sidebar a:active { color: #000} /* Footer */ #footer { color: #5b5e46; font-size: 12px; background: url("../images/b_bottom2.gif") no-repeat center top; text-align: center; margin: 0 auto; padding-top: 7px; width: 780px; height: 30px } #footer a { color: #5b5e46; font-weight: bold; text-decoration: none } #footer a:hover { color: #5b5e46; font-weight: bold; text-decoration: underline } #flashcontent { color: #5b5e46; font-family: Arial, Helvetica, sans-serif } .download a { color: #a00 } .download a:hover { color: #a00; text-decoration: underline } /* menu css - new - october 2008 */ /* #topmenu-main { background: url(../images/top.home_00.jpg) no-repeat 0 0; width: 111px; height: 32px; display: block } #topmenu-main:hover { background: url(../images/top.home_01.jpg) no-repeat 0 0 } #topmenu-what { background: url(../images/top.what.00.jpg) no-repeat 0 0; width: 201px; height: 32px; display: block } #topmenu-what:hover { background: url(../images/top.what.01.jpg) no-repeat 0 0 } #topmenu-before { display: block; width: 107px; height: 32px; background: url("emailUsNormal.gif") no-repeat 0 0; } #topmenu-before:hover { background: url("emailUsRollover.gif") no-repeat 0 0; } #topmenu-events { display: block; width: 107px; height: 32px; background: url("emailUsNormal.gif") no-repeat 0 0; } #topmenu-events:hover { background: url("emailUsRollover.gif") no-repeat 0 0; } #topmenu-testimony { display: block; width: 107px; height: 32px; background: url("emailUsNormal.gif") no-repeat 0 0; } #topmenu-testimony:hover { background: url("emailUsRollover.gif") no-repeat 0 0; } #topmenu-contact { display: block; width: 107px; height: 23px; background: url("emailUsNormal.gif") no-repeat 0 0; } #topmenu-contact:hover { background: url("emailUsRollover.gif") no-repeat 0 0; } #topmenu-end { display: block; width: 107px; height: 23px; background: url("emailUsNormal.gif") no-repeat 0 0; } */ /* menu css - old */ .cssnav-main { background: url("../images/top.home_01.gif") no-repeat; margin: 0; padding: 0; position: relative; width: 111px; height: 32px; float: left; overflow: hidden } /* for ie to hide extra height*/ .cssnav-main img { border: 0; width: 111px; height: 32px } .cssnav-main a:hover img { visibility:hidden } .cssnav-what { background: url(../images/top.what.01.jpg) no-repeat; white-space: nowrap; float: left; margin: 0; padding: 0; position: relative; width: 201px; height: 32px; overflow: hidden } .cssnav-what img { border: 0; width: 201px; height: 32px } .cssnav-what a:hover img { visibility:hidden } .cssnav-before { background: url(../images/top.before_01.jpg) no-repeat; float: left; margin: 0; padding: 0; position: relative; width: 128px; height: 32px; overflow: hidden } .cssnav-before img { border: 0; width: 128px; height: 32px } .cssnav-before a:hover img { visibility:hidden } .cssnav-events { background: url(../images/top.events_01.jpg) no-repeat; float: left; margin: 0; padding: 0; position: relative; width: 83px; height: 32px; overflow: hidden } .cssnav-events img { border: 0; width: 83px; height: 32px } .cssnav-events a:hover img { visibility:hidden } .cssnav-testimony { background: url(../images/top.testimony_01.jpg) no-repeat; float: left; margin: 0; padding: 0; position: relative; width: 109px; height: 32px; overflow: hidden } .cssnav-testimony img { border: 0; width: 109px; height: 32px } .cssnav-testimony a:hover img { visibility:hidden } .cssnav-contact { background: url(../images/top.address_01.jpg) no-repeat; float: left; margin: 0; padding: 0; position: relative; width: 111px; height: 32px; overflow: hidden } .cssnav-contact img { border: 0; width: 111px; height: 32px } .cssnav-contact a:hover img { visibility:hidden } .cssnav-end { background: url("../images/img.body.corner.right.gif") no-repeat; margin: 0; padding: 0; position: relative; width: 37px; height: 32px; float: left; overflow: hidden } .cssnav-end img { border: 0; width: 37px; height: 32px } .cssnav-end a:hover img { visibility:hidden } div#ad-bar { clear: both; margin: 0 20px 9px; padding: 10px 0 0; position: relative; width: 900px; height: 108px; overflow: hidden } div#ad-bar ul {list-style: none; margin: 0 -10px 0 0; position: relative; height: 108px; width: auto;} div#ad-bar ul li {float: left; width: 182px; height: 108px; margin-right: 10px;} div#ad-bar button { text-indent: -999999.04px; margin: 0; padding: 0; position: absolute; z-index: 150; top: 10px; width: 20px; height: 108px; border: none } div#ad-bar button.prev { background: transparent url(../images/left.gif) no-repeat 0 0; left: 0 } div#ad-bar button.next { background: transparent url(../images/right.gif) no-repeat 0 0; right: 0 } div#ad-bar button:hover { background-position: 0 -108px } div#ad-bar button:focus {outline: none;} /** MENU */ .menu { font-size: 13px; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-style: normal; font-variant: normal; line-height: normal; background-image: none; background-repeat: repeat-y; background-position: center; margin: 0; padding: 0; border: 0 } .menu ul { background: url("../images/destiny_top2.png") no-repeat center; list-style: none; margin-right: auto; margin-left: auto; padding: 0; width: 780px; height: 70px } .menu li { margin-top: 20px; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left } .menu li a { color: #cccccc; font-weight: normal; line-height: 35px; text-decoration: none; background: no-repeat right bottom; text-align: center; display: block; margin: 0 -10px 0 10px; padding: 0 15px } .menu li a:hover, .menu ul li:hover a { color: #ffffff; text-decoration: none; background: url("../images/hover.gif") no-repeat center bottom } .menu li ul { background: #333333; display: none; margin: 0 0 0 10px; padding: 0; position: absolute; z-index: 200; width: 195px; height: auto; border: 0 } .menu li:hover ul { display: block } .menu li li { background: url("../images/sub_sep.gif") no-repeat left bottom; display: block; margin: 0; padding: 0; width: 195px; float: none } .menu li:hover li a { background: transparent } .menu li ul a { font-size: 12px; font-style: normal; text-align: left; display: block; margin: 0; padding: 0 5px; height: 35px } .menu li ul a:hover, .menu li ul li:hover a { color: #ffffff; text-decoration: none; background: #757575 url("../images/hover_sub.gif") no-repeat left center; border: 0 } .menu p { clear: left }