@charset "utf-8";
/* CSS Document */

body {
	background-color:#915015;
	margin-top:0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	text-align:justify;

}
.textImg {
	display:none;
}
img.imgBorder, .imgBorder img {
	border:solid 2px #4b3f3f;
}
a img, img {
	border:none;
}
p img {
	margin:8px !important;
}
a {
	color:#915015;
}
#mainFrame {
	width:903px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.breadcrumb {
	margin:10px 0 0 15px;
}
.breadcrumb a,
.breadcrumb a:visited {
	color:#048C2C
}
p {
	margin-top: 0px !important;
	margin-bottom:8px;
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin:0px;
	color:#4b3f3f
}
.note {
	font-size:11px;
	color:#666666;
}

/***************/
/*   HEADER    */
/***************/

#header {
	background:url(../_images/layout/header_bg.jpg) no-repeat 0 0    ;
	height:293px;
	position:relative;
}


#header #menu {
	height: 24px;
	width:100%;
	position:absolute;
	bottom:0px;
}
* html #header #menu {
	bottom:-1px;
}

/***************/
/*    MENU     */
/***************/

#menu a {
	width:100%;
	height:24px;
	display:block;
}
#menu a.item1 {
	width:133px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item1.gif) bottom left no-repeat;
}
#menu a.item1:HOVER {
	width:133px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item1.gif) top left no-repeat;
}
#menu a.item2 {
	width:111px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item2.gif) bottom left no-repeat;
}
#menu a.item2:HOVER {
	width:111px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item2.gif) top left no-repeat;
}
#menu a.item3 {
	width:109px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item3.gif) bottom left no-repeat;
}
#menu a.item3:HOVER {
	width:109px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item3.gif) top left no-repeat;
}
#menu a.item4 {
	width:136px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item4.gif) bottom left no-repeat;
}
#menu a.item4:HOVER {
	width:136px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item4.gif) top left no-repeat;
}
#menu a.item5 {
	width:122x;
	height:24px;
	background:url(../_images/eng_imgs/menu_item5.gif) bottom left no-repeat;
}
#menu a.item5:HOVER {
	width:122px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item5.gif) top left no-repeat;
}
#menu a.item6 {
	width:114x;
	height:24px;
	background:url(../_images/eng_imgs/menu_item6.gif) bottom left no-repeat;
}
#menu a.item6:HOVER {
	width:114px;
	height:24px;
	background:url(../_images/eng_imgs/menu_item6.gif) top left no-repeat;
}

/* ESPANOL */

#es #menu a.item1 {
	width:127px;
	height:24px;
	background:url(../_images/es_imgs/menu_item1.gif) bottom left no-repeat;
}
#es #menu a.item1:HOVER {
	width:127px;
	height:24px;
	background:url(../_images/es_imgs/menu_item1.gif) top left no-repeat;
}
#es #menu a.item2 {
	width:90px;
	height:24px;
	background:url(../_images/es_imgs/menu_item2.gif) bottom left no-repeat;
}
#es #menu a.item2:HOVER {
	width:90px;
	height:24px;
	background:url(../_images/es_imgs/menu_item2.gif) top left no-repeat;
}
#es #menu a.item3 {
	width:117px;
	height:24px;
	background:url(../_images/es_imgs/menu_item3.gif) bottom left no-repeat;
}
#es #menu a.item3:HOVER {
	width:117px;
	height:24px;
	background:url(../_images/es_imgs/menu_item3.gif) top left no-repeat;
}
#es #menu a.item4 {
	width:108px;
	height:24px;
	background:url(../_images/es_imgs/menu_item4.gif) bottom left no-repeat;
}
#es #menu a.item4:HOVER {
	width:108px;
	height:24px;
	background:url(../_images/es_imgs/menu_item4.gif) top left no-repeat;
}
#es #menu a.item5 {
	width:154x;
	height:24px;
	background:url(../_images/es_imgs/menu_item5.gif) bottom left no-repeat;
}
#es #menu a.item5:HOVER {
	width:154px;
	height:24px;
	background:url(../_images/es_imgs/menu_item5.gif) top left no-repeat;
}
#es #menu a.item6 {
	width:129x;
	height:24px;
	background:url(../_images/es_imgs/menu_item6.gif) bottom left no-repeat;
}
#es #menu a.item6:HOVER {
	width:129px;
	height:24px;
	background:url(../_images/es_imgs/menu_item6.gif) top left no-repeat;
}


/****************/
/* CONTENT AREA */
/****************/

#home #contentArea {
	width:auto;
	padding:28px 0 0 69px;
	background:url(../_images/layout/home_map.gif) no-repeat bottom right;
	height:538px;
	overflow:hidden;
}
#contentArea img {
	float:left;
	margin:0px;
}
#contentArea h2 {
	font-weight:bold;
	font-size:14px;
	margin:5px 0 8px 0;
}
#section #contentArea {
	width:auto;
	background:url(../_images/layout/sec_textarea_bg3.jpg) no-repeat bottom right;
	height:562px;
}
#section #contentArea .animal1{
	width:100%;
	background:url(../_images/layout/animal_1.jpg) no-repeat top right;
	height:562px;
	float:right;
}
#section #contentArea .animal2{
	width:100%;
	background:url(../_images/layout/animal_2.jpg) no-repeat top right;
	height:562px;
	float:right;
}
#section #contentArea .animal3{
	width:100%;
	background:url(../_images/layout/animal_3.jpg) no-repeat top right;
	height:562px;
	float:right;
}
#section #contentArea .animal4{
	width:100%;
	background:url(../_images/layout/animal_4.jpg) no-repeat top right;
	height:562px;
	float:right;
}
#section #contentArea .animal5{
	width:100%;
	background:url(../_images/layout/animal_5.jpg) no-repeat top right;
	height:562px;
	float:right;
}
#section #contentArea .animal6{
	width:100%;
	background:url(../_images/layout/animal_6.jpg) no-repeat top right;
	height:562px;
	float:right;
}
#home #textArea {
	width:388px;
	height:259px;
	background:url(../_images/layout/home_contentarea_bg.gif) no-repeat 0 0;
	float:left;
}
#section #textArea {
	padding-left:25px;
}
#section #contentArea #mainContent {
	width: 611px;
	height:562px;
	background: url(../_images/layout/sec_textarea_bg2.gif) bottom right no-repeat;
	clear:both;
	float:left;
}
* html #section #contentArea #mainContent {
	background-position: 423px bottom;
}

/*  Text Area Backgrounds */

#section #contentArea .ourCompany {
	width: 611px;
	height:440px;
	background: url(../_images/eng_imgs/sec_textarea_bg1_ourCompany.jpg) 0 18px  no-repeat;
	clear:both;
	float:left;
}
#es #section #contentArea .ourCompany {
	width: 611px;
	height:440px;
	background: url(../_images/es_imgs/sec_textarea_bg1_ourCompany.jpg) 0 18px  no-repeat;
	clear:both;
	float:left;
}
#section #contentArea .tours {
	width: 611px;
	height:440px;
	background: url(../_images/eng_imgs/sec_textarea_bg1_tours.jpg) 0 0px  no-repeat;
	clear:both;
	float:left;
}
#es #section #contentArea .tours {
	width: 611px;
	height:440px;
	background: url(../_images/es_imgs/sec_textarea_bg1_tours.jpg) 0 0px  no-repeat;
	clear:both;
	float:left;
}
#section #contentArea .places {
	width: 611px;
	height:440px;
	background: url(../_images/eng_imgs/sec_textarea_bg1_places.jpg) 0 12px  no-repeat;
	clear:both;
	float:left;
}
#es #section #contentArea .places {
	width: 611px;
	height:440px;
	background: url(../_images/es_imgs/sec_textarea_bg1_places.jpg) 0 12px  no-repeat;
	clear:both;
	float:left;
}
#section #contentArea .gallery {
	width: 611px;
	height:440px;
	background: url(../_images/eng_imgs/sec_textarea_bg1_gallery.jpg) 0 0  no-repeat;
	clear:both;
	float:left;
}
#es #section #contentArea .gallery {
	width: 611px;
	height:440px;
	background: url(../_images/es_imgs/sec_textarea_bg1_gallery.jpg) 0 0  no-repeat;
	clear:both;
	float:left;
}
#section #contentArea .contact {
	width: 611px;
	height:440px;
	background: url(../_images/eng_imgs/sec_textarea_bg1_contactus.jpg) 0 12px  no-repeat;
	clear:both;
	float:left;
}
#es #section #contentArea .contact {
	width: 611px;
	height:440px;
	background: url(../_images/es_imgs/sec_textarea_bg1_contactus.jpg) 0 12px  no-repeat;
	clear:both;
	float:left;
}
#section #contentArea .reservations {
	width: 611px;
	height:440px;
	background: url(../_images/eng_imgs/sec_textarea_bg1_reservations.jpg) 0 0  no-repeat;
	clear:both;
	float:left;
}
#es #section #contentArea .reservations {
	width: 611px;
	height:440px;
	background: url(../_images/es_imgs/sec_textarea_bg1_reservations.jpg) 0 0  no-repeat;
	clear:both;
	float:left;
}
/********************/
/*     PAGES        */
/********************/


/* Our Company */
.ourCompany .animalPhotos {
	margin:50px 0 0 0;
	width:500px;
}
.ourCompany .animalPhotos img {
	margin:8px !important;
}

/* Animals Gallery */
#galleryScrollHolder {
	z-index:100
}
#galleryScrollHolder img {
	margin:3px;
}
#galleryScrollHolder iframe {
	background-color: transparent;
}

/*** Reservation forms ***/
select, input, textarea {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}







/****************/
/*    FOOTER    */
/****************/

#home #footer {
	height:91px;
	width:100%;
	background:url(../_images/layout/home_footer2.gif) no-repeat top right;
}
#home #footer div {
	height:61px;
	width:846px;
	background:url(../_images/layout/home_footer1.gif) no-repeat top left;
	padding:31px 0 0 57px;
}
#footer div img.langImgs{
	margin:0 0 0 7px;
}
#section #footer {
	height:95px;
	width:100%;
	background:url(../_images/layout/sec_footer_2.gif) no-repeat top right;
}
#section  #footer div.content {
	height:64px;
	width:846px;
	background:url(../_images/layout/sec_footer_1.gif) no-repeat top left;
	padding:31px 0 0 57px;
	position:relative;
}
#section div.animalsBottom {
	width: 484px;
	height:329px;
	position:absolute;
	bottom:0px;
	right:0px;
	padding:0;
	z-index: 10;
}
* html #section div.animalsBottom {
	bottom:-2px;
	right:-1px;
}

/*****************/
/*    Scroll     */
/*****************/

div.scrollholder
{
    position: relative;
    overflow: auto;
    z-index: 1;
    background: transparent;
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: url(../_images/layout/scroll_bg.gif) repeat-y 0 0;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;
    background:#048c2c;
}