/*

* CSS *  
* @version 1.0 
* @author Vaska  
* @author Kaz Raad 

*/ 

@import url("reset.css");

body, table { background:#EEEEEE; font-size: 10px; padding:0px; margin:0 auto; overflow-x:hidden; } 

h1.headline { font-size:46px; color: #3C0000; display:none; height:46px; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }

a:link { text-decoration: none; color: #888; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color:#000; }

.shadow { -moz-box-shadow: 3px 3px 10px #aaa; -webkit-box-shadow:3px 3px 10px #aaa; }
img.shadow { border:4px white solid; -moz-box-shadow: 3px 3px 10px #aaa; -webkit-box-shadow:3px 3px 10px #aaa; }

.left { float:left; }
.right { float:right; }
 
a img { border: none; }
img { border: none; }
a img:focus { border: none; }
img:focus { border: none; }

.right { float:right; }
.left { float:left; }
.invisible { display:none; } 

.container { background:#fff; margin:0 auto; width:900px; -moz-box-shadow: 0px 10px 10px #aaa; -webkit-box-shadow:0px 10px 10px #aaa; }

#menu #logo img { padding-top:5px; padding-left:15px; padding-bottom:0px; clear:none; float:left; }
#menu ul.main_navigation { display:none; font-family:Helvetica, Arial, Sans Serif; text-align:right; clear:both; margin:0px 80px 0px 0px; width:893px; list-style: none; font-size:16px; }
#menu ul li { margin:0px 10px 0px 0px; list-style-type:none; display:inline; }
#menu a { color:#D28C3A; }
#menu .active a:hover, #menu a:hover { color:#000; }
#menu .active a { color:#333; }
#menu .container { height:150px; } 
#menu p { display:none; } 

#content { width:900px; margin:300px auto 0px auto; }
#content .container { width:813px; padding:20px 43px 20px 44px; background:#fff; } 

#once { clear: left; }

/* // to uniformize thumbnails, do it here : */
#img-container	{  }
#img-container img { background:url('elements/loading.gif') center center no-repeat;}
#img-container .img-shadow {  }

/* module specific */

/* Drop Shadow on Images -- image must be contained within another element for proper display */
.img-shadow { float:left; background: url('elements/dropshadow.png') no-repeat bottom right !important; background: url('elements/dropshadow.gif') no-repeat bottom right; }
.img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #efefef; margin: -6px 6px 6px -6px; padding: 8px; }

/* Exhibits Page */
#Exhibit { border-top:1px solid #D6D7D8; border-bottom:1px solid #D6D7D8; width:813px; font-size:12px; font-family:Georgia, Times New Roman, Serif; }
#Exhibit p { margin:10px auto 15px auto;  }

/* Exhibits Title */
#Exhibit h1 { font-weight:normal; font-size: 24px; padding:0px; margin-bottom:24px; color:#000; background:url('elements/diamonds_line.gif') bottom center no-repeat; padding-bottom:20px; }
#Exhibit h2 { font-weight:normal; font-size: 18px; padding:0px; margin-bottom:18px; color:#222; }
#Exhibit h3 { font-weight:bold; font-size: 16px; padding:0px; margin-top:10px; margin-bottom:16px; color:#333; }
#Exhibit h4 { font-weight:normal; font-size: 14px; padding:0px; margin-bottom:14px; color:#444; }


/* Exhibits Details */
#Exhibit .img-title, #Exhibit .img-caption { margin-left: 10px; }
#Exhibit .img-title { font-size:11px; color:#aaa; }
#Exhibit .img-caption { font-style:italic; font-size:10px; color:#bbb }
#Exhibit a { color:#2e718b; border-bottom:1px dotted #2e718b; font-weight:bold;}
#Exhibit a:hover { color:#4b4833; }
#Exhibit img {  }
#Exhibit iframe {  }

#footer { font-family:Arial, Helvetica, Sans Serif, sans-serif; color:#888; background:#fff; z-index:1000; left:0px; bottom:0px; margin:0px auto; padding:4px 3px; width:894px; text-transform:lowercase; font-size:9px; }
#footer .container { background:none; padding:4px 8px; margin:0 auto; width:900px; -moz-box-shadow: none; -webkit-box-shadow:none; }
#footer:hover { }
#footer a { color:#666; }
#footer a.adm { text-transform:uppercase; color:#0092D1; }
#footer .notes { text-transform:none; color:#bbb; }
#footer a:hover { border-bottom:1px dotted !important; }

.instructions { font-size:10px; color:#333; margin-left:15px; margin-top:5px !important; }

/* Graphical Elements */
#picture_divider_down { background:url('elements/img_separator_down.gif') center center no-repeat; width:100%; height:100px; margin:0 auto; text-align:center; clear:both; } 
#picture_divider_up { background:url('elements/img_separator_up.gif') center center no-repeat; width:100%; height:100px; margin:0 auto; text-align:center; clear:both; } 
#text_divider { background:url('elements/between_p.gif') center center no-repeat; width:900px; height:30px; margin:5px 0px 20px 0px; text-align:left; clear:both; } 
#diamond_divider { background:url('elements/diamonds_line.gif') center center no-repeat; width:100px; height:10px; margin:4px; } 

#top_box { background:url('elements/border_top.gif') no-repeat top center; width:813px; height:17px; }
#bottom_box { background:url('elements/border_bottom.gif') no-repeat top center; width:813px; height:20px; }
.boxed-in { background:url('elements/border_sides.gif') repeat-y center center; width:813px; padding:10px 0px }

#text_separator { background:url('elements/text_separator.gif') no-repeat 50% 50%; width:240px; height:40px; text-align:center; margin:10px;  }

#insert_albums { float:right; width:300px;}

#insert_reviews { overflow:visible!important; text-align:left; margin-right:25px; float:right; width:430px; background:#fff; font-size:12px; line-height:15px; }
.review { display:none; margin:0 auto; width:100%; padding:0 10px; }
.review_body:before { content:'"'}
.review_body:after { content:'"'}
.review_body { color:#999; font-style:italic; font-family:Georgia, Times New Roman, Serif; }
.review_source { display:block; margin-top:5px; text-align:right; color:#666; font-family:Georgia, Times New Roman, Serif; }
#banners { margin:100px auto 10px auto; width:900px; padding:0px; height:340px; background:#fff; }
.banner { height:340px; width:900px; }
.banner img { width:900px; }

#tourdates { width:50%; float:left; }

.social_links { width:900px; text-align:right; margin:0 auto; }
.social_links li { list-style-display:none; display:inline; margin:3px; }
.social_links li img { width:20px; }