/*=======================================================
 CSS Document for Tandanya
=======================================================*/

@import url("global.css");
@import url("thickbox.css");


.hidden { display: none; }
.show { display: inline-block; visibility: visible; }


/*=============================================================
	Main layout
=============================================================*/

#container { width: 960px; height: auto; display: block; margin: 0 auto; padding: 0 10px; background: #fff url('../images/bg-header.jpg') no-repeat 0 0; clear: both; }
#popup-container { width: 600px; height: auto; padding: 190px 0 10px 0; background: #fff url('../images/header2.jpg') no-repeat 0 0; border: 15px solid #fff; display: block; margin: 10px auto; }
#popup-enquiry { width: 320px; height: auto; margin: 0 auto; display: block; }
#popup-container h1 { margin-top: 0; }

/*=============================================================
	Header - nav + logo
=============================================================*/

#logo { width: 180px; height: 170px; position: absolute; z-index: 10; top: 140px; margin-left: 390px; }
#top-contactdetails { display: block; height: 20px; clear: both; }

/*navigation*/
#navigation { width: 930px; height: 40px; background: url('../images/bg-nav.gif') no-repeat 0 180px; padding: 180px 15px 55px 15px; }
ul.nav { width: 340px; height: 40px; overflow: hidden; display: inline-block; }
ul.nav li { float: left; height: 20px; display: block; }
ul.nav a { float: left; height: 20px; overflow: hidden; text-indent: -9999em; display: block; }
ul.nav a:hover { background-position: 0 -20px!important; }
.left-last { padding-right: 220px; }
.right-first { padding-left: 210px; }

a#navhome { background: url('../images/nav/home.gif') no-repeat 0 0; width: 50px; }
a#navaboutus { background: url('../images/nav/aboutus.gif') no-repeat 0 0; width: 70px; }
a#navcontact { background: url('../images/nav/contact.gif') no-repeat 0 0; width: 80px; }
a#navlinks { background: url('../images/nav/links.gif') no-repeat 0 0; width: 50px; }
a#navlocation { background: url('../images/nav/location.gif') no-repeat 0 0; width: 70px; }
a#navarts { background: url('../images/nav/arts.gif') no-repeat 0 0; width: 110px; }
a#navlearning { background: url('../images/nav/learning.gif') no-repeat 0 0; width: 80px; }
a#navtours { background: url('../images/nav/tours.gif') no-repeat 0 0; width: 50px; }
a#navevents { background: url('../images/nav/events.gif') no-repeat 0 0; width: 150px; }
a#navretail { background: url('../images/nav/retail.gif') no-repeat 0 0; width: 60px; }
a#navvenue { background: url('../images/nav/venue.gif') no-repeat 0 0; width: 80px; }
a#navnews { background: url('../images/nav/news.gif') no-repeat 0 0; width: 50px; }

#homepage a#navhome, #about-us a#navaboutus, #contact-us a#navcontact, #links a#navlinks, #location a#navlocation, #creative-arts a#navarts, #learning a#navlearning,
#tours a#navtours, #exhibitions-events a#navevents, #retail a#navretail, #venue-hire a#navvenue, #news a#navnews { background-position: 0 -20px; }


/*=============================================================
	Main body - left + right
=============================================================*/

#mainpage { width: 960px; height: auto; display: inline-block; clear: both; background: url('../images/bg-body.gif') repeat-y 0 0; }
#mainpage:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
#homepage #mainpage, #links #mainpage, #learning #mainpage, #tours #mainpage { background: none; }
.panel { width: 220px; display: block; }
.contents { width: 460px; height: auto; display: block; padding-left: 30px; float: left; position: relative; }
.label-free { width: 67px; height: 67px; position: absolute; top: -10px; left: 45px;}
.label-free-right { width: 67px; height: 67px; position: absolute; top: -10px; right: 25px;}
h1 { margin-top: 60px; text-align: center; }
.news-content h1 {margin-top:0px;}
.news-content ul {margin: 10px 0 0 15px;}
.news-content ul li{list-style:disc;}
#tours .selective { display: none; }

img.dont-miss {background:#fff;padding:10px 0 0 0;}

/*=============================================================
	Footer
=============================================================*/

#footer { width: 960px; height: 160px; padding: 25px 10px; margin: 0 auto; display: block; background: #fff url('../images/bg-footer.gif') no-repeat 0 100px; clear: both; }
#footer p { text-align: center; padding: 0 25px 0 90px; margin: 0; font-size: 1em; line-height: 20px; color: #e35d00; clear: both; }
#footer ul#sponsors { width: 860px; height: 70px; padding-bottom: 60px; display: inline; clear: both; float: left;  }
#footer ul#sponsors li { float: left; display: block; padding-right: 15px; }
span.copyright { color: #000; }


/*=======================================================
 End of CSS Document for 
=======================================================*/