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

body #hptranslogo
{
	margin:0;
	position:absolute;
	margin-top:55px;
	right:0px;
	width:366px;
	height:58px;
}

#masthead
{
	position:relative;
	height:144px;
	width:100%;
}

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

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


#mainnav
{
	padding-top:55px;
	float:left;
	width:25%;
}
#clientlistimages
{
	float:right;
	width:550px;
	height:500px;
	background-color:Blue;
}

#maincontent
{
	padding-top:55px;
	float:left;
	width:700px;
}

#maincontent h1
{
	font:bold 100% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#7B5F77;
	background: url(image replacement here) no-repeat;
	width:350px;
	height:30px;
}
#maincontent p
{
	font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #F2F1F2;
}


.threeshell
{
	margin:0 auto;
	width:100%;
}


#footer
{
	clear: both;
	padding-top: 50px;
	text-align: center;
	font-size: .8em;
	color: #7B5F77;
}

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

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

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

#container, #footer 
{
	min-width: 700px;
	max-width: 1200px;
}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */