/* Global */
* { padding: 0; margin: 0; }
html { font-family: "Helvetica Neue", helvetica, verdana, sans-serif; background: url(/makingwaves/images/bg_waves.jpg) repeat-x #000; color: #fff; }
p, h1, h2, h3, h4, h5, h6, ul, ol, td, th { margin-bottom: 15px; font-size: 12px; line-height: 1.4; color: #c4d4e0; font-style: none; }
p { font-family: arial; }
input { padding: 2px; }
*html p, *html h1, *html h2, *html h3, *html h4, *html h5, *html h6, *html ul, *html td, *html th, *html input, *html textarea, *html dl { font-size: .8em; }
option { padding-right: 10px; }
a, a:visited { outline-style: none; }
table { vertical-align: top; }
img { border: none; }
*html input, *html textarea { font-size: 1.1em; }
ol li, ul li { line-height: 1.3; }

body {
        background: #000 top center no-repeat;
}

/* Structural */
.container { background: url(/makingwaves/images/title_waves.png) no-repeat; width: 735px; margin: 0 auto; padding: 330px 45px 0; }
.container h1 { font-size: 32px; text-transform: uppercase; }
.container h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 5px; font-weight: normal; }
.nav { background: url(../images/bg_nav-cap.png) no-repeat #6d7d8b; float: right; display: inline; padding-left: 13px;  position: relative; right: -10px; margin-bottom: 50px; height: 30px; white-space: nowrap;}
.nav ul { overflow: hidden; display: block; background: url(/makingwaves/images/bg_nav-tile.png) repeat-x; margin-bottom: 0; padding: 5px 0 5px 3px;  white-space: nowrap;}
.nav li { display: block; float: left; margin: 0 8px; text-transform: lowercase; font-weight: bold; font-size: 12px; position: relative; left: -10px; white-space: nowrap; }
.nav li a:link,
.nav li a:visited { color: #000; text-decoration: none; padding: 2px 10px; display: block; }
.nav li a:hover { color: #fff; behavior: url(/makingwaves/stylesheets/iepngfix.htc);}
.nav .selected { background: url(/makingwaves/images/bg_navactive-left.png) no-repeat #0c3348; }
.nav .selected a:link,
.nav .selected a:visited { background: url(/makingwaves/images/bg_navactive-right.png) top right no-repeat; color: #fff; }
.nav .selected a:hover {  }
h3 { width: 585px; margin: 0 auto 10px auto; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; text-align: center; text-transform: uppercase; clear: both; }
.footer-nav, .footer { width : 550px; margin: 0 auto 20px auto; text-align: center; line-height: 20px; font-size: 11px; color: #ddd; }
.footer-nav a, .footer a { width: auto; margin: 0 7px; color: #60778a; text-decoration: none; font-size: 11px; line-height: 12px; }

/* About */
#exhibit { border: 2px solid #1c2022; width: 732px; height: 288px; padding: 5px; overflow: hidden; position: relative; margin-bottom: 20px; }
.exhibit_controls { background: url(/makingwaves/images/bg_selector-repeat.png); position: absolute; width: 132px; }
.exhibit_controls ul { background: url(/makingwaves/images/bg_selector_tall.png) no-repeat; }
.exhibit_controls li { padding: 8px 0; text-align: center; list-style: none; text-transform: uppercase; font-weight: bold; font-size: 12px; position: relative; z-index: 30; cursor: pointer; behavior: url(/stylesheets/iepngfix.htc);}
.exhibit_controls li a img{behavior: url(/makingwaves/stylesheets/iepngfix.htc);}
.exhibit_controls li a:link,
.exhibit_controls li a:visited { color: #c4d4e0; text-decoration: none; behavior: url(/makingwaves/stylesheets/iepngfix.htc);}
.exhibit_controls li a:hover { color: #fff; behavior: url(/makingwaves/stylesheets/iepngfix.htc);}
.exhibit_controls .decoration { background: url(/makingwaves/images/bg_decoration.png) no-repeat; height: 35px; width: 132px; position: absolute; }
.exhibit_window { float: right; width: 570px; position: relative; overflow: hidden; }
.exhibit_slider { position: relative; }
.exhibit_frame { padding-bottom: 5px; height: 288px; }
.exhibit_frame img { float: right; display: inline; margin-left: 15px; }
.exhibit_frame.alt img { float: left; margin: 0 15px 0 0; }

/* Tour */
#tour-info { margin: 0 0 20px 0; }
#tour-info .headline { font-weight: bold; font-size: 14px; padding: 15px 0 0 30px; height: 30px; color: #c4d4e0; text-transform: uppercase; }
#tour-info .dateRow { margin: 4px 0; position: relative; height: 35px; cursor: pointer; }
#tour-info .dateRow .info { height: 35px; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; padding : 7px 0 0 30px; }
#tour-info .dateRow .background { height: 35px; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; background: url(/makingwaves/images/bg_tour_row.jpg) center center repeat-x; }
#tour-info .dateRow .info { float: none; clear: both; }
#tour-info .dateRow .info .left { width: 150px; margin: 0 10px 0 0; float : left; }
#tour-info .dateRow .info .center { width: 395px; margin: 0 10px 0 0; float : left; }
#tour-info .dateRow .info .right { width: 150px; float : left; }
#tour-info .dateRow .info .right img { margin : -3px 4px 0 4px; behavior: url(/makingwaves/stylesheets/iepngfix.htc);}

/* Tour Info */
#tour p { font-size: 14px; }
#tour .info { clear: both; height: 225px; margin: 20px 0; color: #c4d4e0; font-size: 13px; }
#tour .info .venue { width: 560px; float: left; margin: 0 20px 20px 0; }
#tour .info .middlerow {width: 560px;}
#tour .info .museum { width: 280px; float: left; }
#tour .info .schedule { width: 280px; float: right; }
#tour .info #linkrow {width: 560px; float: left; margin: 20px 0 20px 0;}
#tour .thumbs { margin: 0 0 20px 0; }
#tour .thumbs img { border: 1px solid #85929f; margin: 4px; height: 115px; }
#tour .thumbs p { margin: 20px 0 0 0; }
#tour .thumbs, #tour .thumbs a, #tour a { color: #c4d4e0;}
#overlay { position: absolute; top: 0; left: 0; width: 100%; display: none; background: #000; }
#viewer { position: relative; z-index: 10; padding: 10px; background: #000 url(/makingwaves/images/viewer_loading.gif) center center no-repeat; border: 5px solid #ddd; margin: 0 auto; width: 200px; height: 200px; }
#viewer a { position: absolute; top: 10px; right: 10px; color: #fff; text-decoration: none; background: #000; padding: 2px 6px 5px 6px; }

/* Press */
#press { float: none; clear: both; height: 330px; margin: 0 0 20px 0; }
#press .video { width: 450px; height: 330px; float : left; }
#press .copy { margin: 0 0 0 10px; float: left; width: 275px; }
#press .copy p { margin: 0 0 20px 0; font-size: 14px; color: #c4d4e0; }
#press .copy p a { color: #c4d4e0; }

/* Class */
.graphic_title { text-indent: -5000px; }
.clear { clear: both; }
.flat { font-size: 1px; line-height: 1px; height: 1px; }