@charset "UTF-8";
/* CSS Document */


			
#wrapper {
	position:relative;
	width: 1024px;
	height: 670px;
	margin-left: auto ;
	margin-right: auto ;
}
			
#galleria{
	position:absolute;
	width:980px;
	top:145px;
	left: 22px;
}

#content{
	position: absolute;
	width: 980px;
	top: 145px;
	left: 22px;
	height: 600;
}
			
#logo{
	position: absolute;
	top: 25px;
	left:22px;
	width: 220px;
	height: 83px;
}
			
			
#copyright{
	position: absolute;
	top: 641px;
	left:22px;
	width: 240px;
	height: 13px;
}

#theq{
	position: absolute;
	top: 625px;
	left:22px;
	width: 62px;
	height: 16px;
}

#footer{
	position: absolute;
	top: 625px;
	left:653px;
	width: 348px;
	height: 13px;
}

#phone{
	position: absolute;
	top: 6px;
	left:716px;
	width: 106px;
	height: 20px;
}
			
#facebook{
	position: absolute;
	top: 8px;
	left:909px;
	width: 83px;
	height: 25px;
}
			
#twitter{
	position: absolute;
	top: 8px;
	left:826px;
	width: 79px;
	height: 25px;
}

.footerText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	line-height:12px;
}


/* NAVIGATION */

#navdivider{
	position: absolute;
	top: 47px;
	left:254px;
	width: 9px;
	height: 37px;
}
#mainnav {
	position: absolute;
	top: 55px;
	left: 269px;
	height: 20px;
	width: 494px;
}

#mainnavphotos {
	position: absolute;
	top: 3px;
	left: 0px;
	height: 21px;
}

#homenav {
	
}
a#homenav:link, a#homenav:active, a#homenav:visited {
	display: block;
	width: 54px;
	height: 20px;
	background-image: url(../images/nav/nav-home.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#homenav:hover {
	background-position: -54px;
}

#news {
	
}
a#news:link, a#news:active, a#news:visited {
	display: block;
	width: 59px;
	height: 20px;
	background-image: url(../images/nav/nav-news.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#news:hover {
	background-position: -59px;
}

#exhibitions {
	
}
a#exhibitions:link, a#exhibitions:active, a#exhibitions:visited {
	display: block;
	width: 108px;
	height: 20px;
	background-image: url(../images/nav/nav-exhibitions.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#exhibitions:hover {
	background-position: -108px;
}

#artists {
	
}
a#artists:link, a#artists:active, a#artists:visited {
	display: block;
	width: 75px;
	height: 20px;
	background-image: url(../images/nav/nav-artists.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#artists:hover {
	background-position: -75px;
}

#media {
	
}
a#media:link, a#media:active, a#media:visited {
	display: block;
	width: 59px;
	height: 20px;
	background-image: url(../images/nav/nav-media.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#media:hover {
	background-position: -59px;
}

#contactnav {
	
}
a#contactnav:link, a#contactnav:active, a#contactnav:visited {
	display: block;
	width: 83px;
	height: 20px;
	background-image: url(../images/nav/nav-contact.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#contactnav:hover {
	background-position: -83px;
}

#thespace {
	
}
a#thespace:link, a#thespace:active, a#thespace:visited {
	display: block;
	width: 97px;
	height: 20px;
	background-image: url(../images/nav/nav-the-space.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#thespace:hover {
	background-position: -97px;
}


/* TEXT */
a:link {
	color: #ed1c24;
	text-decoration: none;
}
a:visited {
	color: #ed1c24;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

@font-face {
    font-family: 'TeXGyreBonumRegular';
    src: url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-regular-webfont.eot');
    src: url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-regular-webfont.woff') format('woff'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-regular-webfont.ttf') format('truetype'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-regular-webfont.svg#TeXGyreBonumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreBonumItalic';
    src: url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-italic-webfont.eot');
    src: url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-italic-webfont.woff') format('woff'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-italic-webfont.ttf') format('truetype'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-italic-webfont.svg#TeXGyreBonumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreBonumBold';
    src: url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bold-webfont.eot');
    src: url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bold-webfont.woff') format('woff'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bold-webfont.ttf') format('truetype'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bold-webfont.svg#TeXGyreBonumBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreBonumBoldItalic';
    src: url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bolditalic-webfont.eot');
    src: url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bolditalic-webfont.woff') format('woff'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bolditalic-webfont.ttf') format('truetype'),
         url('TeX-Gyre-Bonum-fontfacekit/texgyrebonum-bolditalic-webfont.svg#TeXGyreBonumBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.title{
	font: 18px/27px 'TeXGyreBonumRegular', Arial, sans-serif;
	color:#C00;
}

.subtitle{
	font: 14px/27px 'TeXGyreBonumRegular', Arial, sans-serif;
	color:#FFF;
}

.date{
	font: 12px/27px 'TeXGyreBonumRegular', Arial, sans-serif;
	color:#999999;
}

.date a:link {
	font: 12px/27px 'TeXGyreBonumRegular', Arial, sans-serif;
	color:#ed1c24;
}

.back{
	font: 10px/27px 'TeXGyreBonumRegular', Arial, sans-serif;
	color:#999999;
}

.back a:link {
	font: 10px/27px 'TeXGyreBonumRegular', Arial, sans-serif;
	color:#ed1c24;
}

.dateItalic {
	font: 12px/27px 'TeXGyreBonumItalic', Arial, sans-serif;
	color:#999999;
}

/* These styles create the dropdown menus. */
#navbar {
	position: absolute;
	top: 0px;
	right: -133px;
	margin: 0;
	padding: 0;
	width: 626px;
}
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding: 0px 2px;
   text-transform: uppercase;
   text-decoration: none; 
   color: #999;
   font-weight: bold; }
#navbar li a:hover {
   color: #000; }
#navbar li ul {
   display: none;  }
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 100%;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: left; }
#navbar li:hover li a, #navbar li.hover li a {
	font: 10px/27px 'TeXGyreBonumRegular', Arial, sans-serif;
	color:#999999;
}
#navbar li li a:hover {
   color: #ed1c24; }