@charset "utf-8";
/* CSS Document */
body {
	background:#000;
	color:#aaa;
	font:12px/18px Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}
a {
	color:#fff;
	outline:none;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;	
}
img {
	border:none;
	display:block;
}
p {
	margin:0 0 18px 0;
	padding:0 10px;
}
p.large {
	color:#eee;
	font-size:14px;
	line-height:21px;
	
}
strong {
	color:#fff;
	font-weight:bold;
}
em {
	font-style:italic;	
}
h1 {
	color:#fff;
	font-size:36px;
	line-height:36px;
	margin:0;
	padding:9px 10px;
	text-transform:uppercase;
}
h2 {
	border-top:1px solid #2d2d2d;
	color:#fff;
	font-size:18px;
	line-height:24px;
	margin:0;
	padding:11px 10px 6px 10px;
	text-transform:uppercase;
}
h3 {
	border-top:1px solid #2d2d2d;
	color:#fff;
	font-size:16px;
	line-height:24px;
	margin:0;
	padding:11px 10px 6px 10px;
	text-transform:uppercase;
}
ul {
	list-style:none;
	margin:0 0 18px 0;
	padding:0 10px;
}
ul li {
	background:url(../images/ui/ul-bullet.gif) 0 0.6em no-repeat;
	margin:0;
	padding:0 0 0 12px;
}
#wrapper {
	margin:0 auto;
	width:940px;
}
#header {
	margin:17px 0 0 0;	
}
#navigation {
	border-top:1px solid #959595;
	height:71px;
	margin:36px 0 0 0;
}
#section {
	border-top:1px solid #959595;
	height:89px;
}
#billboard {
	height:306px;
	margin:0 0 18px 0;
	overflow:hidden;
	position:relative;
	width:940px;
}
#main {
	position:relative;	
}
.panel {
	position:absolute;
	top:0;
	left:0;
}
.panel-overlay {
	background:url(../images/ui/overlay-bg.gif);
	height:72px;
	left:480px;
	position:absolute;
	top:216px;
	width:460px;
}
.panel-overlay h2 {
	border:none;
	font-size:21px;
	padding:6px 10px 0 10px;
	margin:0;
}
.panel-overlay p {
	font-size:14px;
	margin:0;
	padding:0 10px;
	text-transform:uppercase;
}
.panel-overlay a {
	background:url(../images/ui/arrow-next.gif) 100% 50% no-repeat;
	padding:0 10px 0 0;
}
.panel-overlay a:hover {
	text-decoration:none;	
}
#loader {
	background:#000 url(../images/ui/ajax-loader.gif) 50% 50% no-repeat;
	height:90px;
	margin:180px 0 0 300px;
	position:absolute;
	width:100px;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#loader img {
	margin:209px 0 0 334px;	
}
#photo {
	height:450px;	
	margin:0 0 18px 0;
	width:700px;
}
#content {
	overflow:auto;
}

#contact-details {
	border-top:1px solid #959595;	
	padding:9px 0 0 0;
}
#footer {
	border-top:1px solid #959595;
	clear:both;
	margin:108px 0 0 0;
	padding:9px 10px 54px 10px;
}
#navigation ul {
	height:18px;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul li {
	background:none;
	float:left;
	font-size:14px;
	margin:-2px 0 0 0;
	padding:0;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	width:188px;
}
#navigation ul li a {
	color:#aaa;
	display:inline-block; /* fix for opera */
	line-height:38px;
	text-decoration:none;
}
#navigation ul li a:hover {
	color:#fff;
	text-decoration:none;
}
#home ul li#nav-home {
	background:url(../images/ui/nav-marker.gif) center top no-repeat;	
}
#day ul li#nav-day {
	background:url(../images/ui/nav-marker.gif) center top no-repeat;	
}
#dusk ul li#nav-dusk {
	background:url(../images/ui/nav-marker.gif) center top no-repeat;	
}
#quick ul li#nav-quick {
	background:url(../images/ui/nav-marker.gif) center top no-repeat;	
}
#contact ul li#nav-contact {
	background:url(../images/ui/nav-marker.gif) center top no-repeat;	
}
ul.tabs {
	border-bottom:1px solid #959595;
	display:none; /* Hidden unless called upon by JS */
	height:30px;
	margin:0;
	padding:0;
}
ul.tabs li {
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	position:relative;
}
ul.tabs li.active {
	background:#000;
	border-top:1px solid #959595;
	border-right:1px solid #959595;
	border-left:1px solid #959595;
	border-bottom:1px solid #000;
}
ul.tabs li {
	background:none;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0;
	text-align:center;
	width:58px;
}
ul.tabs li a {
	display:inline-block; /* fix for opera */
	line-height:29px;
}
ul.tabs li a:hover {
	text-decoration:none;
}
ul.detail {
	border-top:1px solid #2d2d2d;
	padding:0;	
}
.tab-content ul.detail {
	border:none;	
}
ul.detail li {
	background:none;
	border-bottom:1px solid #2d2d2d;
	padding:8px 10px 9px 10px;
}
#filmstrip {
	height:114px;
	width:700px;
	overflow:hidden;
	position:relative;
}
#thumbs {
	margin:0;
	padding:0;
}
#thumbs li {
	background:none;
	float:left;
	margin:0 14px 0 0;
	padding:0;	
}
#thumbs li a {
	border:1px solid #000;
	display:block;
	height:90px;
	margin:1px;
	padding:1px;
	width:99px;
}
#thumbs li a img {
	width:99px;	
}
#thumbs li a:hover {
	border:1px solid #959595;
	margin:1px;
	padding:1px;
}
#thumbs li a.selected {
	border:2px solid #959595;
	margin:0;
	padding:1px;
}
#thumbs li a.selected:hover {
	border:2px solid #959595;
	margin:0;
	padding:1px;
}
#thumbnav {
	border-top:1px solid #959595;
	border-bottom:1px solid #959595;
	display:block;
	height:35px;
	margin:0 0 18px 0;
	padding:0;
}
#thumbnav li {
	background:none;
	font-size:14px;
	line-height:35px;
	text-transform:uppercase;
}
#thumbnav li a {
	color:#fff;
}
#thumbnav a:hover {
	text-decoration:none;	
}
#thumbnav #prev {
	float:left;
	padding:0 10px;
}
#thumbnav #prev a {
	background:url(../images/ui/arrow-prev.gif) 0 50% no-repeat;
	float:left;
	padding:0 0 0 12px;
}
#thumbnav #next {
	float:right;
	padding:0 10px;
}
#thumbnav #next a {
	background:url(../images/ui/arrow-next.gif) 100% 50% no-repeat;
	float:left;
	padding:0 12px 0 0;
}
.image-block img {
	margin:0 0 18px 0;	
}
form {
	clear:both;
	padding:9px 0 18px 240px;
}
label {
	display:block;
	float:left;
	line-height:18px;
	margin:1px 20px 0 0;
	width:100px;
}
label.required {
	font-size:11px;
	margin:1px 0 0 20px;
	width:200px;
}
label.error {
	background:url(../images/ui/arrow-next.gif) 0 50% no-repeat;
	color:#fff;
	font-weight:bold;
	padding-left:12px;
	width:88px;
}
.form-field {
	border-top:1px solid #2d2d2d;
	clear:both;
	overflow:auto;
	padding:6px 10px;
}
.form-button {
	border-top:1px solid #2d2d2d;
	border-bottom:1px solid #2d2d2d;
	clear:both;
	overflow:auto;
	padding:8px 10px;
}
input[type="text"],
textarea {
	background:#000;
	color:#fff;
	border:1px solid #959595;
	float:left;
	font:12px Helvetica, Arial, sans-serif;
	margin:0 20px 0 0;
	padding:3px 3px;
	width:312px;
}
textarea {
	height:96px;	
}
button[type="submit"] {
	background:#000 url(../images/ui/arrow-next.gif) 100% 50% no-repeat;
	border:none;
	color:#fff;
	cursor:pointer;
	font:14px Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding:0 6px 0 0;
	margin:0 0 0 120px;
	text-transform:uppercase;
}
.note {
	border-top:1px solid #959595;
	border-bottom:1px solid #959595;
	clear:both;
	padding-top:15px;
	margin:0 0 18px 0;
}	
.note p {
	background:url(../images/ui/arrow-next.gif) 10px 50% no-repeat;
	padding-left:22px;
}
.note h3 {
	border:none;
	padding:0 10px;	
}
.hide {
	display:none;	
}
.span-1 {
	width:100px;
}
.span-2 {
	width:220px;
}
.span-3 {
	width:340px;
}
.span-4 {
	width:460px;
}
.span-5 {
	width:580px;
}
.span-6 {
	width:700px;
}
.span-7 {
	width:820px;
}
.span-8 {
	width:940px;
}
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7 {
	float:left;
	margin:0 20px 0 0;
}
.last {
	margin:0;	
}