/*BANNER*/
#banner{
	position: relative;
	display:block;
	width: 980px;
	height: 320px;
	margin: 0px;
	padding-left: 5px;
	}
	/*changing padding-left - then change .box above and flipBoxContainer below*/
	#slideshow{
		z-index:50;
	}
	/*new banner - needs to sit over the image*/
	.bannertext {
		z-index:60;
		width:359px;
		height:212px;
		float:left;
		position: absolute;
   		top: 20px;
   		left: 0px;
		padding:10px 10px 0 10px;
		background: url(/images/new/news_bg.png) 0 0% no-repeat; 
	}	
	.bannertext p{
		padding-top:10px;
	}
	/*text link styling in text banner box*/
	a.flipbutimg:hover{
		
	}
	p.more a{
		color: #af7817;
	}
	p.more{
		color: #af7817;
	}
	p.more img{
		vertical-align: -2px;
	}
	/* */
	.mask_image{
		width: 85px;
		overflow-y :hidden;
	}
	.mask_image:hover{
		cursor:pointer;
	}
	#banner_mask{
		z-index:67;
		float:left;
		position: absolute;
	   	top: 220px;
	   	left: 5px;	
	}
	#thumb1{
		z-index:70;
		position: absolute;
	   	top: 210px;
	   	left: 21px;	
	}
	#thumb2{
		z-index:69;
		position: absolute;
	   	top: 210px;
	   	left: 108px;
	}
	#thumb3{
		z-index:68;
		position: absolute;
	   	top: 210px;
	   	left: 195px;			
	}
	#thumb4{
		z-index:67;
		position: absolute;
	   	top: 210px;
	   	left: 282px;			
	}
	/*87*/
	#maskendleft{
		z-index:71;
		position: absolute;
	   	top: 210px;
	   	left: 5px;	
	}
	#maskendright{
		z-index:71;
		position: absolute;
	   	top: 210px;
		/*left: 280px;*/
	   left: 369px;			
	}
	.mask_image img{
		z-index:71;
		margin-left:-133px;
	}
	/* transparent png that sits over the image*/
	.mask_piece{
		z-index:80;
		float:left;		
		position: absolute;
	}
	.mask_slide {
	  	position:absolute;
  		background-color:#000;
		filter:alpha(opacity=90);
	}
	.mask_slide .image{opacity:0.9;}

/*homepage box container for drop-downs above the lozenges*/
/*changing padding-left - then change #banner above and #flipBoxContainer below - all currently at 5px*/
.box{
	padding-left:5px;
	float:left;
	width:100%;
	}
	.viewallwork, .flipall{
		display:inline;
		float:left;
		padding-left:1px;
		text-decoration: underline;
	}
	.viewallwork{
		padding:5px 0 0 5px;	
	}
	.flipall{
		padding:5px 0 0 5px;	
		margin-left:312px;	
}
#client .topnav ul{
	cursor: pointer;
	width: 450px;
	}
	/*ul element*/
	#client .topnav ul{
		width: 46em;  /* room for 3 columns */
	}
	#client .topnav ul li{
		float: left;
		width: 14em;  /* accommodate the widest item */
	}
	#client .topnav ul li a{
		display: block;
		width: 12em;
		text-decoration: none;
}
/*li:hover ul { display: block; }*/
/*Image lozenges*/	
#flipBox{
	margin:0px;
	border:0px;
	margin-left:5px;
	min-height:500px;
	margin-right:-10px;
}
	.flipBox, .flipBoxon {
		height: 135px;
		width:188px;
		color: #fff;
		float:left;
		margin-left:10px;
		margin-bottom:10px;
		margin-right:10px;
	}
	.imageside{
		cursor:pointer;
	}
	.flipBoxon{
		/*opacity: 0.7;	*/
	}
		.flipBox > * {
			/*padding: 12px;*/
		}
	.textside{
		padding:10px;
		height: 135px;
		width:188px;
	}
	.textdiv{
		padding:10px;	
	}
	.textdiv p em .whitelink{
		position:absolute;
		bottom:10px;
		
}
/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	/* \*/display:block;/**/} 
	/*wrapper div*/
	.wrap1 {
		position:relative; /*works for firefox, but not for camino*/
		z-index:2;
		float:left;
		background:url(/images/new/img_mask.gif) 0px 100% no-repeat;
		height: 135px;
		width:188px;
		background-color:#333;
		cursor:pointer;
		/*190 x 136 mask*/
		/*185 x 132 image*/
	}
	.mask_loz{
		z-index:63;
		float:left;		
		position: absolute;
	}
	.wraptext{
		position:relative; /*works for firefox, but not for camino*/		
	}
	/*image div*/
	.wrap2 {
		position:absolute; /*works for firefox, but not for camino*/		
		left:1px;
		z-index:1;
		height: 130px;
		width:183px;
		background-color:#000;
		text-align:center;
		line-height:10em;
	}
	.mainimage{
		vertical-align:middle;
	}
	.flipbut{
		position:absolute;
		top:100px;
		left:150px;
		width:50px;
		height:50px;
		display:none;
		opacity:0.6;
	z-index:9999;
	}
	/*had the image in*/

/**/
/*BANNER BOX*/
.bllozenge {
	height:100%;
	background: url(/images/homebox/more_button.jpg) 0 100% no-repeat; 
clear:both;
}
.leftloz {
	height:100%;
	background: url(/images/homebox/left_bar2.jpg) 0 0 no-repeat; 
}
.topleftloz {
	height:100%;
	background: url(/images/homebox/top_left2.jpg) 0 0 no-repeat; 	
}
.toploz {
	height:100%;
	background: url(/images/homebox/top_bar2.jpg) 100% 0 repeat-x; 
}
.toploz2{
	height:100%;	
	background: url(/images/homebox/top_bar2_tall.jpg) 100% 0 repeat-x; 
}
.brloz{
	height:100%;
	background: url(/images/homebox/bottom_bar2.jpg) 0 100% repeat-x; 
}
.rightloz{
	height:100%;
	background: url(/images/homebox/right_and_top2.jpg) 100% 0 no-repeat; 
}
.bottomloz{
	height:100%;
	background: url(/images/homebox/bottom_right_corner2.jpg) 100% 100% no-repeat; 
}