/* CSS Document */


/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }



/* typography.css */
/*Typography - Standard content*/
div#content h1{
margin-top:.5em;
margin-bottom : .7em;
font-family:Verdana,Arial,Helvetica,sans-serif;  
font-size: 150% ;
font-weight : bold; 
letter-spacing : +2px;
color : #FF6600; }


div#content h2 { 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 150% ;
font-weight : bold; 
letter-spacing : +1px; 
color : #690;
text-align:center;
margin-right:1px;
margin-top:10px;
margin-bottom:10px;
}


div#socialmedia {
	float:left;
}

div#content p {
	float:left;
	text-align:left;
font-size: 100%;
color: #333;
}



#content p  a:link { 
text-decoration : none;
color:#FF3FAA; 

}

#content p  a:link:hover {
	color:#f60; 
	text-decoration: underline;
}

#content p  a:visited { 
text-decoration : none;
color:#FF3FAA;

}

#content p  a:visited:hover {
	color:#f60; 
	text-decoration: underline;
}






.clearfooter {
	height: 200px;
	clear:both;
}



#site_info {
height:200px;
position:relative;
width:820px;
margin:0px auto;
margin-bottom:-100px;
text-align:center;
background-color:#fff;
}

#site_info_home {
height:100px;
position:relative;
width:820px;
margin:0px auto;
margin-bottom:-100px;
text-align:center;
background-color:#333;
}


/*
#site_info  {
height:180px;
position:relative;
margin-bottom:10px;
width:820px;
background-color:#FFF;
text-align:center;

}*/

#site_info h5  {
margin-top:20px;
}

#site_info h5 img {
border:none;

}

#nav_main {
margin:0;
padding:0;
text-align:center;}

#nav li {
display:inline;
padding:0;
margin:0;}


div#branding {
position:absolute;
	top: -9999px;
}

div#nav {
position:absolute;
	top: -9999px;
}


a:hover img{
outline: 1px #666;

}

h5 a:hover img{
outline: none;

}


/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */






body { 
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#333333; 
font-size:12px;}

div#nav p { 
font-size : 110%;
color : Silver; }

div#site_info p { 
text-align: center;
font-size: 90%;
color : #666; }

div#site_info_home p { 
text-align: center;
font-size: 90%;
color : #fff; }



li > p { margin-left : 0; }

a:link, a:visited { 
text-decoration : none;
color : #000;  }



a:hover {
	color:#FF6600; 
	text-decoration: underline;
}

div#nav a:link, a:visited {
	color: silver;
}

div#site_info h5 a:link, a:visited { 
text-align: center;
color : #666; }

div#site_info h5 a:hover { 
text-align: center;
color : #F60; }




/* layout.css */


body{
	height:100%;
	background:#fff url(../images/int_bg.gif)
 }


#container {
	min-height:100%;
	position:relative;
	width:820px;
	margin:0px auto;
	margin-bottom:-100px;
	text-align:left;
	background-color:#fff;
}


#container_home {
min-height:100%;
position:relative;
width:820px;
margin:0px auto;
margin-bottom:-100px;
text-align:center;
background-color:#333;}



/* ######### Menu & Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px #999999;
	padding: 15px;
	z-index: 100; /*zIndex should be greater than that of shadow's below*/
	background:#EAE9E6;
	width: 350px;
}

.anylinkcsscols .column{
width: 150px;
float: left;
text-align:left;
}

.anylinkcsscols .column p{
margin-bottom:5px;
font-weight:bold;
color:#F60;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li {
padding-bottom: 3px;
text-align:left;

}

.anylinkcsscols a:link { 
text-decoration : none;
color:#666; 

}

.anylinkcsscols  a:link:hover {
	color:#FF6600; 
	text-decoration: underline;

}


.anylinkcsscols a:visited { 
text-decoration : none;
color : #666; 

}

.anylinkcsscols  a:visited:hover {
	color:#FF6600; 
	text-decoration: underline;

}




/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


#nav_panel1 {
	text-align:center;
height:25px;
background-color:#EAE9E6;}

#nav_panel1 ul{
	
margin: 0;
padding: 0;
list-style-type: none;
}

#nav_panel1 li{display: inline;
list-style-type: none;
padding-right: 15px;


}


#nav_panel1 p{
text-align:center;
padding-top:4px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-color:#000000; 
font-weight:100;
font-size:11px;}


#nav_panel1  a:link { 
text-decoration : none;
color : #000; 
}

#nav_panel1  a:link:hover {
	color:#FF6600; 
	text-decoration: underline;
}

#nav_panel1  a:visited { 
text-decoration : none;
color : #000; 
}

#nav_panel1  a:visited:hover {
	color:#FF6600; 
	text-decoration: underline;
}

#nav_panel2 {
	text-align:center;
height:20px;
background-color:#666;
}


#nav_panel2 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#nav_panel2 li{display: inline;
list-style-type: none;
padding-right: 15px;
}

#nav_panel2 p{
text-align:center;
padding-top:1px;
font :Verdana,Arial,Helvetica,sans-serif;
font-color:#000000; 
font-weight:100;
font-size:11px;}

#nav_panel2  a:link { 
text-decoration : none;
color:#D4FF00;

}

#nav_panel2  a:link:hover {
	color:#FFF; 
	text-decoration: underline;
}

#nav_panel2  a:visited { 
text-decoration : none;
color:#D4FF00;

}

#nav_panel2  a:visited:hover {
	color:#FFF; 
	text-decoration: underline;
}


#brand-int {text-align:center; background-color:#ff6600;}

#brand-int-home {text-align:center; background-color:#333;}

#brand-int_frame {text-align:center; background-color:#ff6600; height:130px; width:100%;}

  
h1 {text-align:center; margin-top:10px; }


/*TOP CONTENT EXIBITION PAGE CHANGES*/





/*##################Top panel exhibition image and details###############################*/

div#content_top img{float:left; text-align:center; margin:0px 0px 0px 0px; background-color:#000; height: 428px;}

div#content_top h2{
	background-color:#000;
	height: 428px;
	vertical-align:middle;
	text-align: center;
	margin:0px 0px 0px 40px;
	font-size:11px;
	color:#FF8600;
	font-family: Verdana, Geneva, sans-serif;
}


div#content_top2 img {
	float:left;
	text-align:center;
	margin:0px 0px 0px 0px;
	background-color:#000;
	height: 600px;
}
div#content_top2 h2 {
	background-color:#fff;
	height: 600px;
	vertical-align:middle;
	text-align: center;
	margin:0px 0px 0px 40px;
	font-size:11px;
	color:#FF9FAA;
	font-family: Verdana, Geneva, sans-serif;
}

div#content_top3 h2 {
	background-color:#000;
	height: 600px;
	vertical-align:middle;
	text-align: center;
	margin:0px 0px 0px 40px;
	font-size:11px;
	color:#FF9FAA;
	font-family: Verdana, Geneva, sans-serif;
}



div#content_top_cat6 img{float:left; text-align:center; margin:0px 0px 0px 0px; background-color:#000; height: 428px;}

div#content_top_cat6 h2{
	background-color:#000;
	height: 428px;
	vertical-align:middle;
	text-align: center;
	margin:0px 0px 0px 40px;
	font-size:11px;
	color:#FF0000;
	font-family: Verdana, Geneva, sans-serif;
}

div#content_top_quirky img{float:left; text-align:center; margin:0px 0px 0px 0px; background-color:#fff; height: 428px;}
div#content_top_quirky h2{
	background-color:#000;
	height: 428px;
	vertical-align:middle;
	text-align: center;
	margin:0px 0px 0px 40px;
	font-size:11px;
	color:#C96;
	font-family: Verdana, Geneva, sans-serif;
}


div#content_top_spot img{float:left; text-align:center; margin:0px 0px 0px 0px; background-color:#000; height: 428px;}
div#content_top_spot h2{
	background-color:#FFF;
	height: 428px;
	vertical-align:middle;
	text-align: center;
	margin:0px 0px 0px 40px;
	font-size:11px;
	color:#666;
	font-family: Verdana, Geneva, sans-serif;
}


div#content_top_quirky p a:link, a:visited { 
text-decoration : underline;
color:#eeb379;
font-family: Verdana, Geneva, sans-serif;}

div#content_top_quirky p a:hover {
	color:#FF6600; 
	text-decoration: underline;
}



/*Exhibition content*/

#content_exhibition{width:820px;}
div#content_exhibition h1{ text-align: center;  margin:40px 20px 0px 20px; font-size:14px;}
div#content_exhibition h3{ font-weight:normal; text-align: left; margin:10px 50px 0px 50px; font-size:12px; line-height:20px;}
div#content_exhibition a:link, a:visited { 
color : #FF8600; }

div#content_exhibition a:hover { 
color : #F60; }



div#page  {
	margin-top:30px;
	margin-right:100px;
	float:right;
	text-align:right;
font-size: 100%;
color: #333;

}

div#page h3 a:link, a:visited
{ margin:0px 0px 20px 0px;
color : #cc0000; }

div#page h3 a:hover {
	margin-bottom:10px;
color : #F60; }


div#page a:link, a:visited { 
color : #666; }

div#page a:hover { 
color : #F60; }

div#page-end a:link, a:visited { 
color : #666; }

div#page-end a:hover { 
color : #F60; }



div#page-end  {
	margin-top:0px;
	margin-right:100px;
	float:right;
	text-align:right;
font-size: 100%;
color: #333;
}

/*Art Listing layout*/

#art_list{
	
}


#art_list_collectibles img{vertical-align:bottom;border:none;padding:2px;background:#fff;
	
}


/*{margin:0;padding:0;} */
dl {float:left;text-align:center;margin-top:25px;} 
dt,dd {width:272px;float:left;} 
dt {margin-bottom:10em;} 
dd {margin:130px 0 0 -272px;} 
#collectibles dd {margin:160px 0 0 -272px;} 
#art_list img {vertical-align:bottom;border:1px solid #999;padding:2px;background:#fff;} 
em {display:block;font-weight:bold;margin-bottom:5px;} 
#art_list dl a:hover img,dl a:active img,dl a:focus img {background:#f33;}

dd h2{
margin: 0 0 0 0;
font : 90% "Verdana", "Arial", "Helvetica", sans-serif;  
font-weight : bold; 
text-align:center;

}

dd h4{
margin: 0 0 0 0;
font : 90% "Verdana", "Arial", "Helvetica", sans-serif;  
font-weight : bold; 
text-align:center;normal

}


dd p{
margin: 0 0 0 0;
font : 90% "Verdana", "Arial", "Helvetica", sans-serif;  
font-weight : normal; 
}

dd h3{
margin: 2px 0 0 0;
font : 90% "Verdana", "Arial", "Helvetica", sans-serif; 
color: #CC3300;
font-weight : bold; 
}

dd h4{
margin: 2px 0 0 0;
font : 90% "Verdana", "Arial", "Helvetica", sans-serif; 
color: #000;
font-weight : normal; 
}



/*Content for generic pages*/

#content_generic img {
margin-left:20px;
margin-right:30px;
margin-bottom:10px;
margin-top:0px;}

#content_generic p {
text-align: left;  margin-left:30px; margin-right: 50px;}


#content_generic div.floatright{
float:right;
}

#content_generic div.floatright img{
margin-right:80px;
margin-left:30px;
margin-bottom:0px;
margin-top:8px;
}

/*Typography for generic pages*/
div#content_generic h1{
margin-top:.5em;
margin-bottom : .7em;
font : 150% "Verdana", "Arial", "Helvetica", sans-serif;  
font-weight : bold; 
letter-spacing : +2px;
color : #FF6600; }

div#content_generic h2 { 
font : 150% "Verdana", "Arial", "Helvetica", sans-serif;  
font-weight : bold; 
letter-spacing : +1px; 
color : #690;
text-align:left;
margin-right:1px;
}

#content_generic div.leftheader h2 {
margin-left:30px;}

div#content_generic p {
text-align:left;
font-size: 12px;
line-height:20px;
color: #333;
margin:0px 20px 20px 20px;
}

#content_generic div.float{
float:left;
}





/*Standard content*/

#content_home {background-color:#333; text-align:center; }

#content_photo {background-color:#000; }


#content p {
min-width: 620px;/* 65%;*/ text-align: left;  margin-left: 10%; margin-right: 10%; line-height:20px; }

#content_preload p {
min-width: 620px;/* 65%;*/ text-align: center;  margin-left: 10%; margin-right: 10%; font-size: 90%;}

#content_preload img {
min-width:620px;/* 65%;*/ text-align: center;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:10px
}