/* CSS Document */
body { background:url(../images/page_back.jpg) repeat-x top #02534C; margin:0; padding:0;}

#container { 
     display:block; 
					position:relative;
     /*background-image:url(images/container_back.jpg); */
     width:980px;
     height:900px; 
     margin:0 auto; 
     padding:0px/*15px 35px;
					border:1px solid #000000; */
}
#header { 
     position:relative;
     background:url(../images/header_back.jpg) #cccccc; 
     width:980px; 
     height:214px; 
     margin:0; 
     padding:0;
}
h1 { 
					font-size:12px; 
					font-family:Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					margin:0;
					padding:0;
					text-indent:-99999px;
}
#header h2 { 
     font-size:12px; 
     font-weight:bold; 
     text-indent:-99999px; 
					margin:0;
					padding:0;
}

#navigation { 
     display:block; 
					background:url(../images/navigation_back.jpg);
     width:910px; 
     height:35px; 
					float:none;
     padding:0px 35px; 
     margin:0; 
}
#navigation ul {
     display:block;
					width:890px;
					list-style:none;
					margin:0 10px 0 10px;
					padding:0;
}
#navigation li {
     display:block; 
     width:auto/*150px*/; 
     height:20px; 
	 float:left;
     background-image:url(../images/box.jpg); 
     margin:8px 10px 7px 45px; 
					padding:0;
					text-align:center;
}
#navigation li:hover { 
     background-image:url(../images/boxover.jpg); 
}
#navigation a { 
     display:block; 
     color:#ffffff; 
     font-family:Arial, Helvetica, sans-serif; 
					letter-spacing:1px;
     font-size:15px; 
     text-decoration:none; 
					font-weight:100;
					margin:0 0 0 0;
					padding:0;
}
#navigation a:hover {color:#A3F5FF;}
/* -----------------------body section start----------------------- */
#body {
     width:910px; 
     background:url(../images/body_back.jpg) #e6e5e5; 
     height:640px; 
     display:block;	
     margin:0;	
     padding:0px 35px;	
     clear:both; 
					position:relative;
}
/*.clearfix:after { 
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}*/
#content { 
     display:block;	
     margin:10px 0 0 0; 
     padding:10px 5px; 
     width:630px; 
     height:590px; 
					overflow:auto;
     float:left; 
/*					border-right:1px ridge #CC9900;*/
}
#content h2 {
     margin:3px auto; 
     padding:0px; 
					font-family:"Papyrus", "Oldstyle", "Times New Roman", Times, serif; 
     font-size:22px;
					font-weight:bold;
					color:#990000;
					text-align:center;
}
#content h3 {
     margin:6px auto; 
					margin-top:20px;
     padding:0px; 
					font-family:"Papyrus", "Oldstyle", "Times New Roman", Times, serif; 
     font-size:14px;
					font-weight:bold;
					color:#990000;
					text-align:left;
					border-bottom:2px solid #990000;
}
#content h4 {
     margin:3px auto; 
					padding:0px; 
					width:80%;
					font-family:"Papyrus", "Oldstyle", "Times New Roman", Times, serif;
     font-size:12px;
					font-weight:bold;
					color:#990000;
					text-align:center;
					border-bottom:1px solid #990000;
}
#content p {
     margin:8px 8px; 
     padding:0px; 
					font-family:Arial, Helvetica, sans-serif; 
     font-size:12px;
					color:#000000;
					letter-spacing:1px;
					line-height:18px;
}
.testimonial {
     font-style:italic;
					font-weight:bold;
					margin:15px 35px;
}
.species {
     width:450px;
					height:auto;
					background:#ffffff;
					border:1px solid #000000;
					margin:10px auto;
					padding:4px;
}

.species h5 {
     margin:4px auto; 
     padding:0px; 
					font-family:"Papyrus", "Oldstyle", "Times New Roman", Times, serif;
     font-size:14px;
					font-weight:bold;
					color:#990000;
					text-align:left;
					border-bottom:2px solid #990000;
}

#content ul {
     display:block; 
     width:105px; 
     margin:0; 
     height:15px; 
     padding:0 0 0 15px; 
     font-family:Arial, Helvetica, sans-serif; 
     font-size:12px;
}
#content li {
     margin:5px 0 0 0;
     list-style-image:url(../images/blocks_start.gif);
}
#content li:hover {
     list-style-image:url(../images/blocks_on.gif);
}
#content li:active{
     list-style-image:url(../images/blocks_off.gif);
}
#content a {
     color:#333333; 
     text-decoration:none;
					font-weight:bold; 
}
#contact {
     width:260px;
					height:235px;
					background:url(../images/contact_back.jpg) top center no-repeat;
					margin:0;
					padding:165px 0 0 0;
					position:absolute;
					top:20px;
					right:30px;
					text-align:center;
}
#contact h4 {
     margin:3px auto; 
					padding:0px; 
					width:80%;
					font-family:"Papyrus", "Oldstyle", "Times New Roman", Times, serif;
     font-size:12px;
					font-weight:bold;
					color:#990000;
					text-align:center;
					border-bottom:1px solid #990000;
}
#contact p {
     margin:8px 8px; 
     padding:0px; 
					font-family:Arial, Helvetica, sans-serif; 
     font-size:12px;
					color:#000000;
					text-align:center;
					letter-spacing:1px;
					line-height:18px;
}
#contact a {
     color:#333333; 
     text-decoration:none;
					font-weight:bold; 
}
#gallery {
     width:800px;
					height:600px;
					margin:0 auto;
					padding:0;
}
/* -----------------------body section end----------------------- */
#footer { 
     display:block;	
     background-image:url(../images/footer_back.jpg); 
     margin:0; 
     padding:12px 35px; 
     width:910px; 
     height:50px;
}
#footer p { 
     text-align:center; 
     font-size:10px; 
     color:#ffffff; 
     font-family:Verdana, Arial, Helvetica, sans-serif; 
     margin:10px; 
     padding:0; 
}
#footer a { 
     color:#A3F5FF; 
     font-weight:bold;
}