* { margin: 0; padding: 0; } /* Global Reset */

body {
	font: small/1.7 'Helvetica Neue', arial, helvetica, sans-serif;
	color: #000; background: #ff9900 url(../i/bg.jpg) repeat-x; text-align: center;
}

h2 {
	font: 800 18px 'Helvetica Neue', arial, helvetica, sans-serif;
}

h3 {
	font: 2em/1.7 'Helvetica Neue', arial, helvetica, sans-serif;
	color: #401764;	font-weight: 700; margin: 0 0 20px 0;
}

h4 {
	font: 800 18px 'Helvetica Neue', arial, helvetica, sans-serif;
	margin: 0 0 15px 0;
}

h4 a, h4 strong {
	font: 800 1.2em 'Helvetica Neue', arial, helvetica, sans-serif;
	color: #fff;  background: #ff9900;  
	padding: 0 3px 0 3px;
	text-decoration:  none;
}

h4 a:active { color: #fff; background: #1982ff ; }
h4 a:hover { color: #fff; background:  #fC0; }

p {
	line-height: 1.4em; padding: 0 0 5px 0 ;
}

p.link {
	margin: .5em 0 2em 0;
}

p.copyright {
	font-size: 90%;
	margin: 25px 0 0 0;
}

p.copyright a {
	color: #fff;
	background: #99CC00;
	padding: 5px;
	font-weight: 800;
}



p.link a {
	font: 800 1.2em 'Helvetica Neue', arial, helvetica, sans-serif;
	color: #ff6600; text-decoration:  none;
	background: url(../i/continue-arrow.png) no-repeat 0px 0px;
	padding: 0 0 0 25px; 
}

img {
	border: 0;
}

#container {
	width:  740px;	margin:  0 auto 0;
}

#header {
	width: 740px; padding: 70px 0 0 0;	
	position:  relative; text-align: left;
	background: #99CC00;
}

#header h1 {
	width: 500px; height: 50px;  
	background: url(../i/h1.png) no-repeat;
	position:  absolute; top: 15px; left: 208px ;
	text-indent: -9999px;
}

	

#header p#logo {
	width: 200px; height: 100px;
	position: absolute; top: 25px; left: 20px; 
	background: url(../i/logo-tran.png) no-repeat;
	text-indent: -9999px;
}


#header h2 {
 	width: 500px; margin: 0 0 0 170px; padding: 0 10px 30px 40px;
}

#header h2 strong {
	color: #99CC00; background: #fff; line-height: 1.5em; padding: 0 .2em 0 .2em;
}


#content {
	background: #fff; color: #000;
	padding: 2em 40px 2em 30px;
	text-align:  left;
}

#content img {
	float: left;
	width: 240px; height: 150px;
}

#content .row {
	overflow: hidden;  margin: 0 0 2em;

}

#content .row .holder {
	float:  left;
	width: 350px;
	padding: 0 0 0 30px;

}

/* FOOTER AND RESPECTIVE LOGOS */

#footer {
	background: url(../i/footer-curve.png) no-repeat;
	height: 180px;
}

#footer ul#logos {
	list-style: none;
	margin: 0 20px 0;
}

#footer ul#logos li {
	float: left;
	height: 85px;
	overflow: hidden;
}

#footer ul#logos li a {
	height: 85px;
	display:  block;
	text-indent:  -9999px;
}

#footer ul li#mac {
  	width: 100px;
	margin: 0 0 0 10px;
 	background: url(../i/maccosmetics-logo.png) no-repeat 0% 50%;
}

#footer ul li#crusaid {
 	clear: both;
	text-align: left;
	width: 200px;
 	background: url(../i/crusaid-logo.jpg) no-repeat 0% 50%;
}

#footer ul li#crusaid a { 
color: #88B700; text-decoration: none; border-bottom: 1px solid #88B700; }

#footer ul li#crusaid a[href] { border-bottom-style: dotted; }


#footer ul li#crusaid p {
	font-size: 10px;
	margin: 15px 0 0 65px;
}

#footer ul li#crusaid p a {
	display:  inline;
	text-indent:  0;

}

#footer ul li#pmf {
	width: 205px;
	margin: 0 10px 0;
 	background: url(../i/peter-moores-logo.png) no-repeat 0% 50%;
}

#footer ul li#theatre {
	width: 130px;
	margin: 0 5px 0;
 	background: url(../i/theatrecares-logo.png) no-repeat 0% 50%;
}

/* GENERIC CLASSES */

.clear { clear: both; }
.clear hr { display: none; }


/* It's a Genuine Advantage - Microsoft */

* html body { 
	font-size: small;
	\font-size: x-small;
	f\ont-size: small;
}


* html body div.row { zoom: 1 ; }
* html body div#content { height: 1%;}


*:first-child+html #content { zoom: 1;}