body
{
	text-align: left;
	background: #C1BD98;
	font-family: Trebuchet MS, serirf, verdana;
	font-size: 0.9em;
	color: #444;

}




#container
{	
	text-align: left;
	margin: 0 auto;
	width: 987px; height:795px;
	background: #C1BD98 url(graphics/default.jpg) repeat-y;
	margin-top:-18px;
}

#container_pages
{	
	text-align: left;
	margin: 0 auto;
	width: 987px; height:795px;
	background: #fff url(graphics/backdrop.jpg) repeat-y;
	margin-top:-18px;
}



#container_black
{	
	text-align: left;
	margin-top: 10px;
	margin: 0 auto;
	width: 987px;
	background: #000;
}



.clear{clear:left;}


#content
{
	
	float: left;
	width: 680px;
	margin-left: 1px; margin-right: 1px; margin-bottom: 10px;
	padding-left: 5px; 
	margin-top:15px;
}



#header
{ 

	
	color: #fff;
	letter-spacing: 1.5em;
	margin-top:0px;
	border-bottom: 0px solid #95898F;
	background:url(graphics/header.jpg);	
}



#header_black
{ 

	
	color: #fff;
	letter-spacing: 1.5em;
	margin-top:0px;
	border-bottom: 0px solid #95898F;
		
}




#footer
{ 
	clear: both;
	color: #fff;
	padding: 5px 10px;
	text-align: right;
	font-size: 1.3em;
margin-bottom:78px;


}


/***********navigation************************/
#nav
{
	float:left;
	width: 130px;
	display: inline;
	margin-left: 0px; margin-right: 60px;
	padding: 15px 0 0 0;
	
}

#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;}

#nav li{
padding:0 0 0 0;}

/*******************************************/






#default
{
	text-align: center;
	margin:0px;
	background: url(graphics/default.jpg) top left no-repeat; display: block;
	color: #000;
	font-family: Trebuchet MS, serirf, verdana;
}

/***********black background***************/
.black
{
	background: #000;
	text-align: center;
	margin:0px;
	font-family: Trebuchet MS, serirf, verdana;
}

/*************************/









h1{font-size: 1.4em; color: #000;}



h2{font-size: 1.5em; color: #000;}

h3 {font-size: 1.2em; color: #000;}

.info
{	
	color: #000;
	font-size: 1em;
	letter-spacing: 0.2em;
}



p{	
	color: #fff;
	font-size:1em;
	letter-spacing: 0.1em;
	font-family: Trebuchet MS;
}

.contact {font-size: 1.5em; color: #fff;}

a:hover{background: #DC0FAA;}










/* needed for IE to make :active state work first time */
a, a:visited {color:#fff;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:35px; height:35px; float:left; margin:4px; z-index:50;}






/***************    PAINTING GALLERY  PAINTINGS   ********************/



a.slide1002 {background:url(graphics/paintings/thumb/untitled-A.jpg);}
a.slide1001 {background:url(graphics/paintings/thumb/vampyr.jpg);}



a.slide09x {background:url(graphics/paintings/thumb/whale.jpg);}
a.slidehh01 {background:url(graphics/paintings/thumb/iron_man.jpg);}
a.slidehh02 {background:url(graphics/bird/thumb/eight_spot_bird.jpg);}
a.slidehh03 {background:url(graphics/bird/thumb/bird_on_jug_handle.jpg);}
a.slidehh04 {background:url(graphics/bird/thumb/coral_breasted_bird.jpg);}
a.slidebb05 {background:url(graphics/bird/thumb/ghost_bird1.jpg);}
a.slidebb06 {background:url(graphics/bird/thumb/ghost_bird1.jpg);}
a.slidebb07 {background:url(graphics/bird/thumb/japanese_bird.jpg);}
a.slidebb08 {background:url(graphics/bird/thumb/red_bird_hieroglyphics.jpg);}
a.slidebb09 {background:url(graphics/bird/thumb/KoKo.jpg);}
a.slidebb10 {background:url(graphics/bird/thumb/red_crouching_bird.jpg);}




a.slidehh05 {background:url(graphics/paintings/thumb/mouse_thumb.jpg);}
a.slidehh06 {background:url(graphics/paintings/thumb/sun_thumb.jpg);}
a.slidehh07 {background:url(graphics/paintings/thumb/damsons.jpg);}
a.slidehh08 {background:url(graphics/paintings/thumb/ball.jpg);}
a.slidehh09 {background:url(graphics/paintings/thumb/trees.jpg);}
a.slidehh10 {background:url(graphics/paintings/thumb/genie.jpg);}


a.slide08f {background:url(graphics/paintings/thumb/08_bird-show-5.jpg);}
a.slide08g {background:url(graphics/paintings/thumb/08_flyer.jpg);}
a.slide08h {background:url(graphics/paintings/thumb/08_birds-9.jpg);}
a.slide08i {background:url(graphics/paintings/thumb/08_bird-show-4.jpg);}


a.slide08a {background:url(graphics/paintings/thumb/08_pict0085.jpg);}
a.slide08b {background:url(graphics/paintings/thumb/08_pict0072.jpg);}
a.slide08c {background:url(graphics/paintings/thumb/08_hulk.jpg);}
a.slide08d {background:url(graphics/paintings/thumb/08_dr_Doom.jpg);}
a.slide08e {background:url(graphics/paintings/thumb/08_Abe-Lincoln-and-Fire.jpg);}



a.slidea {background:url(graphics/paintings/thumb/black_table_cloth_thumb.jpg);}
a.slideb {background:url(graphics/paintings/thumb/balancing_thumb.jpg);}
a.slidec {background:url(graphics/paintings/thumb/felix-stencil-1_1_of_12_thumb.jpg);}

a.slidee {background:url(graphics/paintings/thumb/fire-rings_thumb.jpg);}
a.slidef {background:url(graphics/paintings/thumb/fruit-and-vase_thumb.jpg);}
a.slideg {background:url(graphics/paintings/thumb/fruits_thumb.jpg);}
a.slideh {background:url(graphics/paintings/thumb/ghost-vase_thumb.jpg);}
a.slidei {background:url(graphics/paintings/thumb/greek-jar_thumb.jpg);}

a.slidek {background:url(graphics/paintings/thumb/him_thumb.jpg);}

a.slidem {background:url(graphics/paintings/thumb/magnetism_thumb.jpg);}
a.sliden {background:url(graphics/paintings/thumb/moon-flower_thumb.jpg);}
a.slideq {background:url(graphics/paintings/thumb/pacifing-green_thumb.jpg);}
a.slider {background:url(graphics/paintings/thumb/planet_thumb.jpg);}
a.slidew {background:url(graphics/paintings/thumb/urn-on-stripes_thumb.jpg);}
a.slidey {background:url(graphics/paintings/thumb/vase-on-table_thumb.jpg);}
a.slidez {background:url(graphics/paintings/thumb/classical_border_thumb.jpg);}








/***************    PAINTING GALLERY  PAINTINGS   ********************/






/***************    PAINTING GALLERY  BIRD GALLERY   ********************/




a.slide3 {background:url(graphics/bird/thumb/african-bird_thumb.jpg);}

a.slide6 {background:url(graphics/bird/thumb/bird-in-spaces-of-red_thumb.jpg);}

a.slide7 {background:url(graphics/bird/thumb/bird-in-yellow-light_thumb.jpg);}

a.slide8 {background:url(graphics/bird/thumb/bird-in-yellow-tree_thumb.jpg);}

a.slide11 {background:url(graphics/bird/thumb/blue-bird-red-flowers_thumb.jpg);}

a.slide12 {background:url(graphics/bird/thumb/bluebird-with-falling-gold_thumb.jpg);}

a.slide13 {background:url(graphics/bird/thumb/carrot-top_thumb.jpg);}

a.slide14 {background:url(graphics/bird/thumb/golden-bird-in-night_thumb.jpg);}

a.slide15 {background:url(graphics/bird/thumb/green-bird-on-perch_thumb.jpg);}

a.slide17 {background:url(graphics/bird/thumb/hansome-bird_thumb.jpg);}

a.slide18 {background:url(graphics/bird/thumb/paint-box-bird_thumb.jpg);}

a.slide19 {background:url(graphics/bird/thumb/perfect-bird_thumb.jpg);}

a.slide20 {background:url(graphics/bird/thumb/pink-start_thumb.jpg);}

a.slide21 {background:url(graphics/bird/thumb/sea-bird-1_thumb.jpg);}

a.slide25 {background:url(graphics/bird/thumb//stage-bird-1_thumb.jpg);}

a.slide26 {background:url(graphics/bird/thumb/theatre-bird_thumb.jpg);}

a.slide27 {background:url(graphics/bird/thumb/wagtail-1_thumb.jpg);}

a.slide28 {background:url(graphics/bird/thumb/wino-bird_thumb.jpg);}

a.slide29 {background:url(graphics/bird/thumb/yellowbreasted-blue-bird_thumb.jpg);}

a.slide30 {background:url(graphics/bird/thumb/yellow-budgie1_thumb.jpg);}

a.slide31 {background:url(graphics/bird/thumb/09bird_and_diamonds.jpg);}
a.slide32 {background:url(graphics/bird/thumb/09bird_and_song.jpg);}
a.slide33 {background:url(graphics/bird/thumb/09birds_8.jpg);}
a.slide34 {background:url(graphics/bird/thumb/09bossa_bird.jpg);}
a.slide35 {background:url(graphics/bird/thumb/09show_bird_1.jpg);}
a.slide36 {background:url(graphics/bird/thumb/09top_bird.jpg);}


/***************    PAINTING GALLERY  BIRD GALLERY   ********************/










a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}







/***************      STYLING FOR GENERAL PAINTING GALLERY     ********************/

#container_paint {position:relative; width:680px; height:400px; margin:-2em auto;}

/*RIGHT PIC*/
#container_paint img {border-right:0.1em;}



#container_paint .thumbs {width:180px; position:absolute; right:0; top:0;}




#container_paint a.gallery:hover span { border:0px solid red; display:block; position:absolute; width:402px; height:50px; top:385px; left:-520px; padding:15px; font-style:italic;
 color:#fff;  z-index:2; }



#container_paint a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_paint a.gallery:active, #container_bird a.gallery:focus {border:1px solid #000;}


/*LEFT PIC*/
#container_paint a.gallery:active em, #container_bird a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:-460px; padding:5px; color:#000; z-index:50;}

#container_paint h1 {clear:both; margin:0; padding-top:80px; padding-left:100px; width:300px; text-align:center; font-family: Trebuchet MS, "times new roman", serif; font-size:2em; font-weight:normal; color:#fff;}
#container_paint h1 em {font-size:0.3em; color:#000;}





  

#container_bird {position:relative; width:680px; height:325px; margin:-2em auto;}

/*RIGHT PIC*/
#container_bird img {border-right:0.1em;}

#container_bird .thumbs {width:180px; position:absolute; right:0; top:0;}

#container_bird a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:385px; left:-500px; padding:15px; font-style:italic;
 color:#fff;  z-index:100;}
#container_bird a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bird a.gallery:active, #container_bird a.gallery:focus {border:1px solid #000;}


/*LEFT PIC*/
#container_bird a.gallery:active em, #container_bird a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:-430px; padding:0px; color:#000; z-index:50; border:0px solid green;}

#container_bird h1 {clear:both; margin:0; padding-top:80px; padding-left:50px; width:300px; text-align:center; font-family: Trebuchet MS, "times new roman", serif; font-size:2em; font-weight:normal; color:#fff;}
#container_bird h1 em {font-size:0.6em; color:#000;}










/*NAVIGATION BUTTS*/




#home {width: 149px; height: 60px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/home.jpg) top left no-repeat; display: block;} 
#home:hover{background-position: bottom left;} 
#home_on {width: 120px; height: 33px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings_on.jpg) top left no-repeat; display: block;}



#home_black {width: 149px; height: 60px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/home_black.jpg) top left no-repeat; display: block;} 

#home_black:hover{background-position: bottom left;} 

#home_black_on {width: 120px; height: 33px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings_on.jpg) top left no-repeat; display: block;}




/********************************************************************************************/


#paintings {width: 149px; height: 60px; margin: 0px; padding: 0px; border: 0px;
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings.jpg) top left no-repeat; display: block;} 

#paintings:hover{background-position: bottom left;} 

#paintings_on {width: 120px; height: 33px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings_on.jpg) top left no-repeat; display: block;}


#bird_paintings {width: 149px; height: 92px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/bird_paintings.jpg) top left no-repeat; display: block;} 

#bird_paintings:hover{background-position: bottom left;} 

#bird_paintings_on {width: 120px; height: 33px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings_on.jpg) top left no-repeat; display: block;}


/********************************************************************************************/


#design {width: 149px; height: 83px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/design.jpg) top left no-repeat; display: block;} 
#design:hover{background-position: bottom left;} 
#design_on {width: 120px; height: 33px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings_on.jpg) top left no-repeat; display: block;}



#design_black {width: 149px; height: 83px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/design_black.jpg) top left no-repeat; display: block;} 

#design_black:hover{background-position: bottom left;} 

#design_black_on {width: 120px; height: 33px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings_on.jpg) top left no-repeat; display: block;}


/********************************************************************************************/


#print_black {width: 149px; height: 72px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/print_black.jpg) top left no-repeat; display: block;} 

#print_black:hover{background-position: bottom left;} 

#print_black_on {width: 120px; height: 33px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings_on.jpg) top left no-repeat; display: block;}


/********************************************************************************************/


#video_black {width: 149px; height: 72px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/video_black.jpg) top left no-repeat; display: block;} 
#video_black:hover{background-position: bottom left;} 
#video_black_on {width: 149px; height: 92px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/paintings_on.jpg) top left no-repeat; display: block;}



/********************************************************************************************/


#contact {width: 149px; height: 57px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/contact.jpg) top left no-repeat; display: block;} 
#contact:hover{background-position: bottom left;} 
#contact_on {width: 149px; height: 57px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/contact_on.jpg) top left no-repeat; display: block;}



#contact_black {width: 149px; height: 57px; margin-top: 0px; text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/contact_black.jpg) top left no-repeat; display: block;} 
#contact_black:hover{background-position: bottom left;} 
#contactblack_on {width: 149px; height: 57px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/contact_on.jpg) top left no-repeat; display: block;}

 
/********************************************************************************************/

#info {width: 149px; height: 60px; margin-top: 0px; text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/info.jpg) top left no-repeat; display: block;} 
#info:hover{background-position: bottom left;} 
#info_on {width: 149px; height: 57px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/contact_on.jpg) top left no-repeat; display: block;}


#info_black {width: 149px; height: 60px; margin-top: 0px; text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/info_blackx.jpg) top left no-repeat; display: block;} 
#info_black:hover{background-position: bottom left;} 
#info_black_on {width: 149px; height: 60px; margin-top: 0px; 
text-indent: 1000px; overflow: hidden; 
background: url(graphics/nav/info_black_on.jpg) top left no-repeat; display: block;}




/********************************************************************************************/







div.thumbnail 

{
	width: 200px;
	float: left;
	margin: 0 10px 10px 0;

	padding-right:10px;

	
}



div.thumbnail img 
{
	border: 2px solid#000;
	margin: 10px 0 0 10px;
	
}


div.thumbnail p 
{
	margin: 0;
	padding: 10px 20px 30px 10px;
	color:#fff;
}


.clear
{
CLEAR: LEFT;
}