body {padding-top: 60px;background: url("../img/lightnoise.png") repeat scroll 0 0 #333;font-family: 'verdana', sans-serif;}
.ir  {font: 0px/0 a; color: transparent;text-shadow: none;background-color: transparent;border: 0;list-style:none;}
a:focus { outline: none; }
.bgpicture {background: url("../img/BG-silhouette.jpg") repeat-x scroll transparent 0 37px;}

.icon-home {margin-top:2px;}
#slideshow {background-color:transparent;margin:65px 0 10px 0;}
#content {height:100%;background-color:#1d1d1d;margin:25px 0 10px 0;padding:20px;}
.accordion-group {border:0 transparent;}
.accordion-inner {border-top: 0 transparent;border-bottom:#e5e5e5 solid 1px;}
/* -------Typography-------- */
#content p, aside #right-panel {line-height:1.65em;color:#bbb;text-align:justify;}
p,h1,h2,h3,h4,h5,h6,.navbar-inner .nav-collapse ul.nav li a  {font-family: 'Maven Pro', sans-serif;color:#bbb;}
.navbar-inner .nav-collapse ul.nav li.dropdown > ul li a{color:#444;}
.navbar-inner .nav-collapse ul.nav li.dropdown > ul li a:hover,#promos > div > p, label,ul {color:#bbb;}
h1,h2,h3 {margin-bottom:7px;color:#ddd;}
#content .accordion-heading a{font-size:1.2em;}

#promos > div > h2 a, a{color:#993300;}
#promos > div > h2 a:hover,a:hover, h1 a:hover, h2:hover a, h3 a:hover {text-decoration:none;color:#990000;}
.navbar .nav > li > a {line-height:77px;}
.navbar .nav > li > a:hover {background-color:#444;}
.navbar .nav {float:right;}
.navbar-inner .nav-collapse ul.nav li a{font-size:1.25em;}
.dropdown .caret {margin-top: 40px;}
span.quals {font-size:0.7em;}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: #993300;
}


#right-panel .right-panel-content {
	background-color: #212121;
	margin: 25px auto;
	padding: 15px;
	}
	
/*---- modules ------*/
#right-panel .redbg {background-color:#993300;}
#right-panel .redbg a {color:#ddd;}
#right-panel .bluebg {background:url("../img/contact-icon.pn") no-repeat 0 0 #007e99;overflow:visible;position:relative;}
#right-panel .greenbg {background:none no-repeat 0 0 #96bb01;overflow:visible;position:relative;}
#right-panel .greenbg .genhire {font-size:1.7em;font-weight:bold;line-height:0.85em;color:#fff;}
#right-panel .greenbg .genhire span {font-size:0.7em;color:#555;line-height:0.75em;font-weight:normal;}

#right-panel .envelope  {float:left;margin-top:-20px;margin-left: -16px;}
#right-panel .contactus, #right-panel .genhire {margin-left:25%;line-height: 1.3em;}
span.clikbox {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
#right-panel ul#equipment-list {color:#ccc;margin-left:20%;font-size:1.1em;}
#right-panel ul#equipment-list li {line-height:1.4em;}
#below-content .client-logos {background-color: #212121;padding: 18px;}
div.lights {width:100%;background: transparent url(../img/row-of-lights.png) repeat-x scroll 0 0 ;height:90px;margin-top: 35px;position: absolute;top:57px;}
.content-block  {margin-left:0px;}
.txt-pic-left {margin:10px 12px 5px 0;}
.txt-pic-right {margin:10px 0 5px 12px;}

/* -------promo panels-------- */

#promos > .span4 {background-color: transparent;}
#promos [class*="span"]:first-child {margin-left:0;}
#promos p,.accordion-inner p {text-align: justify;}
.promo-pic {float:left;width:26%;overflow:hidden;margin:15px 5px 0 0;}

/* -------client logos-------- */
.client-logos {overflow: auto}
.client-logos ul {float:left;display:block;list-style: none outside none;margin:0;}
.client-logos ul li {float:right;}


.accordion-inner img {float:left;margin: 5px 10px 0 0;}
.accordion-inner p {margin-left:0;}


.footer{
	min-width:100%;
	float:right;
	padding-top:10px;
	color:#fff;
	margin-top:20px;
	bottom:0;	
	left:0;
	right:0;
	background-color: #1c1c1c;
	  background-image: -moz-linear-gradient(bottom, #333333, #222222);
	  background-image: -ms-linear-gradient(bottom, #333333, #222222);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#333));
	  background-image: -webkit-linear-gradient(bottom, #333333, #222222);
	  background-image: -o-linear-gradient(bottom, #333333, #222222);
	  background-image: linear-gradient(bottom, #333333, #222222);
    background-repeat: repeat-x;
	min-height:80px;}
.footer #address {float:left;font-size:1.2em;color:#bbb;line-height: 1.5em;width:30%;}
aside #address {font-size:1.2em;color:#bbb;line-height: 1.5em;}
.contactus, .telephone {font-size:1.4em;color:#ddd;}
.telephone span {font-size:2.2em;line-height:1.4em;}
#credits {clear:both;font-size:0.75em;color:#fff;padding:0 25px;margin:20px 0 10px 0;font-weight:normal;}
#credits a {float:right;}	

/* ====== Contact form ===== */
input, textarea {width:75%;}
div#sidebar-maps{
	width:100%;
	height:280px;
	float:left;
}
form input#submit {margin-left:80%;}
form#contactform label {width:20%;float:left;}
ul.sidebar-contact {
    list-style-type: none;
}
#contactaddress {margin: 25px 0 10px;}

/* ====Validation====*/
form#contactform .LV_validation_message{
    font-weight:bold;
	float:right;
	padding-right:130px;
}
form#contactform  .LV_valid {
    color:#00CC00;
}
form#contactform span.LV_invalid {
    display:none;
} 
form#contactform .LV_valid_field,
form#contactform input.LV_valid_field:hover, 
form#contactform input.LV_valid_field:active,
form#contactform textarea.LV_valid_field:hover, 
form#contactform textarea.LV_valid_field:active {
}  
form#contactform .LV_invalid_field, 
form#contactform input.LV_invalid_field:hover, 
form#contactform input.LV_invalid_field:active,
form#contactform textarea.LV_invalid_field:hover, 
form#contactform textarea.LV_invalid_field:active,
form#contactform select.LV_invalid_field:active,
form#contactform select.LV_invalid_field:hover  {
     border:1px solid #ff8b8b;
	 background:url(../img/form-error-bg.png) repeat;
}

/* ============== Responsiveness ====================== */

@media (max-width: 480px) { 
	#telephone,#address, #vat {margin-left:10px;}
	div.lights {background: transparent url(../img/row-of-lights-m.png) repeat-x scroll 0 0 ;height:45px;margin-top: 4%;position: absolute;top:57px;}
	.navbar .brand {width:53%;}
	.navbar .nav > li > a {line-height: 32px;}
}

@media (min-width: 481px) and (max-width: 767px) {

	div.lights {background: transparent url(../img/row-of-lights-m.png) repeat-x scroll 0 0 ;height:45px;margin-top: 5.6%;position: absolute;top:57px;}
	.navbar .brand {width:45%;}
	.telephone span {font-size:2.2em;line-height:1.4em;}
}

@media (max-width: 767px) { 
	#promos .span4 {clear:both;}
	.bgpicture {background: none;}	
	#address {width:50%;float:left;}
}
@media (min-width: 766px) and (max-width: 979px){
	div.lights {height:80px;margin-top: 45px;position: absolute;top:57px;overflow:visible;}
	.bgpicture {background: url("../img/BG-silhouette979.jpg") repeat-x scroll transparent 0 97px;height:278px;}
	.telephone span {font-size:1.7em;color:#ddd;}
	.hidden-phone {display:none !important;}
}	
	
@media (min-width: 980px){
	
	ul.nav > .active, ul.nav li a:hover {border-bottom:1px solid red;}
	ul.nav > .active a:hover, ul.nav > .dropdown ul li a:hover {border-bottom:0 solid red;}
}	
	
@media (max-width: 979px){
	body {padding-top: 0px;padding-bottom:0;}
	.navbar .btn-navbar {
		color:#fff;
		text-shadow:none;
		padding: 15px 20px;
		margin-top: 23px;
	}
	#slideshow {margin:0px 0 10px;}
	.navbar .nav {
	    float: left;
		width:100%;
	}
	.navbar-inner .nav-collapse ul.nav li.dropdown > ul li a {color:#ddd;}

	
}
@media (max-width: 379px){
	.dropdown .caret {margin-top:17px;}
	.telephone span {font-size:1.55em;}
}
@media (min-width: 380px) and (max-width: 979px){
	.navbar .nav > li > a {line-height: 55px;}
	.nav-collapse .nav > li {float: left; width: 48%;}
	.dropdown .caret {margin-top:30px;}
	}		
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 45px; background: #fff; border: 4px solid #fff; position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/*
 * photoswipe.css
 * Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for PhotoSwipe
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */
.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 33.33333333%; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery li img { display: block; width: 100%; height: auto; }


/* For inline examples only */
#PhotoSwipeTarget { width: 80%; height: 200px; }
 
body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background: #333;
	overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline: 0; 
}


/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}


/* UILayer */
div.ps-uilayer { 
	
	background: #000;
	cursor: pointer;
	
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}
div.ps-zoom-pan-rotate *  { display: block; }


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url(../img/loader.gif) no-repeat center center; 
}

div.ps-carousel-item-error 
{ 
	background: url(../img/error.gif) no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}

div.ps-caption-content
{
	padding: 13px;
	display: block;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(icons@2x.png);
	}
}

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 33.33333333%; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery li img { display: block; width: 100%; height: auto; }
#Gallery1 .ui-content, #Gallery2 .ui-content { overflow: hidden; }