html, body{ 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 90%;
 background-color:#B8C2A0;
 color:#333333;
} 
 
#wholepagewidth{ 
 width:750px; 
 text-align:left; 
 margin-left:auto; 
 margin-right:auto; 
} 
 

#header{ 
 height:250px; 
 width:100%; 
 background-color:#B8C2A0; 
 text-align:center;
} 

#header1{ 
 height:25px; 
 width:100%; 
 background-color:#FFFFFF; 
} 
 
#header2{ 
 height:30px; 
 width:100%; 
 background-color:#FFFFFF; 
 text-align:center;
} 
 
#social{ 
 height:30px; 
 width:100%; 
 background-color:#B8C2A0; 
 text-align:center;
} 

#footer1{
 height:105px; 
 width:100%; 
 background-color:#B8C2A0; 
 color:#333333;
 text-align:center;
} 
 
#footer2{
 height:35px; 
 width:100%; 
 background-color:#B8C2A0; 
 color:#FFFFFF;
 text-align:center; 
 font-size: 80%;
} 
 
#maincolumn{ 
 width: 750px; 
 color:#333333;
 background-color:#FFFFFF; 
 min-height:300px;
 background-image: url(../images/hairdressers.jpg);
 background-repeat:no-repeat;
 background-position:bottom right;
 }

#content{ 
 padding-left:10px;
 padding-right:10px;
 min-height:300px;
}

.title {font-family:Copperplate Gothic Bold; font-size: 180%; color: #B8C2A0; } 

.links ,links:hover {font-family: Arial, Helvetica, sans-serif;font-size: 100%; color: #333333; text-decoration: none; }
.links:hover {color: #FFFFFF;}

.pagelinks ,pagelinks:hover {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #333333; text-decoration: none; font-weight:bold;}
.pagelinks:hover {color: #B8C2A0; font-weight:bold;}

.linkssmall ,linkssmall:hover {font-family: Arial, Helvetica, sans-serif;font-size: 100%; color: #FFFFFF; text-decoration: none; }
.linkssmall:hover {color: #333333;}

.image {padding-left:10px}

.footerdiv {color: #333333; font-weight:bold;}