/* Globals */

#background {background: url(../images/BackGradient.gif) #600000 repeat-x;}

.h1 {
	letter-spacing: -1px;
	font-size: 14pt;
	color: #995555;
	font-family: verdana}
	
.h2 {
	letter-spacing: -1px;
	font-size: 13pt;
	color: #995555;
	font-family: verdana;}
	
.bodytext {
	text-align: justify;
	font-family: verdana;
	font-size: 10pt;
	line-height: 125%;}
	
.centredtext {
	text-align: center;
	font-family: verdana;
	font-size: 10pt;
	line-height: 125%;}
	
.hiddentitle {
	height: 0px;
	overflow: hidden;}
	
.topbar {
	background: #300000;
	position: fixed;
	width: 105px;
	right: 0px;
	height: 20px;
	text-align: right;
	top: 0px;
	z-index: 99;}

.toptext {
	font-family: Courier New;
	font-size: 9pt;
	letter-spacing: -1px;
	color: #777777;}
	
#maincontainer {
	background: url(../images/Desk.jpg) transparent no-repeat;
	border: 10px solid white;
	width: 900px;
	position: relative;
	overflow: visible;
	margin: 40px auto;
	text-align: center;
	top: 10px;}
	
#topcontainer {
	width: 900px;
	height: 300px;
	position: relative;
	overflow: visible;
	margin: 60px auto;}
	
.anipic {
	background: url(../images/TopPics.gif) no-repeat;
	width: 271px;
	height: 170px;
	top: -34px;
	left: 555px;
	position: absolute;
	z-index: 9;}
	
.contentbox {
	background: url(../images/Paper.jpg);
	margin: auto auto;
	overflow: visible;
	position: relative;
	width: 900px;
	height: 790px;}

.w3clogo {
	position: absolute;
	bottom:-17px;
	right:-5px;}

.copyright {
	margin: auto auto;
	overflow: visible;
	position: relative;
	text-align: center;
	width: 600px;
	height: 40px;
	font-family: Courier New;
	font-size: 8pt;
	letter-spacing: -1px;
	color: white;}

a.bodylink:link { color: #AA0000; text-decoration: none;}
a.bodylink:visited { color: #AA0000; text-decoration: none;}
a.bodylink:hover { color: #AA0000; text-decoration: underline;}
a.bodylink:active { color: #FF0000; text-decoration: underline;}

a.toplink:link { color: #FFFFFF; text-decoration: none;}
a.toplink:visited { color: #FFFFFF; text-decoration: none;}
a.toplink:hover { color: #CC0000; text-decoration: underline;}
a.toplink:active { color: #FF0000; text-decoration: underline;}

a.contactlink:link { font: 16pt Courier New; letter-spacing: -1px; color: #AA0000; text-decoration: none;}
a.contactlink:visited { color: #AA0000; text-decoration: none;}
a.contactlink:hover { color: #AA0000; text-decoration: underline;}
a.contactlink:active { color: #FF0000; text-decoration: underline;}

.imglink { border: 0;}



/* Enter Page */

a.enterpic { background-position: 0 0; }
a.enterpic:hover { background-position: 0 -290px; }
a.enterpic:active { background-position: 0 -545px; }

a.enternorth { background-position: 0 0; }
a.enternorth:hover { background-position: 0 -79px; }

a.entersouth { background-position: 0 0; }
a.entersouth:hover { background-position: 0 -79px; }

#indexcontainer {
	top: 35%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	position: absolute;
	width: 560px;
	height: 165px;
	overflow: visible;
	text-align: center;}
	
#nscontainer {
	width: 600px;
	height: 218px;
	left: -300px;
	top: 50px;
	position: relative;
	overflow: visible;}

.enterpic {
	background-image: url(../images/Enter.png);
	width: 560px;
	height: 280px;
	left: -280px;
	top: -140px;
	position: absolute;
	z-index: 9;}
	
.enternorth {
	background-image: url(../images/EnterNorth.png);
	width: 277px;
	height: 72px;
	position: relative;
	float: left;
	z-index: 999;}
	
.entersouth {
	background-image: url(../images/EnterSouth.png);
	width: 277px;
	height: 72px;
	top: -21px;
	position: relative;
	float: right;
	z-index: 999;}
	
#copycontainer {
	left: -225px;
	top: 220px;
	width: 450px;
	height: 40px;
	position: absolute;
	z-index: 999;}
	
#counter {
	width: 90px;
	height: 20px;
	background: url(http://www.website-hit-counters.com/cgi-bin/image.pl?URL=84189-0792);
	position: absolute;
	top: 260px;
	left: -45px;}
		
		

/* Home Page */	

.postit {
	background: url(../images/Postit.png) no-repeat;
	position: absolute;
	width: 241px;
	height: 132px;
	left: 630px;
	top: -64px;
	z-index: 99;}
	
a.postit { background-position: 0 0; }
a.postit:hover { background-position: 0 -130px; }
a.postit:active { background-position: 0 -260px; }

.smallpage {
	background: url(../images/SmallPage.gif);
	width: 14px;
	height: 18px;
	position: relative;
	left: -30px;
	top: 22px;}
	
.lsadvert {
	background: url(../images/LSAdvert.gif);
	position: absolute;
	width: 250px;
	height: 130px;
	left: 630px;
	top: 380px;}
	
.logo {
	background: url(../images/Logo.jpg) no-repeat;
	width: 547px;
	height: 181px;
	top: -60px;
	left: -8px;
	position: absolute;}
	
.imagetitle {
	background: url(../images/AboutUsTitle.jpg) no-repeat;
	position: absolute;
	width: 371px;
	height: 35px;
	left: 40px;}
	
.pics {
	background: url(../images/Pics.jpg) no-repeat;
	position: absolute;
	width: 501px;
	height: 412px;
	left: 40px;
	top: 365px;}
	
#bodycontainer {
	border-right: 1px dotted #777777;
	padding-right: 30px;
	overflow: visible;
	position: absolute;
	width: 530px;
	height: 750px;
	left: 40px;
	top: 16px;}

#newscontainer {
	border-bottom: 1px dotted #777777;
	overflow: visible;
	position: absolute;
	text-align: left;
	font-family: Verdana;
	width: 246px;
	height: 370px;
	left: 630px;
	top: 0px;}
	
.news {
	position: relative;
	left: 30px;
	top: -10px;
	font-size: 10pt;}
	
.clients {
	background: transparent;
	border-top: 1px dotted #777777;
	overflow: visible;
	position: absolute;
	text-align: left;
	font-family: Verdana;
	font-size: 10pt;
	width: 246px;
	height: 300px;
	left: 630px;
	top: 520px;}
	


/* Team Page */

.teamx {height: 900px;}

.teamtitle {
	background: url(../images/TeamTitle.gif) no-repeat;
	width: 391px;
	height: 128px;
	top: -29px;
	left: 25px;
	position: absolute;}

#benbox {
	border-right: 1px dotted black;
	padding-right: 20px;
	width: 410px;
	left: 20px;
	position: relative;
	float: left;}
	
#bentitle {
	background: url(../images/BenTitle.gif) no-repeat;
	width: 335px;
	height: 24px;
	margin: auto auto;
	position: relative;}
	
#benpic {
	background: url(../images/Ben.jpg) no-repeat;
	width: 394px;
	height: 486px;
	margin: auto auto;
	position: relative;}

#jamesbox {
	width: 410px;
	position: relative;
	left: -20px;
	float: right;}
	
#jamestitle {
	background: url(../images/JamesTitle.gif) no-repeat;
	width: 234px;
	height: 24px;
	margin: auto auto;
	position: relative;}
	
#jamespic {
	background: url(../images/James.jpg) no-repeat;
	width: 394px;
	height: 486px;
	margin: auto auto;
	position: relative;}



/* News Page */

.newsx {overflow: auto;}

.newstitle {
	background: url(../images/NewsTitle.gif) no-repeat;
	width: 289px;
	height: 121px;
	top: -23px;
	left: 46px;
	position: absolute;}
	
#bulletintitle {
	background: url(../images/BulletinTitle.gif) no-repeat;
	width: 440px;
	height: 38px;
	position: relative;
	left: 20px;}

.newsstorybox {
	background: url(../images/NewsBack.gif) no-repeat;
	width: 844px;
	height: 240px;
	margin: auto auto;
	text-align: left;
	position: relative;
	border-bottom: 1px dotted black;}
	
.newstextbox {
	width: 560px;
	height: 200px;
	left: 20px;
	top: 10px;
	position: relative;
	float: left;}
	
.newspicbox {
	width: 230px;
	height: 200px;
	position: relative;
	left: 0px;
	top: 20px;
	float: right;}
	
.newspic {background-repeat: no-repeat; width: 230px; height: 200px; position: relative;}
.newspic1 {background-image: url(../images/NewsPic1.gif);}
.newspic2 {background-image: url(../images/NewsPic2.gif);}
.newspic3 {background-image: url(../images/NewsPic3.gif);}
.newspic4 {background-image: url(../images/NewsPic4.gif);}
.newspic5 {background-image: url(../images/NewsPic5.gif);}
.newspic6 {background-image: url(../images/NewsPic6.gif);}
.newspic7 {background-image: url(../images/NewsPic7.jpg);}
.newspic8 {background-image: url(../images/NewsPic8.jpg);}
.newspic9 {background-image: url(../images/NewsPic9.jpg);}



/* Services Page */

.servicesx {height: 930px;}

.servicestitle {
	background: url(../images/ServicesTitle.gif) no-repeat;
	width: 383px;
	height: 123px;
	top: -29px;
	left: 30px;
	position: absolute;}
	
#wedotitle {
	background: url(../images/WeDoTitle.jpg) no-repeat;
	width: 586px;
	height: 45px;
	position: relative;
	left: 20px;}
	
#servicesleftbox {
	width: 410px;
	height: 800px;
	position: relative;
	border-right: 1px dotted black;
	padding-right: 20px;
	left: 20px;
	float: left;}
	
#servicesrightbox {
	width: 410px;
	height: 800px;
	position: relative;
	left: -20px;
	float: right;}
	
#audiorecpic {
	background: url(../images/AudioRecPic.jpg) no-repeat;
	width: 230px;
	height: 200px;
	position: relative;
	margin: auto auto;}
	
#engineerpic {
	background: url(../images/NewsPic5.gif) no-repeat;
	width: 230px;
	height: 200px;
	position: relative;
	margin: auto auto;}



/* Showcase Page */

.showx {height: 820px}

.showcasetitle {
	background: url(../images/ShowcaseTitle.gif) no-repeat;
	width: 392px;
	height: 141px;
	top: -30px;
	left: 25px;
	position: absolute;}
	
#showtracks {
	width: 410px;
	height: 780px;
	border-right: 1px dotted black;
	padding-right: 20px;
	text-align: left;
	left: 20px;
	position: relative;
	float: left;}
	
#lefttracks {
	width: 200px;
	text-align: center;
	position: relative;
	float: left;}
	
#righttracks {
	width: 200px;
	text-align: center;
	position: relative;
	float: right;}

#showcd {
	width: 410px;
	height: 780px;
	position: relative;
	left: -20px;
	float: right;}
	
#sessionstitle {
	background: url(../images/SessionsTitle.gif) no-repeat;
	width: 374px;
	height: 35px;
	margin: auto auto;
	position: relative;}
	
#livesessions {
	background: url(../images/LiveSessions.jpg) no-repeat;
	width: 344px;
	height: 600px;
	margin: auto auto;
	position: relative;}
	
#sessionstext {
	position: relative;
	width: 410px;
	top: -185px;}

	
	
/* Gallery Page */

.galleryx {overflow: auto;}

.gallerydate {text-align: center;}

.gallerytitle {
	background: url(../images/GalleryTitle.gif) no-repeat;
	width: 364px;
	height: 133px;
	top: -27px;
	left: 38px;
	position: absolute;}
	
#snapstitle {
	background: url(../images/SnapsTitle.gif) no-repeat;
	width: 416px;
	height: 37px;
	position: relative;
	margin: auto auto;}

.galleryset1 {
	width: 844px;
	height: 150px;
	position: relative;
	margin: auto auto;
	border-bottom: 1px dotted black;
	padding-bottom: 20px;
	text-align: center;}

.galleryset2 {
	width: 864px;
	left: 7px;
	height: 150px;
	position: relative;}

.galleryimg {
	background-repeat: no-repeat;
	width: 200px;
	height: 150px;
	position: relative;
	padding-right: 10px;
	float: left;}
	
.galleryimg:hover {opacity: 0.5;}
.galleryimg:active {opacity: 1;}



/* Contact Page */

.contactx {height: 400px;}

.contacttitle {
	background: url(../images/ContactTitle.gif) no-repeat;
	width: 446px;
	height: 130px;
	top: -30px;
	left: 13px;
	position: absolute;}

.contactphone {
	font: 16pt Courier New;
	color: #440000;
	letter-spacing: -1px;}
	
#enquiriestitle {
	background: url(../images/EnquiriesTitle.gif) no-repeat;
	width: 290px;
	height: 37px;
	margin: auto auto;
	position: relative;}
	
	
	
/* IFLT Album Page */

#ifltbox {
	background: url(../images/IFLT.jpg);
	border: 10px solid white;
	width: 900px;
	height: 600px;
	position: relative;
	overflow: visible;
	margin: 40px auto;
	top: 10px;}
	
#previewsbox {
	background: transparent;
	width: 360px;
	height: 80px;
	position: absolute;
	left: 510px;
	top: 390px;
	text-align: center;}
	
.previewbox {
	background: transparent;
	width: 180px;
	height: 80px;
	position: relative;
	float: left;}
	
#buybutton {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 380px;
	top: 550px;}