/*  
Author: Geof Banyard
Author URI: http://www.islandofdoctorgeof.co.uk/
Date: 19th feb 2008
Notes: adapted from the style sheet used for the oriinal islandofdoctorgeof
General Refs:
http://www.csszengarden.com
http://www.ibdhost.com/contact/
http://www.w3schools.com
http://www.glish.com/css/home.asp

http://validator.w3.org/
http://en.www.mozilla.com/en/firefox/
Specific Refs:
*/

/* MAIN SECTIONS */

/* layout */
	#container {
		background: url(bg-illus-iodg.jpg) no-repeat top left;
		}

	#leftcontent {
		background:none;
		width:230px;
		height:330px;
		padding:0px;
		float:left;
		}

	#centercontent {
		background:none;
		width:100px;
		height:100px;
		margin:105px 18px 0px 88px;
		float:left;
		}

	#rightcontent {
		background:none;
		width:210px;
		height:330px;
		padding:0px;
		float:left;
		}

	#banner {
		background:none;
		height:69px;
		text-align: center;
		padding:0px 0px 0px 0px;
		margin:0px;
		}

	#footer {
		background:none;
		text-align: center;
		padding:0px 0px 0px 0px;
		margin:0px;
		clear: both;
		}


	.lrcontent p {
		margin:10px 30px 40px 110px;
		}

	#banner h1 {
		padding:10px 0px 0px 0px;
		margin:0px;
		display:none;
		}

	#banner p{
		display:none;
		}



/* images */

	/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
	#leftcontent h1 {
		background: transparent url(leftbg-out.gif) no-repeat top left;
		margin:50px 30px 0px 95px;
		width: 100px;
		height: 100px;
		}
	#leftcontent h1:hover {
		background: transparent url(leftbg-over.gif) no-repeat top left;
		}
	#rightcontent h1 {
		background: transparent url(rightbg-out.gif) no-repeat top left;
		margin:50px 30px 0px 100px;
		width: 100px;
		height: 100px;
		}
	#rightcontent h1:hover {
		background: transparent url(rightbg-over.gif) no-repeat top left;
		}

	.lrcontent h1 span {
		display:none;
		}


/* END */