/** Blindspot Gallery **/

/** GLOBAL **/

* { margin: 0px; padding: 0px; }

body { background: #fff; font: 12px Arial, Helvetica, sans-serif; color: #000; line-height: 1.35; }

img { border: 0; }

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

.size-48 { font-size: 48px; margin-bottom: 18px; }
.size-20 { font-size: 20px; }
.size-16 { font-size: 16px; }
.upper { text-transform: uppercase; }
.bold { font-weight: bold; }  
h2 { font-size: 20px; font-weight: bold; }

ul, li { list-style: none; margin: 0; padding: 0;}
p { margin: 0 0 20px;}

.wrapper { overflow: auto; }

.main { width: 900px; margin: 0 auto;  }
.others { width: 500px; }

/** HEADER **/

.header{ width: 900px; height: 180px; }
.header .language { width: 100%; padding: 20px 0; height: auto; text-align: right;}
.header .language a { color: #000; }
.header .language a:hover { color: #d21e4a; }
.header #logo { background: url(../images/logo.jpg) no-repeat top left; width: 255px; height: 77px; float: left; }

/** NAVIGATION **/

#nav { font-size: 15px; width: auto; float: right; height: 23px; overflow: hidden;  }
#nav ul { }
#nav li { float: left; padding-left: 30px; padding-right: 0px; }
#nav .tw li { padding-left:35px; }
#nav li a, #secondlevel li a { color: #000; }
#nav li a:hover, #secondlevel li a:hover { color: #d21e4a; }
#nav li a#active, #secondlevel li a#active { color: #d21e4a; }

.exhibition #secondlevel { font-size: 14px; width: 75px; border-top: 1px solid #000; float: right; clear: right; margin-right: 216px; padding: 7px 0 0 3px; }
.exhibition #secondlevel.tw { margin-right: 245px; width:60px;}
.contact #secondlevel { font-size: 14px; width: 54px; border-top: 1px solid #000; float: right; clear: right; margin-right: -4px; padding: 7px 0 0 3px; }
#secondlevel li { padding-bottom: 3px; }

.exhibition.tw { margin-right: -5px; }
.contact.tw { margin-right: 5px; }
.contact.tw li { width:100px;}

/** CONTENT **/

#slideshow { width:900px; height:400px; overflow:hidden;}
#slideshow-v { width:400px; height:600px; overflow:hidden;}
.content { width: 900px; height: auto; margin: 0 0 70px 0; }

/** FOOTER **/

.footer { width: 900px; height: 50px; font-size: 9px; }
.footer .container { width: auto; margin: 0 auto; text-align: center; }
.footer a { color: #000; }
.footer a:hover { color: #d21e4a; }

/** HOME **/

.home { font-size: 16px; font-weight: bold; overflow: auto; }
.home .imageholder { width: auto; float: left;  }
.home .horizontal { float: left; width: 620px; margin-top: 30px;  }
.home .vertical { width: 420px; float: left; margin: 230px 0 0 50px; }

/** ABOUT **/

.about .intro { margin: 0 0 30px 0; text-align: justify; }
.about .leftcolumn { width: 432px; float: left; text-align: justify; }
.about .rightcolumn { width: 448px; margin-left: 20px; float: left; text-align: justify; }
.about .wrapper { margin-bottom: 40px; }

/**EXHIBITIONS **/

/** INDIVIDUAL EXHIBITIONS **/

.hide { display: none; }
.exhibitions .wrapper { overflow:hidden; }
.exhibitions .imageholder { float: left; margin-bottom:20px; }
.exhibitions .vertical { width: 450px; float: right; }
.exhibitions #curator { margin: 30px 0 10px 0; }
.exhibitions #statement { margin: 20px 0 0 0; text-align: justify; }
.exhibitions #gallery .thumbnail { width: 85px; height: 85px; margin: 0 15px 15px 0; float: left;  }
.exhibitions .horizontal #gallery { width: 400px; overflow: auto; float: right; }
.exhibitions .horizontal .rightcolumn { width: 430px; margin-left: 70px; float: right; }

/** UPCOMING EXHIBITIONS **/

.upcoming .wrapper { margin-bottom: 30px; }
.upcoming .leftcolumn { width: 448px; margin-right: 30px; float: left;  }
.upcoming .rightcolumn { width: 422px; float: left;  }

.upcoming a { color: #000; }
.upcoming a:hover { color: #d21e4a; }


/** PAST EXHIBITIONS **/

.past .container { float: left;  margin-right: 20px; width: 210px; height: 310px;overflow:hidden;}
.past .wrapper { overflow:hidden; }

/** ARTISTS **/

.artists .title { overflow: hidden; }
.artists .blind { float: left; }
.artists #year { float: right; width: auto; margin-top: 38px;  }
.artists #year a, .artists .wrapper a { color: #000; }
.artists #year a:hover, .artists #year a#active, .artists .wrapper a:hover { color: #d21e4a; }
.artists .container { width: 144px; padding: 0 7px 20px 0; float: left; }
.artists .container  img { margin-bottom: 12px; }
.artists .wrapper {overflow:auto; clear:both;}


/** NEWS **/

.news .wrapper { width: 450px; border-bottom: 1px solid #000; margin-bottom: 25px; padding-bottom: 20px; }
.news .details .wrapper { border-bottom: none !important; }
.news .title { font-weight: bold; font-size: 16px; margin: 0 0 15px 0; }
.news img { margin-bottom: 20px; }

/** LOCATION **/

.location .wrapper { margin-bottom: 30px; }
.location .leftcolumn { float: left; width: 434px }
.location .rightcolumn { width: 446px; float: left; margin-left: 20px; float: left; }

/** ENQUIRY **/

.enquiry .leftcolumn { width: 120px; font-weight: bold; font-size: 16px; float: left; padding-top: 2px; }
.enquiry .leftcolumn li { padding: 12px 0; }
.required { color: #d21e4a; font-size: 12px; position: relative; top:-8px; font-weight: normal; }
.enquiry .rightcolumn { width: 352px; float: left; height: 500px; overflow: hidden; padding-right: 428px; }

input,select,textarea { vertical-align:middle; color:#000; }
input.text-input,select,textarea { background:#fff; border:1px solid #000; }
input.text-input,textarea { padding:5px; width: 340px; margin: 10px 0; }
button { background-color: #000; color: #fff; padding: 2px 10px; border: none; font-size: 15px; float: right; margin: 5px 0 0 5px; }


/** EXTRA **/
.horiz { width: 900px; height: 400px; background: #F3F3F3; }
.vert { width: 400px; height: 600px; background: #F3F3F3; }
#keyvisual { display:none; }
.modal { padding:30px;}
.level_1 { padding-left:20px; }
.level_2 { padding-left:30px; }
.level_3 { padding-left:40px; }
.ws { margin-left:5px; }