html { min-width: 800px; }
* { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	font: 100% Arial, Helvetica, sans-serif;
	/*font: 100% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;*/

	text-align: center;
	color: #666;
	background-color:#999;
	height: 100%;
	margin-top: 10px;
	}

a { outline: none; }
ul { list-style: none;}
img { border: none;}
a { color:#666; text-decoration:none; border-bottom: 1px dotted #4a4dbb;}
a:hover { color:#4a4dbb; text-decoration:none; border-bottom: 1px solid #4a4dbb;}
br.clear { clear:both;}



h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #333;}

#wrapper {
	width: 800px;
	background-color: #fff;
	/*background: #fff url(i/nav_bg.gif) repeat-y 0 0;*/
	border: 5px solid #fff;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	font-size: .8em;
	line-height: 160%;
	}

#header {
	width: 800px;
	height:140px;
	}

#header_main {
	width: 800px;
	height:200px;
	}
	
#header h1, #header_main h1{ text-indent: -9999px; margin: 0; padding: 0;}

#header h1 a {
	background: #333 url(/i/header.gif) 0 0 no-repeat;
	display: block;
	height: 140px;
	text-decoration: none;
	line-height: normal;
	border: none;
	}
#header_main h1 a {
	background: #333 url(/i/header_main.gif) 0 0 no-repeat;
	display: block;
	height: 200px;
	text-decoration: none;
	line-height: normal;
	border: none;
	}
	
#header h1 a:hover, #header_main h1 a:hover {
	text-decoration: none;
	}


#navbar {
	line-height: normal;
	margin: 5px 0 0 0;
	}

#navbar ul { 
	padding: 6px 0;
	text-align: center;
	background-color: #3c3fb7;
	}
 
#navbar li { 
	display: inline;
	font-weight: normal;
	}
  
#navbar a { 
	padding: 6px 20px;
	color: #e6e7ff;
	background-color: #3c3fb7;
	border: none;
	}

#navbar a:hover {
	color: #000;
	background-color: #8385d6;
	}

body#about a#navabo, body#artworks a#navart, body#framing a#navfra, body#events a#naveve, body#services a#navser, body#contact a#navcon, body#rental a#navren, body#popshow a#naveve {
	color: #000;
	background-color: #8385d6;
	}
	
#main_home {
    background-color: #fff;
    float:left;
	margin: 20px 0;
	padding:  0 0 0 20px;
    }
		
#sidebar_home {
   float:right;
   margin: 5px 0 10px 0;
   background: #333 url(/i/gallery.jpg) 0 0 no-repeat;
   width: 445px;
   height: 265px;
    }
	
#main {
    background: none;
    float:left;
	width: 500px;
	margin: 20px 0;
	padding:  0 20px;
	border-right: 1px dotted #ccc;
    }

#main img.float {
	float: right;
	margin: 0 0 0 10px;
	border: 1px solid #ccc;
	padding: 2px;
	}
	
#main ul {
	margin: 0 0 15px 20px;
	list-style: disc;
	}

/*body#rental #main {
	border-right: none;
	width: 600px;
	}
*/	
body#rental #main img {
margin: 10px 0 10px 0;
border: 1px solid #ccc;
padding: 2px;}

	
#sidebar {
   float:left;
   margin: 20px 0;
   padding: 0 10px;
   width: 230px;
    }
	
#sidebar ul {
margin: 0 0 20px 0;
	}
	
#sidebar img {
margin-bottom: 10px;}
	
.thumb a {
border: none;}

.thumb a:hover {
border: none;}

.thumb a img {
border: 1px solid #ccc;
padding: 2px;}
.thumb a:hover img {
border: 1px solid #666;
padding: 2px;}


#footer {
	margin: 10px 0;
	padding: 0 15px 0 0;
	border-top: 1px dotted #ccc;
	clear: both;
}

#footer p {
	text-align: right;
	font-size: .9em;
}

p { margin:	0 0 10px 0; }

h2 {font-size: 180%; margin: 0 0 10px 0;}

h3 {font-size: 150%; margin:  20px 0 10px 0;}

h4 {font: 100% Arial, Helvetica, sans-serif; font-weight: bold; margin:  0 0 10px 0;}

dt { font-weight: bold;
	margin: 20px 0 0 0;
}

/*events subnav over states based on body class and a id*/
body.events10 a#events10, body.events09 a#events09, body.events08 a#events08, body.events07 a#events07, body.events06 a#events06
 { 
	font-weight: bold;
	color:#4a4dbb;
	border-bottom: none;
	}
	
#popshow #main {color: #000;}
#popshow #main p {font: 14px/150% "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#popshow #main a {font-weight:800; color: #ec228f; text-decoration:none; border-bottom: 1px dotted #ec228f;}
#popshow #main a:hover {font-weight:800; color: #666; text-decoration:none; border-bottom: 1px solid #666;}

.purpbold a {font-weight: bold; color: #4a4dbb;}
.purpbold a:hover {font-weight: bold; color: #666;}


#popshow h2 {
	background: url(/i/popshow/head.jpg) 0 0 no-repeat;
	height: 100px;
	width: 480;
	border: none;
	text-indent: -5000px;
}

#popshow h2 {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#popshow h3 {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#popshow h4 {
	font: bold "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 	color: #0099DA;
 	font-size: 15px;
 	margin: 20px 0 0 0;}


.artists {
overflow: auto;
margin-bottom: 20px; 
clear: both;}

br.clr {clear: both;}

img.left {
float: left;
margin: 0 10px 0 0;
border: 1px solid #ccc;
padding: 2px;}

img.right {
float:right;
margin: 0 0 0 10px;
border: 1px solid #ccc;
padding: 2px;}

#popshow .sidebar a img {border: 1px solid #ccc;
padding: 2px;}