/*============================================================*/
/*                   Showcase Gallery                         */
/*============================================================*/




/*-----------------RECENT ILLUSTRATION MODULE-----------------------*/

.recent-illustration {
               
	width: 429px;
	margin: 0;
	padding: 0;

}





.recent-illustration-feed a {
	color: #336699;
	font: 10px/22px verdana, Arial, sans-serif;
	margin-left: 175px !important;
                margin-left: 171px;
        text-decoration: none;
	/* "get this feed" link */

}



.recent-illustration-body-outer {
	position: static;
	float: left;
	clear:left;
	width: 429px;
}

.recent-illustration-body {
	border-top: 1px #c1c6b7 solid;
	border-right: 68px #990000 solid;
	border-bottom: 1px #c1c6b7 solid;
	border-left: 0px #c1c6b7 solid;
	
	position: static;
	float: right;
	clear:left;
		
	
	/* This div is used to create the recent illustration "box" */
/*
	background: #a5a594 url(http://www.gerrendesign.com/global_assets/images/self_portrait.jpg) top left scroll no-repeat; */
}

.recent-illustration-content-outer {
	margin: 0;
	font: 10px/12px verdana, Arial, sans-serif;
	color: #666666;
	position: static;
	float: right;
	clear: right;
}

.recent-illustration-content {
	background: transparent;
	width: 325px;
	border-right: 1px #DCDBC2 solid;
	border-left: 0px #DCDBC2 solid;      
	height: 83px;
	position: static;
	float: right;
	clear: right;
	/* These divs create the recent illustration "bars" that slide out using AJAX */
}


.recent-illustration-title {
	font: 13px/22px "Trebuchet MS",  verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.recent-illustration-title a {
	text-decoration: none;
}



.recent-illustration-thumbnail {
	position: static;
	float: left;
	clear: left;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 0;
	width: 100px;
	height: 75px;	
}

.recent-illustration-thumbnail img {
	border: 1px solid #fffff;
	margin: 0;
	padding: 0;
	color: #cdaa65;
	

}

.recent-illustration-copy {
	position: static;
	float: left;
	margin-left: 15px;
	margin-top: 0;
	margin-right: 10px;
	width: 180px;
	padding-bottom: 5px;
	border-bottom: 1px #9c070b dotted;
}



/*-----------------------Basic Gallery Styles------------------------*/
#t1 td a img {
	color : #cdaa65;
	background-color: transparent;
	border: 1px solid #cdaa65;
}

#gallery h1 {
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:14px;
	color: #93927a;
	line-height: 18px;
	font-style : normal;
	text-decoration : none;
	background-color: transparent;
	display:inline;
}


#gallery p {
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:10px;
	color: #93927a;
}


#gallery a {
	color: #93927a;
	text-decoration: none;
	font-family:"Trebuchet MS", verdana, Arial, sans-serif;
	font-size:10px;
}

#gallery a:hover {
	color: #000000; 
	text-decoration: underline;
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:10px;
}

#gallery {
width: 100%;
}



#gallery-inner
{ 
	color: #000000;
	height: 150px;
	position: static;
	margin: 10px 0 0 0;
	
}

.gallery-showcase
{
	color: #000000;
	display: block; 
        margin: 10px 0 0 0;
	
	
}



.gallery-showcase img {  
	border: 1px #cdaa65 solid;
	display: block; 
  

}



div#hold	{ 
	position:relative; overflow:hidden;
	width:254px; height:94px; z-index:100;
	vertical-align: top; margin-left: auto; margin-right: auto;

}



#wn	{ 
	color: #000000;
	position: absolute; 
	left: 0px; top: 0px; 
	width: 254px; height: 93px; 
	clip: rect(0px, 500px, 93px, 0px); 
	overflow: hidden;	
	z-index: 1; 
	background-color: #d1d0b1;

}



div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
}



#lyr1 img {
	border: 1px solid #cdaa65;
	margin:2px;
}


#scrollbar { 
	position:relative;
	top: 0;
	left: 0;
	width:294px; 
	height:15px;
	font-size:1px; 
	z-index: 2;
}


div#track { 
	color: #000000;
	position: absolute;
	 left: 11px;
	 top: 0px;
	width: 274px; 
	height: 13px; 
	z-index: 1;
	background-color:  #D7D3B2;
	border-bottom: 1px solid #a0854e;
	border-top: 1px solid #a0854e;
}

*html #track { 
height: 15px;
}

div#dragBar {
	color: #000000;
	position: absolute; left: 1px; top: 1px;
	width: 20px; height: 11px; z-index: 1;
	background-color: #a7a382;
}  
div#left { position:absolute; left: 0px; top: 0px; z-index: 2; }  
div#right { position:absolute; right: 0px; top: 0px; z-index:3; }

#scrollbar a { 
	border: 0px;
}






/*-----------------------Dynamic Content Styles------------------------*/

#gallery-showcase-image-area {
	width: 100%
}






#gallery-showcase-image {
        margin-top: 10px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
        border: 1px #ffffff solid;
        display: block;
}

.gallery-showcase {

margin-bottom: 100px;
}





#gallery-showcase-painting-title {
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:18px;
	color: #990000;
	border-left: 0px #666666 solid;
	 border-bottom: 1px #c1c6b7 solid;
	border-top: 0px #666666 solid;
	border-right: 0px #666666 solid;
	margin: 40px 0 10px 0;
	width: 300px;
	font-weight: bold;
	padding: 0 0 3px 0;
}
#gallery-showcase-medium {
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:10px;
	color: #333333;
	display: inline;
	margin: 0 20px 10px 10px;
}
#gallery-showcase-painting-size {
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:10px;
	color: #333333;
	display: inline;
	margin: 0 20px 10px 0;
}
#gallery-showcase-client {
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:10px;
	color: #333333;
	display: inline;
	margin: 0 0 10px 0;
}
#gallery-showcase-copy {
	width: 100%;
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:10px;
	color: #333333;
	margin: 10px 0 0 10px;
	width: 290px;
	
}


/*-----------------------Comment Special "keep hidden" Style------------------------*/
.gallery-hidden-image-text {
display: none;
height: 1px;
width: 1px;
overflow: hidden;
visibility: hidden;
}





#illustration-index-services {

}

#illustration-index-services-content {
position: static;
float: left:
clear: left:
margin: 10px 0 0 0;

}

h2.illustration-index-header {
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: normal;

                color: #336699;
 	font-size: 18px;
                width: 100%;
                border-bottom: 1px #c1c6b7 solid;
	
}

h2.additional-artwork-header {
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: normal;

                color: #93927a;
 	font-size: 16px;
                width: 100%;
                border-bottom: 1px #c1c6b7 solid;
	
}


.get-feed {
         font-family :  verdana, Arial, sans-serif;
	font-size:10px;
        margin: 0 0 10px 0;
width: 100%;
text-align: right;

}
.get-feed a {
  color: #818a8b;
text-decoration: none;
}







/* SEARCH PAGE STYLES */


h2.illustration-search-results-header {
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: normal;

                color: #336699;
 	font-size: 18px;
                width: 100%;
                border-bottom: 1px #c1c6b7 solid;
}

h3.illustration-search-results-header {
        color: #336699;
 	font-size: 16px;
        margin: 0;
        padding: 15px 0 0 0;
         border-top: 1px #c1c6b7 solid;
}

.illustration-search-results-container {
margin: 0 0 0 10px;
}

h3.illustration-search-result a {
 	font-size: 14px;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

h3.illustration-search-result a img {
margin: 0 15px 0 0;
vertical-align: top;
border: 1px solid #cdaa65;
}

.illustration-search-result-copy {
padding: 0 0 3px 0;
border-bottom: 1px dotted #666666;
}


#illustration-search-category-module {
width: 100%;
position: static;
float: left;
clear: left;
margin: 15px 0 0 0;
}