/*

  Created by Christian Naths for Lindisfare Productions
  copyright 2009 Lindisfarne Productions
  
  this work cannot be duplicated or re-created in any way
  without the express written consent of Lindisfarne Productions
  
  
  -------------
  COLOURS
  
  background-metallic: #47413d
  footer-blue: #353d50
  tab-grey: #8c8d87
  dark-text: #000000
  light-text: #ffffff
  
*/

body {
  margin:0;
  text-align:center;
  background:#625d5b url('../images/background.png') left top repeat-x;
  color:#000000;
  font-family:helvetica, arial, sans-serif;
  font-size:13px;
}

.wrapper {
  margin:0 auto;
  width: 960px;
  text-align:left;
}

.wrapper .padding {
  margin:0px 20px;
}

hr {
	clear:both;
}

hr.footer-hr{
	margin-top: 40px;
	border: none;
	border-bottom: 1px solid #5d6b8c;
}

img.float.right{
	float:right;
	padding-left: 20px;
}

img.float.left{
	float:left;
}

a img{
	border:none;
}

a.upgrade-flash{
	display:block;
	text-align: center;
}

a.upgrade-flash span{
	display:block;
	width:400px;
	margin-left:60px;
}/* MASTHEAD */

#masthead {
  height:140px;
  background:url('../images/logo.png') right top no-repeat;
}

ul#main_nav, ul#sub_nav {
  width:764px;
  height:20px;
  margin:0;
  padding:47px 0 6px 0;
  border-bottom:1px solid #353d50;
  font-size:1em;
  font-weight:normal;
}

ul#main_nav li, ul#sub_nav li {
  float:left;
  margin-right:2px;
  list-style-type:none;
}

ul#main_nav li a, ul#sub_nav li a {
  display:block;
  height:21px;
  padding:5px 20px 0 20px;
  text-decoration:none;
  color:#000000;
}


ul#main_nav li a.current_page, 
ul#sub_nav li a.current_page {
  background-color:#353d50;
  color:#fff;
}

ul#main_nav li a:hover,
ul#sub_nav li a:hover
{ 
  color:#fff;
}

ul#sub_nav {
	margin-top:4px;
  padding:0;
  border:none;
  font-size:0.9em;
}

ul#sub_nav li a {
  height: 20px;
}
/* CONTENT */

#content {
  overflow:hidden;
  position:relative;
  min-height: 480px;
  padding:40px 0 0 0;
}

#content a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}

#content a:hover {
  text-decoration:underline;
}

#content .column.full {
	width: 920px;
}

#content .column.main {
  float:left;
  width:360px;
  margin-right:20px;
}

#content .column.sub {
  float:left;
  width:520px;
  margin-left:20px;
}

#content #tabs .column.full {
	width: 874px;
}

#content #tabs .column.main {
	width: 320px;
}

#content #tabs .column.sub {
	width: 534px;
	margin-left: 0px;
}

.column{
	float:left;
}

.column.half {
	width:400px;
	margin:0px 20px;
}
.column.half.right{
	margin-right:0px;
}
.column.half.left{
	margin-left:0px;
}


#content p, #footer-content p {
 line-height:3ex;
 color:#000;
 margin: 3ex 0px;
}

#content h1.tagline {
	
  margin-bottom:2ex;
  margin-top: 0px;
  padding:12px 6px;
  color:#ffffff;
  font-size:1.8em;
  font-weight:200;
  text-decoration:none;
  letter-spacing: 1px;
  background: transparent url('../images/h1_background.png') right 6px no-repeat;
  font-family: "Helvetica Neue";
  text-transform: lowercase;
}

#content h1.second_header{
	margin-top:80px;
}

#content ul {
  padding-left:1em;
  margin-left: 1em;
}

#content #tabs.reel-tabs ul {
	position: relative;
	top: -40px;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
}

#content ul li {
	padding:1px 1em;
	color: #000;
}

#content .sunken {
  margin-top:80px;
}

#contact-info-column {
	position: relative;
	top: -40px;
}

#tabs #reel-tabs-nav-list a {
	color:#353D50;
	font-size:1.2em;
	font-style:italic;
	font-weight:lighter;
	height:12px;
	padding:5px 20px 15px;
	text-decoration:none;
	text-transform:lowercase;
}

#tabs #reel-tabs-nav-list li.ui-state-active a{
	color: #fff;
}

#tabs #reel-tabs-nav-list li.ui-state-hover{
	background-color: #272c32;
}

#tabs #reel-tabs-nav-list li.ui-state-hover a{
	color: #fff;
}

#sitemap-list a {
	color: #000;
	font-weight: normal;
}#content img.float.right{
  float:right;
  padding-left:10px;
}

#content img.rental{
	margin-right:80px;
	width:300px;
	margin-bottom:40px;
}

#content table.rentals tr.info td ul{
	margin:0;
	margin-bottom:20px
}

#content table.rentals tr h4 {
	background-color:#8c8d87;
	color:#fff;
	padding:5px;
	margin-top:20px;
}

#hpx3000, #hpx500, 
#hpx170, 
#hvx200, 
#dv1200a, 
#post-production-suite
 {
	position: absolute;
	top: 40px;
	left: 360px;
	height: 469px;
	background: url('../images/rentals/hpx3000.jpg') left top no-repeat;
	z-index: -5000;
}

#hpx500 {
	background: url('../images/rentals/hpx500.jpg') left top no-repeat;
}

#hpx170 {
	background: url('../images/rentals/hpx170.jpg') left top no-repeat;
}

#hvx200 {
	background: url('../images/rentals/hvx200.jpg') left top no-repeat;
}

#dv1200a {
	background: url('../images/rentals/1200a.jpg') left top no-repeat;
}

#post-production-suite {
	background: url('../images/rentals/post_production_suite.jpg') left top no-repeat;
}/* FOOTER */
#footer-content{
	float:none;
	clear: both;
	color: #fff;
}

#footer-content p{
	color: #fff;
}

#footer-content h1{
	text-transform: lowercase;
	color:#FFFFFF;
	font-family:"Helvetica Neue";
	font-size:1.8em;
	font-weight:200;
	letter-spacing:1px;
	margin-bottom:2ex;
	margin-top:0;
	padding:12px 6px;
	text-decoration:none;
}

#footer-content h3{
	padding: 8px;
	background-color: #5d6b8c;
	font-size: 0.9em;
	font-weight: 100;
}

#footer-content a{
	color: #90a6d9;
	font-weight:bold;
	text-decoration: none;
}

#footer {
  height:40px;
  margin-top: 0px;
  padding-top: 1em;
  font-size:0.8em;
  color: #aaa;
  background-color: #353d50;
  border-top: 1px solid #5D6B8C;
}

#footer #footer_left, #footer #footer_right {
  float:left;
  width:50%;
}

#footer #footer_right {
  text-align:right;
}

#footer a {
  text-decoration:none;
  color:#ffffff;
  padding:2px 4px;
}

#footer a:hover {
  text-decoration:none;
  background-color:#8c8d87;
  color:#fff;
  padding:2px 4px;
}
/* SLIDER EFFECT */

#slider {
  width: 360px;
  margin: 0 0 0 0;
  padding:0;
  position: relative;
}

.scroll {
  height: 366px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}



.scroll_container div.panel {
  padding: 0px;
  padding-top:0;
  height: 210px;
  width: 360px; /* change to 560px if not using JS to remove rh.scroll */
}

.scroll_container div.panel div.column.main {
  position:relative;
  width:240px;
  top:100px;
  z-index:1;
}



#content ul.slider_nav {
  position:relative;
  margin:0;
  top:0px;
  padding:0;
  z-index:5000;
}

#content ul.slider_nav li {
  float:left;
  padding:0;
  padding-right:2px;
  margin:0;
  list-style-type:none;
  background:none;
}

#content ul.slider_nav li a {
  display:block;
  height:12px;
  padding:5px 20px 15px 20px;
  color:#353d50;
  font-style:italic;
  font-size:1.2em;
  font-weight:lighter;
  text-decoration:none;
  text-transform: lowercase;
}

#content ul.slider_nav li a.selected {
  background-color:#353d50;
  color:#fff;
}

#content ul.slider_nav li a:hover { 
  background-color:#272c32;
  color:#fff;
}

#slider .scroll .panel p {
  line-height:3ex;
}

#network-slider-nav li {
	width: 178px
}

#content p.success, #content p.error { color:#fff; padding:1px 4px; background-color:#669900; margin:0px; }
#content p.error { background-color:#bb0000; }
#content p.error a{ color:#fff;}
#gbcf-form textarea, #gbcf-form input[type="text"] {
	border:1px solid #8c8d87;
}
#gbcf-form label{
	display:block;
	font-weight:bold;
	font-size:0.8em;
	text-transform: uppercase;
	color: #121212;
	margin-top:20px;
}
#gbcf-form fieldset {
	padding:0;
}


#gbcf-form textarea, #gbcf-form input[type="text"] , select {
	font-size:1.2em;
	font-weight:bold;
	padding:4px 2px;
}

#gbcf-form input.button{
	margin-top:20px;
	font-size:1.4em;
	padding:4px;
}
.video-nav-item {
	overflow: hidden;
	float: left;
	width: 110px;
	height: 116px;
	margin: 10px;
	background-color: #333;
	font-size: 0.8em;
	color: #fff;
}

.video-nav-item .video-nav-thumb {
	margin: 5px 5px;
}

.video-nav-item .video-nav-title {
	margin: 5px 5px;
}

.video-nav-item a img{
	border: none;
}