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

html{
	height:100%;
}
body {
	height:100%;
	padding:0;
	margin:0;
	background:url(../images/top-bg.jpg) top left repeat-x #2a100d;
	font-size:70%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#cont {
	width:930px;
	margin:0 auto;
}
a img{
	border:#df4926;
	}
#wrapper{
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}

p{  color:#eaeae0; line-height:16px;}

a{  color:#df4926; text-decoration:none;}

a:hover{ text-decoration:underline;}

h1{
	text-transform:uppercase;
	color:#d64f31;
	font-size:2em;
}
ul{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}

/*********************************************************************************************** HEADER - NAVIGATION */

#header{
	width:574px;
	height:63px;
	background:url(../images/header.jpg) top left no-repeat;
	padding:62px 0px 0px 356px;
}
a.navigation{
	width:82px;
	text-align:center;
	height:auto;
	float:left;
	
	color:#2a100d;
	text-decoration:none;
}
a:hover.navigation{
	color:#eaeae0;
}


/*********************************************************************************************** CONTENT */

#content{
	width:800px;
	padding:40px 0 0;
	margin:0 auto;
	display:block;
}
.content{
	width:500px;
	display:block;
	margin:20px auto;
}
.push{
	height:80px;
}
.centre{
	display:block;
	margin:0 auto;
}
.floatleft{
	float:left;
	width:49%;
}
.floatright{
	float:right;
	width:49%;
}

/*********************************************************************************************** FOOTER */

#footer{
	position:fixed;
	bottom:10px;
	right:150px;
	display:inline;
	color:#959595;
}
a.toolbox{
	width:117px;
	height:45px;
	background:url(../images/footer-toolbox.jpg) 0 0 no-repeat;
	position:fixed;
	bottom:0;
	right:20px;}
	
a:hover.toolbox{
	background-position:bottom;
	}


/*********************************************************************************************** GALLERY */

#gallery{
	width:800px;
	display:block;
	margin:0 auto;
}


/*********************************************************************************************** MEDIA PAGE */

#media{
	width:744px;
	height:500px;
	overflow:scroll;
	border:1px solid #df4926;
	position:relative;
}
a.riptide{
	width:95px;
	height:56px;
	background:url(../images/media-images/riptide-reflection.jpg) left top no-repeat;
	display:block;
	text-decoration:none;
}
a:hover.riptide{
	background:url(../images/media-images/riptide-reflection.jpg) right top no-repeat;
	text-decoration:none;
}
a.echo{
width:95px;
	height:56px;
	background:url(../images/media-images/echologo.jpg) right top no-repeat;
	display:block;
	text-decoration:none;
	}
a:hover.echo{
background:url(../images/media-images/echologo.jpg) left top no-repeat;
	text-decoration:none;}
	a.movement{
width:124px;
	height:56px;
	background:url(../images/media-images/movement-logo.jpg) right top no-repeat;
	display:block;
	text-decoration:none;
	}
a:hover.movement{
background:url(../images/media-images/movement-logo.jpg) left top no-repeat;
	text-decoration:none;}
a.aframe{
	width:105px;
	height:55px;
	background:url(../images/media-images/a-frame-reflection.jpg) right top no-repeat;
	display:block;
	text-decoration:none;
}
a:hover.aframe{
	background:url(../images/media-images/a-frame-reflection.jpg) left top no-repeat;
	text-decoration:none;
}
a.ebb{
	width:56px;
	height:56px;
	background:url(../images/media-images/ebb-logo.jpg) right top no-repeat;
	display:block;
	text-decoration:none;
}
a:hover.ebb{
	background:url(../images/media-images/ebb-logo.jpg) left top no-repeat;
	text-decoration:none;
}
a.nomad{
	width:158px;
	height:56px;
	background:url(../images/media-images/nomad-logo.jpg) right top no-repeat;
	display:block;
	text-decoration:none;
}
a:hover.nomad{
	background:url(../images/media-images/nomad-logo.jpg) left top no-repeat;
	text-decoration:none;
}