/* zoo2you styles - copyright 2007 */

/* COLOUR CODES
BROWN - #694620
BLUE - #2DC9FC
ORANGE - #FF8400
GREEN - #5DE12F
*/

html, body {
height:100%;
}

body {
width:100%;
background:#F5FE02 url(images/body_bg.gif) repeat-x;
}

* {
margin:0;
padding:0;
border:0;
font-family:verdana, arial, helvetica, sans-serif;
color:#694620;
font-size:12px;
list-style:none;
}

#wrap {
width:776px;
min-height:100%;
background-color:#f7f7f7;
position:relative;
margin:auto;
border-left:2px solid #5DE12F;
border-right:2px solid #5DE12F;
}

* html #wrap {
height:100%;
}

#inner-wrap {
padding-bottom:150px;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
* html #inner-wrap {
height:1px;
}

#contentLeft {
width:450px;
float:left;
}

#contentRight {
width:325px;
float:left;
}

#contentRight p {
margin:10px 20px;
}

.clear {
clear:both;
margin-top:0;
height:1px;
width:100%;
overflow:hidden;
} 

/* HEADER */
#header { width:776px; height:160px; background:#f7f7f7 url(images/header.jpg) no-repeat; }

h1 { width: 281px; height:124px; float:left; position:relative;top:-50px;z-index:100;}

/*
#header {
width:776px;
height:99px;
}

#header li {
float:left;
height:99px;
}

#header li#logo {
width:265px;
}

#header li#header_01 {
width:87px;
background:#f7f7f7 url(images/header_01.gif) no-repeat;
}
#header li#header_02 {
width:83px;
background:#f7f7f7 url(images/header_02.gif) no-repeat;
}
#header li#header_03 {
width:85px;
background:#f7f7f7 url(images/header_03.gif) no-repeat;
}
#header li#header_04 {
width:84px;
background:#f7f7f7 url(images/header_04.gif) no-repeat;
}
#header li#pagetitle {
width:172px;
}
*/
#footer {
height:147px;
margin:auto;
width:776px;
position:absolute;
bottom:0;
background:#f7f7f7 url(images/footer.gif) no-repeat;
}

/* MENU */

#menu { height:50px;float:right;position:relative;top:100px;z-index:50; }

#menu li { float:left; height:50px; text-align:center; }
#menu a { 
background:transparent url(images/menu.png) no-repeat;
text-decoration:none;
display:block;
width:85px;
height:50px;
color:#694620;
font-weight:bold;
}

/*
#menu {
width:776px;
height:61px;
}

* html #menu {
margin-top:-2px;
}

#menu a {
text-decoration:none;
display:block;
height:61px;
color:#694620;
font-weight:bold;
}

#menu li {
float:left;
height:61px;
text-align:center;
text-indent:1px;
}
 
#menu li#logo_bot {
width:180px;
background:#f7f7f7 url(images/logo_bottom_new.gif) no-repeat;
}


#menu li#surfari a{
background-image:url(images/surfari_off.gif);
}
#menu li#surfari a:hover {
background:transparent;
}
#menu li#surfari {
width:86px;
background-image:url(images/surfari_roll.gif);
}

#menu li#home a{
background-image:url(images/home_off.gif);
}
#menu li#home a:hover {
background:transparent;
}
#menu li#home {
width:85px;
background-image:url(images/home_roll.gif);
}

#menu li#about a{
background-image:url(images/about_off.gif);
}
#menu li#about a:hover {
background:transparent;
}
#menu li#about {
width:84px;
background-image:url(images/about_roll.gif);
}

#menu li#booking a{
background-image:url(images/booking_off.gif);
}
#menu li#booking a:hover {
background:transparent;
}
#menu li#booking {
width:85px;
background-image:url(images/booking_roll.gif);
}

#menu li#animals a{
background-image:url(images/animals_off.gif);
}
#menu li#animals a:hover {
background:transparent;
}
#menu li#animals {
width:84px;
background-image:url(images/animals_roll.gif);
}

#menu li#philosophy a{
background-image:url(images/philosophy_off.gif);
}
#menu li#philosophy a:hover {
background:transparent;
}
#menu li#philosophy {
width:85px;
background-image:url(images/philosophy_roll.gif);
}

#menu li#contact a{
background-image:url(images/contact_off.gif);
}
#menu li#contact a:hover {
background:transparent;
}
#menu li#contact {
width:87px;
background-image:url(images/contact_roll.gif);
}

*/

/*FONTS*/

h3 {
font-size:18px;
font-weight:bold;
color:#18aedf;
border-bottom:1px solid #FF8400;
margin:10px 20px;
padding:2px;
}

h4 {
font-size:14px;
color:#5DE12F;
margin:5px 40px;
}

p {
margin:8px 50px;
padding:5px;
line-height:18px;
}

p.animals {
min-height:115px;
margin-top:10px;
border-bottom:1px solid #e5e5e5;
}

p#noahsTitle {
font-size:16px;
text-align:center;
font-weight:bold;
}

* html p.animals {
height:115px;
}

a {
color:#FF8400;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

.imgright {
float:right;
margin:5px;
}

.imgleft {
float:left;
margin:5px;
}

#newCreation {
float:right;
margin:0 30px;
border:1px solid #aaa;
font-size:10px;
text-align:center;
}

#newCreation img {
vertical-align:bottom;
}

/* LISTS */

#homeList {
width:765px;
margin:auto;
height:180px;
}

#homeList li {
width:255px;
height:180px;
float:left;
margin:10px 0;
}

#animallist {
width:776px;
height:150px;
background:#F5FE02 url(images/animallist_bg.gif) repeat-x;
border-top:2px solid #5DE12F;
border-bottom:2px solid #5DE12F;
}

#animallist li {
width:172px;
height:128px;
margin:10px;
float:left;
border:1px solid #5DE12F;
}

* html #animallist li {
margin:8px;
}

#bookinglist {
margin:10px 80px;
}

#bookinglist li {
min-height:32px;
padding-left:35px;
background:#f7f7f7 url(images/listmarker_1.gif) no-repeat;
font-size:11px;
}

* html #bookinglist li {
height:32px;
}

/* FORMS */

form {
width:380px;
min-height:440px;
position:relative;
margin:auto;
padding:10px;
background:#f7f7f7 url(images/form_bg.gif) no-repeat;
border-top:2px solid #FF8400;
border-right:2px solid #FF8400;
border-left:1px solid #e5e5e5;
}

* html form {
height:440px;
}

input {
width:200px;
padding:3px;
margin:10px;
color:#333;
font-size:10px;
border:1px solid #FF8400;
}

textarea {
width:200px;
padding:2px;
margin:10px;
color:#333;
font-size:10px;
font-family:verdana, arial, sans-serif;
border:1px solid #FF8400;
}

.submit {
width:80px;
}

#surfari_box {
width:750px;
height:500px;
margin:auto;
background-color:white;
}