@charset "utf-8";
@import 'fonts.css';
@import 'menu.css';

/* CSS Document - HansA*/

body {
    background-image:url(../images/static/zoo_bg.png);
    background-repeat:repeat;
    background-color:#e7f8a5; /*#fae9b5;*/
    font-size:1%;
    background-position:top;
    background-attachment:fixed;
}
.wrapper {
    width:1015px;
    height:auto;
    margin-top:5px; /*10*/
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
    border-radius:10px;
    padding-bottom:20px;
    -moz-border-radius:10px; /* Old Firefox */
}

.wrapper_kidsShowTime {
    width:1015px;
    height:auto;
    margin-top:5px; /*10*/
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
    border-radius:10px;
    padding-bottom:20px;
    -moz-border-radius:10px; /* Old Firefox */
}
.header {
    width:1015px;
    height:150px;
    background-color:white;
    background-image:url(../images/static/dehiwalahead.png);
    border-radius:20px 20px 20px 20px;
    margin-left:auto;
    margin-right:auto;
}
/*
.search {
    width:708px;
    height:161px;
    margin-left:32%;
}
.search_text {
    float:right;
    background-image:url(../images/search_box.png);
    background-repeat:no-repeat;
    width:240px;
    height:28px;
    border:none;
    background-color:transparent;
    padding-left:6px;
}
.search_btn {
    width:30px;
    height:37px;
    float:right;
}
.search_btn_right {
    width:37px;
    height:37px;
    float:right;
    margin-top:-3px;
}
.search_btn_in {
    width:37px;
    height:37px;
    background-image:url(../images/srch_btn.png);
    background-repeat:no-repeat;
    background-color:transparent;
    border:0px solid;
}
.search_btn_in a:hover {
    cursor:pointer;
}*/

.rbkids{
    position: absolute;
    margin-left: 925px;
    margin-top: -75px;
}

.lbkids{
    position: absolute;
    margin-left: 26px;
    margin-top: -73px;
}

.petcon2top{
   position: absolute;
   margin-top: 20px;
   margin-left: 15px;
}

.petcon2bot{
    margin-top: -10px;
}

.kidspetcon2{
    margin-top: 40px;
}
.slider_out {
    width:1000px;
    height:320px; /*337px*/
    border-radius: 20px;
    margin-right:auto;
    margin-left:auto;
    font-size:16px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size-adjust:inherit;
}
.menubar {
    width:1015px;
    height:50px;
    margin-left:auto;/*158px;*/
    margin-right: auto;
    /*padding-left:auto;*/
    margin-top:5px;
}
/*
.tour_plan_back {
    width:272px;
    height:323px;
    background-image:url(../images/tour_back.png);
    float:right;
}
.tour_text {
    width:214px;
    height:23px;
    border:none;
    margin-left:auto;
    margin-right:auto;
    background-image: url(../images/tourplan_text_box.jpg);
    background-repeat:no-repeat;
    font:12px Arial;
    color:#4e4d4d;
    padding-left:5px;
}
.tour_btn_next {
    background-image:url(../images/plan_tour_next.png);
    width:144px;
    height:30px;
    border:none;
    cursor:pointer;
}*/
.menu_outer {
    width:auto;
    margin-right:0px;
    height:40px;
    margin-top:-10px;
}
.menu a {
    font:25px Tahoma;
    color:#1294ec;
}
.menu a {
    font-family:Conv_FUTRFW, sans-serif;
    font-size:11px;
    letter-spacing:-2px;
    color:#FFF;
    text-decoration:none;
}
.menu a:hover {
    color:#ffee5e;
    text-decoration:none;
}
.menu span {
    color:#d86b03;
    font-size:22px;
    margin-right:1px;
    margin-left:1px;
    opacity:0.5;
}
.content_main {
    width:1015px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFF;
    border-radius:10px;
    -moz-border-radius:10px; /* Old Firefox */
}
.content_main_up {
    height:10px;
    width:100%;
}
.content_main_line {
    width:989px;
    height:32px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(../images/static/line.png);
    background-repeat:no-repeat;
}
.content {
    height:130px;
    width:966px;
    margin-left:auto;
    margin-right:auto;
}
.content_border {
    height:20px;
    width:100%;
}
.content_image {
    float:left;
    margin-right:10px;
}
.content_header a {
    font-family:Conv_ALTGOT2N, Tahoma;
    font-weight:100;
    letter-spacing:2px;
    font-size:18px;
    color:#0682e6;
    text-decoration:none;
}
.content_header a:hover {
    color:#ee760a;
    text-decoration:none;
}
.content_list {
    margin-top:5px;
    width:800px;
    height:auto;
    font:12px Arial;
    color:#7c7c7c;
    text-align:justify;
    line-height:17px;
}
.content_btn {
    float:right;
    margin-top:-60px;
}
.content_dt_line {
    background-image:url(../images/static/dotted_line.png);
    background-repeat:no-repeat;
    width:989px;
    height:26px;
    margin-left:auto;
    margin-right:auto;
}
.footer {
    width:1015px;
    font-family:Tahoma;
    font-size:14px;
    margin-left:auto;
    margin-right:auto;
}

/*footer starts here*/
.footer {
    width:1015px;
    margin-left:auto;
    height:auto;/*#990*/
}

.footer #columnContainer {
    border-top: 1px solid;
    border-radius:20px;
    position: absolute;
    padding-top: 20px;
    width: 1015px;
    height: auto;
    background-color: rgba(0,0,0,0.8);
}

.footer .categoryTitle {
    color: black;/*rgb(175, 212, 1);*/
}

.container .footer a {
    outline: medium none;
    outline-width: medium;
    outline-style: none;
    outline-color: -moz-use-text-color;
    text-decoration: none;
}

.categoryMenu a {
    color: #afd401;/*rgb(255,255,255);*/
    line-height:22px;
    text-indent:5px;
    font-size:12px;
}
.container .footer a:hover {
    text-decoration: underline;
}
#footer_links_left {
    float: left;
}
#footer_links_left a {
    color: rgb(175, 212, 1);
}
#footer_links_right {
    float: right;
}
#footer_links_right a {
    color: rgb(255, 255, 255);
    text-align: right;
}
#footer_links_right a:hover {
    text-decoration: underline;
}

.sitemapheading {
    text-align:center;
    font-size:16px;
    width:80%;
    background-color: lime;
    border-radius: 10px;
}
/*footer ends here*/

/* ////////////////////////// vertical navigation ////////////////// */
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 80px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;    
    background-color:#55FFFFFF;/*CFCFCF*/
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    border-radius:20px;
}
ul#navigation .dehiwalazoo a {
    background-image: url(../images/static/dehiwalazoo.png);
}
ul#navigation .elephantorphange a {
    background-image: url(../images/static/elephantorphange.png);
}
ul#navigation .pinnawalazoo a      {
    background-image: url(../images/static/pinnawalazoo.png);
}
ul#navigation .ridiyagama a {
    background-image: url(../images/static/ridiyagama.png);
}
ul#navigation .eticket a {
    background-image: url(../images/static/donate.png);
}
ul#navigation .donate a {
    background-image: url(../images/static/eticket.png);
}
ul#navigation .contact a {
    background-image: url(../images/static/contactus.png);
}