body {background: url(imgs/small-bg.gif); margin:0; font-family: Lucida Grande, Tahoma; background-color: #fff;color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.6em; font-size: 0.7em;}

a{color:#006600; text-decoration:none;}
a.textlink{border-bottom:1px #a6cb32 solid;}
a:hover{color:#006600; text-decoration:none; border:none}
a.selected{color:#ffffff}
#container {background: url(imgs/big-bg.gif) top center;margin:0 auto}
#content {width:936px;margin:0 auto;}
#header {padding:0 54px 0 54px}
#main{padding:0 54px 0 54px}



.col1{width:480px}
.col2{width:300px}
.col3{width:240px}
.col4{}
.mar1{margin-right:50px}
#footer {padding:0 54px 0 54px; font:normal 11px Lucida Grande, Tahoma; line-height: 16px;}
hr{border:0 solid; height:2px; background-color:#efb202; margin:50px 0 0 0;}
.profile{width:230px; float:left; padding: 20px 0 20px 0;}
.quotes{width:340px; float:left; padding: 20px 0 20px 20px;}
.copyright{width:200px; float:right; padding: 20px 0 20px 0;}



#tab {margin: 0; padding:0; list-style-type:none;}
#tab li	{margin:10px 0; font:normal 13px Lucida Grande, Tahoma; line-height: 18px;/*background:#fbea5f; border: 1px dashed #000000;*/}
#tab img {margin-right: 10px; vertical-align:middle}



.friends{border-bottom:1px dotted #efb202; padding:6px 0; margin:0}
.friends span{width:65%; display:block; float:left}
.friends a{width:35%; display:block; float:left}



h1 {font:bold 20px Tahoma; display:inline; margin:0}
h2 {font:bold 14px Lucida Grande, Tahoma; color:#006600; margin:0; padding: 10px 0 8px 0}
h3 {font:normal 12px Tahoma; color:#000000; margin:0}
h4 {font:bold 16px Georgia, Cambria; color:#000000; font-style:italic; margin:0; padding: 0 0 10px 0}
.colon {font:normal 14px Georgia, Cambria; color:#993300; font-style:italic; margin:0}
p {font:normal 13px Lucida Grande, Tahoma; color:#000000; margin:0; line-height: 18px;}



.clear{clear:both}
.left{float:left}
.right{float:right}



.thickborder {border:10px solid #f5cd0b}
a:hover .thickborder{border:10px solid #ffffff}

.thickwork {background-color:#f5cd0b; width:300px; padding:0 10px 10px 10px; font:normal 11px Lucida Grande, Tahoma; line-height: 16px;}

.mediumborder {margin-right: 10px; border:4px solid #f5cd0b; vertical-align:middle}
a:hover .mediumborder{border:4px solid #ffffff}



.thumb{margin:0 13px 13px 0; border:10px solid #f5cd0b}
a:hover .thumb{border:10px solid #ffffff}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(image/gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(imgs/photos/prevlabel.png) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(imgs/photos/nextlabel.png) right 50% no-repeat; }

#imageDataContainer{ font: 11px Lucida Grande, Verdana, sans-serif; background-color: #000000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666666; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding: 10px 0 10px 0; color: #333333;}			
#imageData #bottomNavClose{ width: 15px; float: right;  padding-bottom: 0.7em; outline: none;}	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000; }

ul.filmstrip li{color:#cc0066;font:normal 11px verdana;text-align:center;}

.panel-overlay h2,
.panel-overlay p{
	margin: .9em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}
.galleryview {
	font-size: 12px;
	font-family: Helvetica, sans-serif;
}






#topnav a{display:block;float:left;height:36px; border:none}

a.home{width:64px;background:url('imgs/nav/nav-home.gif');}
a.home:hover{background:url('imgs/nav/nav-homeon.gif');}
a.home.active{background:url('imgs/nav/nav-homeon.gif');}

a.artist{width:71px;background:url('imgs/nav/nav-artist.gif');}
a.artist:hover{background:url('imgs/nav/nav-artiston.gif');}
a.artist.active{background:url('imgs/nav/nav-artiston.gif');}

a.work{width:63px;background:url('imgs/nav/nav-work.gif');}
a.work:hover{background:url('imgs/nav/nav-workon.gif');}
a.work.active{background:url('imgs/nav/nav-workon.gif');}

a.art{width:51px;background:url('imgs/nav/nav-art.gif');}
a.art:hover{background:url('imgs/nav/nav-arton.gif');}
a.art.active{background:url('imgs/nav/nav-arton.gif');}

a.photos{width:76px;background:url('imgs/nav/nav-photos.gif');}
a.photos:hover{background:url('imgs/nav/nav-photoson.gif');}
a.photos.active{background:url('imgs/nav/nav-photoson.gif');}

a.contact{width:83px;background:url('imgs/nav/nav-contact.gif');}
a.contact:hover{background:url('imgs/nav/nav-contacton.gif');}
a.contact.active{background:url('imgs/nav/nav-contacton.gif');}

a.links{width:96px;background:url('imgs/nav/nav-links.gif');}
a.links:hover{background:url('imgs/nav/nav-linkson.gif');}
a.links.active{background:url('imgs/nav/nav-linkson.gif');}







#button a{display:block;float:left;height:46px; border:none}

a.click{width:156px;background:url('imgs/click-here.gif');}
a.click:hover{background:url('imgs/click-here-hover.gif');}
a.click.active{background:url('imgs/click-here-hover.gif');}