/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:442px;/* for mozilla*/
	background-color: #FFFFFF;
	color: #000000;
}
#outer{
	height:100%;
	min-height:100%;
	width:442px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:  url(images/centredbg.jpg) repeat-y center center;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:442px;
}
#header{
	position:absolute;
	top:0;
	width:442px;
	height:90px;
	background:#FFFFFF;
	overflow:hidden;
	color: #000000;
	z-index:100;
}

#header #logo{float: left;}
#header #contact-info{float: right;}

#footer {
	width:442px;
	clear:both;
	height:50px;
	background-color: #FFFFFF;
	color: #000000;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;

}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:442px;
	float:right;
	padding-top:92px;
	padding-bottom:32px;/* needed to make room for footer */
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */


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

a img{border: 0px;}

h1,h2,h3,h4{color: #24318c; font-family:Arial, Helvetica, sans-serif;}
	h1{font-size: 30px; color: #000000; margin: 10px 0 10px 0;}
	h2{font-size: 16px; color: #000000; text-align:justify;}
	h2 span{color: #24318c;}
	h3{margin: 0 0 15px 0; font-size: 16px;}
	h4{font-size: 11px; font-weight: bold; color: #000000; margin: 0;}
	p,table{color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
	p.intro{color: #666666; font-size: 14px;}
	#services{
		background-color: #f0f0f0;
		padding: 15px 0 15px 15px;
		margin: 0 0 20px 0;
	}
	#services div{width: 190px; float: left; margin: 0 20px 20px 0; min-height: 85px;}
	#contact{background-color: #24318c; padding: 15px;}
	#contact h2{color: #FFFFFF; margin: 0;}
	#contact p{color: #FFFFFF;}
	#contact .left{width: 150px; float: left; padding: 0 10px 0 0;}
	#contact .right{width: 225px; float: left;}
	#contact a{color: #ffffff;}
	
	#contact form{margin: 17px 0 0 0;}
	#contact form, #contact table{color: #ffffff;}
	#contact form label{color: #ffffff;}
	#contact form p, #contact form b{color: #ffffff; font-weight: normal;}
	#contact form textarea{width: 230px;}
	#contact .btn{background-color: #000000; color: #ffffff; border: 0px; padding: 5px 20px 5px 20px;}
	
	#contact #test1{display: none;}
	#contact #test2{display: none;}