/* http://www.theideasunit.com.au/css */

body {
	font-size: 62.5%;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	background: #000;
}

a {
	color: #666;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #ccc;
}

em {
/* 	font-style: italic; */
	text-transform: uppercase;
}

h2 {
	margin: 0;
	padding: 5px;
}

#box {
	margin: 20px auto;
	font-size: 1.2em;
	line-height: 1.4;
	width: 900px;
	border: 5px solid #222;
}

#logo {
	float: left;
	padding-right: 100px;
}

#banner {
	float: right;
}

#content {
	clear: both;
}

#content .panel a {
	color: #fff;
}

#content .panel a:hover {
	border-bottom: thin dotted;
}

.wrapper p, .wrapper ul, .wrapper ol {
	padding: 5px 0;
}

.wrapper li {
	margin-left: 13px;
	list-style: circle;
}

.audio p {
	padding: 2px;
}

blockquote {
	padding-bottom: 30px;
}

blockquote .person, blockquote .org {
	line-height: 0.5em;
	text-align: right;
	font-variant: small-caps;
}

#media {
	background: #444;
	width: 360px;
	height: 300px;
	float: right;
}

#media .show {
	background-color: black;
	margin: 10px 10px 0 10px;
	padding: 0;
	border: 5px solid #666;
}

#media .show .mp3 {
	margin: 0;
	padding: 5px;
}

#footer {
	margin: 0;
	padding: 0;
	position: relative;
	height: 30px;
	clear: both;
	background: #222;
}

#footer ol {
	margin: 0;
	padding: 3px 0 0 474px;
	text-indent: -9999em;
}

#footer li {
	font-size: 1.3em;
	text-transform: uppercase;
	float: left;
}

#footer li a {
	display: block;
}

#footer .email {
	background: url(../assets/email.jpg) no-repeat 0 0;
	width: 150px;
}

#footer .phone {
	background: url(../assets/phone.jpg) no-repeat 0 0;
	width: 89px;
}

#footer .xhtml {
	background: url(../assets/xhtml.jpg) no-repeat  0 0;
	width: 40px;
}

#footer .css {
	background: url(../assets/css.jpg) no-repeat  0 0;
	width: 27px;
}

#footer .copyright {
	background: url(../assets/copyright.jpg) no-repeat 0 0;
	width: 80px;
}

form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

legend {
	padding-bottom: 5px;
}

form ul, form ol {
	margin: 0;
	padding: 0;
}

.wrapper form li {
	margin: 0 0 .75em;
	list-style: none;
	clear: both;
}

label {
	margin-right: 10px;
	text-align: right;
/* 	line-height: 1.4em; */
	width: 60px;
	float: left;
	display: block;
}

input, textarea {
	width: 300px;
	background: #ddd;
}

input:focus, textarea:focus {
	background: #fff;
}

input .submit.button {
	padding-left: 50px;
	cursor: default;
}

#submit {
	width: 50px;
	margin-left: 70px;
}

#navigation {
	font-size: 1.8em;
	line-height: normal;
	width: 100%;
	float: left;
	clear: both;
}

#navigation ul {
	margin: 0;
	padding: 10px 0 0 30px;
}

#navigation li {
	margin: 0;
	padding: 5px 0;
	font-size: 1.3em;
	text-transform: lowercase;
	float: left;
	text-indent: -9999em;
}

#navigation a {
	display: block;
}

/* Navigation Image Swap */
#navigation #video a {
	background: url('../assets/navigation.jpg') 0px 0px;
	width: 75px;
}

#navigation #video a:hover {
	background: url('../assets/navigation.jpg') 0px -50px;
}

#navigation #video.current a {
	background: url('../assets/navigation.jpg') -0px -100px;
}


#navigation #events a {
	background: url('../assets/navigation.jpg') -75px 0px;
	width: 88px;
}

#navigation #events a:hover {
	background: url('../assets/navigation.jpg') -75px -50px;
}

#navigation #events.current a {
	background: url('../assets/navigation.jpg') -75px -100px;
}


#navigation #photos a {
	background: url('../assets/navigation.jpg') -164px 0px;
	width: 93px;
}

#navigation #photos a:hover {
	background: url('../assets/navigation.jpg') -164px -50px;
}

#navigation #photos.current a {
	background: url('../assets/navigation.jpg') -164px -100px;
}


#navigation #audio a {
	background: url('../assets/navigation.jpg') -257px 0px;
	width: 79px;
}

#navigation #audio a:hover {
	background: url('../assets/navigation.jpg') -257px -50px;
}

#navigation #audio.current a {
	background: url('../assets/navigation.jpg') -257px -100px;
}


#navigation #clients a {
	background: url('../assets/navigation.jpg') -336px 0px;
	width: 88px;
}

#navigation #clients a:hover {
	background: url('../assets/navigation.jpg') -336px -50px;
}

#navigation #clients.current a {
	background: url('../assets/navigation.jpg') -336px -100px;
}


#navigation #contact a {
	background: url('../assets/navigation.jpg') -424px 0px;
	width: 101px;
}

#navigation #contact a:hover {
	background: url('../assets/navigation.jpg') -424px -50px;
}

#navigation #contact.current a {
	background: url('../assets/navigation.jpg') -424px -100px;
}


#navigation #footprint a {
	background: url('../assets/navigation.jpg') -525px 0px;
	width: 122px;
}

#navigation #footprint a:hover {
	background: url('../assets/navigation.jpg') -525px -50px;
}

#navigation #footprint.current a {
	background: url('../assets/navigation.jpg') -525px -100px;
}


#navigation #home a {
	background: url('../assets/navigation.jpg') -647px 0px;
	width: 78px;
}

#navigation #home a:hover {
	background: url('../assets/navigation.jpg') -647px -50px;
}

#navigation #home.current a {
	background: url('../assets/navigation.jpg') -647px -100px;
}


#navigation #colophon a {
	background: url('../assets/navigation.jpg') -725px 0px;
	width: 127px;
}

#navigation #colophon a:hover {
	background: url('../assets/navigation.jpg') -725px -50px;
}

#navigation #colophon.current a {
	background: url('../assets/navigation.jpg') -725px -100px;
}