/* CSS Document */
body { font: 14px/20px Arial, Helvetica, sans-serif; background: url("images/mainbg.gif") repeat-x; text-align: justify; margin: 0; padding: 0 }
div, p, ul, h1, h2, h3, form, label{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*---Top Panel---*/
#topPan{width:729px; height:317px; position:relative; margin:0 auto;}

#topPan ul{width:729px; height:44px; background:url(images/topmenubg.jpg) 0 0 no-repeat; font-size:13px; position:absolute; top:0px; left:0px;}
#topPan ul li{width:114px; float:left;}
#topPan ul li.leftpadding{padding:0 0 0 59px; width:86px; background: url(images/homebg.gif) 100% 0 no-repeat #fff; color:#674E00; text-decoration:none; text-align:center; line-height:44px;}
#topPan ul li a{width:114px; height:44px; display:block; background:url(images/menubg-normal.gif) 0 0 repeat-x #F2F2F2; color:#674E00; text-decoration:none; text-align:center; line-height:44px;}
#topPan ul li a:hover{width:114px; background:#fff; color:#674E00; text-decoration:none;}

#topPan #logo{width:63px; height:73px; position:absolute; top:108px; left:46px;}
#topPan h2 { color: #b38800; font-size: 12px; font-weight: normal; line-height: 16px; background: #fffcf2 url(images/logo.gif) no-repeat; display: block; padding: 41px 0 0; position: absolute; top: 108px; left: 114px; width: 160px; height: 40px }
#topPan h2 a    { color: #b38800; font-size: 12px; font-weight: 700; line-height: 16px; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left }
#topPan h1{width:315px; height:239px; background:url(images/header.jpg) 0 0 no-repeat; position:absolute; top:77px; right:0px; text-indent:-20000px;}

#topPan form{width:380px; height:46px; background:url(images/formarea.gif) 0 0 no-repeat #fff;  color:#6E6E6E; position:absolute; top:242px; left:31px; font:18px/46px Georgia, "Times New Roman", Times, serif;}
#topPan form label{float:left; width:104px; display:block; padding:0 0 0 72px;}
#topPan form input{width:112px; height:18px; float:left; display:block; margin:12px 14px 0 0;}
#topPan form input.button{width:50px; height:19px; float:left; display:block; border:none; background:url(images/button.gif) 0 0 no-repeat #F2F2F2; font-size:14px; line-height:19px; font-weight:bold; color:#fff; text-align:center; margin:12px 0 0;}
/*---/Top Panel---*/

/*---Middle Panel---*/
#middlePan{width:683px; background:url(images/middlebg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:38px 0 0 46px;}

#middletopPan{width:682px; position:relative; top:0px; left:0px;}
#middletopPan p.captiontext { color: #989898; font: italic 17px/22px Georgia, "Times New Roman", Times, serif; background: #fff; text-align: justify; padding: 0 310px 0 0 } 
#middletopPan p.name{width:250px; background:#fff; color:#000; font-size:14px; font-style:italic; font-weight:bold; padding:0 0 0 250px;}
#middletopPan p.border{background:url(images/dot-line.gif) 0% 50% repeat-x; height:74px; padding:0px; margin:0px;}
#middletopPan #services { color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("images/servicesbg.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 0; right: 0; width: 254px; height: 101px }
#middletopPan #services p.largeone{font-size:24px; padding:18px 0 0 100px;}
#middletopPan #services p.largetwo{font-size:30px; padding:5px 0 0 100px;}
#middletopPan #services p.click{width:51px;}
#middletopPan #services p.click a { color: #fff; font-size: 16px; line-height: 14px; text-decoration: none;  background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50%; display: block; margin: 14px 0 0 166px; padding: 0 0 0 15px; width: 36px; height: 18px }
#middletopPan #services p.click a:hover{text-decoration:underline;}
/*---/Middle Panel---*/

/*---Left Panel---*/
#leftPan{width:428px; float:left;}
#leftPan h2{width:300px; font:22px/28px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
#leftPan h3   { color: #b38800; font: 18px/70px Georgia, "Times New Roman", Times, serif; background: #fff url("images/icon1.jpg") no-repeat 0 50%; padding: 0 0 0 65px; width: 300px; height: 70px }
#leftPan h4    { color: #b38800; font: 18px/70px Georgia, "Times New Roman", Times, serif; background: #fff url(images/firelake.jpg) no-repeat 0 50%; padding: 0 0 0 65px; width: 300px; height: 70px }
#leftPan h5    { color: #b38800; font: 18px/70px Georgia, "Times New Roman", Times, serif; background: #fff url("images/purificacion.jpg") no-repeat 0 50%; padding: 0 0 0 65px; width: 300px; height: 70px }
#leftPan h6   { color: #b38800; font: 18px/70px Georgia, "Times New Roman", Times, serif; background: #fff url(images/tarot.jpg) no-repeat 0 50%; padding: 0 0 0 65px; width: 300px; height: 70px }
#leftPan p.redtext{font-size:18px; background:#fff; color:#D20039; padding:0 61px 0 0;}
#leftPan p.more{width:66px; height:25px;}
#leftPan p.more a{width:60px; height:25px; display:block; background:url(images/arrow1.gif) 85% 50% no-repeat #AC9145; color:#fff; font:14px/25px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; margin:0 0 0 300px; padding:0 0 0 6px;}
#leftPan p.more a:hover{background:url(images/arrow1.gif) 85% 50% no-repeat #D20039; color:#fff; text-decoration:none;}

#leftPan ul{padding:20px 62px 10px 0;}
#leftPan ul li{height:20px;}
#leftPan ul li.top-lipadding{padding:24px 0 0;}

#leftPan ul li a{background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#3D3C2C; font-size:14px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#leftPan ul li a:hover{ background:url(images/bullet2.gif) 0 6px no-repeat #fff; color:#7A7A77; text-decoration:none;}

#leftPan #blog{width:367px; height:167px; background:url(images/image1.jpg) 0 0 no-repeat #fff; color:#3D3C2C; margin:39px 0 0; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}
#leftPan #blog p.smalltext{font-size:20px; padding:16px 0 0 137px;}
#leftPan #blog p.bigtext{font-size:24px; padding:5px 0 0 137px;}
#leftPan #blog p.link{font:14px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:35px 19px 0 137px;}
#leftPan #blog p.link a{display:block; width:132px; height:54px; background:url(images/click-normal.gif) 100% 0% no-repeat #C4C4C4; color:#fff; font-weight:bold; text-decoration:none; padding:0 77px 0 0;}
#leftPan #blog p.link a:hover{text-decoration:none; background:url(images/click-hover.gif) 100% 0% no-repeat #C4C4C4; color:#fff;}

/*---/Left Panel---*/
/*---Right Panel---*/
#rightPan{width:254px; float:left;}
#rightPan h2{width:200px; height:36px; font:22px/20px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
#rightPan h3{width:200px; height:36px; font:22px/20px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}

#rightPan ul{padding:0 0 25px 0;}
#rightPan ul li{width:220px; height:25px;}
#rightPan ul li a{background:url(images/arrow2.gif) 0 7px no-repeat #fff; color:#3D3C2C; line-height:25px; text-decoration:underline; padding:0 0 0 20px;}
#rightPan ul li a:hover{background:url(images/arrow3.gif) 0 7px no-repeat #fff; color:#7A7A77; text-decoration:underline;}

#rightPan ul.nextone{padding:0 0 25px 0;}
#rightPan ul.nextone li{width:220px; height:25px;}
#rightPan ul.nextone li a{background:url(images/arrow2.gif) 0 7px no-repeat #fff; color:#D20039; line-height:25px; text-decoration:underline; padding:0 0 0 20px;}
#rightPan ul.nextone li a:hover{background:url(images/arrow3.gif) 0 7px no-repeat #fff; color:#7A7A77; text-decoration:underline;}
/*---/Right Panel---*/
/*---Footer Panel---*/
#footermainPan    { color: #6f5d2b; font: 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; background-image: url("images/footerbg.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 100px 0 0; height: 117px; clear: both }
#footerPan{width:729px; position:relative; margin:0 auto;}
#footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; right:0px;}

#footerPan ul  { position: absolute; top: 0; left: 42px; width: 546px }
#footerPan li{float:left; }
#footerPan ul li a { color: #6f5d2b; text-decoration: none; background-image: url("images/footermenubg.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 0 10px }
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld      { color: #444; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; position: absolute; top: 450px; left: 50px; width: 704px }
#footerPan ul.templateworld li{widows:150;}
#footerPan ul.templateworld li a { color: #444; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block }
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright        { color: #d20039; background-image: url(images/copyrightbg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-align: justify; position: absolute; top: 50px; left: 50px; width: 704px }

#footerPanhtml{width:58px; height:19px; display:block; position:absolute; top:47px; left:46px;}
#footerPanhtml a{width:53px; height:19px; background:url(images/button1-normal.gif) 0 0 no-repeat #fff; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(images/button1-hover.gif) 0 0 no-repeat #fff; color:#353427; text-decoration:none;}

#footerPancss{width:58px; height:19px; display:block; position:absolute; top:47px; left:108px;}
#footerPancss a{width:53px; height:19px; background:url(images/button1-hover.gif) 0 0 no-repeat #fff; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 10px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(images/button1-normal.gif) 0 0 no-repeat #fff; color:#353427; text-decoration:none;}
