body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{margin:0px;padding:0px;}
body{color:#FFFFFF;font-family:Verdana, Geneva, sans-serif;line-height:18px;font-size:12px;text-align:left;background-color:#9aa59d;}
#container{width:100%;display:block;margin:0 auto;background:#9aa59d url(images/tempoff.jpg) top left no-repeat}
#header{height:100px;border-bottom:6px solid #c24427;}

#logo{float:left;width:370px;margin-top:30px;margin-left:60px;}


#content{width: 620px; position: relative; float: left;background-color:#9aa59d;}

#site_contact{color:#364c3c;font-size:10px;line-height:14px;height: 120px; width: 200px; margin-left:120px;margin-top:60px;position: relative; float: left;}
#site_contact a{letter-spacing:1px;}

#sidecontent{height: 100%; width: 100%; }


#pagecontent{margin-left:60px;padding:50px;border-left:6px solid #c24427; background: url("images/content.jpg") no-repeat scroll bottom 220px #9AA59D;}

#subpagecontent{color:#364c3c;float:left;width:320px;padding:10px;margin-top:30px;margin-left:100px;border:2px solid #364c3c;}



#navmenu{width:100%;display:block;height:40px;border-bottom:6px solid #c24427;}

ul#nav-menu{list-style:none;padding-top:10px;}
ul#nav-menu li{float:left; padding-right:5px;}
ul#nav-menu li a:hover{color:#858474;}
ul#nav-menu li.selected a{color:#858474;}
ul#nav-menu li a{padding:0px 15px 0px 0px;font-size:14px;color:#FFF;text-transform:uppercase;}

#footer{margin:0px auto;width:900px;height:30px;text-align:center;margin-top:20px;padding-top:10px;clear:both;font-weight:normal;font-size:12px;}
#footer p{margin:0px;padding:0px;}



/*artist menu*/


ul#artist-list{list-style:none;
margin-left: 150px;
width: 540px;
margin-top: 40px;}
ul#artist-list li{float:left; }
ul#artist-list li a:hover{color:#858474;}
ul#artist-list li a{padding:0px 10px 0px 0px;font-size:10px;color:#364C3C;text-transform:uppercase;}



/*
#upcoming-events{margin-top:80px;}
#upcoming-events img{border:1px solid #8399AF;}

#event{display:block;min-height:400px;text-align:center;}
#events img{border:1px solid #CCC;}
#events{display:block;min-height:400px;}
#events .title{font-size:16px;color:#F90;}
*/
.sold{text-transform:uppercase;color:#F00;}

#artworks{}

#artworks #showcase{
	
	float:left;
	width:200px;
	height:200px;
margin: 0 25px 50px 0;
	display:block;

}
#artworks #showcase img{
	border:solid 1px #CCC;
	
}

#events {
	
	width:420px;
	
}

#event {
	
	width:420px;
	
}

.eventname{height:40px;}

#events .showcase{
	

margin: 0 20px 25px 0;
	display:block;
	clear: both;
	
}
#events .showcase img{
	border:solid 1px #CCC;
	float: left;
	margin-right:10px;
	margin-bottom:20px;
	
}
#events h2{
	
	padding-top:30px;
}
#events hr{
	
	 background:#c24427;
}


#events a:link,#events a:visited{font-size:18px;}
/*#artistlist{width:200px;display:block;float:left;text-align:right;padding-top:50px;}
#artistlist ul{list-style:none;}
#artistlist ul li a:hover{color:#858474;text-decoration:none;}
#artistlist ul li a.active{color:#858474;}
#artistlist ul li a{text-decoration:none;font-size:16px;line-height:22px;color:#FFF;text-transform:uppercase;}
#artistlist ul li{margin-bottom:15px;}

#artwork{margin-left:150px;width:502px;height:502px;display:block;float:left;text-align:center;}
#artwork img{border:1px solid #CCC;}
#artwork .innerbox{display:table-cell;text-align:center;vertical-align:middle;width:502px;height:502px;}
#artwork .innerbox *{vertical-align:middle;}*/
.artistname{height:40px;}

.boxgrid{
	float:left;
	width:130px;
	height:130px;
	margin: 0 10px 15px 0;
	display:block;
}
.boxgrid img{border:solid 1px #CCC;}	
	
/*	
.boxgrid{width:130px;height:132px;margin: 0 10px 10px 0;float:left;text-align:center;overflow:hidden;position:relative;}
.boxgrid img{top:0;left:0;border:solid 1px #CCC;}	
	.innerbox {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 130px;
    height: 132px;
}
.innerbox  * {
    vertical-align: middle;
}
*/
/*\*//*/
.innerbox {
    display: block;
}
.innerbox span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/


.artist-bio{display:block;width:300px;margin:0 auto;}
.artist-bio img{border:1px solid #CCC;float:left;margin-right:10px;}
.artist-bio h2 {
text-transform:uppercase;
}


#content a:hover{text-decoration:underline;}
#content p{line-height:160%;margin:0 0 .5em 0;}
a:link,a:visited{color:#364c3c;text-decoration:none;outline:none;}
a:hover{color:#FFF;text-decoration:none;}
.hide{display:none}
.clear{clear:both;float:none;height:0px;font-size:0px;line-height:0px;}
h1{font-size:1.8em;line-height:120%;margin:.3em 0 .6em 0;color:#FFFFFF;}
h2{font-size:14px;text-transform:uppercase;font-weight: 400;}
h3{font-size:12px;}

/*contact*/
.button, .button:visited, .button:active {border:1px solid #364c3c; font-size:12px;line-height: 12px; font-family:Verdana, Geneva, sans-serif;  color: #FFF; text-decoration: none; background:none; cursor: pointer}
.button:hover{ color: #CCC; }





#contact_form_holder input[type=text],#contact_form_holder #message{
background:none repeat scroll 0 0 transparent;
font-family:Verdana, Geneva, sans-serif;
border:1px solid #364c3c;
color:#FFF;
font-size:12px;
margin:5px 0;
width:300px;
padding:5px;}
 
#contact_form_holder #message { 
   height:170px;width:300px!important; /* i never liked small textareas, so make it 100px in height */ 
}
#contact_form_holder div.message{height:190px;}
#send_message{width:65px;height:20px;}
#contact_form_holder div{height:35px;}
#cf_submit_p{height:40px;}


.error { display: none; color: #D8000C; font-size:12px;}
.success { display: none; padding:2px; color: #044406; font-size:12px;}