@charset "UTF-8";
/* CSS Document */





#slider {
		
		
	width: 770px;
	margin: 0 auto;
		font-size:1em;
		overflow:hidden;
		position:relative;
		padding:0 10px;
		color:#fff;
		padding-bottom:10px;
		background-color:#FFF;
		float:left;
		padding-top:10px;
		margin-top:10px;
		
		}


/*#background{
		background-image:url(../images/showcase_big.gif);
		background-repeat:no-repeat;
		width:626px;
		height:532px;
		}

#background2{
		background-image:url(../images/showcase_big.png);
		background-repeat:no-repeat;
		width:626px;
		height:532px;
		}
*/

.scroll {
		height: 458px;
		width: 560px;
		overflow: hidden;
		margin:auto;
		position: relative;
		top:-10px;
		
		margin-top:0;
		padding-left:10px;
		padding-right:8px;
		background-color:#fff;
		float:right;
		}

.scrollContainer div.panel_coda {
        position:relative;
		float:left;
		padding:36px 2px 5px 110px;
		width:580px;
		height:400px;
		list-style:none;
		top:-307px;
		
		
		}

.panel_coda img{
			width: 585px; height: 450px;
			margin-top:276px;
			position: relative;
			left:-116px;
			
			}

#map		{
			margin-top:310px;
			margin-right:100px;
			position:relative;
			left:-28px;
			}		
				


p.slider	{
			font-size:.85em;
			width:600px;
			text-align:left;
			color:#838182;
			margin-left:140px;
			position:relative;
			top:-45px;
			z-index:900;

			}


a.prints	{
			color:#4d7cb2;
			text-decoration:none;

			}

a.prints:hover{
			color:#4d7cb2;
			border-bottom:#4d7cb2 1px solid;
			}



p.slider1	{
			font-size:.85em;
			width:500px;
			text-align:left;
			color:#838182;
			margin-left:-60px;
			position:relative;
			top:-390px;
			z-index:5000;
			}






p.slider2{
			font-size:.85em;
			width:500px;
			text-align:left;
			color:#838182;
			margin-left:-40px;
			position:relative;
			top:-410px;	
			}		
			

.panel_coda ul{
			position:relative;
			top:-410px;
			left:-90px;	
			}
			
.panel_coda ul li{
			display:inline;
			list-style:none;
			margin-right:50px;
			font-size:.85em;
			color:#333;
			}



			
.panel_coda ul li a{
			text-decoration:none;
			color:#333333;
			
			}
.panel_coda ul li a:hover{
			text-decoration:underline;
			color:#333333;
			}
					
								



/*#shade {
    padding:0;
	margin:0;
	background-color: #fff;
	background-image:url(../images/shade.jpg);
	background-repeat:no-repeat; 
    height: 50px;
	margin-top: 7px;
	margin-left:20px;
	width:570px;
	
}


#shade2 {
    padding:0;
	margin:0;
	background-color: #fff;
	background-image:url(../images/shadow2.jpg);
	background-repeat:no-repeat; 
    height: 232px;
	margin-top: 7px;
	margin-left:20px;
	width:570px;
	
}*/
/*start of artwork slider*/

div.image_thumb {
	
	float: left;
	width: 185px;
	background: #f0f0f0;
	border-right: 2px solid #ececec;
	border-bottom:2px solid #ececec;
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
	margin-left:0;
	margin-top:50px;
	
}


ul.navigation_artwork {
		margin: 0; padding: 0;
		
	
		
		
		}

ul.navigation_artwork li {
	margin: 0; padding: 5px 5px;
	background: #f0f0f0 url(../images/new_gallery_slider/nav_a.gif) repeat-x;
	width: 165px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	list-style: none;
	height:30px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
}

ul.navigation_artwork li a {
 
    width: 165px;
	height:30px;
	display:block;
	text-decoration:none;
	color:#666;
	
	
	
}




ul.navigation_artwork li a span.links{
	
	padding-left:40px;
	margin-top:5px;
	position:relative;
	top:5px;

}
ul.navigation_artwork li a span.hide, ul.navigation_artwork li a:hover span.hide, ul.navigation_artwork li a.selected span.hide, ul.navigation_artwork li a:focus span.hide{
	background-color:transparent;
}


ul.navigation_artwork a:hover {
	
	display:block;
	background: #ddd;
	cursor: pointer;
	

		

}

ul.navigation_artwork a.selected {
  
	display:block;
  background: #f0f0f0 url(../images/new_gallery_slider/nav_a2.gif) repeat-x;	
	cursor: pointer;
	color:#000;
	
	
}

ul.navigation_artwork a:focus {
 
	display:block;
  background: #f0f0f0 url(../images/new_gallery_slider/nav_a2.gif) repeat-x;	
	cursor: pointer;
	color:#000;
	outline:none;
	border:none;
	
}


/*end of artwork*/




/*end of design slider*/




.scrollButtons {
    position: absolute;
    top: 10px;
    cursor: pointer;
	 left: 7px;
}

.scrollButtons.left {
   
	z-index:300;
	
}






.scrollButtons.right {
   
	
	z-index:30;
	margin-top:-65px;
   right: 680px;
	top:386px;
}

.scrollButtons2.right {
  
	position:relative;
	z-index:30;
	margin-top:0;
   right: 3px;
	top:-92px;
	
   
	
}


.hide {
    display: none;
}