/*========= REMEMBER TO CHECK IE STYLE SHEET TOO ============*/

@charset "utf-8";
/* CSS Document */

/* html */
html { 
	margin: 0; 
	padding : 0; 
	text-align : center; }


/* body */
body { 
	margin: 0px; 
	padding : 0px; 
	font : 80%/145% Tahoma, Verdana, Arial, sans-serif; 
	text-align : center; }
	
#home{
	background-color:#a1a3a4;
}
	
.clear {clear:both;}

blockquote{width:45em;}

h1{
	position:relative; 	
	width:750px; 
	height:111px;
	margin: 0;
	padding: 0;
	color: #000000;
	text-indent: -9000px;
	background: url(_img/logo.gif) no-repeat;
	z-index:2;	
}

h1 a{
	display:block; 
	width:750px; 
	height:90px;
	margin:0; 
	padding:0;  
}

h2{font-size:180%}

#banner_back{
	position:relative; 	
	margin-top: -8.75em;
	margin-left: 350px;
	background:url(_img/top_bar.gif) repeat-x;
	width:98%;
	height:111px;
	z-index:3;
}

#banner_img{
	position:relative;  
	background:url(_website/_img/top_image.png) no-repeat;
	width:337px;
	height:156px;
	margin-top: -10.5em;
	margin-left: 37%;
	z-index:4;	
}

/* keeps the whole thing central */
#container {
	position:relative; 	
	width:90%;
	margin:0;		
}

/* links */

a {outline:none;}

a, a:link, a:visited { 
	color:#ffffff;
	}

a:hover, a:active { 
	color:#e43a2d; 
	}
	
a.coloured, a.coloured:link, a.coloured:visited { 
	color:#000000;
	}

a.coloured:hover, a.coloured:active { 
	color:e43a2d; 
	}
	
a.none, a.none:link, a.none:visited { 
	color:#ffffff;
	text-decoration:none;
	}

a.none:hover, a.none:active { 
	color:#e43a2d;
	text-decoration:none; 
	}
	
.main_text {color:#000000;}
	
.coloured_text{color:#e43a2d;}
.coloured_text2{color:#ffffff; font-weight:bold;}

.sml_text{
	font-size: 90%;
}

.lrg_title {color:#ffffff; text-align:left;padding-top: 10px;}

#main_content{
	text-align:left;	
	background:url(_img/home_back.gif) no-repeat;
	
	margin-left: 200px;
}

#navcontainer { 
	width: 200px; 	
	padding: 0;
	margin:0;
	float:left;
}

#navcontainer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-indent:-99999em; 
}

#navcontainer a{
	display: block;
	padding: 0;
	margin:0;
	width: 160px;
}

#banner_back{
	position:relative; 	
	background:url(_img/top_bar.gif) repeat-x;
	width:50%;
	height:111px;
	z-index:1;
}

#banner_img{
	float:right;
	background:url(_img/top_image.gif) no-repeat;
	width:337px;
	height:156px;
	z-index:2;	
}

a.home, a.home:link, a.home:visited{
	background:url(_img/menu_home.jpg) no-repeat;
	width: 160px;
	height:45px;
	padding: 0;
	margin:0;
}
a.home:active, a.home:hover{
	background:url(_img/menu_home_over.jpg) no-repeat;
	width: 160px;
	height:45px;
	padding: 0;
	margin:0;
}

a.about, a.about:link, a.about:visited{
	background:url(_img/menu_about.jpg) no-repeat;
	width: 160px;
	height:40px;
	padding: 0;
	margin:0;
}
a.about:active, a.about:hover{
	background:url(_img/menu_about_over.jpg) no-repeat;
	width: 160px;
	height:40px;
	padding: 0;
	margin:0;
}

a.services, a.services:link, a.services:visited{
	background:url(_img/menu_services.jpg) no-repeat;
	width: 160px;
	height:35px;
	padding: 0;
	margin:0;	
}

a.services:active, a.services:hover{
	background:url(_img/menu_services_over.jpg) no-repeat;
	width: 160px;
	height:35px;
	padding: 0;
	margin:0;
}

a.contact, a.contact:link, a.contact:visited{
	background:url(_img/menu_contact.jpg) no-repeat;
	width: 160px;
	height:55px;
	padding: 0;
	margin:0;
}

a.contact:active, a.contact:hover{
	background:url(_img/menu_contact_over.jpg) no-repeat;
	width: 160px;
	height:55px;
	padding: 0;
	margin:0;
}

#bottom_banner{
	background-color:#FFFFFF;
	width:100%;
	height: 45px;
	position:relative;	
	top:3em;
}

.bottom_banner_content{
	position:relative;	
	font-size:100%;
	top:1em;
	text-align:center;
}