/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#outerContainer { 
	width:854px; 
	height:353px; 
	margin:auto; 
	position:relative;
	margin:0 0 13px 0; }

#imageScroller { 
	width:854px; 
	height:353px; 
	position:relative; 
	/*border:1px solid red;*/}

#viewer { 
	width:854px; 
	height:353px; 
	overflow:hidden; 
	margin:auto; 
	position:relative; 
	top:0; 
	/*border:1px solid green;*/}
	
	
#test {
	width: 11266px;
	height: 353px;
	position:relative;
	}	
	
	#test a.wrapper {
	width: 11266px;
	height: 353px;
	position: absolute;
	left: -854px;
	top: 0;
	}	
	
	
	

#imageScroller a:active, #imageScroller a:visited { color:#000000; }

#imageScroller a img { border:0; }

#imageScroller a { 
	height:353px;
	position:relative;
	display:block;
	text-indent:-3000px;}

body.page-id-8 #imageScroller a { 
	background: url(/wp-content/themes/cooperphotography/furniture/images/slideshow_pics/aboutus.jpg) no-repeat 0 0; 
	width:11266px; }

body.page-id-17 #imageScroller a { 
	background: url(/wp-content/themes/cooperphotography/furniture/images/slideshow_pics/wedding.jpg) no-repeat 0 0;
	width:28930px; }
body.page-id-23 #imageScroller a { 
	background: url(/wp-content/themes/cooperphotography/furniture/images/slideshow_pics/maternityandbaby.jpg) no-repeat 0 0;
	width:22535px; }
body.page-id-20 #imageScroller a { 
	background: url(/wp-content/themes/cooperphotography/furniture/images/slideshow_pics/portrait.jpg) no-repeat 0 0;
	width:29000px; }

#controls { 
	width:854px; 
	height:353px; 
	/*background:url(../images/slideshow_interface/controlsBG.png) bottom left no-repeat;*/ 
	position:absolute; 
	top:0; 
	left:0; 
	z-index:10;	}

#controls a { 
	width:200px; 
	height:353px; 
	position:absolute; 
	top:0; }

#controls a:active, #controls a:visited { 
	color:#0d0d0d; }

#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }

#rtl { background:url(../images/slideshow_interface/btn_invisible.png) no-repeat; left:0;}
#rtl:hover { background:url(../images/slideshow_interface/rtl_over.png) no-repeat; top:159px; }

#ltr { background:url(../images/slideshow_interface/btn_invisible.png) no-repeat; right:0;}
#ltr:hover { background:url(../images/slideshow_interface/btn_invisible-over.png) no-repeat; top:0; }