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; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#004f22 url(../images/bg.jpg) repeat-x; margin:0; padding:0 } .mainContanier {width:946px;text-align:left;background:url(../images/mainBg.jpg) no-repeat;border-top:0px; margin:auto} .top{width:946px;height:162px;position:relative} a#logo { float:left} a#logo, #logo span, span.logo_span {width:291px; height:162px;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:655px;height:162px;float:left; background:url(../images/nav/nav1.png) no-repeat 0 -42px;} .header{} .headerMedia{width:946px;height:355px; margin-left:32px;} .seconderyHeader{ width:944px; height:128px; background:url(../images/seconderyHeader.jpg) no-repeat 0 0;} .content{ width:954px;position:relative; margin:auto;background:url(../images/content.png) no-repeat 0 0;} .contentL{width:632px;float:left} .contentR{width:312px;font-size:13px; float:left} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{padding:0 25px 20px;color:#fff;} *html .contentArea{ height:892px} .contentArea p{ margin:16px 0;font-size:13px;} .contentArea h1{font-size:20px; margin-top:20px; margin-bottom:20px; color:#f7cd30} .contentArea img {padding:4px;margin:20px 27px;} .contentArea a{ color:#f7cd30; text-decoration:none} .contentArea a:hover{color:#fff; text-decoration:underline} 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 inside;} div.contentArea ol li {list-style: decimal inside;} 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:#c0c0c0; height:97px;background:url(../images/bottom.png) } .footer{ width:946px; height:40px;padding:20px 0 0; text-align:center;} .footer img {margin:-5px 0 0 0} .footer a {color:#e2e3e3; text-decoration:none; font-size:12px; font-weight:bold; margin:11px;line-height:24px;} .footer a:hover { color:#feae2b;} .subBottom{background:#c0c0c0; height:146px;background:url(../images/subBottom.png) } .subFooter{ width:946px; height:43px;padding:20px 0 0; text-align:center; margin:auto} .subFooter img {margin:-5px 0 0 0} .subFooter a {color:#e2e3e3; text-decoration:none; font-size:12px; font-weight:bold; margin:11px;line-height:24px;} .subFooter a:hover { color:#feae2b;} .copyRight{ width:948px; height:57px; font-size:10px; font-weight:bold; padding:20px; color:#cbdeeb; margin:auto;text-align:center; background:url(../images/copyRight.png) left no-repeat;} .subCopyRight{ width:948px; height:42px; font-size:10px; font-weight:bold; padding:20px; color:#cbdeeb; margin:auto;text-align:center; background:url(../images/copyRight.png) left no-repeat;} .tab2{ width:340px;font-size:16px; font-weight:bold; line-height:22px; color:#3b3b3b; float:left} .slideBoxContact{ width:340px;float:right;} .adBox p{ font-size:12px;color:#3b3b3b; position:relative} .adBox h4{ font-size:12px;color:#3b3b3b; font-weight:bold} .adBox2 { padding:0 0 0 26px;} .adBox2 p{ font-size:12px;color:#3b3b3b;padding:0px 0 14px 0} .adBox2 h4{ font-size:12px;color:#3b3b3b; font-weight:bold} .adBoxInner p{ font-size:12px;color:#ffffff; position:relative} .slideBoxContactIn{ width:245px; float:left;} /**************************************************************************************************************************** * 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; bottom:24px; } a#menu1, #menu1 span, span.menu1_span {width:138px; height:31px;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:-139px 0;} a#menu2 { right:0px; bottom:0px; } a#menu2, #menu2 span, span.menu2_span {width:144px; height:45px;display:block; position:absolute; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -32px; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-145px -32px;} a#menu2In { right:0px; bottom:0px; } a#menu2In, #menu2In span, span.menu2In_span {width:140px; height:41px;display:block; position:absolute; overflow:hidden;} a#menu2In span, span.menu2In_span { position:absolute; left:0; top:0; background:url(../images/menu2In.png) no-repeat 0 0; cursor:pointer;} a#menu2In:hover span, span.menu2In_span_oo {background-position:-140px 0;} a#menu2-2 {} a#menu2-2, #menu2-2 span, span.menu2-2_span {width:144px; height:45px;display:block; position: relativee; overflow:hidden;} a#menu2-2 span, span.menu2-2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -32px; cursor:pointer;} a#menu2-2:hover span, span.menu2-2_span_oo {background-position:-145px -32px;} a#menu3 { } a#menu3, #menu3 span, span.menu3_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -102px; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-254px -102px;} a#menu4 { } a#menu4, #menu4 span, span.menu4_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -153px; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-254px -153px;} a#menu5 { } a#menu5, #menu5 span, span.menu5_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -204px; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-254px -204px;} a#menu6 { } a#menu6, #menu6 span, span.menu6_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -255px; cursor:pointer;} a#menu6:hover span, span.menu6_span_oo {background-position:-254px -255px;} a#menu7, #menu7 span, span.menu7_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -306px; cursor:pointer;} a#menu7:hover span, span.menu7_span_oo {background-position:-254px -306px;} a#menu8 { } a#menu8, #menu8 span, span.menu8_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -357px; cursor:pointer;} a#menu8:hover span, span.menu8_span_oo {background-position:-254px -357px;} a#menu9 { } a#menu9, #menu9 span, span.menu9_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -408px; cursor:pointer;} a#menu9:hover span, span.menu9_span_oo {background-position:-254px -408px;} a#menu10 { } a#menu10, #menu10 span, span.menu10_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -459px; cursor:pointer;} a#menu10:hover span, span.menu10_span_oo {background-position:-254px -459px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:151px; height:50px;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 } #replace2 {width:151px; height:50px;position:relative; overflow:hidden; } #replace2 span, span.replace2 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -51px; } #replace3 {width:151px; height:50px;position:relative; overflow:hidden; } #replace3 span, span.replace3 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -102px; } #replace4 {width:151px; height:50px;position:relative; overflow:hidden; } #replace4 span, span.replace4 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -153px; } #replace5 {width:151px; height:50px;position:relative; overflow:hidden; } #replace5 span, span.replace5 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -204px; } #replace6 {width:151px; height:50px;position:relative; overflow:hidden; } #replace6 span, span.replace6 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -255px } #replace7 {width:151px; height:50px;position:relative; overflow:hidden; } #replace7 span, span.replace7 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -306px } #replace8 {width:151px; height:50px;position:relative; overflow:hidden; } #replace8 span, span.replace8 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -357px } #replace9 {width:151px; height:50px;position:relative; overflow:hidden; } #replace9 span, span.replace9 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -408px } #replace10 {width:151px; height:50px;position:relative; overflow:hidden; } #replace10 span, span.replace10 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -459px; } /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:300px;padding:13px 0 0 17px;margin-top:20px;background:url(../images/accordionBg.png) no-repeat;} .accordionContent{padding:10px;overflow:hidden; background:#e2e3e3;} .accordion a, .accordion span, .accordion h3 {width:283px;height:46px;margin:0;padding:0;display:block;position:relative;overflow:hidden;} .accordion span, .accordion h3 { background-image:url(../images/accordionMenu.png); } .accordion span {position:absolute; left:0; top:0; cursor:pointer;} .accordion h3 { width:283px;} .accordionContent{ width:263px;} .accordionStyle1{font-size:13px; font-weight:bold; line-height:22px; color:#3b3b3b;} #accordionMenu1 {background-position: -283px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -283px 0;} #accordionMenu2 {background-position: -283px -46px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -46px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-283px -46px;} #accordionMenu3 {background-position: -283px -92px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -92px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position:-283px -92px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:931px;height:366px;padding:15px 0 0 15px;position:relative;background:url(../images/sliderWrapper.png) no-repeat left top; left:16px;} #slideLinks { background:url(../images/slideNav.png) 0 -61px no-repeat;} #slideLinks, #slideLinks ul{ width:912px; height:61px;} #slideLinks li{width:304px; height:61px; float:left;list-style:none} #slideLinks li a, #slideLinks a span {display:block; position:relative; overflow:hidden;} #slideLinks a span {position:absolute; left:0; top:0; background:url(../images/slideNav.png) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:304px; height:61px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -61px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:304px; height:61px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-304px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-304px -61px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:304px; height:61px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-608px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-608px -61px;} #slideCont {width:909px;clear:both; margin:0 0 0 1px;position:relative; overflow:hidden;} #slideItems { width:2727px; position:relative;} #slideItems li {width:849px; padding:18px 30px; height:253px;display:block; float:left;position:relative;overflow:hidden;} a#slidePrevious { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat left top; left: -33px; top: 107px; } a:hover#slidePrevious { background-position:0 -69px} a#slideNext { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat -34px 0; right:-33px; top: 107px; } a:hover#slideNext { background-position:-34px -69px} a#slide-previous-link, a#slide-next-link { display:block; position:absolute; width:40px; height:40px; overflow:hidden; top:130px; } a#slide-previous-link {left:5px;} a#slide-next-link {left:883px;} /**************************************************************************************************************************** * END [HSLIDER] ****************************************************************************************************************************/