html { height; 100%; }
body { height: 100%; margin: 0px; padding: 0px; background: url("bg.gif") repeat-x; }

#wrapper { width: 100%; }
#logo { position: absolute; z-index: 2; top: 18px; left: 50%; width: 304px; height: 220px; margin-left: -152px; }
#logo h1 { display: none; }

#logo-eng { position: absolute; z-index: 2; top: 18px; left: 50%; width: 304px; height: 220px; margin-left: -152px; }
#logo-eng h1 { display: none; }

#macaw { position: absolute; z-index: 0; top: 119px; left: 1037px; width: 150px; height: 159px; margin-left: -152px; }
#macaw h1 {display: none}


/*Layout Top*/
#lang { position:absolute; right:10px; top:10px
}

#top { width: 100%; }
#top_t { width: 100%; height: 79px; background: url("top_red.png") repeat-x; }
#top_b { width: 100%; height: 42px; margin-top: 1px; background: url("top_green.png") repeat-x; }


/*Layout Middle*/
#middle { position: absolute; top: 235px; left: 50%; width: 930px; margin-left: -465px;}
#plant_l { position: absolute; z-index: 2; left: 50%; width: 137px; height: 275px; margin-left: -458px; }
#plant_r { position: absolute; z-index: 3; top: 275px; left: 50%; width: 152px; height: 274px; margin-left: 330px; }

#content_holder { position: relative; width: 766px; margin: 0px 97px 0px 97px; }
#outer_bar { position: absolute; top: -37px; left: 110px; }
#outer_bar h1 { float: right; margin: 0; padding-right: 90px; font: 16px georgia; line-height: 37px; vertical-align: middle; font-weight: bold; color: #3D5432; }
.button { float: left; width: 135px; height: 37px; background: url("button.png"); }
.button a { display: block; font: 14px georgia; line-height: 3.5em; vertical-align: middle; text-align: center; text-decoration: none; color: #fff; }
.button a:hover { font-weight: bold; }
.block { width: 766px; }
.center { width: 766px; background: url("border_m.png") repeat-y; }

#top_img { width: 756px; height: 251px; margin: 0px 5px 0px 5px;}
.content_pad { width: 716px; margin: 0px 19px 0px 19px; }

#menu { width: 716px; background: url("menu_bg.png"); border: 1px solid #ccc; }
#menu a { padding: 6px 0px 6px 0px; font: 11px Tahoma; font-weight: bold; color: #6c6c6c; text-decoration: none; text-align: center; }
#menu a:hover { background: #8c1f35; color: #fff; }
#content { margin-top: 10px; }
.content_l { width: 470px; padding-right: 10px; }
.deco { width: 470px; height: 11px; background: url("deco_bg.gif"); }
.deco_top { margin: 18px 0px 10px 0px; }
.deco_bot { margin: 10px 0px 18px 0px; }
.deco_left { width: 39px; height: 11px; margin-left: 34px; background: url("deco.png"); }
.deco_right { width: 39px; height: 11px; margin-left: 397px; background: url("deco.png"); }
.content_r { width: 226px; }

/*Layout Bottom*/

#bottom { width: 736px; padding: 7px 15px 7px 15px; background: url("bottom.png") no-repeat; }
.border_tl { width: 10px; height: 10px; background: url("border_tl.png"); }
.border_t { width: 746px; height: 10px; background: url("border_t.png"); }
.border_tr { width: 10px; height: 10px; background: url("border_tr.png"); }
.border_bl { width: 10px; height: 10px; background: url("border_bl.png"); }
.border_b { width: 746px; height: 10px; background: url("border_b.png"); }
.border_br { width: 10px; height: 10px; background: url("border_br.png"); }
.border_bot_tl { width: 10px; height: 10px; background: url("border_btl.png"); }
.border_bot_t { width: 746px; height: 10px; background: url("border_bt.png"); }
.border_bot_tr { width: 10px; height: 10px; background: url("border_btr.png"); }

/*Images*/

.grey_img { margin: 11px 0px 0px 10px; border: 2px solid #ccc; }
.tr_img { margin-top: 25px; }

/*Text*/

h2 { margin: 15px 0px 20px 0px; font: 20px georgia, serif; line-height: 25px; color: #575757; text-align: center; }
h3 { margin: 20px 0px 20px 0px; font: 16px georgia, serif; line-height: 25px; color: #575757; text-align: center; }
h6 { margin; 3px 0px 3px 0px; font: 12px georgia, serif; color: #575757; font-style: italic; text-align: center; }
p { margin: 9px 0px 9px 0px; font: 12px georgia, serif; line-height: 25px; color: #575757; text-align: justify; }
p:first-letter { font: 16px georgia, serif; }
.content_r b { font: 14px georgia, serif; font-weight: bold; color: #575757; }
#bottom p { margin: 3px 0px 0px 0px; padding-left: 10px; font: 11px tahoma; color: #b2b2b2; }
.content_r address { margin-top: 25px; font: 13px georgia, serif; font-style: normal; color: #575757; }

.fake_link { color: #861E33; text-decoration: none; font-variant: small-caps; cursor: pointer; }
.fake_link:hover { text-decoration: underline; }
#large:first-letter { font: 25px georgia, serif; }

/*Links*/

.content_pad a { color: #861E33; text-decoration: none; }
.content_pad a:hover { text-decoration: underline; }
#bottom a { padding-right: 20px; font: 11px tahoma; color: #b2b2b2; text-decoration: none; }
#bottom a:hover { text-decoration: underline; }

/*Lists*/

.content_l ul { margin: 0px; padding: 0px; }
.content_l ul li { list-style-position: inside; list-style-type: square; font: 12px georgia, serif; line-height: 25px; color: #575757; }
.content_l ol li { font: 12px georgia, serif; line-height: 25px; color: #575757; }

/*Buttons*/

.big_button { width: 130px; height: 40px; margin: 0 15% 0 15%; background: url("big_button.png"); border: 2px solid #496c38; font: 20px verdan; line-height: 40px; vertical-align: middle; font-weight: bold; font-variant: small-caps; text-align: center; color: #fff; cursor: pointer; }
.big_button:hover { background-position: 0 20px; color: #dcdcdc; }

/*Classes*/

.block { width: 100%; display: block; }
.cen { text-align: center; }
.clear { clear: both; }
.left { float: left; }
.right { clear: right; }

/*JS Addons*/

#overlay { position: absolute; z-index: 99;  background: #201e00; }
#more_text, #more_imgs { height: 0px; overflow: hidden; }

/* IE FIXES */
html>body #plant_l { background: url("plant_left.png"); }
html>body #plant_r { background: url("plant_right.png"); }
html>body #logo { background: url("logo.png"); }
html>body #logo-eng { background: url("logo-eng.png"); }
html>body #macaw { background: url("images/macaw-animate.gif"); }
