/* *******************************************************************
* CSS file for Moira Bolingbroke Website Image Replacement Technique *
* Gerard Luskin :: September 2007                                    *
******************************************************************** */
.replaced {
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:14px;
}
.replaced em {
	display:block;
	position:absolute;
	top:0;
	z-index:1;
}
.replaced a {
	cursor:pointer;
}
/* IE5 mac specific rules */
* html>body .replaced {
	position:static;
	overflow:visible;
	font-size:10px;
}
* html>body .replaced em {
	position:static;
}
* html>body .replaced a {
	text-decoration:none;
}
/* end of IE5 mac rules */

/* *********************************************
Specific rules for each instance of IR technique
------------------------------------------------

FORMAT
------

#[element_id], #[element_id] em {
	width:[image width]px;
	height:[image height]px;
	background:url(ir/[image filename]) top left no-repeat;
}
* html>body #[element_id] em {
	margin-bottom:-[image height]px;
}

************************************************ */


#head_left, #head_left em {
	width:320px;
	height:90px;
	background:url(graphics/bg_head_left.jpg) top left no-repeat;
}
* html>body #head_left em {
	margin-bottom:-90px;
}
#about, #about em {
	width:125px;
	height:25px;
	background:url(ir/ir_about_about.jpg) top left no-repeat;
}
#values, #values em {
	width:173px;
	height:25px;
	background:url(ir/ir_about_values.jpg) top left no-repeat;
}
#qualifications, #qualifications em {
	width:142px;
	height:25px;
	background:url(ir/ir_about_qualifications.jpg) top left no-repeat;
}
#bodies, #bodies em {
	width:198px;
	height:25px;
	background:url(ir/ir_about_bodies.jpg) top left no-repeat;
}
#contact, #contact em {
	width:76px;
	height:25px;
	background:url(ir/ir_contact_contact.jpg) top left no-repeat;
}
#services, #services em {
	width:81px;
	height:25px;
	background:url(ir/ir_services_services.jpg) top left no-repeat;
}
#testimonials, #testimonials em {
	width:294px;
	height:25px;
	background:url(ir/ir_case_testimonials.jpg) top left no-repeat;
}
#oc, #oc em {
	width:268px;
	height:25px;
	background:url(ir/ir_oc_oc.jpg) top left no-repeat;
}
#c4p, #c4p em {
	width:256px;
	height:25px;
	background:url(ir/ir_c4p_c4p.jpg) top left no-repeat;
}
#cm, #cm em {
	width:206px;
	height:25px;
	background:url(ir/ir_cm_cm.jpg) top left no-repeat;
}
#gf, #gf em {
	width:189px;
	height:25px;
	background:url(ir/ir_gf_gf.jpg) top left no-repeat;
}
#crw, #crw em {
    width:315px;
    height:25px;
    background:url(ir/ir_gf_crw.jpg) top left no-repeat;
}

#pm, #pm em {
	width:325px;
	height:25px;
	background:url(ir/ir_pm_pm.jpg) top left no-repeat;
}
#benefits, #benefits em {
	width:85px;
	height:25px;
	background:url(ir/ir_services_benefits.jpg) top left no-repeat;
}
#orcall, #orcall em {
	width:52px;
	height:20px;
	background:url(ir/ir_contact_call.jpg) top left no-repeat;
}
h3#orcall {
	margin-bottom:0px;
}
* html>body #about em,
* html>body #values em,
* html>body #qualifications em,
* html>body #bodies em,
* html>body #contact em,
* html>body #services em,
* html>body #oc em,
* html>body #c4p em,
* html>body #cm em,
* html>body #gf em,
* html>body #crw em,
* html>body #pm em,
* html>body #benefits em {
	margin-bottom:-25px;
}
* html>body #orcall em {
	margin-bottom:-20px;
}

/* NAVIGATION MENU */
#nav_about, #nav_about em {
	width:64px;
	height:16px;
	background:url(ir/ir_nav_about.jpg) top left no-repeat;
}
#nav_contact, #nav_contact em {
	width:73px;
	height:16px;
	background:url(ir/ir_nav_contact.jpg) top left no-repeat;
}
#nav_services, #nav_services em {
	width:57px;
	height:16px;
	background:url(ir/ir_nav_services.jpg) top left no-repeat;
}
#nav_case, #nav_case em {
	width:159px;
	height:16px;
	background:url(ir/ir_nav_case.jpg) top left no-repeat;
}
* html>body #nav_about em, * html>body #nav_contact em, * html>body #nav_services em, * html>body #nav_case em {
	margin-bottom:-16px;
}