@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('hll____-webfont.eot');
    src: url('hll____-webfont.eot?#iefix') format('embedded-opentype'),
         url('hll____-webfont.woff') format('woff'),
         url('hll____-webfont.ttf') format('truetype'),
         url('hll____-webfont.svg#HelveticaNeueLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('hlm____-webfont.eot');
    src: url('hlm____-webfont.eot?#iefix') format('embedded-opentype'),
         url('hlm____-webfont.woff') format('woff'),
         url('hlm____-webfont.ttf') format('truetype'),
         url('hlm____-webfont.svg#HelveticaNeueMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('hlb____-webfont.eot');
    src: url('hlb____-webfont.eot?#iefix') format('embedded-opentype'),
         url('hlb____-webfont.woff') format('woff'),
         url('hlb____-webfont.ttf') format('truetype'),
         url('hlb____-webfont.svg#HelveticaNeueBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
 background-color: black; 
 border: 0;
 padding: 0; 
 margin: 0; 
 position: relative; 
 font-family: 'HelveticaNeueLight'; 
 color: white; 
 font-size: 12px; 
 -webkit-text-size-adjust:none;
}

h1, h2, h3, h4 { font-family: 'HelveticaNeueLight'; font-weight: normal; color: #07b0ef; }

body#home	{ background: url('../images/bg-index.jpg') no-repeat top center black; }
body#about	{ background: url('../images/bg-about.jpg') no-repeat top center black; }
body#media	{ background: url('../images/bg-media.jpg') no-repeat top center fixed black; }
body#contact	{ background: url('../images/bg-contact.jpg') no-repeat top center black; }

div#centralise {width: 900px; height: 594px; margin-left: auto; margin-right: auto; position: relative; }

div#main-menu {width: 442px; height: 41px; position: absolute; top: 96px; left: 240px; background: url('../images/menu-bg.png') no-repeat center center transparent; }
a#menu1, a#menu2, a#menu3, a#menu4 {position: absolute; height: 22px; top: 10px; display: block; font-size: 0px; text-decoration: none; }
a#menu1 { background: url('../images/menu1.jpg') center center no-repeat black; width: 126px; left: 20px; }
a#menu2 { background: url('../images/menu2.jpg') center center no-repeat black; width: 65px; left: 170px; }
a#menu3 { background: url('../images/menu3.jpg') center center no-repeat black; width: 69px; left: 260px; }
a#menu4 { background: url('../images/menu4.jpg') center center no-repeat black; width: 78px; left: 350px; }

a#menu1:hover, a#menu1.active { background: url('../images/menu1o.jpg') center center no-repeat black; }
a#menu2:hover, a#menu2.active { background: url('../images/menu2o.jpg') center center no-repeat black; }
a#menu3:hover, a#menu3.active { background: url('../images/menu3o.jpg') center center no-repeat black; }
a#menu4:hover, a#menu4.active { background: url('../images/menu4o.jpg') center center no-repeat black; }

div#credits-box {position: absolute; bottom: 15px; left: 190px; font-size: 0.9em; }
div#credits-box a {color: #07b0ef; text-decoration: none; }
div#credits-box a:hover {color: #17c0ff; }

div#credits-box-gallery {position: absolute; top: 820px; left: 190px; font-size: 0.9em; padding-bottom: 20px;}
div#credits-box-gallery a {color: #07b0ef; text-decoration: none; }
div#credits-box-gallery a:hover {color: #17c0ff; }

/* Individual Pages */

/* Home */

a#home-enter {
	display: block; 
	width: 94px; 
	height: 38px; 
	position: absolute; 
	background: url('../images/enter.png') center center no-repeat transparent; 
	top: 505px; 
	left: 418px; 
}

/* About */

div#about-textbox { 
	width: 440px; 
	height: 316px; 
	padding: 8px; 
	overflow: auto; 
	position: absolute; 
	left: 85px; 
	top: 186px; 
	line-height: 1.4em; 
	text-align: justify; 
}

/* Videos */

#videos-box {width: auto; position: absolute; left: 60px; top: 180px; color: #bcbcbc;  }

#videos-box .video-icon {border: 1px solid #07b0ef; }
#videos-box .video-icon:hover {border-color: white; }

/* Photos */

#photos-box {width: auto; position: absolute; left: 140px; top: 130px; }

#photos-box .gallery-icon {border: 1px solid #07b0ef; }
#photos-box .gallery-icon:hover {border-color: white; }

/* Contact */

div#contact-textbox { 
	width: 434px; 
	height: 215px; 
	padding: 4px 8px; 
	overflow: auto; 
	position: absolute; 
	left: 61px; 
	top: 195px; 
	line-height: 1.3em; 
	text-align: center; 
	font-family: 'HelveticaNeueMedium';
}

div#contact-textbox p {margin-bottom: 3px; }
div#contact-textbox h3 {font-size: 1.8em; margin: 5px 0; padding: 0; }
div#contact-textbox h2 {font-size: 1.8em; margin: 8px 0; padding: 0; }
div#contact-textbox h2 a {text-decoration: none; color: white; }
div#contact-textbox h2 a:hover {color: #07b0ef; }
div#contact-textbox h4 {font-size: 1.2em; color: white; font-weight: normal; }
div#contact-textbox strong {font-weight: normal; color: #07b0ef; }




