/*GENERAL*/

body {
text-align : center;
background : #ffffff;
margin : 0;
padding : 0;
font : 12px Arial, Helvetica, sans-serif normal;
}
.dark 
{background:#000000;
}
#ootd
{
width: 476px;
height: 120px;
margin: 10px 0px 0px 20px;
padding: 2px;
border: 1px solid #eeeeee;
}
#ootd a 
{
height: 150px;
width: 476px;
display: block;
color:	#FFFFFF;
font-style: italic;
text-indent:-13000em;
background: url(otdimg/doorbanner.jpg);

}
#ootd a:hover {
background-position:0 -150px;

}
a
{
outline: none;
color:	#999999;	
}
a:hover
{ 
color:	#666666;
}
a:link, a:visited 
{
text-decoration:none; 
border: 0;
}

body a,img { 
border: 0; 
margin: 0px; 
padding: 0px;}

#container {
  margin: 0 auto;
  width: 976px;
  text-align: left;
}
#content {
  position: relative;
  top: -50px;
  margin: 0;
  padding: 0;
  width: 976px;
  height: auto;
  text-align: left;
  border-top: 1px solid #eeeeee;
  clear:both;
}
.dark #content {
  border-top: 1px solid	#333333;
  }
  .line1 {
  float: left;
  margin: 20px 0;
  width: 470px;
  height: 1px;
  background-color: #eeeeee;
}
.art_cont {
  float: left;
  margin: 80px 0 0 0;
  padding: 70px 0 0 0;
  width: 976px;
  height: 300px;
  border-top: 1px solid #eeeeee;
  }
.art_desc {
  float: left;
  padding: 0px;
  margin: 0px;
  width: 488px;
  height: 300px; 
}
.artistdescbox
{
	width: 488px;
	margin: 25px 0 0 0;
	padding: 0px;
	height: 250px;
}
.marg_top_40
{

margin-top:40px;

}
.goback {
  font: 9px Arial, Helvetica, sans-serif;
  font-weight:	bold;
  float: right;
  margin-right: 0px;
  margin-left: 1px;
  text-decoration: none;
  text-transform:	capitalize;
  background-color: #000000;
  height: 10px;
  color: #F9F9F9;
  padding: 5px;
}
.goback:hover {
  background-color: #4B4B4B;
  color: #FFFFFF;
}
.dark .goback {
  background-color:	#FFFFFF;
  color:#000000;

}
.dark .goback:hover {
  background-color:	#000000;
  color:	#FFFFFF;
}
/* LOGO*/
#logo
{
position: relative;
top: -108px;
background: url(images/logo.png) ;
height: 39px;
width: 258px;
margin: 0;
padding: 0;
float: left;
}
#logoreverse
{
position: relative;
top: -108px;
background: url(images/logoreverse.png) ;
height: 39px;
width: 258px;
margin: 0;
padding: 0;
float: left;
}

/* NAV BAR*/
#nav
{
  float: right;
  padding: 40px 0;
  margin: 0px;
  width: 976px;
  height: 60px;
  border: none;
  clear:both;
  }

#nav ul 
{ 
float: right;
position: relative;
top: 3px;
padding: 0;
margin: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}
#nav ul li 
{ 
position: relative;
float: left;
margin-left: 39px;
margin-right: 0px;
padding-top: 5px;
}

#nav ul li:hover, #nav ul li.over 
{
top: -3px;
border-top: 3px #000000 solid;
}

#nav ul li a 
{
display: block;
text-decoration: none;
border-bottom: none;
color: #666666;
}
#nav ul li.last {border: 0;margin-right: 0;}
#nav ul li:hover > a, #nav ul li.over > a {color: #010101;}
#nav ul li a {display: block;text-decoration: none;border-bottom: none;}
#nav ul li ul { display: none; position: absolute; top:5px; left: 0; width: 100%;}
#nav ul li ul li { text-indent: 0; border: 0; width: 150px;left: -39px; font-weight: bold;}
#nav ul li ul li.sub { padding-top: 3px; margin-top: 5px;}
#nav ul li ul li:hover, #nav ul li ul li.over {top: 0px; border: none;}
#nav ul li ul li a {} #nav ul li > ul { top: auto;left: auto;}
#nav ul li ul li.sub a.on {color: #000000; font-weight: bold;}
#nav ul li:hover ul,#nav ul li.over ul { display: block;}

/*__________________END OF NAV BAR_____________*/

/*__________________dark nav_____________*/
.dark #nav ul li a {
color:	#666666;
}

.dark #nav ul li:hover,.dark #nav ul li.over
{
top: -3px;
border-top: 3px	#FFFFFF solid; 
color:	#FFFFFF;
}
.dark #nav ul li:hover > a, .dark #nav ul li.over > a {color:	#FFFFFF;}
.dark #nav ul li ul li.sub a.on {color:	#FFFFFF; font-weight: bold;}
.dark #nav ul li ul li:hover, .dark #nav ul li ul li.over {top: 0px; border: none; color:#FFFFFF;}
/*__________________ end of dark nav_____________*/

/*GENERAL TEXT STYLINGS8*/
h2
{
  float: left;
  font: normal 24px Times;
  line-height: 26px;
  letter-spacing: -1px;
  color: #010101;
  display: block;
  margin-left: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding: 0px;
  background: none;
  height: 40px;
  }
  .dark h2{color:	#FFFFFF;
    letter-spacing: 0px;
  }
  .descintro {
 	font-family: Arial, Helvetica, sans-serif ;
	padding-left:40px;
	padding-top: 0px;
	text-decoration: none;
	text-transform: none;
	text-align:	left;
	border: none;
	font-size:14px;
	font-weight:lighter;
	color:#333333;
	letter-spacing: 0px;
	line-height: 18px;
  }
.dark .descintro {
	color:	#CCCCCC;
	
}
#lastspace
 {
 	margin-bottom: 20px;

 }
.desc {
	font-family: Arial, Helvetica, sans-serif ;
	padding-left:40px;
	padding-top: 5px;
	text-decoration: none;
	text-transform: none;
	border: none;
	font-size:11px;
	font-weight:lighter;
	color: #666666;
	letter-spacing: 0px;
	line-height: 16px;
	margin: 0px;
 }
.dark .desc {
	color:	#FFFFFF;
	
}
.smallpara
{
float: left;
width: 210px;
margin: 1px 0;
font-family: Arial, Helvetica, sans-serif ;
font-size: 11px;
font-weight:	100;
color:	#666666;
line-height: 16px;
padding-top: 0px;
padding-left: 20px;
text-decoration: none;
text-transform: none;
border: none;
}

strong{font-weight:	500;
color:#333333;
}
.dark strong{font-weight: 500;
color:	#999999;
}

/*INDEX*/
  
.frontimg
{
padding: 2px;
border: 1px solid #eeeeee;
float: left;
width: 460px;
margin: 15px 0;
}
/* slideshow */
#slideshow
{
position: relative;
left: -5px;
float: right;
width: 460px;
height: 320px;
margin: 10px 0 0 0;
}
#box7{
	position:relative;
	left: 0px;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	left: -5px;
	top: 280px;
	width:460px;
	clear:both;
	height:41px;
	overflow:hidden;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:466px;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:58px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:52px;
	float:right;
}
#thumbs_handles7 span{
	background:url(mootools/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(mootools/thumbs_mask2.gif) no-repeat center top;
}
.mask6{
	position:absolute;
	left:0px;
	top: 4px;
	width:460px;
	height:260px;
	overflow:hidden;
}
* html pre {width:100%}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}
/*_____________________ end of slideshow____________________________*/
.smallimg
{
padding: 2px;
border: 1px solid #eeeeee;
float: left;
width: 220px;
height:210px;
margin: 0px;
}
.home .smallimg 
{
height:225px;
}
#indexcontentl {
  float: left;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  width: 487px;
  font-family: Arial, Helvetica, sans-serif;
}
#indexcontentr {
  float: left;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  border-left: 1px solid #eeeeee;
  width: 488px;
  height: 620px;
}

#halfl
{
width: 243px;
margin-top:0px;
padding: 0;
float: left;
border-right: 1px solid #eeeeee;
}
#halfr
{
width: 230px;
margin-top:0px;
padding: 0;
float: left;
}
/* INDEX TEXT STYLES*/
.welcomepar
{
	font-family: Times ;
	font-size: 24px;
	font-weight: 100;
	line-height: 28px;
	color:	#333333;
	padding:0px;
	text-decoration: none;
	text-transform: none;
	border: none;
	margin-top: 10px;
	margin-left: 0px;
	}
.dark .welcomepar
{
color:	#FFFFFF;
font-weight:100;
}
.wtext
{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:lighter;
color:#666666;
letter-spacing: 0px;
line-height: 18px;
margin: 0px;
padding: 0px;
}
.wtextr
{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:lighter;
color:#666666;
letter-spacing: 0px;
line-height: 18px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding: 0px;
}
.inpar
{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16px;
	font-weight:lighter;
	line-height: 22px;
	color:	#666666;
	padding:0px;
	text-decoration: none;
	text-transform: none;
	border: none;
	margin-top: 10px;
	margin-left: 0px;
}
em{
font-style:italic;
}
.inparr
{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11px;
	font-weight:	100;
	color:	#666666;
	line-height: 16px;
	padding:0px;
	text-decoration: none;
	text-transform: none;
	border: none;
	margin-top: 8px;
	margin-left: 20px;
}
/*______________END OF INDEX_______________*/
/*CONTACT*/
.contl
{
width: 243px;
height: 200px;
margin-top:0px;
padding: 0px;
float: left;
border-right: 1px solid #eeeeee;
}
.contr
{
width: 243px;
margin-top:0px;
padding: 0px;
float: left;
}
.map
{
padding: 2px;
border: 1px solid #eeeeee;
width: 460px;
margin: 20px 20px;
}
.line2 {
  float: left;
  margin-left: 20px;
  margin-bottom: 10px;
  margin-top:10px;
  width: 460px;
  height: 1px;
  background-color: #eeeeee;
}
/* CONTACT LINK STYLINGS*/
.linkbox
{
width: 488px;
height: 20px;
margin: 0px;
padding: 0px;}
.linkboxotd
{
width: 488px;
height: 20px;
margin: 0px;
padding-bottom: 70px;
}
.formbox
{
margin: 20px 0 0 0;
}
.submit, .layout{
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-indent: 30px;
  text-decoration: underline;
  text-transform:	capitalize;
  float: left;
  margin-right: 0px;
  margin-left: 20px;
  margin-top: 10px;
  height: 16px;
  padding-top: 2px;
  color:	#999999;}
 .submit a:hover, .layout a:hover
  {
  text-decoration: underline;
  color:	#666666;  }
  
  .submit{
   background: url(images/form.png) 0 0 no-repeat;
   }
  .layout{
  background: url(images/layout.png) 0 0 no-repeat;
  }
 /*_______________________END OF CONTACT________________*/
  
/*ARTISTS*/
.artistdesc
  {
  font-family:"Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin: 0px;
  padding-left: 20px;
  }
  #artist
{
width: 976px;
height: auto;
margin: 0px;
}
.artimage
{
	width: 482px;
	height: 300px;
	padding: 2px;
	border: 1px solid #eeeeee;
	margin: 0px;
}
.artist1
{
	width: 488px; 
	height: 306px;
	float: left;
	margin: 0px; 
	padding: 0px;
}
.artist1 p
{
margin: 0px;
padding: 0px;
}
.exhibits {
	width: 976px;
	height: 560px;
	float: left;
	padding: 0px; 
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 0px;
}	
.exhibits a {
	display: inline;
	float: left;
	height: 140px;
	margin: 1px 1px 0 0;
	width: 324px;
}
.exhibits a:hover {
  cursor: pointer;
}
.exhibits img
{
position: relative;
top: 0px;
}

#item_01
{
background: url(images/rollovers/dmroll.jpg);
}

#item_02
{
background: url(images/rollovers/emroll.jpg);
}
#item_03
{
background: url(images/rollovers/ggroll.jpg);
}
#item_04
{
background: url(images/rollovers/liroll.jpg);
}
#item_05
{
background: url(images/rollovers/pgroll.jpg);
}
#item_06
{
background: url(images/rollovers/srroll.jpg); 
} 
#item_07
{
background: url(images/rollovers/tkroll.jpg);
}
#item_08
{
background: url(images/rollovers/vmroll.jpg);
}
#item_09
{
background: url(images/rollovers/wdroll.jpg);
}
#item_10
{
background: url(images/rollovers/teroll.jpg);
}
#item_11
{
background: url(images/rollovers/sproll.jpg);
}

/*ARTISTS TEXT STYLINGS*/
.artiststext
{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:lighter;
color:#666666;
letter-spacing: 0px;
line-height: 18px;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px;
}
/*______________END OF ARTISTS_______________*/
/*PROGRAMME*/
#futurebox
{
float: right;
width: 470px;
height: auto;
margin: 0px;
}

.futexh
{
padding: 2px;
border: 1px solid #eeeeee;
float: left;
width: 150px;
height: 150px;
margin: 0px;
}
.futl
{
width: 150px;
height: 150px;
margin-top: 15px;
margin-left: 0px;
padding: 0px;
float: left;
}
.futr
{
width: 310px;
height: 170px;
margin-top: 15px;
float: left;
}
/*PROGRAMME TEXT STYLINGS*/
.inpars
{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11px;
	font-weight:	100;
	color:	#666666;
	line-height: 16px;
	padding:0px;
	text-decoration: none;
	text-transform: none;
	border: none;
	margin-top: 0px;
	margin-left: 0px;
}
.dark .inpars
{
color:	#FFFFFF;
}
.futexhdesc
{
margin-left: 20px;
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif ;
font-size: 11px;
font-weight:	100;
color:	#666666;
line-height: 16px;
padding: 0px;
text-decoration: none;
text-transform: none;
border: none;
}
/*______________END OF PROGRAMME_______________*/
/*PREVIOUS EXHIBITIONS PAGE*/
.prev_cont {
  float: left;
  padding: 0px; 
  margin:0px;
  width: 976px;
  height: 300px;
  }
.previous {
	width: 488px; 
	float: left;
	margin: 0px; 
	padding: 0px;
}	
.previous img {
	display: inline;
	float: left;
	height: 140px;
	margin: 1px 1px 0 0;
	padding: 0px;
	width: 243px;
}
.previous a:hover {
  cursor: default;
}
.margin_left{
margin-left:40px;
}
.previous_cont {
  float: left;
  margin: 50px 0 0 0;
  padding: 60px 0 0 0;
  width: 976px;
  height: 300px;
  border-top: 1px solid #eeeeee;
  }
.dark .previous_cont {
  border-top: 1px solid #333333;
}
.previous_cont_noborder {
  float: left;
  margin: 20px 0 0 0;
  padding: 0px 0 0 0;
  width: 976px;
  height: 380px;
  border:none;
  }

.dark .previous .big {
	display: inline;
	float: left;
	height: 280px;
	margin: 1px 1px 0 0;
	padding: 0px;
	width: 487px;
	}
.dark .previous .bigger {
	float: left;
	height: 261px;
	margin: 0px;
	padding: 0px;
	width: 974px;
}
.dark .previous .logos {
	float: left;
	height: 170px;
	margin: 0px;
	padding: 0px;
	width: 974px;
}
.p
/*______________END OF PREVIOUS PAGE_____________*/

/*WORKSHOPS*/
.workshops
{
	width: 976px;
	float: left;
	padding: 20px 0 0 0; 
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
.workshops img
{
	display: inline;
	float: left;
	height: 140px;
	margin: 0px 1px 0 0;
	width: 324px;
}
.exh_box {
	float: left;
	width: 324px;
	height: 300px;
	background-color: #eeeeee;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}
.exh_box:hover
{
background-color: #F7F7F7;
}
.exh_box p
{
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}
.workshopstext {
	padding: 20px;
	text-decoration: none;
	text-transform: none;
	border: none;
	font-size:11px;
	font-weight:lighter;
	color: #666666;
	letter-spacing: 0px;
	line-height: 16px;
}
.workshophead {
	padding: 0px;
	text-decoration: none;
	text-transform: none;
	border: none;
	font-size:14px;
	font-weight:bold;
	color: #666666;
	letter-spacing: 0px;
	line-height: 16px;
}
.overtext
{
font-size:14px;
font-weight:lighter;
color:#666666;
letter-spacing: 0px;
line-height: 18px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
padding: 0px;
}
.under
{
float: left;
width: 974px;
height: 20px;
background-color:  #eeeeee;
margin: 1px 0 0 0;
display: block;
padding: 0px;
}
.undertext
{
font-size: 10px;
color: #666666;
margin: 0px;
text-transform: none;
text-decoration: none;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
}


/*FOOTER STYLINGS*/
  
#footer {
clear:both; 
margin-top: 80px;
position: fixed-bottom;
bottom: 0px;
height: 350px;
padding: 0px;
background-color:#f2f2f2; 
width:100%;
}
#footercontent {
width:976px;
height: 190px; 
margin:0px auto;
text-align:left;
}
.footercol
{
float: left;
width: 243px;
margin-top: 10px;
padding: 0px;
}
.footercol img
{
float: right;
margin: 0px;
padding: 0px;
}
.footerline
{
background-color: #CCCCCC;
width: 194px;
height: 1px;
margin-top: 7px;
margin-bottom: 7px;
padding: 0px;
}
.footerheader
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #666666;
letter-spacing: 0px;
line-height: 18px;
margin-bottom: 20px;
padding: 0px;
}
.footerpara
{
margin: 0px;
width: 234px;
font-family: Arial, Helvetica, sans-serif ;
font-size: 10px;
font-weight:	100;
color:	#666666;
line-height: 14px;
padding: 0px;
text-decoration: none;
text-transform: none;
border: none;
}
#footer a
{
text-decoration: none;
margin: 0px;
color: #666666;
}
#footer a:hover, #footer a:active
{
text-decoration: underline;
}
#eml,#tel,#facebook,#twitter,#form, #lay, #blog, #artwork
{
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  text-transform:	capitalize;
  margin-right: 0px;
  margin-left: 0px;
  height: 30px;
  z-Index: 1;
  padding-top: 2px;
  padding-left: 30px;
  color:	#999999;
}
#eml
{
  background: url(images/mail.png) 0 0 no-repeat;
  }
#tel {
  background: url(images/tel.png) 0 0 no-repeat;
  }
#facebook {
  background: url(images/face.png) 0 0 no-repeat;
  }
  #twitter {
  background: url(images/twitter.png) 0 0 no-repeat;
  }
  #form {
  background: url(images/form.png) 0 0 no-repeat;
   }
  #lay {
  background: url(images/layout.png) 0 0 no-repeat;
  }
  
  #blog {
  background: url(images/blog.png) 0 0 no-repeat;
  }
  #artwork {
  background: url(images/label1.png) 0 0 no-repeat;
  }
#footer_bottom
{
clear: both;
width: 976px;
height: 30px;
padding-top: 40px; 
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
text-align:left;
}
#footer_bottom p
{
margin: 0px;
width: 976px;
float:left;
font-size: 10px;
font-weight: normal;
color: #666666;
line-height: 16px;
padding: 0px;
text-decoration: none;
text-transform: none;
border: none;
}
#footer_bottom img
{float: right;
position: relative;
top: -220px;
}
.credits
{
margin: 10px 0 0 0;
width: 976px;
font-size: 9px;
font-weight: normal;
color:	#999999;
line-height: 16px;
padding: 0px;
text-decoration: none;
text-transform: none;
border: none;
}
/*______________END OF FOOTER________________*/