@charset "utf-8";
#wrapper {
		font-family:Arial, Georgia, Verdana, "Times New Roman", Times, serif; margin:0 auto; width: 952px;
		}

#content {
		width:100%;
		}
		
#navi {
	position:absolute;
	top:70px;
	left:46.5%;
	width:500px;
	
  }		

/*------------------------top menu------------------------*/

.menu {
		margin: 0;
		padding: 0;
		list-style: none;
		background: #fff;
		}
		
.menu li {
		padding: 0;
		margin-left: 14px;
		height: 39px;
		list-style: none;
		background-repeat: no-repeat;
		}
		
.menu li a, .menu li a:visited {
		display: block;
		text-decoration: none;
		text-indent: -1900px;
		height: 39px;
		background-repeat: no-repeat;
		color:#ffffff;
		}
	
.home {
		background-image: url(images/menu_uw1.jpg); 
		width: 121px;
		}

.home a {
		background-image: url(images/menu_uw.jpg);
		}

.work {
		background-image: url(images/menu_work1.jpg); 
		width: 124px;
		}

.work a {
		background-image: url(images/menu_work.jpg);
		}

.careers {
		background-image: url(images/menu_careers1.jpg); 
		width: 128px;
		}

.careers a {
		background-image: url(images/menu_careers.jpg);
		}

.contact {
		background-image: url(images/menu_contact1.jpg); 
		width:70px;
		}

.contact a {
		background-image: url(images/menu_contact.jpg);
		}

ul.menu li a:hover {background: none;} 

.menu li {float:left;}

.menu li strong {color:#fff; visibility:hidden;}


/*--------------------end of top menu--------------------------*/



#middle {
		background:#D2222D; height:440px;/*CF1B26;*/
		}
		
#middle p {
		margin:5px 5px 5px 25px;
		}

.text {
		width:480px; 
		text-align:justify; 
		font-size:12px;
		}
		
.text-link {
		font-size:11px;
		Text-Decoration:none;
		}	

.heading {font: bold 14px Arial, Helvetica, sans-serif; }
.whitehdg {color:#ffffff;}
.frwdslash {color:#ffffff;}			
		
#mid_bg_top { 
			background:url(images/content_bg_top.jpg) no-repeat; 
			width: 952px; height:19px;
			}
			
#mid_bg_btm {
			background:url(images/content_bg_btm.jpg) no-repeat; 
			width: 952px; height:19px; 
			position: absolute; top:550px;
			}
			

/*------------workpage backgroound-----------------*/
#mid_bg_top_gr { 
			background:url(images/content_bg_top_gr.jpg) no-repeat; 
			width: 952px; height:19px;
			}
			
#mid_bg_btm_gr {
			background:url(images/content_bg_btm_gr.jpg) no-repeat; 
			width: 952px; height:19px; 
			position: absolute; top:550px;
			}
			

#middle_gr {
		background:#EEEEEE; height:440px;/*CF1B26;*/
		}
			
			
.divider {
			background:url(images/vert_divider.jpg) no-repeat; 
			width:10px; height:355px; position:absolute; 
			left:55%; top:200px;
			}
			
#news{
			position:absolute; 
			top:190px; left:56%; width:334px;
			} 
			
#news ul{width:300px; list-style:none; margin-left: -40px; display:block}
#news ul li {font: 11px Verdana, Arial, Helvetica, sans-serif; padding-left:10px;padding-bottom:5px;}
 li strong {font:bold 11px verdana, arial; display:block; margin-top:3px;}
 #news ul .brk {border-bottom:dotted 1px; height:2px; width:inherit; margin-bottom:5px;}

.news_color a {font-family:Georgia, "Times New Roman", Times, serif; color:#fb9e9f; font-size:11px; text-decoration:none;}
.news_color a:hover {font-family:Georgia, "Times New Roman", Times, serif; color:#fb9e9f; font-size:11px; text-decoration:underline;}
 
 #map{position:absolute; margin-left:20px;}
 
#hdr {
		background:url(images/hpg_top_bg.jpg); 
		width: 954px; height:120px;
		}
		
#logo {
		background:url(images/hpg_logo.jpg) no-repeat; 
		width:156px; height:107px; 
		float:left;
		}

/*---------------work page---------------------*/
.tbl {
		display:block; float:left;
		font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
		width: 200px; margin-top:-2px;
		margin-right:75px;
		} 
		
.tbl ul{
		width:300px; list-style:none;
		} 
		
.tbl ul li { 
		margin-left: -15px; margin-bottom:5px;
		} 



#showcase{
			position:absolute; 
			top:190px; left:56%; width:344px;	 
			} 
			
#showcase ul{list-style:none;margin-left:-35px;}
#showcase ul li {font: 12px Arial, Helvetica, sans-serif; padding-bottom:5px; color:#d3d3d3;overflow:hidden;height:25px;}
#showcase ul li a{font: 12px Arial, Helvetica, sans-serif; color:#d3d3d3; Text-decoration:none; position:relative;}
#showcase ul .brk {border-bottom:dotted 1px; height:2px; width:inherit; margin-bottom:5px; color:#B41C1C;}
#showcase ul a img.client {position: absolute; top: 0pt;}
#showcase ul a:hover img.client {position: absolute; top: -24pt;}


.breadcrumbs {font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.breadcrumbs a {font-weight: bold; text-decoration:none; color:#000000;}
.breadcrumbs a:hover {text-decoration:underline;} 
.arrw {font: 12px courier;}


/*------------------hidden layer-----------------------*/
.showcasem a{font: 12px Arial, Helvetica, sans-serif; padding-bottom:10px; color:#ffffff; text-decoration:none; margin-left:5px; }
.showcasem img {margin-right:5px; vertical-align:middle; float:left;}
.showcasem .brk {border-bottom:dotted 1px; height:2px; width:inherit; margin-bottom:5px; color:#B41C1C; width:350px;}

#item2, #item3, #link1 {background:none; font:12px Arial, Helvetica, sans-serif; margin-left:20px; height:240px; width:350px;}

#link1 {padding:2px; margin:1px; display:block;height:253px; }
.logobox {overflow:hidden; height: 50px; float:left;}
.logobox a img.client {position:relative; top:0pt; margin:0px; }
.logobox a:hover img.client {position:relative; top: -38pt;}

/*-----------------------external content area----------------*/
#contentarea {width:550px; height: 425px; margin:5px; overflow:hidden;z-index:3; position:absolute; top:130px;}
#contentarea p {margin-left:3px;}
#feature { width:530px; padding-top:1px;}
/*#feature img {border: ridge 1px #e0e0e0;}*/
.nxt a{font: bold 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; }
.grayptch { width:520px; padding-left,:3px; margin-left:3px; border-bottom:solid 1px #BB131D;} 



#corprof {float:left; width:120px;font:bold 10px Arial;border:}
#clientbox{ float:left; font:bold 10px Arial;padding-top:16px;padding-left:40px;}
#cu3er-container {width:125px;}

#showcasehpg {display:block;position:absolute; width:300px; height: 100px;top:55%;float:left; margin-top:10px; z-index:1;}

/*-----------------footer-----------------*/
.footnote {
		font: 10px Arial, Helvetica, sans-serif; 
		color:#3e3e3e; text-align:right; 
		margin-top:6px; margin-right:10px;
		} 
		
.uw_logo {
		float:left; margin-left:5px; 
		width:300px; height:27px; 
		
		}
		
		
#fttr {
		background:url(images/hpg_fttr.jpg) no-repeat; 
		width:inherit; height:10px; 
		position:absolute; top:600px;
		}
		
			
#showcase_index {display:block;position:absolute; width:260px; height:80px;left:14%; top:58%;float:left; margin-top:10px; z-index:1;}
#showcase_left {float:left; margin-right:15px;}
#showcase_right {float:left;}