body.enter
{
	background-color: #AFAFAF;
	background-image:url(../images/hp-background.png);
	background-repeat: repeat-x;
	background-attachment:fixed;
	background-position: 50% 250px;
	font: normal 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

body.enter #hptranslogo
{
	margin:0;
	position:absolute;
	margin-top:255px;
	margin-left: -183px;
	left: 50%;
	right:0;
	width:366px;
	height:58px;
}

body.enter #hpaddress
{
	margin:0;
	position:absolute;
	margin-top:315px;
	margin-left: -183px;
	left: 50%;
	right:0;
	width:366px;
	height:58px;
	text-align: center; 
	font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #7B5F77;
}

body.enter #hpcontact
{
	margin:0;
	position:absolute;
	margin-top:400px;
	margin-left: -400px;
	left: 50%;
	right:0;
	height:58px;
	width:800px;
	text-align: center; 
	font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #7B5F77;
}

body.enter #hpenter
{
	font: normal 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	margin:0;
	position:absolute;
	margin-top:450px;
	margin-left: -90px;
	left: 50%;
	right:0;
	width:180px;
	height:58px;
	visibility: visible;
	border:none;
}

body.enter #contact P{
	width:100%;
	text-align: center;
	color: white;
}

body.enter a img {
    border: none;
    }
    

#hpcontact a{
color: #7B5F77;
text-decoration: none;
font-weight: bold;
font-size: 90%;
text-decoration:underline;
}

#hpcontact a:hover{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

/*
-----------------------------------------------
Hatley Print hpscreens.css
----------------------------------------------- 
----------------------------------------------- */

body.enter #hpenterlogo
{
	font: normal 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	margin-top: 140px;
	margin-left: -300px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 70px;
	visibility: visible;
	border:none;
}

#hpstreetmap h1 img 
{
	position:relative;
	background: url("../images/hatley-print-map.png") no-repeat;
	height: 250px;
	left: 0;
	top: 0;
	width: 380px;
	border:none;
}

/*----------------------------------------------- 
ourclients screen
----------------------------------------------- */


#clientlist h2
{
font: bold 85% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
text-decoration:none;
color: #7B5F77;
}

#clientlist li
{
font: bold 65% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
color: white;
text-decoration: none;
}

#clientlist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*Client List & Images ------------------------------------------------------------------------*/
.cols, .colsline {width: 600px;}
.colleft {
  float: left; 
  width: 200px;
  padding-right: 20px;
  /*--- Hack IE 5.x ---*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 200px;
  }
  /*--- For Opera 5.x ---*/
  html>body .colleft {
  width: 200px;
  }
.colright {
  float: left; 
  width: 350px; 
  padding-left: 0px; 
  /*--- Hack IE 5.x ---*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 350px;
  }
  /*--- For IE 5.Mac and Opera 5.x ---*/
  html>body .colright {
  width: 350px;
  /*--- Not for death IE 5.Mac ---*/
  /*\*/
  width: 350px;
  /**/
  }
  .hpthumbs {
  margin-bottom: 0px;
  }
/*Client List & Images ------------------------------------------------------------------------*/


/*----------------------------------------------- 
----------------------------------------------- */