/*****************************
* CSS FOR MAKEOVERSCOSTARICA *
*****************************/

body { margin:30px auto; padding:0; background:#fefefe; font-family: Verdana, Arial, Helvetica, sans-serif;
       background-image:url("../imgs/bggen.jpg"); background-position:top;
       background-repeat:repeat-x;
	   text-align:justify;
     }
img, div  { behavior: url("../iepngfix.htc")
	  }
.ctn { margin:0 auto; text-align:center;
     }
.ctnsp { margin:33px auto; text-align:center;
       }
.ctnsp img { padding:0 22px 15px 22px;
           }
.rgt { float:right; padding:0 0 0 10px;
     }
.lft { float:left; padding:0 10px 0 0;
     }
img { border:0px solid red;
    }
p { margin-top:0px;
   line-height: 1.4em;
  }
h1 {
	margin-top:0px;
	color:#2d5d71;
	font-size:18px;
   }
h2 {
	margin-top:0px;
	margin-bottom:0px;
	color:#2d5d71;
	font-size:14px;
   }
h3 { margin-top:0px; margin-bottom:10px; color:#2d5d71; font-size:13px;
   }
a { color:#891a42; text-decoration:none; font-family:Century Gothic;
  }
a:hover { color:#2a596b;
        }
.bld { font-weight:bold;
     }
/* Main Division */

#wrapper { background:#fff; width:870px; margin:0px auto;
           background-image:url("../imgs/bgtopwrap.gif");
           background-repeat:no-repeat; background-position:top;
         }
#tiptop { width:870px; text-align:left; margin:0px; padding:0px;
        }
#tiptopL { margin:0px; padding:0px; float:left; width:300px;
         }
#tiptopL img { padding:15px 0px 15px 15px;
             }
#tiptopR { margin:0 0 0 300px; padding:0px; text-align:right;
           font-size:14px;
         }
#tiptopR p { padding:15px 35px 0px 0px; color:#598898;
           }
#tiptopR a { color:#598898;
           }
#tiptopR a:hover { color:#891a42;
                 }
#container { width:800px; margin:0px auto; padding:0px;
           }

/*Header and top menu */

#header { background:#346d81; background-image:url("../imgs/bgban.jpg");
          background-repeat:no-repeat; background-position:bottom;
	  height:165px; text-align:center;
        }
#menu { padding:0; margin:3px auto 0px auto; text-transform:uppercase;
        color:#fff; font-size:11px; font-family: Century Gothic;
	white-space:nowrap; list-style-type:none; 
      }
#menu li { display:inline;
         }
#menu li a { padding:0.5em 0.5em; text-transform:uppercase;
             background:transparent; color:#fff; text-decoration:none;
             /*border:1px solid #000;*/
           }
#menu li a:hover { /*background: url("../imgs/bgmen.png") top repeat-x;*/
                   color:#97a74f; padding:0.9em 0.9em; 
                 } 
#menu li.hme a { padding:0.5em 4em 0.5em 0.5em; text-transform:uppercase;
                 background:transparent; color:#fff; text-decoration:none;
                /*border:1px solid #000;*/
               }
#menu li.hme a:hover { /*background: url("../imgs/bgmen.png") top repeat-x;*/
                       color:#97a74f; padding:0.5em 4em 0.5em 0.5em;
                     } 
/*Left*/

#left { margin-left:-119px;/* must be 1 pixel less than width*/
	width:120px;/* must be same as left margin on #middle*/
	left:-2px;/* line up exactly */
	display:inline;/* ie fix*/
	float:left; position:relative;
       }
#leftCtn { text-align:center; padding:20px 0px 0px 0px;
         }
/*Right*/

#right { margin-right:-134px;/* must be 1 pixel less than width*/
	 width:135px;/* must be same as right margin on #middle*/
	 right:-2px;/* line up */
	 display:inline;/* ie fix*/
	 float:right; position:relative;
       }
#rightCtn { text-align:center; padding:20px 0px 0px 0px;
          }

* html #left  { margin-right:-3px;  /* 3 pixel jog*/
	      }
* html #right { margin-left:-3px;   /* 3 pixel jog*/
	      }
/*Center*/

#middle { margin-left:120px; margin-right:135px;
        }
/* mac hide and combat ie's 3 pixel jog \*/
* html #centre{overflow:hidden;float:left;width:100%}
* html #middle {height:1%;}
/* end hide*/

#txts { padding:25px 10px 10px 10px;
      }
#txtsSc { padding:20px 20px 10px 20px; font-family:Century Gothic;
          font-size:13px; color:#6c6c6c;
        }
.clearer { height:1px; overflow:hidden;	
	   margin-top:-1px; clear:both;
         }

/* Bottom page and bot-menu*/

#botwrap { width:870px; height:40px; margin:0px auto;
           background-image: url("../imgs/bgbotwrap.gif");
           background-repeat:no-repeat; text-align:center;
         }
#botmen { margin:0 auto; color:#891a42;
		margin-top: 12px;
		font-size:12px; padding:12px 0px 0px 0px; width: 800px;
        }
#botmen a { color:#891a42;  text-transform:uppercase; padding:0 5px 0 5px;
            text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;
          }
#botmen a:hover { color: #333333;
                }
/* Credits*/

#credits { margin:0 auto; text-align:center; font-size:10px;
           color:#891a42; 
         }
#credits a { color:#891a42;
             text-decoration:none; font-family:Century Gothic;
           }
#credits a:hover { color:#2a596b;
                 }
/* HOME page */

.mainpage { width:520px; height:220px;
            margin:0 auto; padding:0; color:#fff;
          }
.mainpageL { float:left; width:257px; height:209px;
           }
.mpLct { width:257px; height:209px;
         background-image: url("../imgs/pink.jpg");
         background-repeat:no-repeat;
       }
.mainpageR { margin:0 0 0 260px; padding:0;
           }
.mpRct { width:257px; height:209px; background-repeat:no-repeat; 
         background-image:url("../imgs/tuquise.jpg");
       }
.testi { width:115px; height:219px; color:#fff; font-family:Century Gothic;
         background-repeat:no-repeat; font-size:12px; text-align:left;
         background-image:url("../imgs/bgtest.gif");
	 margin:0 auto 11px auto;
       }
.testi h1 { font-size:15px; color:#fff; padding-top:6px;
            text-align:center;
          }
.testi h4 { font-size:13px; padding:0px; 
            margin-top:0px; margin-bottom:0px;
          }

/* pink and blue squares */

.resmn dl { width:247px; margin:0px auto; text-align:center;
            font-size:11px; padding:7px;
          }
.resmn dl dt { width:136px; float:left; text-align:left;
             }
.resmn dl dd { width:110px; text-align:left; margin-left:136px;
             }

/* RollOvers For button */

/*Face*/

.face { position:relative; background:url("../imgs/face-b.jpg") no-repeat;
        white-space:nowrap; display:block; width:132px; height:64px;
        margin:0 0 6px 0; padding:0;
      }
.face a { display: block; width: 132px; height: 64px; 
        }
.face img { width: 132px; height: 64px;
          }
* html a:hover { visibility:visible
               }
.face a:hover img { visibility:hidden 
                  }
/*Breast*/

.breast { background:url("../imgs/breast-b.jpg") no-repeat; height:64px;
          white-space:nowrap; display:block; width:132px; padding:0;
	  position:relative; margin:0 0 6px 0;
        }
.breast a { display:block; width:132px; height:64px;
          }
.breast img { width:132px; height:64px;
            }
* html a:hover { visibility:visible
               }
.breast a:hover img { visibility:hidden 
                    }
/*Teeth*/

.teeth { position:relative; background:url("../imgs/teeth-b.jpg") no-repeat;
         white-space:nowrap; display:block; width:132px; height:64px;
         margin:0 0 14px 0; padding:0;
       }
.teeth a { display:block; width:132px; height:64px;
         } 
.teeth img { width:132px; height:64px;
           }
* html a:hover { visibility:visible
               }
.teeth a:hover img { visibility:hidden 
                   }
/*Before & After*/

#befaftrF { width:115px; height:190px; /*background:red;*/
          }
.befaftr { position:relative; background:url("../imgs/after.gif") no-repeat;
           white-space:nowrap; display:block; width:115px; height:93px;
           margin:0 0 6px 0; padding:0;
         }
.befaftr a { display: block; width: 115px; height: 93px;
           }
.befaftr img { width: 115px; height: 93px;
             }
* html a:hover { visibility:visible
               }
.befaftr a:hover img { visibility:hidden 
                     }
/*AboutCR*/

.aboutcr { background:url("../imgs/costa-rica-b.jpg") no-repeat; padding:0;
           white-space:nowrap; display:block; width:520px; height:140px;
	   position:relative; margin:0;
         }
.aboutcr a { display:block; width: 520px; height: 140px;
           }
.aboutcr img { width: 520px; height: 140px;
             }
* html a:hover { visibility:visible
               }
.aboutcr a:hover img { visibility:hidden 
                     }
/*AboutCR >> small */

.aboutcrSc { background: url("../imgs/aboutcr-b.gif") no-repeat; padding:0;
             position:relative; white-space:nowrap; display:block;
	     width:115px; height:159px; margin:15px auto;
           }
.aboutcrSc a { display:block; width: 115px; height: 159px;
             }
.aboutcrSc img { width: 115px; height: 159px;
               }
* html a:hover { visibility:visible
               }
.aboutcrSc a:hover img { visibility:hidden 
                       }
/*Medical*/

.medical { background:url("../imgs/medprocH.gif") no-repeat; height:100px;
           width:133px; margin:0 auto; padding:0;
         }
.medical select {  color:#891a42; margin:65px auto 0 auto; padding:3;
                   border:1px solid #fff;
                }
/* CONTENTS */

.equal dl { width:255px; margin:0; text-align:center;
            font-size:12px; padding:0px; margin-top:10px;
          }
.equal dl dt  { width:255px; float:left; text-align:left; padding:0 7px 0 0;
		border-right:1px solid #000;
	      }
.equal dl dd  { width:255px; text-align:left; margin-left:255px;
		padding:0 0 0 15px;
	      }
.ctnRgt	{ margin:0px auto; padding:0; text-align:center;
        }
.ctnRgt img { margin:0; padding:0 0 10px 0;
            }
/** CONTACT FORM **/

.contact  { text-align:center; margin:0px auto; font-size:12px; width:400px;
	    border:0px solid red;
	  }
.contact th { text-align:right;
            }
.contact td input { width:210px;
                  }
.contact th { text-align:left; white-space:nowrap;
            }
.contact span {	color:#e66;
	      }
/* Pager */

#pager	{ margin:0 0 10px 0; padding:10px; border:1px dashed #2C2C2C;
	  width:500px;
	}
#pager a  { float:left; display:inline; width:15px;
	  } 
.cust-pager-item,
.cust-pager-next,
.cust-pager-prev { cursor:pointer; font-size:18px; text-decoration:none;
		   padding:0 2px;
		 }
.cust-pager-item-sel { font-size:22px; cursor:pointer; padding:0 2px;
                     }
#warper	{ height:50px; overflow:hidden; position:relative; padding:10px;
	  border:1px dashed red;
        }
#content  { position:absolute;
	  }
/**/

.bgs { background:#f5f5f5; padding:4px;  display:inline;
       border:1px solid #ccc; margin:10px 0px 10px 0px;
     }
.bgs a { color:#2a596b; font-weight:bold;
       }
/**/

.banban { width:800px; height:135px; background:none;
        }
/* Video Flashes */

#bigvid { width:500px; height:542px; margin:0 auto; text-align:center;
        }
#midvid { width:480px; height:423px; margin:0 auto; text-align:center;
        }



/**************************************************************************************/

.tableIndex  { 
   line-height: 1.5em;
   margin-top: 10px;
   margin-bottom: 10px;
}

.tableMenuBottom  { 
   line-height: 1.5em;
   border: 0px;
   width: 100%;
}

.copywright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	size: 12px;
	text-align:center; 	
}


/*****************************LANDING PAGE*********************************************************/

#landing_page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight:bold;
	margin-top: 4px;
	margin-bottom: 4px;
}

#landing_page a {
	color: #FFFFFF;
	text-decoration: none;
}

#landing_page a:hover {
	color: #FFFFFF;
}

#title {
text-align:center;
font-size:23px;
}