div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 635px; 
	height: 300px;
	overflow: hidden;
	border:1px solid #cccccc;
	}
	.contdiv {
		padding-bottom: 10px; 
	}
	
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:635px;
		height:300px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div.scroller div.content {
		width: 10000px;
		}
		
			div#section1 {
				background-image: url(/images/su_homeoverview.jpg);
		}

	div#section2 {
		background-image: url(/images/su_surveycontract.jpg); 
		}
		
		div#section3 {
		background-image: url(/images/su_homecusltform.jpg); 
		}
		
		div#section4 {
		background-image: url(/images/su_home_calform.jpg); 
		}
		div#section5 {
		background-image: url(/images/su_homereport.jpg);  
		}
		div#section6 {
		background-image: url(/images/su_homebooklet.jpg);  
		}
		div#section7 {
		background-image: url(/images/su_homeplacard.jpg);  
		}
		div#section8 {
		background-image: url(/images/su_w_overview.jpg);  
		}

		div#section9 {
		background-image: url(/images/su_w_contract.jpg);  
		}
		
		div#section10 {
		background-image: url(/images/su_w_emplhand.jpg);  
		}
		
		div#section11{
		background-image: url(/images/su_w_poster.jpg);  
		}
		
		div#section12{
		background-image: url(/images/su_w_consultform.jpg);  
		}
		
		div#section13{
		background-image: url(/images/su_w_calc.jpg);  
		}
		
		div#section22{
		background-image: url(/images/su_w_final.jpg);  
		}
		
		
		
		div#section25 {
		background-image: url(/images/su_trifold.jpg);  
		}
		
		div#section14 {
		background-image: url(/images/su_flyer.jpg);  
		}
		
		div#section15 {
		background-image: url(/images/su_homeposter.jpg);  
		}
		
		div#section16 {
		background-image: url(/images/su__announce.jpg);  
		}
		
		div#section17 {
		background-image: url(/images/su_eventnews.jpg);  
		}
		
		div#section18 {
		background-image: url(/images/su_speec.jpg);  
		}
		
		div#section19 {
		background-image: url(/images/su_m_ppt.jpg);  
		}
		
		div#section20 {
		background-image: url(/images/su_website.jpg);  
		}


  .tab_link { 
    float:left; /* important */
    /* just styling */
    border:1px solid ccc; 
    background: #53a203;
    padding:5px; 
    margin-right:5px ; 
    color:white; 
    text-decoration:none; 
    font-variant:small-caps;
	font-size:12px;
    }
	
	a:hover.tab_link { 
	background-color: #fd9a01;
	color:#000;
	text-decoration: none;
    }
    .tab_link_selected{ background-color: #65899E; }
    .tab_text { 
    display: none; /* hide the text containers */
    /* just styling */
    border:1px solid black;
    padding:2px; 
    color:black; 
    }
    .clear {clear: both;}  /* when we use css float property, we need to clear after the last floated item */
	
	.controls {
		height: 20px;
	}