/* By Simmu.net */ /*reset*/ body,div,ul,li,h1,h2,h3,form,input,p,a,blockquote{margin:0; padding:0; outline:none;} li{ list-style:none;} a img{border:none;} /*share*/ .lCol, .floatL{float:left;} .rCol, .floatR{float:right;} .rAlign{ text-align:right;} .noMargin{ margin:0 !important;} .block{ display:block;} .hide{ display:none;} .clear{clear:both;} /*Global*/ html, body{ height:100%; background:#79A7B7 url(../images/headerBg.jpg) repeat-x top left; font-family:'Trebuchet MS', Georgia, Arial, "Times New Roman", Times, serif; color:#525758;} body{font-size:62.5%; line-height:1.4;} #wraper{ min-height:100%; height:auto !important; height:100%; margin:0 auto -254px; font-size:1.3em; } #header{ overflow:hidden; width:780px; margin:0 auto; padding-top:10px;} #contentOutset{ background:#EEF8FB;} p{margin:5px 0; } .imgTxt{ text-indent:-9999px; display:block; background:url(../images/assetImage.png) no-repeat; line-height:0; height:20px;} h1 a{background:url(../images/logo.png) no-repeat; height:52px; width:200px; text-indent:-9999px; display:block; float:left;} h2{color:#0f353d; margin-bottom:10px; height:20px;} .clear{ clear:both;} .clearL{clear:left;} .featureList{ background:#EEF8FB url(../images/listBg.jpg) repeat-x; border:1px solid #C3E0EB; border-width:1px 0; padding:15px; } .featureList li{ padding:2px 0; background:url(../images/checkIcon.gif) 0 5px no-repeat; padding-left:25px;} #language{float:right; text-decoration:none; position:relative; color:#0F353D; top:25px; border-bottom:1px dotted #90C8DB; color:#555; background:url(../images/redDot.png) 0 3px no-repeat; padding-left:15px;} #language:hover{color:#000;} .imageWBorder {margin:5px 10px 10px 0; border:5px solid #fff; } form{margin-top:5px;} .pointList li{ list-style:disc; margin:10px 0 10px 20px;} /*Image text*/ .contactTxt{ background-position: 0 -71px; height:15px; width:124px;} /*Navigation*/ #navigation, #content, #header, #footerContent{width:780px; margin:0 auto;} #navigation{width:720px;} #navigation li{list-style:none; float:left; padding-right:10px;} #navigation li a{ text-indent:-9999px; display:block; width:110px; height:30px; background-image:url(../images/assetImage.png); background-repeat:no-repeat;} #aboutMe{ background-position:-120px 0px;} #animalReiki{ background-position:-240px 0px;} #services{ background-position:-360px 0px;} #testimonials{ background-position:-480px 0px;} #contact{ background-position:-600px 0px;} #home:hover, .current #home{ background-position:0 -30px;} #aboutMe:hover, .current #aboutMe { background-position:-120px -30px;} #animalReiki:hover, .current #animalReiki { background-position:-240px -30px;} #services:hover, .current #services { background-position:-360px -30px;} #testimonials:hover, .current #testimonials { background-position:-480px -30px;} #contact:hover, .current #contact{ background-position:-600px -30px;} /*Header*/ #headerImage{ background:#fff; height:240px; border:5px solid #C3E0EB; border-width:5px 0; text-align:center;clear:left;} #headerImage div{ height:240px; width:780px; margin:0 auto; text-indent:-9999px;} .animalReiki #headerImage div{background: url(../images/headerImages/cuddling.jpg) top right no-repeat; } .home #headerImage div{background:url(../images/headerImages/kittenAndPuppies.jpg) center center no-repeat;} .aboutMe #headerImage div{background:url(../images/headerImages/bullDogs.jpg) center center no-repeat;} .services #headerImage div{background:url(../images/headerImages/groupOfkittens.jpg) center center no-repeat;} .testimonials #headerImage div{background:url(../images/headerImages/puppykiss.jpg) center center no-repeat;} /*Page Title*/ .testimonialsTxt{ background:url(../images/headerText.png) no-repeat 0 -83px; } .homeTxt{ background:url(../images/headerText.png) no-repeat 0 0px; } .aboutMeTxt{ background:url(../images/headerText.png) no-repeat 0 -20px; } .aboutReikiTxt{background:url(../images/headerText.png) no-repeat 0 -42px; } .servicesTxt{background:url(../images/headerText.png) no-repeat 0 -62px; } /*Body*/ #content{ min-height:350px; height:auto !important; height:350px; padding:15px 0; } #content .lCol{width:494px;} #content .rCol{width:270px;} .push{ height:254px;} #content a{ text-decoration:none; border-bottom:1px dotted #90C8DB; color:#555;} #content a:hover{color:#000;} /*Treatment Table Style*/ .treatmentPrograms{ margin:0 auto 20px auto ; background:#E3F1F4; width:460px;} .treatmentPrograms caption{ background:url(../images/recommendedHeaderTxt.jpg) no-repeat; width:460px; height:30px; text-align:left; margin:0; padding:0;} .treatmentPrograms td{ border-bottom:1px solid #eef8fb; padding:3px 0;} .treatmentPrograms th{ background:#90c8db; color:#fff; font-size:14px; padding:5px; text-align:left;} .treatmentPrograms .headers{padding-left:20px; font-weight:bold; } .treatmentPrograms td{ padding:5px;} caption{margin:20px 0 0 0 ; padding:0; font-weight:bold; } caption span{ position:relative; top:5px; left:20px; } .recommendedTxt{background:url(../images/headerText.png) no-repeat 0 -102px;} .availablePrgForPetTxt{background:url(../images/headerText.png) no-repeat 0 -122px;} .availablePrgForPetOwnerTxt{background:url(../images/headerText.png) no-repeat 0 -142px;} .notice{ background:#f1cbe1; border:1px dotted #777; margin:10px 0 0 0; padding:5px; } .notice strong{color:#cd5299;} /*Footer*/ #footer{ background:#78A6B5 url(../images/footerBg.jpg) repeat-x; width:100%; min-height:200px; height:auto !important; height:200px; border-top:1px solid #48A1B2; color:#fff; font-weight:bold; padding:12px 0 13px 0;} #info{font-size:1.2em;} #footer h2{margin-bottom:10px;} #footer p{margin-right:10px; overflow:auto;} #emailForm p{width:255px;} #emailForm .clearL{width:auto;} #footer label{display:block; margin-bottom:6px; font-weight:bold; } #submit{ background:url(../images/assetImage.png) 0 -251px no-repeat; height:26px;width:91px; float:right; margin-top:62px; border:none; cursor:pointer; outline:none !important;} #submit:hover{ background:url(../images/assetImage.png) -95px -251px no-repeat;} .error{ display:block; background:url(../images/errorIcon.gif) no-repeat; height:22px; font-size:1.1em; padding-left:30px; color:#83274F; padding-top:2px;} #footer p{margin-right:10px; font-size:1.3em;} #copyrights{font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin-top:15px;} #copyrights span{ float:left;} #designer{float:right; text-decoration:none; color:#fff;} .hp{color:#FFCFE3;} .youtube{ font-size:110%; font-weight:bold; color:#111 !important; margin-bottom:10px; display:block; border:none !important; background:url(../images/youtubeLogo.png) no-repeat;padding-left:50px;} #disclaimer{clear:both; visibility:hidden; height:1px; overflow:hidden;} /*Forms*/ #footer form{ overflow:hidden; width:640px;} .txtBox{ background:url(../images/assetImage.png) 0 -121px no-repeat; height:17px; width:227px; border:none; padding:4px 6px; color:#3B575F;} input.selected{ background:url(../images/assetImage.png) 0 -290px no-repeat;} textarea{background:url(../images/assetImage.png) 0 -151px no-repeat; height:81px; width:481px; border:none; padding:4px 6px; color:#3B575F; resize:none; float:left;} textarea.selected{background:url(../images/assetImage.png) 0 -320px no-repeat;} #footerContent .notice{width:480px; color:#111;} #progressContainer,#sendResult{font-size:13px;} #progressContainer img{margin-left:-5px; display:block;} /*about me*/ .aboutMe img {float:left;} .aboutMe #aboutAkiko{float:left; width:560px;} #aboutAkiko h3{margin:20px 0 0 0;} /*animail reiki*/ #problemLists{margin:10px 50px;} #problemLists li{ list-style:url(../images/checkIcon.gif) none; padding-left:0px;} /*testimonial*/ .client{ color:#EC79DD; display:block; margin:5px 0 10px 45px; font-weight:bold;} blockquote{ background:url(../images/openQuotes.gif) no-repeat; padding:10px 0 0 45px;} #testimonialsList{margin-bottom:50px;} #testimonialsList li{background:url(../images/closeQuotes.gif) 735px 80% no-repeat; margin-bottom:15px; border-bottom:1px solid #e3f1f5; } #testimonialsList p{padding-right:50px;} /*sevices*/ .services .treatmentPrograms {margin:0 0 20px 0;} .services h3{margin:0 0 10px 0;} .services .headers{width:90px; } .services #hours,.services #hours2{width:260px; } .services .notice{width:450px;} .services caption span{font-size:1.2em;}