/* @override http://localhost/~bjclark/designcentre/styles.css */

/* - - - - - - - - - - - - - - - - - - - - -

Title : The Design Centre
Author : BJ Clark @ The Science Department for Entermotion
URL : http://www.entermotion.com

Created : April 13, 2007

- - - - - - - - - - - - - - - - - - - - - */

* html {
	margin: 0;
	padding: 0;
}
* {
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	background: #666 url(images/tiler.jpg);
	font: 14px Verdana, Arial, sans-serif;
}

/* ----- IDS ----- */

#container{
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 470px;
	margin: -235px 0 0 -400px;
}
#border{
	border: 15px solid black;
}	
#head{
	background: #fff;
}
#nav_area {
	background: #ea2e23;
	vertical-align: baseline;
	padding-bottom: 97px;
}

* html #nav_area {
	padding-bottom: 107px;
}

#credits{
	font-size: .7em;
	color: #929292;
	text-align: right;
	padding-top: 10px;

}
#credits a{
	float: left;
	display: block;
}

#nav {
	width: 435px;
	height: 30px;
	background-image: url(images/nav_bg.png);
	position: relative;
	margin: 0 0 0 310px;
	padding: 0;
	top: 80px;
	left: 10px;
}

#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 2px;
}
#nav li, #nav a {
	height: 30px;
	display: block;
	text-indent: -9999px;
}
#nav_home {
	left: 0;
	width: 35px;
}
#nav_about {
	left: 50px;
	width: 58px;
}
#nav_exhibits {
	left: 120px;
	width: 55px;
}
#nav_events {
	left: 190px;
	width: 40px;
}
#nav_environments {
	left: 245px;
	width: 90px;
}
#nav_contact {
	left: 345px;
	width: 70px;
}
#nav_home a:hover, .home_active {
	background: transparent url(images/nav_bg_over.png);
}
#nav_about a:hover, .about_active {
	background: transparent url(images/nav_bg_over.png) no-repeat -50px;
}
#nav_exhibits a:hover, .exhibits_active {
	background: transparent url(images/nav_bg_over.png) no-repeat -120px;
}
#nav_events a:hover, .events_active {
	background: transparent url(images/nav_bg_over.png) no-repeat -190px;
}
#nav_environments a:hover, .environments_active {
	background: transparent url(images/nav_bg_over.png) no-repeat -245px;
}
#nav_contact a:hover, .contact_active {
	background: transparent url(images/nav_bg_over.png) no-repeat -345px;
}

/* ----- CLASSES ----- */

.hide{
	display: none;
}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }


/* ----- HEADINGS ----- */

h1{
}
#head h1{
	margin: 0;
	padding: 0;
	display: block;
	width: 308px;
	height: 160px;
	float: left;
	background: #fff url(images/logo.png) no-repeat center;
	text-indent: -9999px;
}

/* ----- PARAGRAPHS ----- */

p{
	font-size: 1em;
}


/* ----- TEXT FORMATTING ----- */
em{
	text-transform: uppercase;
}
b{
	font-size: .9em;
}

/* ----- LINKS ----- */

a{ color: #fff; text-decoration: none; }
a:hover{ color: #fff; text-decoration: underline; }

a#clientLogin{
	display: block;
	background: url(images/login.png) no-repeat right;
	text-indent: -9999px;
	height: 23px;
	overflow: hidden;
	width: 453px;
	float: right;
}

a:hover#clientLogin{
	background: url(images/login_over.png) no-repeat right;
}


a#rentalLogin{
	display: block;
	background: url(images/rent.png) no-repeat right 50%;
	text-indent: -9999px;
	height: 22px;
	overflow: hidden;
	width: 453px;
	float: right;
}

a:hover#rentalLogin{
	background: url(images/rent_over.png) no-repeat right;
}

/* ----- IMAGES ----- */

img{
	border: none;
}
img a{
	border: none;
}
img a:hover{
}