@charset "utf-8";

* { max-width: 100%; }

body {
	margin: 0;
	padding: 0;
	width:100%;
	height:auto;
	background:url(images/circuit-BG.jpg) #0a120b;
	color:#e8dddd;

}
.clearfloat {clear:both; height:1px;}
a img {
	border:2px solid #9CCD98;
}

ul {
	margin:0; padding:0;
}

ul li {
	margin:0; padding:0;
}

@font-face {
    font-family: 'Gilligan';
    src: url('gill_sans_mt-webfont.eot');
    src: url('gill_sans_mt-webfont.eot?#iefix') format('embedded-opentype'),
         url('gill_sans_mt-webfont.woff') format('woff'),
         url('gill_sans_mt-webfont.ttf') format('truetype'),
         url('gill_sans_mt-webfont.svg#GillSansMTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6 {
	font-family: Gilligan, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: 100;
	text-shadow: 2px 2px #790000;
	letter-spacing:5px;
	line-height:1;
	margin:5px 0;
}

h1 {
	font-size:42px;
}

h2 {
	font-size:36px;
}

h3 {
	font-size:24px;
}

h4 {
	font-size:18px;
}

h5 {
	font-size:14px;
}

h6 {
	font-size:12px;
}

a, a:link, a:visited {
	color:#9ccd98;
	text-decoration:none;
}

a:hover {
	color:#fff;
	text-decoration:none;
}

#nav {
	position:relative;
	left:0;
	top:0;
	z-index:101;
	background:#0a120b;
	width:100%;
	height:75px;
	border:2px #9ccd98 solid;
}

#bottomnav {
	position:relative;
	left:0;
	bottom:0;
	z-index:101;
	background:#0a120b;
	width:100%;
	height:65px;
	border:2px #9ccd98 solid;
}

ul.menu {
	margin:0 auto;
	padding:0;
	text-align:center;
	list-style:none;
	position:relative;
	height:50px;
	width:860px;
}
ul.menu li {
	margin:0;
	padding:0;
	font-size:14px;
	list-style:none;
	text-transform:uppercase;
	font-weight:normal;
	font-family: Gilligan, Arial, Helvetica, sans-serif;
	float:left;
}

ul.menu li a {
	display:block;
	width:112px;
	padding:5px 0 5px 15px;
	margin:10px 5px;
}

ul.menu li a:hover {
	background: url(images/menu-hover.png) top left no-repeat;
}

ul.menu li ul#submenu {
	display:none;
	background:#0a120b;
	border:1px #9ccd98 solid;
	margin:-40px 0 0;
	position:absolute;
	top:90px;
	right:113px;
	width:170px;
	background:url(images/submenu-bg.jpg) left top repeat;
}

/*ul.menu li ul#submenu li a {
	display:block;
	width:150px;
	padding:5px 0 5px 20px;
	margin:5px 0 ;
}

ul.menu li:hover ul#submenu, ul.menu li.hover ul#submenu {
    position: absolute;
    display: inline;
	margin: 0;
    padding: 0; 
}

ul.menu li ul#submenu li a {
	display:block;
}*/

.scroll {
	overflow:auto;
	height:490px;
	outline: none;
}


#home, #curator, #videos, #gallery, #visit, #artist, #artist6, #artist1, #artist2, #artist3, #artist4, #artist5, #artist7 {
	position:relative;
	z-index:3;
	margin:70px auto;
	padding:25px;
	background:#9F1D20;
	border:2px #9ccd98 solid;
	width:840px;
	height:545px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e8dddd;
	text-shadow: 1px 1px #790000;
	line-height:2;
}


#partners {
	position:relative;
	z-index:3;
	margin:70px auto;
	padding:25px;
	background:#FFF;
	border:2px #9ccd98 solid;
	width:840px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-shadow: 1px 1px #c8c8c8;
	line-height:2;
}

.partneritem {width:830px; margin:20px 0 80px 0; border-top:1px solid #666;}

.partneritem h3 {
	font-family: Gilligan, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:14px;
 	font-weight: 100;
	text-shadow: 2px 2px #c8c8c8;
	letter-spacing:5px;
	line-height:1;
	margin:5px 0;
}

.partneritem img, .partneritem a {border:0; outline:none;}
.partneritem a {color:#999;}
.partneritem a:hover {color:#000;}


div.column2 {
	width:400px;
	float:left;
	text-align:justify;
}

div.first {
	margin-right:35px;
}

ul.names {
	font-family:Gilligan, Arial, Helvetica, sans-serif; font-size:32px; list-style:none; text-transform:uppercase; line-height:1.2; margin:0 0 25px;
}

ul.names li {
	margin:0;
	padding:0;
}

iframe.movie {
	width:455px;
	height:245px;
	margin:12px 0;
}

p {
	font-size:13px;
	margin:20px 0;
}

#top {
	display:none;
	position:fixed;
	width:100%;
	height:73px;
	top:0;
	background:url(images/top-vignette.png) repeat-x 0 0;
	z-index:100;
}

#left {
		display:none;
	position:fixed;
	width:73px;
	height:100%;
	top:0;
	left:0;
	background:url(images/left-vignette.png) repeat-y 0 0;
	z-index:100;
}

#right {
		display:none;

	position:fixed;
	width:73px;
	height:100%;
	top:0;
	right:0;
	background:url(images/right-vignette.png) repeat-y 0 0;
	z-index:100;
}

#bottom {
		display:none;

	position:fixed;
	width:100%;
	height:73px;
	bottom:0;
	background:url(images/bottom-vignette.png) repeat-x 0 0;
	z-index:100;

}



#logo {
	background: url(images/museumlogo-chip.png) no-repeat center center #9F1D20;
	width:250px;
	height:290px;
	float:left;
}

#info {
	background:#9F1D20;
	width:500px;
	height:550px;
	margin-left:295px;
}

#curator {
}

#videos {
	
}

#videos #viewer {
	height:475px;
	width:620px;
	overflow:hidden;
	float:left;
}

#videos #videowrap {
	width:620px;
	float:left;
}

#videos #videothumbs {
	width:175px;
	text-align:center;
	float:right;
	margin-right:25px;
}

#videos #videothumbs a img {
	margin:10px 5px;
	clear:both;
	border:1px #900 solid;
}

#gallery {

}

#gallery a img, #gallery a:visited img {
	width:auto;
	height:auto;
	display:block;
	margin:8px;
	float:left;
	border:2px solid #9CCD98;
}

#gallery a:hover img {
	border:2px solid #fff;
}


.scroll2 {
	height:400px;
	width:700px;
	margin:0 auto;
	overflow:auto;
	outline: none;
}

#visit {
}

#artist {
}

#artist1 {
}

#artist2 {
}

#artist3 {
}

#artist4 {

}

#artist5 {
	
}

#artist6 {
	
}

#artist7 {
	
}

#artist1, #artist3, #artist5, #artist7 {
	height:auto;
}

#artist2, #artist4, #artist6 {
	height:auto;
}

#artist1 img, #artist3 img, #artist5 img, #artist7 img, #artist2 img, #artist4 img, #artist6 img {
	float:left;
	margin:10px 30px 12px 0;
}