html{
	height:100%;
}
body{
	margin:0px 0px 0px 0px;
  	color:#444444;
	font:10px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	min-width:976px;
	position:relative;
	height:100%;
}
p {
	padding-right:10px;
	color:#444444;
}
body.home { 
	background:#021301;}
img {
	border:none;
	outline: none;}
a{
	text-decoration:none;
	color:#444444;
	outline: none;
}
a:hover{text-decoration:underline;}
input, textarea, select{
	font:100% Arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
}
/*--- MAIN CSS ---*/
#container{
	width:100%;
	min-height:100%;
}
* html #container{ height:100%;}
.home #container{ background:url(../images/bg-index.jpg) no-repeat 50% 0;}
#main{
	width:976px;
	margin:0 auto;
}
/*--- top-nav css ---*/
#top-nav{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	overflow:hidden;
	width:100%;
	height:107px;
}
.home #top-nav{ height:126px;}
#top-nav .holder{
	position:absolute;
	left:50%;
	margin:0 -625px;
}
#top-nav .sub-hold{
	width:976px;
	height:107px;
	background:url(../images/bg-menu.png) no-repeat;
	overflow:hidden;
	padding:0 137px;
}
.home #top-nav .sub-hold{
	background:url(../images/bg-menu.png) no-repeat;
	height:126px;
}
#top-nav .logo{
	float:left;
	margin:0px 0px 0px 0px;
	position:relative;
}
#top-nav .logo a{
	width:72px;
	height:48px;
	background:url(../images/logo-icon.gif) no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-6666px;
	outline:none;
}
/*--- menu css ---*/
#menu{
	float:right;
	width:904px;
	height:48px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	font-weight: bold;
	list-style:none;
	position:relative;
}
#menu li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#menu li a{
	margin: 0px 0px 0px 0px;
	padding: 15px 12px 0px 12px;
	height:33px;
	float:left;
	cursor:pointer;
	color:#ffffff;
}
#menu .active a,
#menu li a:hover { 
	margin: 0px 0px 0px 0px;
	background-color: #2cbbde;
	text-decoration: none;
}
#menu .selected a,
#menu .selected a:hover {
	background-color:#2cb0d0;
	cursor:default;	
}
#menu a span{
	float:left;
	overflow:hidden;
	height:48px;
	text-indent:-6666px;
}
/*#menu .m-plan-visit span{
	width:147px;
	background:url(../images/m-plan-visit.png) no-repeat;
}
#menu .m-animals-exhibits span{
	width:178px;
	background:url(../images/m-animals-exhibits.png) no-repeat;
}
#menu .m-get-involved span{
	width:131px;
	background:url(../images/m-get-involved.png) no-repeat;
}
#menu .m-about span{
	width:78px;
	background:url(../images/m-about.png) no-repeat;
}
#menu .m-education span{
	width:110px;
	background:url(../images/m-education.png) no-repeat;
}
#menu .m-special-events span{
	width:149px;
	background:url(../images/m-special-events.png) no-repeat;
}
#menu .m-contact-us span{
	width:111px;
	background:url(../images/m-contact-us.png) no-repeat;
}*/

/*--- visual css ---*/
#visual{
	width:100%;
	overflow:hidden;
	height:312px;
	position:relative;
}
#visual img{ display:block;}
.home #visual{ height:468px;}
#visual .meet-goliath{
	margin:80px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:120px;
	width:509px;
	background:url(../images/meet-hank.png) no-repeat;
	position:absolute;
	top:121px;
	left:461px;
	text-indent:-6666px;
	overflow:hidden;
}
/*---- FOOTER CSS ----*/

#footer{
	margin:0px auto 0px auto;
	padding:30px 0px 30px 0px;
	height:30px;
	width:830px;
	font-size:10px;
}

#footer .footrow{
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	height:30px;
	float:left;
}


#designedBy {
	margin:0px auto 0px auto;
	padding:0px;
	height:45px;
	width:830px;
	font-size:10px;
	text-align:center;
}

#designedBy p {
	color:#555;
}

#designedBy a {
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#b8b8b8;
	text-decoration:underline;
}
/*---- CONTENT CSS ----*/
#content{
	width:974px;
	overflow:hidden;
	background:#f9f8f7;
	border:1px solid #7aa64d;
	border-width:3px 1px 1px;
	padding:20px 0;
}
#content .content-text{
	float:right;
	width:663px;
	overflow:hidden;
	padding:0px 30px 0px 15px;
}
#content .info-col{
	float:left;
	width:228px;
	overflow:hidden;
	padding:0px 14px 0px 24px;
}
.btn-donate{
	display:block;
	overflow:hidden;
	width:219px;
	height:134px;
	text-indent:-6666px;
	background:url(../images/donate-today.jpg) no-repeat;
	outline:none;
}
.btn-member{
	display:block;
	overflow:hidden;
	width:237px;
	height:124px;
	text-indent:-6666px;
	background:url(../images/become-member.jpg) no-repeat;
	outline:none;
}
.btn-facebook{
	display:block;
	overflow:hidden;
	height:115px;
	text-indent:-6666px;
	background:url(../images/facebook_fan.jpg) no-repeat;
	outline:none;
}
.btn-event{
	display:block;
	overflow:hidden;
	width:219px;
	height:114px;
	text-indent:-6666px;
	background:url(../images/event.jpg) no-repeat;
	outline:none;
}
.btn-summer-fun {
	display:block;
	overflow:hidden;
	width:209px;
	height:175px;
	text-indent:-6666px;
	background:url(../images/attRealPages.gif) no-repeat;
	outline:none;
}
.btn-spring{
	display:block;
	overflow:hidden;
	width:150px;
	height:150px;
	text-indent:-6666px;
	background:url(../images/LOGO-Spring-Break.jpg) no-repeat;
	outline:none;
}
/*--- info column block's css ---*/
.info-col .logo{
	display:block;
	clear:both;
	margin:7px 0px 27px 11px;
}
.info-col .logo a{
	display:block;
	overflow:hidden;
	width:162px;
	height:73px;
	background:url(../images/logo-small.gif) no-repeat;
	text-indent:-6666px;
	overflow:hidden;
	outline:none;
}
.info-col h3{
	font-size:15px;
	color:#26a3c2;
	margin:0px 0px 0px 13px;
	padding:7px 0px 10px 0px;
}
.info-col .btn-donate{
	position:relative;
	margin:6px 0px 0px -3px;
}
.info-col .btn-member{
	position:relative;
	margin:0px -23px 0px 7px;
}
/*--- navigation css ---*/
#navigation{
	width:238px;
	background:url(../images/bg-nav-element1.gif) no-repeat;
	margin:5px 0px 0px -10px;
	padding:1px 0 0;
	list-style:none;
	font-size:15px;
	font-weight:bold;
}

#navigation li{
	background:url(../images/bg-nav-element.gif) no-repeat 0 100%;
	width:228px;
	padding:0px 0px 2px 10px;
	overflow:hidden;
	vertical-align:top;
}
#navigation a{
	display:block;
	color:#337a2a;
	text-decoration:none;
	padding:11px 20px 9px;
	outline:none;
}
#navigation a:hover {
	text-decoration:none;
	color:#2cbbde;
}
#navigation .selected a, 
#navigation .selected a:hover
#navigation .selected .active a{
	color:#005941;
	cursor: default;
}
/*--- address-info css ----*/
.info-col .address-info{
	font-size:12px;
	color:#444;
	margin:0px 0px 0px 0px;
	padding:29px 24px 0;
	list-style:none;
	background:url(../images/separated-line4.gif) no-repeat;
}
.info-col .address-info a{
	color:#693;
	text-decoration:underline;
}
.info-col .address-info a:hover{ color:#005941;}
.info-col .address-info li{
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding-bottom:12px;
}
/*--- ---*/
.info-col .weather-info{
	background:url(../images/separated-line4.gif) no-repeat;
	width:100%;
	overflow:hidden;
	padding-top:2px;
	margin-top:19px;
	padding-bottom:20px;
}
.info-col .weather-info .hold{
	width:100%;
	position:relative;
	height:103px;
	background:url(../images/bg-weather-box.gif) no-repeat;
}
.weather-info .hold{
	width:100%;
	position:relative;
}
.weather-info .icon{
	margin:30px 6px 0px 23px;
	position:relative;
	width:81px;
	height:71px;
	overflow:hidden;
	float: left;
}
.weather-info .feed{ 
	margin:30px 0px 0px 0px;
	color:#444;
	position:relative;
	width: 100px;
	float:left;
}
.weather-info span{ 
	font-size:12px;
	color:#444;
	position:relative;
}
.weather-info strong{ 
	margin:0px 0px 0px 0px;
	font-size:36px;
	font-weight:normal;
	color:#333333;
	position:relative;
}
.weather-info .icon img{ display:block;}
/*--- content-text block's css ---*/
/*--- text-hold css ---*/
.text-hold{
	width:100%;
	overflow:hidden;
	color:#444444;
	padding:0 6px;
}
.text-hold a{
	color:#669933;
	text-decoration:none;
}
.text-hold a:hover{ text-decoration:underline;}
.text-hold p{
	font-size:14px;
	line-height:18px;
	margin:0px 0px 0px 0px;
}
.text-hold .title{
	padding:22px 6px 12px;
	overflow:hidden;
	margin:0 -6px 26px;
	background:url(../images/separated-line2.gif) no-repeat 0 100%;
}
.text-hold .title h2{
	font-size:40px;
	line-height:40px;
	margin:0px 0px 0px 0px;
	padding-bottom:6px;
}
.text-hold .title h4{
	font-size:18px;
	font-weight:normal;
	line-height:19px;
	margin:0px 0px 0px 0px;
	padding-bottom:20px;
}
.text-hold .col-hold{
	overflow:hidden;
	width:686px;
	margin:0px -29px 0px -6px;
	/*--background:url(../images/separated-line2.gif) no-repeat 0 100%;--*/
	font-size:12px;
	line-height:16px;
	padding-bottom:30px;
}
.text-hold .col-hold{
	overflow:hidden;
	width:686px;
	margin:0px -29px 0px -6px;
	/*--background:url(../images/separated-line2.gif) no-repeat 0 100%;--*/
	font-size:12px;
	line-height:16px;
	padding-bottom:30px;
}
.timeline{
	margin:0px 0px 0px 0px;
	padding:0px 0px 35px 0px;
	width:686px;
	float: left;
}
.year{
	padding:15px 10px 10px 10px;
	font-size:40px;
	background-color: #669933;
	color: #ffffff;
	font-weight: bold;
	width: 90px;
	float:left;
}
.history{
	margin:0px 0px 0px 0px;
	padding:10px 5px 10px 15px;
	width:520px;
	float:left;
	border-top: 1px solid #693; 
	font-size:13px;
	line-height:16px;
}
.text-hold ul{
	margin:0px;
	line-height:13px;
	font-size:12px;
	color:#444;
}
.text-hold li{
	margin:0px;
	padding:10px 0px 0px 0px;
}

.text-hold .col-hold .col p{
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding-bottom:15px;
}
.text-hold .col-hold h3{
	font-size:22px;
	line-height:26px;
	color:#e46f19;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 0px;
}
.text-hold .col-hold .col{
	float:left;
	width:307px;
	padding:0 6px;
	margin-right:24px;
}
.text-hold .col-hold .more{
	padding-bottom:10px;
}
.text-hold .col-hold .more a{ 
	color:#669933;
	text-decoration:underline;
}
.text-hold .col-hold .more a:hover{ color:#005941;}

.text-hold .schedule{
	line-height:normal;
}
.text-hold .schedule strong{
	display:block;
	font-size:16px;
	font-weight:normal;
	line-height:18px;
	padding-bottom:3px;
}
.text-hold .schedule span{
	display:block;
	font-size:10px;
	color:#777777;
	padding-bottom:4px;
}
.text-hold .table{
	line-height:normal;
}
.text-hold .table ul{
	width:100%;
	overflow:hidden;
	font-size:16px;
	margin:0px 0px 0px 0px;
	padding:2px 0 8px;
	list-style:none;
}
.text-hold .table li{
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding:5px 0px 4px 0px;
}.text-hold #zoomap {
	background:url(http://www.chattzoo.org/2009/engine/assets/images/map_area.jpg) no-repeat; 
	height:625px; 
	width:632px;
	margin:0px;
	padding:0px;
}
.text-hold #zoomap .key {
	float:right;
}
.text-hold #zoomap .key ul{
	margin: 0px;
	padding:0px;
	list-style: none;
}
.text-hold #zoomap .key li a,
.text-hold #zoomap .key li a:hover{
	color:#444444;
	text-decoration:none;
}.text-hold .table li.alt{ background:#e0dfdf;}
.row1 {
	padding:5px 20px 5px 15px;
	width: 100px;
	float:left;
	font-size: 12px;
	font-weight: bold;
}
.row2 {
	padding:5px 20px 5px 0px;
	width: 360px;
	float:left;
	font-size: 12px;
}
.row3 {
	padding:5px 0px 5px 0px;
	width: 50px;
	float:left;
	font-size: 12px;
}
.row4 {
	padding:5px 0px 5px 10px;
	width: 75px;
	float:left;
	font-size: 12px;
}
.row5 {
	margin:0px 7px 0px 0px;
	padding:6px 6px 6px 6px;
	width: 125px;
	float:left;
	font-size: 12px;
	background-color:#669933;
	color:#fff;
	font-weight: bold;
}
.row6 {
	margin:0px 0px 0px 0px;
	padding:6px 6px 6px 6px;
	width: 125px;
	float:left;
	font-size: 12px;
	background-color:#669933;
	color:#ffffff;
	font-weight: bold;
}

.row7 {
	padding:5px 5px 5px 15px;
	width: 300px;
	float:left;
	font-size: 12px;
}
.row8 {
	padding:5px 20px 5px 5px;
	width: 175px;
	float:left;
	font-size: 16px;
}
.row9 {
	padding:5px 5px 5px 10px;
	width: 75px;
	float:right;
	font-size: 16px;
	text-align:right;
}
.row10 {
	padding:5px 5px 5px 15px;
	width: 270px;
	float:left;
	font-size: 12px;
	color:#669933;
}
.row5 a:hover, .row5 a {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
}
.row6 a:hover, .row6 a {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
}

.text-hold .table ul strong{
	float:left;
	width:220px;
	padding:0 5px;
	font-weight:normal;
}
.text-hold .table ul span{
	float:right;
	text-align:right;
	width:60px;
	padding:0 5px;
}
.text-hold .table .notice{
	display:block;
	font-size:11px;
	color:#777777;
	padding:0 5px;
}
.text-hold .notice{
	display:block;
	font-size:11px;
	color:#777777;
}
/*--- animals-info css ---*/
.animals-info{
	width:681px;
	overflow:hidden;
	margin-right:-18px;
	padding:15px 0px 0px 0px;
}
.animals-info .box{
	float:left;
	width:210px;
	margin:0px 5px 0px 0px;
	display:inline;
}
.animals-info .photo{
	display:block;
	clear:both;
	margin-bottom:8px;
	outline:none;
}
.animals-info .photo img{
	display:block;
	border:1px solid #26a3c2;
}
.photo img {
	display:block;
	border:1px solid #26a3c2;
}
.animals-info h3{
	margin:0px 0px 0px 0px;
	font-size:26px;
	line-height:22px;
	color:#26a3c2;
	padding-bottom:5px;
}
.animals-info h3 a{
	color:#26a3c2;
	text-decoration:none;
	outline:none;
}
.animals-info h3 a:hover{
	text-decoration:none;
	outline:none;
}
.rcmp {
	margin:0px 0px 0px 0px;
	font-size:26px;
	font-weight:bold;
	line-height:22px;
	color:#f8981d;
	padding-bottom:5px;
	text-decoration:none;
	outline:none;
}
.gombe a, .gombe a:hover{
	margin:0px 0px 0px 0px;
	font-size:26px;
	font-weight:bold;
	line-height:22px;
	color:#69a644;
	padding-bottom:5px;
	text-decoration:none;
	outline:none;
}
.corcovado a, .corcovado a:hover{
	margin:0px 0px 0px 0px;
	font-size:26px;
	font-weight:bold;
	line-height:22px;
	color:#007dc3;
	padding-bottom:5px;
	text-decoration:none;
	outline:none;
}
.himalayan a, .himalayan a:hover{
	margin:0px 0px 0px 0px;
	font-size:26px;
	font-weight:bold;
	line-height:22px;
	color:#efb310;
	padding-bottom:5px;
	text-decoration:none;
	outline:none;
}
.ranch a, .ranch a:hover{
	margin:0px 0px 0px 0px;
	font-size:26px;
	font-weight:bold;
	line-height:22px;
	color:#594099;
	padding-bottom:5px;
	text-decoration:none;
	outline:none;
}
.walknthetracks a, .walknthetracks a:hover{
	margin:0px 0px 0px 0px;
	font-size:26px;
	font-weight:bold;
	line-height:22px;
	color:#ee3a43;
	padding-bottom:5px;
	text-decoration:none;
	outline:none;
}
.marvels a, .marvels a:hover{
	margin:0px 0px 0px 0px;
	font-size:26px;
	font-weight:bold;
	line-height:22px;
	color:#de1c97;
	padding-bottom:5px;
	text-decoration:none;
	outline:none;
}
.animals-info ul{
	width:100%;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0 0 10px;
	list-style:none;
	font-size:12px;
	line-height:14px;
	color:#444;
}
.animals-info ul li{
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding-bottom:8px;
}
.animals-info ul strong,
.animals-info ul span{ display:block;}
.animals-info .btn-wikipedia{
	width:100%;
	overflow:hidden;
}
.animals-info .btn-wikipedia a{
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	background:#69a644;
	line-height:20px;
	padding:0 5px;
	float:left;
}
.btn-wikipedia a{
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	background:#69a644;
	line-height:20px;
	padding:3px 4px 3px 4px;
	float:left;
}
.animals-info .btn-wikipedia a:hover{ text-decoration:none;}
.btn-wikipedia a:hover{ text-decoration:none;}
/*--- ---*/
.content-text .information-hold{
	float:left;
	width:410px;
	display:inline;
	margin:0px 0px 0px -12px;
	padding:0px 6px 0px 18px;
	color:#444444;
}
.content-text .information-hold .welcome-box{
	margin:0px -6px 0px -18px;
	padding:24px 18px 20px;
	background:url(../images/separated-line3.gif) no-repeat 0 100%;
}
.content-text .information-hold .welcome-box h2{
	margin:0px 0px 0px 0px;
	font-size:40px;
	line-height:36px;
}
.content-text .information-hold .welcome-box .schedule{ padding:7px 0 11px;}
.content-text .information-hold .welcome-box .schedule strong{
	display:block;
	font-size:24px;
	font-weight:normal;
	padding-bottom:3px;
}	
.content-text .information-hold .welcome-box .schedule span{
	font-size:11px;
	color:#444444;
}
/*--- events-list css ---*/
.content-text .events-list{
	margin:25px 20px 0px -6px;
	padding:0 6px 27px;
	position:relative;
}
* html .content-text .events-list{
	overflow:visible;
	height:1%;
}
.content-text .events-list h4{
	font-size:22px;
	margin:0px 0px 0px 0px;
}
.content-text .events-list .view-calendar{
	position:absolute;
	top:6px;
	right:30px;
	font-size:11px;
	line-height:20px;
	background:url(../images/icon-post.gif) no-repeat;
	padding-left:25px;
}
.content-text .events-list .view-calendar a{
	font-weight:bold;
	color:#69a644;
	text-decoration:underline;
}
.content-text .events-list .view-calendar a:hover{
	text-decoration:underline;
	color:#005941;
}
.content-text .events-list .box{
	overflow:hidden;
	padding:15px 20px 0px 0px;
}
.content-text .events-list h3{
	font-size:22px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	color:#e46f19;
	padding-bottom:4px;
}
.content-text .events-list h3 a{
	color:#e46f19;
	text-decoration:none;
}
.content-text .events-list h3 a:hover{ text-decoration:underline;}
.content-text .events-list .date{
	font-size:16px;
	font-weight:bold;
}
.content-text .events-list p{
	font-size:13px;
	line-height:18px;
	margin:0px 0px 0px 0px;
	padding-bottom:10px;
}
.content-text .events-list p a{
	color:#669933;
	text-decoration:none;
}
.content-text .events-list p a:hover{ text-decoration:underline;}
.content-text .events-list p a.more{
	color:#669933;
	text-decoration:underline;
}
.content-text .events-list p a.more:hover{
	color:#005941;
	text-decoration:underline;
}
.content-text .events-list .nav{
	width:100%;
	overflow:hidden;
	padding:5px 0;
}
.content-text .events-list .nav a{
	display:block;
	float:left;
	text-indent:-6666px;
	margin-right:9px;
}
.content-text .events-list .nav .btn-prev{ background:url(../images/btn-arrow-prev.gif) no-repeat;}
.content-text .events-list .nav .btn-next{ background:url(../images/btn-arrow-next.gif) no-repeat;}

.content-text .banners-list{
	//width:220px;
	float:right;
	padding-bottom:20px;
}
.content-text .banners-list .btn-donate{ 
	position:relative;
	margin:0 -6px 0 -16px;
}
.content-text .banners-list .btn-member{ 
	position:relative;
	margin:-8px -30px 0 -7px;
}
.content-text .banners-list .btn-facebook{ 
	position:relative;
	margin:-5px 0px 15px -9px;
}
.btn-summer-fun{ 
	margin:15px 0px 0px 0px;
}
.greytitle {
	color:#444444;
	font-size: 16px;
	font-weight:bold;
}
.contactline {
	font-size:12px;
	color:#444444;
}
h3 { 
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 22px;
}
body > .wrapper { 
	width: 500px; 
	margin: 50px 0px 0px 0px; 
}
/* ===== Tabs CSS ===== */ /* initially all panes are hidden */
div.tabPanes { 
	padding: 0 15px; 
}
ul.tabs { list-style: none; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; overflow: hidden; }
ul.tabs li { float: left; margin-left: 2px; }
ul.tabs li a {
	display: block;
	float: left;
	padding: 10px 15px;
	color: #999999;
	text-decoration: none;
	font-size: 12px;
}
ul.tabs li a:hover { background: #666666; }
ul.tabs li a.current { font-weight: bold; }
ul.tabs li a:hover,
ul.tabs li a.current { color: #454545; }
/* ===== Scrollable CSS ===== */

/* Primary Container */
div.scrollable { position: relative; width: 363px; height: 168px; overflow: hidden; }

/* Items Container */
div.scrollable div.items { width: 20000em; position: absolute; clear: both; }

/* Individual Item Containers */
div.scrollable div.items div {
	float: left;
	width: 363px;
	height: 168px;
	padding: 0px 0px 0px 0px;
}

/* Next and Previous buttons */
a.prev {
	display: block;
	float: left;
	padding: 5px 4px 0px 5px;
	cursor:pointer;
	font-size: 13px;
	color: #999999;
	width:17px;
	height:25px;
	background: url(../images/btn-arrow-prev.gif) no-repeat;
	text-decoration: none;
}
a.next {
	display: block;
	float: left;
	padding: 5px 4px 0px 0px;
	cursor:pointer;
	font-size: 13px;
	color: #999;
	width:17px;
	height:25px;
	background: url(../images/btn-arrow-next.gif) no-repeat;
	text-decoration: none;
}
a.prev:hover, a.next:hover { color: #333333; }

/* Navigation Container */
div.navi { padding-left: 20px; }

/* Navigation Links */
div.navi a {
	float: left;
	margin-left: 2px;
	padding: 10px 15px;
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}
div.navi a.active { font-weight: bold; }
div.navi a:hover,
div.navi a.active { color: #454545;}


/* ===== CSS Rounded Corners ===== */
div.scrollable div.items div { -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* ===== tinyBox ===== */

#tinybox {position:absolute; display:none; padding:10px; background:#ffffff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500}
#tinycontent {background:#ffffff}
#tinycontent h2 {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:15px; color:#26a3c2;}
#tinycontent p {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:#444444;font-size:12px;}