* {
	margin:0;
	padding:0;
}



body {
	background: #333; 
	background-repeat: repeat;
	background-attachment:fixed;
	text-align: center;
	}
	
a
{
  outline: none;
}


#wrap {
	margin: 0 auto;
	background: url(../icons/cob_bkg2.jpg) top center repeat-y; 
	width: 900px;
}


#innerwrap {
	width: 800px;
	margin: 0 auto;	
	

}

.content {
	padding: 0px 20px 20px 20px; 
	text-align: left;  
}

#left_arrow { 
	float: left; 
	padding-top: 250px;
}


#left_arrow a img{ 
	border: none;  
	vertical-align: middle;
}


#right_arrow { 
	float: right; 
	padding-top: 250px;
}

#right_arrow a img{ 
	border: none;  
}

.artists {
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	float: left;
	margin-left: 20px; 
	border-bottom: 2px solid #000; 
	margin-bottom: 15px; 
	}

.tabheader {
	font-size: .7em; 
	padding: 10px 15px 5px 15px ;
	width: 150px;
	height: 120px;
	float: left;
	background:  url("../icons/tabhead_bkg2.gif") bottom repeat-x #eee; 
	text-align: center; 
	margin-right: 10px; 
	color: #333;
	overflow: hidden; 

}


.tabheader img{
	background: #fff; 
	padding: 10px; 	
	border: 1px solid #aaa; 
	margin-bottom: 2px; 	
}

.tabheader a, a img{ 
    text-decoration: none;  
	vertical-align: middle;
	color: #333;

}

.tabheader a:hover { 
    text-decoration: none;  
	vertical-align: middle;
	color: #666;
}


.gallery {
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	float: left;
	margin-left: 20px; 
	border-bottom: 2px solid #000; 
	margin-bottom: 20px;
	}

.captionheader {
	font-size: .7em; 
	padding: 10px 15px 5px 15px ;
	width: 600px;
	height: 120px;
	float: left;
	background:  url("../icons/tabhead_bkg2.gif") bottom repeat-x #eee; 	
	text-align: left; 
	margin-right: 10px; 
	color: #666;


}

.captionheader img{
	background: #fff; 
	padding: 10px; 	
	border: 1px solid #aaa; 
	margin-bottom: 2px; 	
}

.captionheader h3{
	font-size: 1.15em; 	
}

.captionheader h4{
	font-size: 1em; 	
}

.captionheader .left { float: left; margin-right:  10px;}
.captionheader .right {float: right; }

.searchform select , .searchform input
{ background: #FFF; 
  font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
  font-size: 8pt; 
  border: 1px solid #ccc; 
  padding: 1px 1px 1px 1px; 
  margin-bottom: 2px; 
}

.searchform .submit 
{ background: #666; 
  border-color: #949C88; 
  color: #FFF;
  padding: 0px 5px 0px 5px;
  cursor: hand;
  font-weight: bold; 

}

.contactform {
	float: left; 
	margin-left: 20px; 
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 8pt; 
}
 .contactform input,  .contactform textarea
{ background: #FFF; 
  font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
  font-size: 8pt; 
  border: 1px solid #ccc; 
  padding: 1px 1px 1px 1px; 
  margin-bottom: 2px; 
}
.contactform .submit 
{ background: #666; 
  border-color: #949C88; 
  color: #FFF;
  padding: 0px 5px 0px 5px;
  cursor: hand;
  font-weight: bold; 
  margin-top: 10px; 

}



.selected {
	background: #fff; 
	}

.artist {
	clear: both; 
	float: left;
	padding: 20px;
	width: 600px;
	background: #fff; 
	color: #757575;
	}

.artist p {
	font-size: .8em; 
	word-spacing:2px;
	line-height:1.6em;
	padding-top: 6px; 
	padding-bottom: 6px; 
}	
	
.artist h2 {
	font-size: 12pt;
	padding-bottom: 5px; 
}
.artist h3 {
	font-size: 10pt;
	padding-bottom: 5px; 
}

.artist .left { float: left; width: 350px; padding-right: 5px;}
.artist .left p {  font-size: 9pt;}
.artist .left ul{ padding-left: 15px; font-size: 9pt;}
.artist .right {float: right; width: 230px;}

.artist a{ 
    text-decoration: underline;  
	vertical-align: middle;
	color: #757575;
}

.artist a:hover { 
    text-decoration: none;  
	vertical-align: middhole;
	color: #666;
	border-bottom: 1px dotted #757575; 
}

.artist .strong {
	font-size: 12pt;
	font-weight: bold; 
}

.hidden {
display: none;
}


.paintings {
	clear: both; 
	float: left;
	padding: 20px;
	width: 680px;
	background: #fff; 
	color: #757575;
	}

.paintings p {
	clear: both; 
	font-size: .75em; 
	word-spacing:2px;
	line-height:1.3em;
	padding-top: 6px; 
	padding-bottom: 6px; 
}	
	
.paintings h2 {
	font-size: 12pt;
	padding-bottom: 5px; 
}
.paintings h3 {
	font-size: 10pt;
	padding-bottom: 5px; 
}

.paintings .left { 
	float: left; 
	width: 310px; 
	height: 370px; 
	padding: 10px; 
	border: 1px dotted #666;
	margin-bottom: 20px; 
	background: #eaeaea; 
}
.paintings .right {
	float: right; 
	width: 310px; 
	height: 370px; 
	padding: 10px; 
	border: 1px dotted #666;
	margin-bottom: 20px; 
	background: #eaeaea; 
}

.paintings  a{ 
	font-size: .9em; 
	vertical-align: middle;
	color: #757575;
}

.paintings a:hover { 
    text-decoration: none;  
	vertical-align: middle;
	color: #333;
}

.paintings .magnify { 
	font-size: .6em; 
	float: left;
	background:  url("../icons/magnify.png") left no-repeat #eaeaea; 
	padding: 2px 4px 4px 24px; 	
	text-transform: uppercase ; 
	margin-right: 20px;
}

.paintings .buy { 
	font-size: .6em;
	
	float: left;
	background:  url("../icons/go.png") left no-repeat #eaeaea; 
	padding: 4px 4px 4px 24px; 	
	text-transform: uppercase ; 
	margin-right: 30px; 
}

.paintings .email { 
	font-size: .6em; 
	float: left;
	background:  url("../icons/envelop.png") left no-repeat #eaeaea; 
	padding: 4px 4px 4px 24px; 	
	text-transform: uppercase ; 
	
}


.paintings img{
	background: #fff; 
	padding: 7px; 	
	border: 1px solid #ccc; 
	margin-bottom: 2px; 	
}

.paintings a img:hover { 
	padding: 6px; 	
	border: 2px solid #999; 
	margin-left: 1px; 
}


.paintings .strong {
	font-size: 12pt;
	font-weight: bold; 
}

.paintings .navigation {
	float: left; 
	padding: 2px 10px 2px 10px; 
	background: #f8f8f8; 
	border: 1px dashed #999; 
	margin-bottom: 10px; 
	font-size: 1.1em; 
}

.paintings .navigation  .left_nav {
	float: left; 	
}

.paintings .navigation  .right_nav {
	float: right; 
	text-align: right;
	padding-right: 5px; 
}
.paintings  .navigation  a:hover { 
    text-decoration: none;  
	color: #333;
}

.paintings .navigation .symbol{
	font-size: 1.2em;  
}



#header {
	text-align: center; 
	position: relative;
	padding-top: 10px; 
}

#footer {
	background-image: url(../icons/cob_bkg2_footer.jpg);
	background-repeat: no-repeat; 
	background-position: center;
	width: 900px;
	height: 39px; 
	clear: both; 
	margin: 0 auto;


}

#page_cache {
	display: none;
} 


/* navigation menu */
#menubar
{ width: 800px;
  height:30px;
} 

ul#menu{margin: 0px;}

ul#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

ul#menu li a 
{ font-family: helvetica, arial, verdana, sans-serif;
  font-size: 9pt; 
  font-weight: bold; 
  display: block; 
  float: left; 
  height: 22px;
  text-decoration: none; 
  text-transform: uppercase; 
  padding: 8px 18px 0px 18px;
  text-align: center;
  border-right: 1px solid;
} 

#menuspacer
{ float: left; 
  padding: 2px 15px 0px 100px;
}




#menu_right
{ float: right; 
  padding: 3px 15px 0px 5px;
}

.artistslist  {
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 8pt;  
	
}


#menubar{background: #7B846E url(../icons/menu_b.png) repeat;} 

ul#menu li a 
{ background: transparent;
  color: #FFF;
  border-color: #898977;
} 

ul#menu li a:hover, ul#menu li a.current:hover
{ background: #646B5C url(../icons/menu_r.png) repeat; 
  text-decoration: underline;   
} 

ul#menu li a.current
{ background: #646B5C url(../icons/menu_r.png) repeat;  
}