/* CSS Document */
/* zero out things that cause discrepancies across browsers */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, object {
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
}

a{
color:blue;
}

a img{
	border:none;
	padding:0px;
}

body{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 3em;
	color: #FF0033;
	letter-spacing: 1px;
	text-transform: uppercase;

}
h2 {
	padding-left:.625em;
	font-weight: bold;
	font-size:100%;
	text-transform: lowercase;
	color:#000000;
	letter-spacing: 3px;
	color:black;

	}
	
h2 a{
	font-weight: lighter;
	font-size: 80%;
	color:#666666;
	letter-spacing: 3px;
	text-decoration: none;
	}
	
h3{
	font-weight: bold;
	font-size:115%;
	text-transform: uppercase;
	color:#000;
	letter-spacing: 1px;
	padding-bottom:.625em;
}

h3 span{
color:#000000;
}


h4{
color:#4C4C4C;
	font-size: 90%;
	font-weight:bold;
	letter-spacing:2px;
	text-transform: uppercase;
}

h4{
	font-size: 70%;
	line-height: 2em;
	clear:left;
	text-transform: uppercase;
	color:#000000;
	letter-spacing: 2px;
	padding:0;
	margin:0;
	font-weight:bolder;
	}
	

h5 {
	color:#000000;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

h6 {
	text-decoration: none;
	color:#333333;
	font-weight: lighter;
	font-size: 80%;
}



#wrapper {
	position:relative;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 800px;
	padding:.625em 0 1.25em .3125em;
}
		



strong{
	color: #000000;
	font-weight: bold;
	}
	
	
/* ----------------------------------    N A V B A R  ------------------------------------- */

#nav_bar{
position:relative;
/*padding-top:3.125em;*/
margin-left:3.125em;
padding-top:5.7%;
	z-index:10;
	width:30%;

}

ul{
	list-style-type: none;
	list-style-image: none;
}

.nav_name a{
	font-size: 100%;
	color: #FF0033;
	letter-spacing: .2em;
	font-weight:bold;
	text-transform: uppercase;
	font-family:helvetica, san-serif;
	color:#fff;
	font-size:230%; 
	font-weight:bold; 
	text-transform:uppercase;
	z-index:10;
	}
	
.nav_name a:hover{
	font-style: normal;
	font-weight: bolder;
	color:#94B1D7;
		}


li a {
	text-decoration:none;
	font-family:verdana;
	text-transform:uppercase;
 	font-weight:normal;
	color:#D5D6D7;
	color:#fff;
 	font-size:130%;
 	letter-spacing: 3px;
 	z-index:10;


}

li a strong{
color:#000000;
font-weight:bold;
}
 
#nav_bar ul li {
	list-style-type: none;
	list-style-image: none;
}

li a:hover{
	font-style: normal;
	text-decoration: none;
	color:#94B1D7;
	font-weight:bold;
		}

#drop_down{
	position:relative;
	left:1.25em;
	width:18%;
}




#drop_down li a{
color:#999999;
font-size:80%;
line-height:2em;
text-transform: uppercase;
letter-spacing:2px;
}

#drop_down li a strong{
color:#333333;
background-color:yellow;

}



#drop_down ul{
margin-bottom:.4375em;
}

#drop_down span{
padding-left:.9375em;
}


	
/*9999999999999999999999999999999999 I N D E X   P A G E  999999999999999999999999999999999*/

#index_image{
position:relative;
top:-9.375em;
left:0;
z-index:0;
width:100%;
}



#bg {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
        z-index:0;

}
#bg img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}
/*========================================== I N F O   ===================================*/


#parent_contact{
margin-left:3.4375em;
/*margin-top: 2em;*/
clear:both;
padding-top:2em;
}


#contact_box{
/*position:absolute;
top:16.875em;*/
left:3.4375em;

}



#contact_box p{
color:#333333;
letter-spacing: 1px;

}

#contact_box p a{
color:blue;
	text-decoration:none;
	letter-spacing: 1px;


}


#contact_box a {
font-size:100%;
margin-left:0px;
	text-decoration:none;

}

#contact_box p span{
color:#d22d1e;
letter-spacing: 1px;
}



#directions_box{
/*position:absolute;
top:33.125em;*/
left:3.4375em;
clear:both;
padding-top:1.5em;


}



#directions_box p{
color:$666666;
}


#directions_box p span{
color:#d22d1e;
letter-spacing: 1px;

}


#map_box{
position:absolute;
top:3.8125em;
left:31.25em;

}

#email_form{
/*position:absolute;
top:26.25em;*/
left:3.4375em;
clear:both;
padding-top:2em;

}


#email_form p{
color:#333333;
letter-spacing: 1px;
font-size:90%;

}

#email_form p span{
color:#666666;
letter-spacing: 1px;
text-transform:uppercase;
font-weight:bold;
}



/* ------------------------------------ E X H I B I T I O N S    P A G E  ------------------------------ */


.title{
left:45px;
}

#art_wrapper{
position:relative;
top:0px;
width:1200px;
left:2.8125em;
	}


#main_exhibition_box{
	position:absolute;
	top:4.0625em;
	left:23.125em;
	width:43.75em;
	padding-bottom:6.25em;
}

#pcf{
padding-top:1em;
font-size:100%;
}

.exhibition_box{
float:left;
clear:left;
width:70%;  /*700px;*/
border-top:solid 3px #999999;
padding: 1.25em 0 .9375em .625em;
	
}

.exhibition_box p{
color:#333333;
font-size:100%;
}

.exhibition_box img{
padding-bottom:.625em;
}

.exhibition_box a{
color:#333333;
color:blue;
font-size:100%;
text-decoration:none;
}



.exhibition_box h6{
font-size:110%;
letter-spacing: 1px;
font-weight: bold;
color:#666666;
}

.thumbnail_box{
padding: .3125em 3.125em 2.5em 0;
float:left;
text-align:center;
}

.art_box_installations{
margin-left:3.125em;
float:left;
clear:left;
	
}





.art_box_installations img{
padding:.625em .625em .625em 0;
}




#artpage_box{
position:relative;
top:-1.875em;
margin-left:2.5em;
width:43.75em;
text-decoration: none;

}


.artpage_thumb{
	float:left;
	margin:0 1.875em 1.875em 0;
		vertical-align: baseline;

}



.installation_thumb{
	float:left;
	clear:left;
	margin:0 .625em .625em 0;
		/*vertical-align: baseline;*/

}
.installation_thumb  a span{
font-size:80%;
color:#333333;
padding-left:.4375em;
}

.installation_thumb  a{
text-decoration: none;

}


#click{
	position:relative;
	font-size:70%;
	color:#7F6E76;
	left:float;
	left:clear;
	padding-top: 15.625em; /*250px*/
}


#statement_box{
position:absolute;
top:6.25em;  /*100px;*/
left: 32.5em;  /*520px;*/
width:25em;  /*400px;*/
}

#statement_box p{
font-size:90%;
}
/*------------------------------------------------E X T R A    P A G E S  ------------------------*/

#extra_box{
	position:absolute;
	top: 4.0625em;/*65px;*/
	left:22.5em;/*360px;*/
	width: 43.75em/*700px;*/
	padding-right:.625em;/*10px;*/
}

#extra_box p{
font-size:100%;
}


/*------------------------------------------------ W E B S I T E S    P A G E  ------------------------*/

#websites_box{
	position:absolute;
	top: 4.0625em; /*65px;*/
	left: 23.43em; /*375px;*/
	width:  55%; /*550px;*/
	padding-right: .635em;  /*10px;*/
}


#websites_box p{
font-size:100%;
color:#000000;
font-weight:bold;

}


/*------------------------------------------------ D E S C R I P T I O N    P A G E  ------------------------*/

#description_box{
	position:absolute;
	top: 3.125em; /*50px;*/
	left:23.4375em;/*375px;*/
	width:55%;/*550px;*/
	padding-right:.625em;/*10px;*/
	padding-bottom:3.125em;/*50px;*/
}

#description_box p{
font-size:80%;
color: #333333;
padding-top:.625em;/*10px;*/
}



#back_to_listing{
left:22.5em;/*360px;*/
margin-top:1.25em;/*20px;*/
margin-bottom:2.5em;/*40px;*/
}

#back_to_listing a{
color:#999999;
}

/*------------------------------------------------bio and press pages------------------------*/
#bio_box{
position:absolute;
top:6.25em;/*100px;*/
left:3.125em;/*50px;*/
width:70%;  /*700px;*/
}

#bio_box p{
font-size:90%;
padding-bottom:.625em;/*10px;*/
color:#333333;
}


#bio_box p strong{
font-weight:bold;
}

#press_box{
	position:absolute;
	top:6.875em;/*110px;*/
	left:17.5em;/*280px;*/
	width:60%;  /*600px;*/
}


#press_box p{
font-size:90%;
color:#333333;
padding-bottom:.3125em;/*5px;*/
}

#page_title{
position:absolute;
left:3.125em;/*50px;*/
}

.press_listing{
position:absolute;
left:0px;
z-index: 10
}

/*------------------------------------------------N E W S   ------------------------*/

#main_news_box{
	position:absolute;
	top:4.0625em;
	left:23.125em;
	width: 43.75em;
	padding-bottom:6.25em;
}

/* ========================== P A G I N A T I O N   p a g e   f o r m a t t i n g   ======================*/


#t_e_title{
position:absolute;
left:2.5em;    /*40px;*/
top:4.375em;   /*70px;*/
}

#image_box{
position:absolute;
top:4.6875em;   /*75px;*/
left: 15em;  /*240px;*/
/*bottom:350px;*/
}


#image_box img{
 /*vertical-align:baseline;*/
}

#caption_box{
margin-top:20.625em;    /*330px;*/
float:left;
margin-left: -12.5em;  /*-200px;*/
width: 20%;   /*200px;*/
}

#caption_box p{
font-size:60%;
}

#caption_box p a{
text-decoration: none;
line-height:4.375em;   /*70px;*/
color:#999999;
letter-spacing: 1.5px;
}



.pagination_box{
position:absolute;
top:6.25em;   /*100px;*/
left: 2.5em;  /*40px;*/
width: 25%;  /*250px;*/
}






/* ========================== T H U M B N A I L S  same page as  E N L A R G E M E N T  page    ======================*/
div.thumbs a {
	margin: 2px;
	text-decoration: none;
		/*border: 2px solid #ffffff;*/
 
}

div.thumbs a:hover, .thumbs a:active {
	margin: 2px;
		/*border: 2px solid #ffffff;*/
}

div.thumbs span.currentt img{
		margin: 0;
	/*border: 2px solid red;*/
	border:.125em solid red;
}

div.thumbs span.disabled {
	margin: 2px;
	color: #ffffff;
		/*border: 2px solid #ffffff;*/

}



/*.thumb_box{
position:absolute;
top:160px;
left:50px;
}*/






/* ========================== P A G I N A T I O N  for separate enlargement page ======================*/

.pagination_box{
position:absolute;
top: 6.25em;  /*100px;*/
left:2.5em;  /*40px;*/

width:25%;  /*250px;*/
}


.current {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#999999;
	position:absolute;
	top: -1.25em;  /*-20px;*/
	left:2.8125em;  /*45px;*/
	text-decoration:none;

}

.previous a{
position:absolute;
top:-1.625em;   /*-26px;*/
left:.625em;  /*10px;*/
font-size:150%;
color:#D9D9D6;
text-decoration:none;

}

.next a{
position:absolute;
font-size:150%;
top:1.625em;   /*-26px;*/
left:  4.3125em; /*69px;*/
color:#D9D9D6;
text-decoration:none;

}

#back_to {
position:absolute;
left:3.125em;  /*50px;*/
top:6/875em;   /*110px;*/

}

#back_to a{
font-size:60%;
color:#999999;
text-decoration:none;
}


/*=============================== ARTISTS PAGES =======================*/

#main_artists_box{
	position:absolute;
	top:4.0625em;
	left:23.125em;
	width:43.75em;
	padding-bottom:6.25em;
}

/* for ipad devices

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#wrapper{
	width:450px;
	padding:0;
	}





}
*/


/* for small devices*/
/*yyyyyyyyyyyyyyyyy  S M A L L     D E V I C E S     yyyyyyyyyyyyyyyyyyyyyyyyyyyy*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#wrapper{
	width:450px;
	padding:0;
	}


h2 {
	padding-left:.25em;
	letter-spacing: 2px;
	
	}
	
.nav_name a{
color:#5E6E7E;
font-weight:bold;
}


#nav_bar{
	position:absolute;
	margin-left:0;
	padding-top: 0;
	padding-bottom:1em;
	padding-left:1em;
	width:100%;
	background-color:white;
}

ul{
	list-style-type: none;
}

li a {
	font-size:130%;
	text-transform:uppercase;
	line-height:1.7em;
	letter-spacing:1px;
	color:#333;
	font-weight:bold;
}

li a strong{
color:black;
font-weight:bolder;
background-color:#D2D1C3;
padding:.4em 0;
}
 
 
#nav_bar ul li {
	display: inline;
	padding-right:1.2em;
}

#main_exhibition_box{
	position:absolute;
	top:8.0625em;
	left:1em;
	width:90%;
	padding-bottom:6.25em;
}


#main_exhibition_box p{
font-size:140%
padding-bottom:2em;
}

#main_exhibition_box a{
font-size:140%
}

#pcf h2{
font-size:160%;
padding:1em 0;
}


.exhibition_box{
float:left;
clear:left;
width:100%;
border-top:solid 3px #999;
padding: 1.25em 0 2em 0;
	
}


#description_box{
	position:relative;
	top: 9.125em; 
	left:1em;
	width:90%;/*550px;*/
	padding-bottom:3.125em;/*50px;*/
	
}



#description_box h2{
text-align:center;
font-size:160%;
padding-top:1.5em;
padding-bottom:.2em;
text-transform:capitalize;
}

#description_box h3{
padding-top:.5em;
font-size:190%;

}

#description_box img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	}

#main_artists_box{
	position:absolute;
	top:8.0625em;
	left:1em;
	width:90%;
	padding-bottom:6.25em;
}

#main_artists_box p a{
font-size:170%;
margin-left:1em;
}

#main_news_box{
	position:absolute;
	top:8.0625em;
	left:1em;
	width:90%;
	padding-bottom:6.25em;
}

#main_news_box p{
font-size:120%;
}

img{
max-width:100%;
height:auto;
}

.press_listing{
top:6em;
left:0px;
z-index: 10
}


.press_listing p{
font-size:200%;
}


#contact_box{
/*position:absolute;
top:10.875em;
left:1em;
width:100%;*/
}

#contact_box p{
font-size:170%;
}

#directions_box{
top:25em;
left:1em;
}

#directions_box p{
font-size:150%;
padding-bottom:.5em;
}



#map_box{
/*position:absolute;
top:50em;
left:1em;
*/


}

#email_form{
/*position:absolute;
top:75em;
left:1em;
padding-bottom:3em;
*/

}

.exhibition_box{
margin:0 auto;
}

.exhibition_box img{
width:50%;
height:auto;
display:block;
margin: 0px auto;
}




#parent_contact{
margin-left:1em;
clear:both;
padding-top:5em;
}

#map_box{
position:static;
clear:both;
padding-top:1em;
padding-bottom:4em;
}

#email_form{
display:none;

}

/*close 2 media*/
}