body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0 } legend { color:#000; } h1, h2, h3, h4, h5, h6, strong {font-weight:bold;} h1, h2, h3 {margin:1em 0;} h3 {font-size:108%;} /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#be4736 url(../images/bg.png) repeat-x; margin:0; padding:0 } .mainContanier {width:960px;text-align:left;background: url(../images/mainBg.jpg) no-repeat;border-top:0px; margin:auto} .top{ width:960px;height:86px;position:relative} a#logo { float:left} a#logo, #logo span, span.logo_span {width:341px; height:86px;display:block; position:relative; overflow:hidden;} a#logo span, span.logo_span { position:absolute; left:0; top:0; background:url(../images/logo.png) no-repeat 0 0; cursor:pointer;} a#logo:hover span, span.logo_span_oo {background-position:0 0;} .topR{width:619px;height:86px;float:left; background:url(../images/topR.png) no-repeat 52px 0;} .header{width:950px; padding:0 0 0 10px} .headerMedia{width:722px;height:497px; float:left} .seconderyHeader{ width:724px; height:163px;} .content{ width:960px;position:relative} .contentL{width:215px;float:left} .contentR{width:724px;font-size:13px; float:left} .contentRBottom{width:714px; height:35px;background:url(../images/contentRBottom.png) no-repeat 0 0;} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{width:662px; min-height:910px; border-right:1px solid #d4897e;border-left:1px solid #d4897e;background:#641f15;padding:0 25px 20px;color:#fff; position:relative;} *html .contentArea{ height:910px; margin-top:-5px;} .contentArea p{ margin:16px 0; font-size:1.1em;} .contentArea h1{font-size:1.50em; margin-top:20px; margin-bottom:20px} .contentArea img {margin:20px 27px; border:1px solid silver;} .contentArea a{ color:#f3eff6} .contentArea a:hover{color:#f1defe} .fixFF{ height:6px; font-size:6px} div.contentArea blockquote,div.contentArea ul,div.contentArea ol,div.contentArea dl {margin:0;} div.contentArea ol,div.contentArea ul,div.contentArea dl {margin-left:2em;} div.contentArea ul li {list-style: disc outside; font-size:1.1em;} div.contentArea ol li {list-style: decimal outside; font-size:1.1em;} div.contentArea li {margin:0.patients3em 0; list-style-position:inside;list-style-type:disc;} div.contentArea dl dd {margin-left:1em;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .goTop { text-align:right; padding:0 0 30px 0} .goTop a { padding:0 0 0 22px;line-height:24px;background:url(../images/goTop.gif) no-repeat;} .goTop a:hover { color:#470b0b; background-position:0 -40px;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .mainContent{width:960px;} .mainContentL{width:480px; height:100px; background:#c3e6d9; float:left} .mainContentR{width:480px; height:100px; background:#e0e6c3; float:left} .bottom{background:#bd4636 url(../images/bottom.png); padding:1px 0 0 0 } .footer{ width:958px; height:146px;margin:auto; text-transform: uppercase; text-align:center; background:#bd4636 url(../images/footer.png) no-repeat;padding:20px 0 0; position:relative;} .footer img {margin:-5px 0 0 0} .footer a { color:#FFF;text-decoration:none; font-size:9px; margin:2px;line-height:24px; font-weight:bold} .footer a:hover { color:#5c113b;} .copyRight{ width:760px; font-size:10px; padding:15px 20px; color:#cbdeeb; margin:auto; margin-top:16px; text-align:center; background:url(../images/copyRight.jpg) left no-repeat;} /**************************************************************************************************************************** * Ront Resize >> css ****************************************************************************************************************************/ .fontResize{ width:230px; height:46px; position:relative; background:#4780ac url(../images/fontResize.png) no-repeat 10px 12px; position:absolute; right:288px; top: 8px; } a.fontIncrease { width:29px; height:29px; display:block; position:absolute; right:50px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat;} a:hover.fontIncrease { background-position:0 -29px;} a.fontDecrease {width:29px; height:29px; display:block; position:absolute; right:10px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat -29px 0;} a:hover.fontDecrease { background-position:-29px -29px;} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 {right:30px;top:360px;} a#menu1, #menu1 span, span.menu1_span {width:147px; height:32px;display:block; position:absolute; overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0; cursor:pointer;} a#menu1:hover span, span.menu1_span_oo {background-position:-147px 0;} a#menu1-1 {right:0;top:0;} a#menu1-1, #menu1-1 span, span.menu1-1_span {width:147px; height:32px;display:block; position:relative; overflow:hidden;} a#menu1-1 span, span.menu1-1_span { position:absolute; left:0; top:0; background:url(../images/menu1Inner.png) no-repeat 0 0; cursor:pointer;} a#menu1-1:hover span, span.menu1-1_span_oo {background-position:-147px 0;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:486px; height:42px;position:relative; overflow:hidden; } #replace1 span, span.replace1 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 0 } /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ .vSliderWrapper{width:930px; height:431px;padding:20px 0 0 13px;background:url(../images/vSliderBg.png) no-repeat 0 0;} .vSliderL{width:357px;height:283;float:left} .vSliderR{ width:571px; float:left;color:#000;} ul#vSlideItems {height:390px;padding:18px 36px 0 12px; position:relative;} ul#vSlideItems p { line-height:14px;} ul#vSlideItems a {color:#9648C4;} ul#vSlideLinks { width:357px;overflow:hidden;background:url(../images/vSlideMenu.jpg) no-repeat -357px 0; margin:0; padding:0; } ul#vSlideLinks li{width:357px; height:68px; padding:0; margin:0; overflow:hidden; line-height:2px; font-size:2px; } a#vSlideMenu1, #vSlideMenu1 span, span.vSlideMenu1_span {width:357px; height:68px;display:block; position:relative; overflow:hidden;} a#vSlideMenu1 span, span.vSlideMenu1_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 0; cursor:pointer;} a#vSlideMenu1:hover span, span.vSlideMenu1_span_oo { background-position: -357px 0;} a#vSlideMenu2, #vSlideMenu2 span, span.vSlideMenu2_span {width:357px; height:68px;display:block; position:relative; overflow:hidden;} a#vSlideMenu2 span, span.vSlideMenu2_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -68px; cursor:pointer;} a#vSlideMenu2:hover span, span.vSlideMenu2_span_oo { background-position: -357px -68px;} a#vSlideMenu3, #vSlideMenu3 span, span.vSlideMenu3_span {width:357px; height:68px;display:block; position:relative;overflow:hidden;} a#vSlideMenu3 span, span.vSlideMenu3_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -136px; cursor:pointer;} a#vSlideMenu3:hover span, span.vSlideMenu3_span_oo {background-position: -357px -136px;} a#vSlideMenu4, #vSlideMenu4 span, span.vSlideMenu4_span {width:357px; height:68px;display:block; position:relative;overflow:hidden;} a#vSlideMenu4 span, span.vSlideMenu4_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -204px; cursor:pointer;} a#vSlideMenu4:hover span, span.vSlideMenu4_span_oo {background-position: -357px -204px;} a#vSlideMenu5, #vSlideMenu5 span, span.vSlideMenu5_span {width:357px; height:68px;display:block; position:relative;overflow:hidden;} a#vSlideMenu5 span, span.vSlideMenu5_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -272px; cursor:pointer;} a#vSlideMenu5:hover span, span.vSlideMenu5_span_oo {background-position: -357px -272px;} a#vSlideMenu6, #vSlideMenu6 span, span.vSlideMenu6_span { width:357px; height:68px;display:block; position:relative; overflow:hidden;} a#vSlideMenu6 span, span.vSlideMenu6_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -340px; cursor:pointer;} a#vSlideMenu6:hover span, span.vSlideMenu6_span_oo {background-position: -357px -340px;} /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:203px;padding:4px;border:0; } .accordionContent{ padding:10px;overflow:hidden; background:#641F15;border-left:1px solid #641F15;border-right:1px solid #641F15} .accordion a, .accordion span, .accordion h3 {width:203px;height:51px;margin:0;padding:0;display:block;position:relative;overflow:hidden;} .accordion a {color:#FFF600;} .accordion span, .accordion h3 { background:url(../images/accordionMenu.png) -203px 0 no-repeat;} .accordion span {position:absolute; left:0; top:0; cursor:pointer;} .accordion h3 { width:203px;} .accordionContent p {color:#FFF;} #accordionMenu1 {background-position: -203px -1px;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 -1px;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -203px -1px;} #accordionMenu2 {background-position: -203px -52px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -52px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-203px -52px;} #accordionMenu3 {background-position: -203px -103px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -103px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -203px -103px;} #accordionMenu4 {background-position: -203px -154px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -154px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -203px -154px;} #accordionMenu5 {background-position: -203px -205px;} #accordionMenu5 span, span.accordionMenu5_span {background-position: 0 -205px;} #accordionMenu5 a:hover span, span.accordionMenu5_span_oo {background-position: -203px -205px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ .glacialslide-html{background-color:#FFF;} .glacialslide-html-blur{border:2px solid gray;} .glacialslide-html-content{position:absolute;display:none;} .glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;} .glacialslide-move{cursor:move;} .glacialslide-display-block{display:block;} .glacialslide-display-none{display:none;} .control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;} .control:hover{color:#000!important;} .fontResize{ width:181px; height:38px; position:absolute; background:url(../images/lc_font_resizer.png) no-repeat; left: 515px; top:5px; } a#font_resize_increase { width:13px; height:13px; position:absolute; display:block; background:url(../images/lc_font_resizer.png) no-repeat -133px -13px; font-size:8px; left: 133px; top: 13px; } a#font_resize_decrease { width:11px; height:5px; position:absolute; display:block; background:url(../images/lc_font_resizer.png) no-repeat -158px -17px; font-size:8px; left: 158px; top: 17px; } /**************************************************************************************************************************** * Buttons for Ajax >> css ****************************************************************************************************************************/ a:link.btn0, a:visited.btn0 { display:block; width:147px; height:32px; background:transparent url('../images/btn-learnmore1.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn0 { background-position: 0px -32px; } a:link.btn1, a:visited.btn1 { display:block; width:147px; height:32px; background:transparent url('../images/btn-learnmore2.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn1 { background-position: 0px -32px; } a:link.btn2, a:visited.btn2 { display:block; width:147px; height:32px; background:transparent url('../images/btn-directions1.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn2 { background-position: 0px -32px; } a:link.btn3, a:visited.btn3 { display:block; width:147px; height:32px; background:transparent url('../images/btn-appointment1.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn3 { background-position: 0px -32px; } a:link.btn4, a:visited.btn4 { display:block; width:147px; height:32px; background:transparent url('../images/btn-directions2.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn4 { background-position: 0px -32px; } a:link.btn5, a:visited.btn5 { display:block; width:147px; height:32px; background:transparent url('../images/btn-appointment2.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn5 { background-position: 0px -32px; } #seminar_calendar {left:450px; top:51px;} a#seminar_calendar, #seminar_calendar span, span.seminar_calendar_span {width:137px;height:29px;display:block; position:relative; overflow:hidden;} a#seminar_calendar span, span.seminar_calendar_span { position:absolute; left:0; top:0; background:url(../images/lc_topR_button.png) no-repeat 0 0;} a#seminar_calendar:hover span, span.seminar_calendar_span_oo { background-position:-0 -29px; cursor:pointer} #searchbox{float:right;padding-right:35px;padding-top:55px;} #searchbox label{font-weight:bold;color:#fff;} a#facebookBtn { left:400px; top:90px} a#facebookBtn, #facebookBtn span, span.facebookBtn_span {width:166px;height:40px;display:block; position:absolute; overflow:hidden;} a#facebookBtn span, span.facebookBtn_span { position:absolute; left:0; top:0; background:url(../images/facebook_btn.jpg) no-repeat 0 0;}