* {margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}
* html body {height:100%; 
}
html {height:100%; background:#f4f2f0;
}
html, body {margin:0; padding:0; height:100%; /* needed for container min-height */ 
}

body {position:relative; min-height:100%; font-size:12px; color:#9A8B83; 
}
body#contact {background:url(../img/body_contact.png) no-repeat fixed center top; 
}
body#gallery_info {background:url(../img/body_info.png) no-repeat fixed center top;  
}
body#residency {background:url(../img/body_res.png) no-repeat fixed center top; 
}
body#rentals {background:url(../img/body_rentals.png) no-repeat fixed center top; 
}
body#artists {background:url(../img/body_artists.png) no-repeat fixed center top; 
}

div#container {
position:relative; top:30px; width:760px; margin:auto; padding:35px 0 50px 0; background:#fff;
/*height:auto !important*/  /*real browsers */
/*height:100%;  IE6: treaded as min-height*/
/*min-height:100%;  real browsers */
}
div#content_main {
float:left; width:490px; height:100%; padding:20px 20px 40px 20px; margin-top:350px;  
}

/*NAVIGATION*/
div#nav_main {
position:absolute; width:760px; top:30px; height:35px; background:#3D3736; font-size:10px; z-index:1; left:50%; margin-left:-380px; /* half of 760px*/
}

/* top level menu container */
#nav_main ul { list-style: none; background: #3D3736; color: #FFFFFF;}

/* top level menu items */
#nav_main li{ position: relative; float:left; text-transform: uppercase; background: #3D3736; }

#nav_main li#now_on a{ background:#9A8B83; color:#fff; height: 20px; padding-left: 5px;}
#nav_main li#now_on a:hover, li#now_on a:active{ background: #9A8B83; color: #fff;}
#nav_main li#art_angels { position: absolute; right: 0px; text-align:right;}
#nav_main li#art_angels a:hover, li#art_angels a:active { background: #A3A510; color: #FFFFFF;}
#nav_main li#art_angels.current a{ background: #A3A510; color: #fff;}
#nav_main li.current a { background:#3D3736; color:#fff; height: 20px; padding-left: 5px; /*border-bottom:5px solid #9A8B83;*/}
#nav_main li .current a:hover, li .current a:active { background: #FFFFFF; color: #3D3736;}


/* make the anchor fill the li */
#nav_main ul li a{ display: block; background: #3D3736; color: #9A8B83; text-decoration: none; height: 20px; padding: 10px 4px 5px 4px; letter-spacing: 0.1em; font-weight: normal; }

/* second level menu container */
#nav_main ul ul { display: none;  position: absolute; top:35px; background: #9A8B83; color: #FFFFFF; z-index:100;}
#nav_main li#art_angels ul {position:absolute; right:0px; text-align:right; background: #A3A510; color: #FFFFFF;}

/* second level menu items */
#nav_main ul li li { float: none; width:150px; text-transform:lowercase; color:#FFFFFF; border-top: #FFFFFF 1px dotted;}
#nav_main ul li li a{ display: block; float: none; color:#FFFFFF; padding: 6px 4px 3px 4px;}
#nav_main ul li li a:hover, #nav_main ul li li a:active { background: #645C5A; color:#FFFFFF;}
#nav_main li#now_on li a:hover, #nav_main li#now_on li a:active { background: #645C5A; color:#FFFFFF;}

#nav_main li#art_angels li a { /*list-style-type:none; */ background: #A3A510; color: #FFFFFF; }
#nav_main li#art_angels li a:hover,li#art_angels li a:active { /*list-style-type:none; */ background: #B9BA6C; color: #FFFFFF;}

/* highlight effect on hover */
#nav_main ul li a:hover, #nav_main ul li a:active { height: 20px; color: #FFFFFF; background: #9A8B83; }

/*
 * The > selector selects only an
 * immediate child. So this selector says 'The ul directly below the
 * li being hovered over'.
 */
#nav_main ul li:hover > ul { display: block; }
/*#nav_main li { behavior: url('IEmenus.htc'); }*/


/* clear the floated elements */
#nav_main ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#nav_main ul { zoom: 1; }

/* 500x350px feature */

div#feature {
position: absolute; left: 0px; top: 35px; width: 500px; height: 350px; 
/*background: #FFFFFF; #3D3736*/
}
div#feature_list {
position: absolute; left: 0px; top: 35px; width: 760px; height: 350px; 
}
/* 500x350px feature when 2 exhibitions on */
div#feature-top {position:absolute; left:0; top:35px; width:760px; height:175px;}
div#feature-top a {display:block;}

div#feature-bot {position: absolute; left: 0px; top:210px; width: 760px; height: 175px;}
div#feature-bot a {display:block; padding:0px;}

/* 253x350px feature when 3 exhibitions on */
div#feature-left {position:absolute; left:0px; top:35px; width:253px; height:400px;}
div#feature-left a {display:block; padding:0px; height:100%;}

div#feature-mid {position:absolute; left:253px; top:35px; width:253px; height:400px;}
div#feature-mid a {display:block; padding:0px; height:100%;}

div#feature-right {position:absolute; left:506px; top:35px; width:253px; height:400px;}
div#feature-right a {display:block; padding:0px; height:100%;}

div#feature-left .content_info, div#feature-mid .content_info, div#feature-right .content_info  {
position:absolute; right:0px; top:350px; height:135px; width:221px; padding:10px 20px 10px 10px; text-align: right;
}


div#map {
position: absolute; left: 0px; top: 35px; width: 500px; height: 350px; background: #FFFFFF; /*#3D3736*/
} 
div#feature_2 {
position: absolute; right: 0px; top: 35px; width: 260px; height: 290px; padding:0px;
}
div#feature_3 {
position: absolute; left: 0px; top: 35px; width: 760px; height: 350px; background: #FFFFFF; /*#3D3736*/
}
div#content_info {
position: absolute; right: 0px; top: 35px; width: 221px; height: 290px; padding: 60px 20px 0px 10px; text-align: right;/*background: #FFFFFF;*/
}
.content_info {
position: absolute; right: 0px; top: 0px; height: 135px; width: 221px; padding: 30px 20px 10px 10px; text-align: right;
}
div#content {
float: left; width: 720px; margin-top: 350px; padding: 20px 20px 40px 20px;
}
div#air {width:220px; margin-top:30px; padding-bottom:10px; height:100%; float:right; text-align:right; /*border-left: 1px dotted #C2B6AF;*/
}
div#air .thumbs {float:right; margin: 5px;/*width: 180px; height: 220px; */text-transform: uppercase; color: #3D3736; text-align:right; letter-spacing:0.05em;}
div#air .thumbs img { border:none; margin-bottom:5px; }

ul.downs{padding: 20px 0px; list-style: none; background: url(../img/ul_down.png) no-repeat left top;}
ul.downs li { padding-left: 20px; padding-bottom:10px; line-height: 20px; background: url(../img/pdf.png) no-repeat -2px 3px; /*background: url(../img/pdf.png) no-repeat -2px top;*/ }

ul.essay {padding: 20px 0px; list-style: none; background: url(../img/ul_down.png) no-repeat left top;}
ul.essay li { padding-left: 20px; padding-bottom:20px; line-height: 20px; background: url(../img/pdf.png) no-repeat -2px 3px; /*background: url(../img/pdf.png) no-repeat -2px top;*/}

/*FOOTER*/
div#foot {position:absolute; bottom:0; left:50%; margin-left:-380px; width:740px; height:40px; background:#F4F2F0 url(../img/foot_bg.png) no-repeat 730px 10px; color:#9A8B83; font-size:9px; letter-spacing:0.05em; padding:10px 10px; border-top:1px #C2B6AF dotted; z-index:5; line-height:1em; 
}
div#clear {clear:both;}
.clear {clear:both;}


ul.general {list-style: circle url(none); padding-left: 15px;}

dl { list-style: none; margin: 0px; padding: 0px; padding-bottom: 30px; min-height:300px;}
dt { list-style: none; margin: 0px; padding: 0px; }
dd { list-style: none; margin: 0px; padding: 0px; }

/*text editing*/
/*@font-face {font-family:ConduitITCStd;	src:url('ConduitITCStd.otf');
}
@font-face {font-family:ConduitITCStd; font-weight:bold;	src:url('ConduitITCStd-Bold.otf');
}*/
h1.artist {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h3.exhibit_date {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.2em;}
h2.exhibit_title {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}*/

h1, h2, h3, h4, h5, h6 {font-weight:normal; }
h1 {text-transform: lowercase; font-size: 2.2em; color: #3D3736; font-weight: bold;}
h2 {text-transform: lowercase; font-size: 1.6em; color: #3D3736; padding-top: 15px;}
h3 {text-transform: uppercase; font-size: 1.1em; letter-spacing: 0.05em; color: #3D3736; padding: 5px 0px 15px 0px; font-weight:bold;}
h4 {font-size: 12px; color: #3D3736; line-height: 1.5em; padding: 5px 0px 10px 0px; font-weight:bold;}
h5 {}
h6 {}

h1.artist {text-transform: lowercase; font-size: 2.2em; color: #3D3736; font-weight: bold; }
h2.exhibit_title {text-transform: lowercase; font-size: 1.6em; color: #3D3736; padding-top: 15px;}
h3.exhibit_date {text-transform: uppercase; font-size: 1.1em; letter-spacing: 0.05em; color: #3D3736; padding-top: 5px;}
h4.artist_page a, h4.artist_page a:visited {position:absolute; bottom:0; right:0; text-transform:uppercase; font-size:10px; background:#9A8B83; color:#FFFFFF; width:230px; padding:3px 20px 3px 0;	font-weight:bold; letter-spacing:0.05em; display:block; /*background: #3D3736;*/
}
h4.artist_page a:hover, h4.artist_page a:active {background: #3D3736; }
h4.exbibit_link a, h4.exbibit_link a:visited {position:absolute; bottom:0; right:0; text-transform:uppercase; font-size:10px; background:#9A8B83; color:#FFFFFF; width:240px; padding:3px 20px 3px 0; font-weight:bold; letter-spacing:0.05em; display:block;/*background: #3D3736;*/
}
h4.exbibit_link a:hover, h4.exbibit_link a:active { background: #3D3736; }
h5.page_title { background: url(../img/exhibitions_bg.png) no-repeat fixed -50px 200px;}
h5.artwork_title { font-size: 12px; font-weight: bold; color: #3D3736; padding-top: 5px;}
h5.artist { font-size: 12px; font-weight: bold; color: #3D3736; padding-top: 5px; text-transform:uppercase; letter-spacing:0.1em;}

/* =general */
.artwork_title { font-size: 12px; font-weight: bold; color: #3D3736; padding-top: 5px;}
p { font-size: 12px; padding-bottom: 15px; }
p.first {text-transform:uppercase; font-variant:small-caps; letter-spacing:0.1em; color:#3D3736;}
p.quote {text-transform:uppercase; letter-spacing:0.1em; color:#3D3736;	padding-bottom:5px; font-size:1.2em; line-height:1.8em;}
p.reference {text-transform:uppercase; letter-spacing:0.1em; font-size:0.9em;}


.small { font-size: 0.8em;}
.sold { 	background: url(../img/sold.png) no-repeat 5px center; color: #A3A510; font-weight: bold; text-transform: uppercase; padding-left: 20px; letter-spacing: 0.05em;}
.NOTES {font-weight: bold; background: #FF00CC; color: #000000;}
div#foot p { font-size: 10px; padding-bottom: 5px; }
/*div#foot a:link, div#foot a:visted { color: #9A8B83; border-bottom: 1px #9A8B83 dotted;}
div#foot a:hover, div#foot a:active { color: #3D3736; border-bottom: 1px #3D3736 solid; }*/
strong {/*color:#3D3736;*/
}
.caps {text-transform:uppercase;
}
cite {/*color:#3D3736;*/ font-style:italic;
}
hr {border:1px dotted #F4F2F0;
}




/* =general links */
a:link, a:visited { color: #3D3736; text-decoration:none; font-weight: bold; }
a:hover, a:active {	color: #3D3736; text-decoration:none; font-weight: bold; background: #F1EDEA; border-width: 0px; border-style: none; 
}

/* =tables */
table {margin: 0px; padding: 0px; font-size: 12px; width: 720px; border-collapse:collapse;}
thead {text-align: left; min-height: 30px; height: 30px; color: #9A8B83; letter-spacing: 0.05em; vertical-align: middle; font-size: 12px;}
thead th {font-weight: bold; padding: 2px 10px; /*border-top: 1px #C2B6AF solid;*/ border-bottom: 1px #C2B6AF solid; text-transform: uppercase; }
tr {height: 45px; border-bottom: 1px #C2B6AF dotted; vertical-align: middle;}/*display: block; */
td { padding: 5px 10px; }

/* =thumbnails */
.thumbs { float: left; margin:30px 51px 45px 0px;/*width: 180px;  */ height:160px; text-transform: uppercase; color: #3D3736; text-align:center; letter-spacing:0.05em;}
.thumbs img { border: none; margin-bottom: 20px; }
.thumbs a:link, .thumbs a:visited {padding: 4px; color: #3D3736; display: block;}
.thumbs a:hover, .thumbs a:active {padding: 4px; color: #FFFFFF; background-color: #3D3736;}

/* =forms */
fieldset {border:1px dotted #9A8B83;padding:1.4em;margin:0 0 1.2em 0;background:#fff;}
label {cursor:pointer;cursor:hand;float:left;width:150px;display: block;margin-top:4px;font-weight:bold; color:#3D3736; padding:3px 20px 3px 3px;}
input, textarea, select {border:1px dotted #9A8B83;background-color:#fff;margin:0;font: 100% "Trebuchet MS", Verdana, sans-serif;color:#3D3736;width:350px; padding:2px}
input.border {border:1px dotted #9A8B83;size:300px;padding:2px;}
input:focus, textarea:focus {background:#F4F2F0;color:#3D3736;border:1px dotted #666;}
input.invalid:focus, textarea.invalid:focus {color: #6699ff;	background-color:#fff;border:1px solid #ccc;}
input[type="checkbox"]:focus, input[type="radio"]:focus {border: 0;}
select:focus {color:#336699;}
input.button#Comments {border:1px dotted #9A8B83;background-color:#fff;margin:0;font: 100% "Trebuchet MS", Verdana, sans-serif;color:#3D3736;width:50px;}
.button {font:normal 12px "Trebuchet MS", sans-serif; color:#FFFFFF; border:1px dotted #3D3736; background-color:#9A8B83; padding: 3px;}
.button:hover {cursor:pointer;cursor:hand;color:#FFFFFF; border:1px dotted #3D3736; background-color:#3D3736;}
input.button#Comments {font:normal 12px "Trebuchet MS", sans-serif; color:#FFFFFF; border:1px dotted #3D3736; background-color:#9A8B83; padding: 3px;width:70px; float:left;}
input.button#Comments:hover {cursor:pointer;cursor:hand;color:#FFFFFF; border:1px dotted #3D3736; background-color:#3D3736;}
input.button#join {font:normal 12px "Trebuchet MS", sans-serif; color:#FFFFFF; border:1px dotted #3D3736; background-color:#9A8B83; padding: 3px;width:70px; float:left;}
input.button#join:hover {cursor:pointer;cursor:hand;color:#FFFFFF; border:1px dotted #3D3736; background-color:#3D3736;}

label, .warning, .radioLabel { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.warning { color:#F00; width: 500px; display:block; }

/* =google */
div#google_results iframe {width: 720px; font-size:10px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
div#google_results form {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

results_015108558035717271261:7ghohpx5-fw {width:400px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
div#searchbox_015108558035717271261:7ghohpx5-fw {}
input#search {font:normal 12px "Trebuchet MS", sans-serif; color:#FFFFFF; border:1px dotted #3D3736; background-color:#9A8B83; padding: 3px;width:70px; float:left;}