body {
	margin: 0 none ;	
	padding: 0 none ;
	background: #42326f url(./images/bkgdPattern.jpg) ;
}

#mainContainer {
	padding: 0 none ;
	width: 1000px ;
	height: 720px ;
	margin-top: -10px none; 
	background: url(./images/mainBkgd.png) ;
	background-repeat: repeat-y ;

}

#header {
	width: 1000px ;
	margin-top: -7px ;
}

#headerContent {
	width: 1000px ;
	height: 281px ;
	margin: 0 none ;
}

#mainNavBar {
	width: 1000px ;
	height: 66px;
	padding-top: 10px ;
	background: url(./images/menuBar.png) ;
	background-repeat: no-repeat ;
}

#mainNav {
	width: 480px ;
	height: 66px ;
	margin: auto ;
	float: right ;
}

#mainNav ul {
	width: 480px ;
	margin: auto ;
	list-style: none ;
	font-size: 22px ;
	display: block ;
}

#mainNav ul li {
	padding-left: 12px ;
	padding-right: 12px ;
	font-family: bookman old style ;
	font-size: 22px ;
	font-style: italic ;
	color: #42326f ; /* dark violet */
	float: left ;
}

#mainNav ul li a {
	text-decoration: none ;
	color: #42326f ; /* dark violet */
}	


#mainNav ul li a:hover{
	color: #ad6256 ;  /* brick red */
}

#infoBoxArea {
	width: 1000px ;
	height: 195px ;
	background: url(./images/logo_harplily.png) no-repeat right bottom;
	
}

#infoBoxArea>.quotation {
  width: 370px ;
  height: 110px ;
  margin-top: 10px ;
  margin-left: 115px ;
  padding: 15px 20px 20px 20px ;
  border: 1px solid #ad6256 ; /* brick red */
  background: #f4ebb0 ; /* dark beige */
  float: left ;
}

#infoBoxArea>.quotation p {
  font-family: bookman old style ;
  font-size: 15px ;
  font-weight: lighter ; 
  display: block ;
  line-height: 150% ;
  text-align: left ;
  letter-spacing: .05em ;
  word-spacing: .05em ;
}

#infoBoxArea ul {
  width: 280px ;
  height: 110px ;
  margin: 10px 149px 0px 0px;
	list-style: none ;
	text-align: left ;
	float: right ;
}                             

#footer {
	width: 880px ;
	height: 96px ;
	margin: 0 none ;
	font-family: bookman old style ;
	float: auto ;
}

#footer table {
	width: 850px ;
	height: 9px ;
	float: auto ;
}


//----------CLASSES-----------

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.spacer {
	display: block ;
	clear: both ;
	width: 1000px ;
	height: 15px ;
	display: none ;	
}

.infoHead {
	font-family: bookman old style ;
	font-size: 18px ;
	font-weight: bold ;
	line-height: 24px ;
	color: #ad6256 ; /* brick red */
}

.infoHead a {
	text-decoration: none ;
	color: #ad6256 ; /* brick red */
}

.infoHead a:hover{
	color: #42326f ; /* dark violet */
}

.infoBody {
	font-family: bookman old style ;
	font-size: 12px ;
	font-weight: lighter ;
	display: block ;
}

.footerContent {
  height: 38px ;
  text-align: left ;
  font-size: 12px ;
	background: #42326f ; /* dark violet */
	color: #f4ebb0 ;
}

.footerContent a {
	text-decoration: none ;
	color: #f4ebb0 ;
}

.footerContent a:hover{
	color: #ad6256 ;
}


.footerCopywrite {
  height: 13px ;
  font-size: 12px ;
  text-align: center ;
	}
	
.footerCopywrite a {
	text-decoration: none ;
	color: #42326f ;
}

.footerCopywrite a:hover{
	color: #ad6256 ;
}