@import "reset.css";

body {background: url(../images/body-bg.jpg) repeat-x top left; text-align: center;}
#wrap {width: 600px; margin: 0 auto;}
#header {margin: 0 0 42px 0;}
#content {position: relative;}

#content {margin-bottom: 0px;}
.intro {background:url(../images/content.jpg) no-repeat top center; width: 600px; height: 198px; text-indent: -9999px;}

h2 {float: right; background: url(../images/support.jpg) no-repeat top left; height: 37px; text-indent: -9999px; width: 190px; margin: 50px 0 10px 0;}
a.here {display: block; position: absolute; text-indent: -9999px; width: 140px; height: 30px; left: 0px; top: 160px;}
ul {background: url(../images/logos.jpg) no-repeat top left; width: 600px; height: 316px; clear: both; padding-top: 40px; position: relative; margin: 40px 0 0 0;}
ul li {}
ul li a {position: absolute; display: block; text-indent: -9999px;}

li#council a {left: 0; width: 105px; height: 160px;}
li#event-scilly a{left: 145px; top: 80px; width: 220px; height: 70px;}
li#isles-scilly a{left:0px; width: 45px; top: 245px; height: 95px;}
li#wildlife a {left: 80px; top: 245px; width: 78px; height: 80px;}
li#hotel a {width: 180px; left: 420px; top: 30px; height: 180px;}
li#ios-travel a {
	width: 216px;
	left: 383px;
	top: 225px;
	height: 112px;
}


#footer {width: 100%; background: url(../images/footer-bg.jpg) repeat-x center -1px;}
#footer .wrap {width: 960px; margin: 0 auto; background: #21753a url(../images/footer.jpg) no-repeat 0px 0px; padding: 100px 0 30px 0; color: #FFF; font: 11px/1.4em "Helvetica", Arial, Verdana, Sans-Serif;}
#footer a {color: #FFF;}
#footer a:hover {text-decoration: none;}


/* Clearfix
--------------------------------*/
.id:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}