@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	width:7000px;
	height:5000px;
	background-color: #0a120b;
		color:#e8dddd;
}

a img, a:visited img {
	border:none;
}

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:fixed;
	right:0;
	top:0;
	z-index:101;
	background:url(images/menu-bg.png) top right no-repeat;
	width:118px;
	height:438px;
	padding-left:52px;
}

ul.menu {
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
	position:relative;
	height:233px;
}
ul.menu li {
	margin:0;
	padding:0;
	font-size:13px;
	list-style:none;
	text-transform:uppercase;
	font-weight:normal;
	font-family: Gilligan, Arial, Helvetica, sans-serif;
}

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) center 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:absolute;
	z-index:3;
	padding:70px 80px;
	/*background:#9F1D20;
	border:3px #069648 solid;*/
	width:840px;
	height:545px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e8dddd;
	text-shadow: 1px 1px #790000;
	line-height:1.8;

}

div.column2 {
	width:400px;
	height: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 {
	position:fixed;
	width:100%;
	height:73px;
	top:0;
	background:url(images/top-vignette.png) repeat-x 0 0;
	z-index:100;
}

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

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

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

}

#home {
	top:2250px;
	left:3000px;
	width:960px;
	height:650px;
	padding:25px;
}

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

#info {
	background:url(images/home-panel.png) no-repeat center center;
	width:608px;
	height:550px;
	margin-left:255px;
	padding:40px;
}
#curator {
	top:500px;
	left:2500px;
	background:url(images/full-size.png) no-repeat center center;
	float:left;
}

#videos {
	top:1000px;
	left:100px;
	padding-right:40px;
	width:880px;
	background:url(images/video-panel.png) no-repeat center center;
}

#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 {
	top:3200px;
	left:1000px;
	background:url(images/artist-panel-left.png) no-repeat center center;
}

#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 {
	top:4300px;
	left:2800px;
	background:url(images/full-size.png) no-repeat center center;
	
}

#artist {
	top:225px;
	left:5250px;
	background:url(images/full-size.png) no-repeat center center;
}

#artist1 {
	top:1150px;
	left:4600px;
}

#artist2 {
	top:1150px;
	left:5850px;
	background:url(images/artist-panel1.png) no-repeat center center;
}

#artist3 {
	top:2150px;
	left:4600px;
}

#artist4 {
	top:2150px;
	left:5850px;
	background:url(images/artist-panel1.png) no-repeat center center;
}

#artist5 {
	top:3150px;
	left:4600px;
}

#artist6 {
	top:3150px;
	left:5850px;
	background:url(images/artist-panel1.png) no-repeat center center;
}

#artist7 {
	top:4150px;
	left:5250px;
}

#artist1, #artist3, #artist5, #artist7 {
	background:url(images/artist-panel-left.png) no-repeat center center;
}

#artist2, #artist4, #artist6 {
	background:url(images/artist-panel-right.png) no-repeat center center;
}

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