/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
body { padding: 0px; font: 12px/15px Helvetica, Arial, sans-serif; min-height: 100%;
*height:    auto !important;
height:     100%;
width:      100%;
color:      #333;
background: #90a0af;
*font-size: small;
*font:      x-small;
overflow:   hidden;
overflow-y: hidden;
overflow-x: hidden;}
a {text-decoration:none;color:#1a1a1a;}
.panel h2.title { margin-bottom: 10px; font-size:20px; line-height:24px; padding-top:0px; }
noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.panel-wrapper {  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.slider-no-js .slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.slider, .slider .panel { width: 880px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
/*	.slider-wrapper.arrows .slider, .slider-wrapper.arrows .slider .panel { width: 600px }*/
	.slider-wrapper.arrows .slider { margin: 0 10px }
	
	/* Arrow styling */
	.nav-left a, .nav-right a { background: #000; color: #fff; padding: 5px;cursor: pointer; }
	.nav-left a:hover, .nav-right a:hover  { background:#2e8ee1;cursor: pointer;}
	/* Tab nav */
	.nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.nav ul li { display: inline }
	.nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none;cursor: pointer;}
	
	/* Miscellaneous */
	.slider-wrapper { clear: both;  overflow:auto;overflow-x: hidden;}
	.slider { float: left; overflow: hidden; position: relative }
	.slider .panel { display: block; float: left }
	.slider .panel-container { position: relative }
	.nav-left, .nav-right { float: left }
	.nav-left a, .nav-right a { display: block; text-align: center; text-decoration: none; font-size:14px;font-variant: small-caps;font-weight:bold;padding:5px 6px 6px;margin:0;}


/* neil */
#bg {
  	height:     100%;
  	width:      100%;
  	overflow:   hidden;
  	background: transparent;
  	position:   relative;
  	z-index:    0;
  }

  	#bg img {
  		visibility: visible;
  	}

	#container {
		height:       100%;
		width:        100%;
		*overflow-x:  hidden;
		*overflow-y:  scroll;
		overflow-x: hidden;
		overflow:     auto;
		position:     absolute;
		z-index:      2;
		top:          0;
		left:         0;
		
	}
	#container-inner {width:880px;margin:20px auto;}
.panel-main, .panel-item{
	padding:20px;margin-bottom:15px;
	background:rgba(255,255,255,.9);
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
	  -moz-box-shadow:  0px 0px 10px rgba(0,0,0,.2);
	  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
	.panel-main {padding-bottom:0px;clear:both;height:435px;}
	.panel-main img {padding-bottom:15px;}
	.panel-main h2, .panel-main .desc {float:left;}
	.panel-main h2 {width:250px;}
	.panel-main .desc {position:relative;width:370px;margin:0;padding:0;}
	.panel-main p {margin-bottom:10px;}
	.panel-main br {line-height:10px;display:block;}
	.panel-main .desc.nopad br {margin:0;}
	.panel-item {float:left;width:372px;margin-right:15px;}
	.panel-item-right {margin-right:0;}
	.panel-item img {width:100%;border:1px solid #999;margin-bottom:8px;}
	.nav-arrows {position:absolute;top:348px;left:762px;background:;z-index:3;padding:5px;width:90px;}
#nav-left-1 {}
#nav-right-1 {margin-left:5px;}
.slider-wrapper {position:relative;}

hgroup h1 {font-size: 20px;}
#nav-1 {display:none;}
.caseStudyLink  {background: #2e8ee1; padding: 4px 5px 3px; color: white; width: 50px; text-align: center; color:white; text-transform: uppercase; font-size: 10px; font-weight: bold;margin-top:5px;margin-left:5px;display:inline;}
.caseStudyLink a {color: white;}
.panel-item a {display:block;}
.panel-item a:hover .caseStudyLink {background: white; color: #CDCDCD;}
.panel-item:hover {background: #e0e0e0; cursor: pointer;}
.panel-first .panel-main {height:420px;}
.panel-last .panel-main {height:410px;}
.panel-first p, .panel-first h2 {float:none;}
.panel-first .panel-content {position:absolute;top:280px;left:70px;}