/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/


/* Elements
----------------------------------------------------------------------------------------------------*/


		.slide {
				float: left;
				margin: 0;
				padding: 0;
				width: 604px;
				height: 255px;
				position: relative;
			}
			
			.listslide {
				font-family: Helvetica;
 				width: 580px;
				height:215px;
				padding: 0;
				margin: 0 auto;
			}
			
			#foo3 {
				padding: 0;
				margin: 0;
			}
			
			#foo3 ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			
			#foo3 li {
				text-align: left;
				padding: 0;
				margin: 0;
				float: left;
				display: block;
				height: 215px;
				width: 580px;
			}
			
			.halfslide {
	    		float: right;
				width: 220px;
				height:215px;
				margin:0 5px;
				padding: 0;
				font-family: Helvetica;
				font-size: 11px;
				line-height: 16px;
				color: #444;
			}
			
			.halfimg {
    			float: right;
				width: 350px;
				height:215px;
				padding: 0;
				margin: 0;
			}
			
			.clearfix {
				float: none;
				clear: both;
			}
			
			a.prev:link {
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
				top: -150px;
				background: transparent url(../img/imgslider/prev_b.png) no-repeat;
				width: 25px;
				height: 55px;
				text-indent:-999em;
			}
			
			a.prev:hover {
				background: transparent url(../img/imgslider/prev.png) no-repeat;
				width: 25px;
				height: 55px;
				text-indent:-999em;
			}
						
			a.next:link {
				float: right;
				margin: 0;
				padding: 0;
				position: relative;
				top: -150px;
				background: transparent url(../img/imgslider/next_b.png) no-repeat;
				width: 25px;
				height: 55px;
				text-indent:-999em;
			}
			
			a.next:hover {
				background: transparent url(../img/imgslider/next.png) no-repeat;
				width: 25px;
				height: 55px;
				text-indent:-999em;
			}
			
			.pager {
				margin: 4px 0 0 0;
				padding: 0;
				width: 630px;
				text-align: center;
				position: relative;
				top: 5px;
			}

			.pager a {
				display:inline-block;
				text-indent:-999em;
				width: 8px;
				height: 8px;
				background: transparent url(../img/imgslider/pager_lw_off.gif) no-repeat;
				text-decoration: none;
				margin: 5px;
				padding: 0;
			}
				
			.pager a.selected {
				width: 8px;
				height: 8px;
				margin: 5px;
				padding: 0;
				background: transparent url(../img/imgslider/pager_lw.gif) no-repeat;
				text-decoration: none;
			}


.pul_arc {
			display: block;
			height: 37px;
			margin-top: 17px;
}

.pul_arc span {
			display: block;
			float: left;
			background: transparent url(../img/imgslider/bg_pul_arc.png) no-repeat top left;
			height: 37px;
			width: 14px;
}

.pul_arc a:link, .pul_arc a:visited {
		padding: 0px 50px 0 0;
		text-align: center;
		display: block;
		background: transparent url(../img/imgslider/bg_pul_arc.png) no-repeat top right;
		text-decoration: none;
		font-size: 14px;
		line-height: 37px;
		float: left;
		color: 444;
	
} 

.pul_arc a:hover, .pul_arc a:focus{
		color: #666;
}

