@charset "UTF-8";
@import url("styles_pano.css");
@import url("styles_nav_art.css");
@import url("styles_popup.css");

/* CSS Document */


/*************************************************************
 STRUCTURE 
 *************************************************************/

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background: url(../_images/gradient.jpg) repeat-x #CCC;
	margin: 1.5em 0;
	font-size:.85em;
	line-height:24px;
	}
	
#container {
	position: relative;
	margin:0 auto; /* css way to center */
	width: 778px;
	border: solid #666 1px; 
	text-align:left; /* override text-align on body */
	background-color:#FFF;
	}	
	
#header {
	position:relative;
	background-color:#FFF;	
	height:100px;
	}

#logo {
	margin:0; padding:0;
	position:absolute; top:12px; left:20px;
	width:100px; height:70px;
	}

#content {
	position:relative;
	margin: 0; padding:0;
	background-color:#FFF;	
	min-height:150px;
	}

#footer {
	margin: 0; padding: 0;
	background-color:#FFF;
	clear:both;	
	}
	
#credit {
	position: relative;
	margin:3px auto; /* css way to center */
	width: 778px;
	text-align:right; /* override text-align on body */
	font-size: 11px;
	letter-spacing: .1em;
	}	

#credit a {text-decoration:none;color:#390;}
#credit a:hover {text-decoration:none;color:#000;}
	
/*************************************************************
 MAIN NAVIGATION 
 *************************************************************/

ul#main_nav {
	margin:0; padding:0;
	position:absolute; top:12px; right:20px;
	list-style:none;
	font-size:.85em;
	font-weight: bold;
	text-transform:uppercase;
	}
	
ul#main_nav li {
	margin:0; padding:0 0 0 10px;
	display:inline;
	}	
	
ul#main_nav li a {
	text-decoration:none;
	color:#390;
	}	
	
ul#main_nav li a:hover {
	text-decoration:none;
	color:#6C0;
	}
	
ul#main_nav li.artist {
	color:#000;
	}	
	
/*************************************************************
 COLUMN ONE
 *************************************************************/
					
#col_one {
	float:left;
	margin: 30px 0 50px 50px; padding:0;
	width: 200px;
	z-index:100;
	}

#col_one ul {
	margin:0; padding:0;
	list-style:none;
	font-size:11px;
	font-weight: bold;
	text-transform:uppercase;
	}

#col_one ul li {
	margin:0; padding:0;
	}
		
#col_one ul li a {
	text-decoration:none;
	color:#390;
	}

#col_one ul li a:hover {
	text-decoration:none;
	color: #6C0;
	}

/*************************************************************
 COLUMN TWO
 *************************************************************/
	
#col_two {
	float:right;
	margin:30px 30px 50px 0; padding:0;
	width: 430px;
	}
	
#col_two ul {
	margin:0; padding:0 0 25px 0;
	list-style:none;
	}

#col_two ul.dot {
	margin:0; padding:0 0 25px 0;
	list-style: outside circle;
	}
	
#col_two ul li {
	margin:0; padding:0;
	}

#col_two ul.thumbnails {
	margi:5px 0 0 0; padding:0;
	list-style:none;
	}	
	
#col_two ul.thumbnails li {
	margin:0 10px 0 0; padding:0;
	display: inline;
	}	

#col_two ul.thumbnails li a img {
	padding: 3px;
	border:#390 solid 1px;
	}
	
#col_two ul.thumbnails li a:hover img {
	border:#6C0 dashed 1px;
	}
			

/*************************************************************
 COLUMN THREE -- IN ARTIST LISTING ONLY
 *************************************************************/
					
ul.moreinfo {
	position:absolute;
	top:30px; right:50px;
	width:150px;
	margin:0; padding:0;
	list-style:none;
	font-size:.9em;
	line-height:20px;
	text-align:right;
	}

ul.moreinfo li {
	margin:0; padding:0;
	}
		

	
/*************************************************************
 TEXT 
 *************************************************************/
	
p {margin:0 0 25px 0; padding:0;
	}

h1 {margin:0 0 8px 0; padding:0;
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	letter-spacing:.1em;
	line-height:24px;
	}

h2 {margin:0; padding:0;
	font: bold italic 13px Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:.07em;
	line-height:24px;
	}
		
#about #main_nav .about a,
#gallery #main_nav .gallery a,
#art #main_nav .art a,
#framing #main_nav .framing a,
#services #main_nav .services a,
#events #main_nav .events a,
#cafe #main_nav .cafe a,
#store #main_nav .store a,
#contact #main_nav .contact a,
#hours #main_nav .hours a {
	color: #000;
	text-decoration: none; 
	cursor:default;
	}	

a {text-decoration:underline;color:#390;}
a:hover {text-decoration:underline;color:#6C0;}
img a {border:none;}


div#years {
	margin:0 0 15px 0; 
	padding:0 0 10px 0;
	border-bottom: dashed #999999 1px;
	}
	
div#years ul {
	margin:0; padding:0;
	list-style:none;
	}
	
div#years ul li {
	margin:0; padding:0 12px 0 0;
	display:inline;
	}
			
div#years ul li a {
	text-decoration:none;
	color:#390;
	}	
	
div#years ul li a:hover {
	text-decoration:none;
	color: #6C0;
	}
	
	
#eight .eight a,
#seven .seven a,
#six .six a,
#five .five a,
#four .four a,
#three .three a,
#two .two a,

#eight .eight a:hover,
#seven .seven a:hover,
#six .six a:hover,
#five .five a:hover,
#four .four a:hover,
#three .three a:hover,
#two .two a:hover
	{
	color: #000;
	font-weight:bold;
	text-decoration: none; 
	cursor:default;
	}	
	
	
.sold { 
	text-transform:uppercase;
	letter-spacing:.3em;
	color:#990000;
	font: bold .9em Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}