/********************
 *  basic css
 * 
 ********************/
 
body {
	font-family: "Times New Roman", Times, serif;
	font-size: 62.5%;	
	color: #333333;
	margin: 0;
	background: #FDDDD5 url(http://www.pearl.ie/images/footer_bg.gif) repeat-x fixed 0 100%;
} 

#logo a:link, #logo a:active, #logo a:visited, #logo a:hover{
	display: block;
	width: 220px;
	height: 157px;
	background: url(http://www.pearl.ie/images/pearl_logo.gif) no-repeat center top;
	text-indent:-9999px;
}

a:link, a:active, a:visited{
	color: #333333;
	text-decoration: none;
	outline: none;
}

a:hover{
	color: #F15F7C;
	text-decoration: none;
}

.hr{
	height:  1.4em; 
	margin:  0 0 1.4em 0; padding:  0;
	background: url(http://www.pearl.ie/images/hr.gif) 0 50% repeat-x;
}

.hr hr{
	display: none;
}

img{
	border:  none;
}

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

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}