/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin:0;
    padding:0;
	width:787px;
	float:left; }
	
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " "; }
	
.tabs-nav li {
	height:34px;
	width:187px;
	display:inline;
	padding:0;
	margin:0;
    min-width: 175px; /* be nice to Opera */ }
	
.tabs-nav a, .tabs-nav a span {
    display:block;
    padding:0;
	font-size:15px;
	font-weight:bold; }
	
.tabs-nav a {
	width:186px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	height:50px;
	padding:10px 0;
	text-align:center;
	margin:4px 0 0 0;
	display:block;
	float:left;
	color:#000 !important;
	text-decoration:none !important; }
	
li.divider {
	background: url(../images/divider.gif) no-repeat 0 0; }
	
.tabs-nav .tabs-selected a {
    color: #28bae2 !important;
	background: url(../images/tab-arrow.png) no-repeat center 35px; }

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* prevent dotted border in Firefox */
	color:#28bae2 !important; }

.tabs-container {
	float:left;
	padding:none;
	margin-left:0px;
	width:662px;/* declare background color for container to avoid distorted fonts in IE while fading */ }
	
.tabs-loading em {
    padding: 0 0 0 20px; }
	
	
#tabber {
	margin:0 auto; 
	width:960px; 
	height:700px; 
	position:relative; padding:0; }
	
#tabber ul {
	background:url(../images/sub-nav-bg.png) no-repeat 0 0; 
	height:60px; 
	border:none; 
	margin:0 0 0 27px; 
	width:920px; }
	
#tabber ul li.home-tab a.home,
#tabber2 ul li.home-tab a.home {
	width:25px !important; height:41px !important;
	display:block !important;
	margin:0 25px 0 0;
	background:url(../images/button-tab-home.png) no-repeat 0 11px; float:right; }
	
#tabber ul li.home-tab a.home:hover,
#tabber2 ul li.home-tab a.home:hover {
	width:25px !important; height:41px !important;
	display:block !important;
	margin:0 25px 0 0;
	background:url(../images/button-tab-home-on.png) no-repeat 0 10px; float:right; }
	
.tabs-nav .tabs-selected a.home {
    color: #28bae2 !important;
	background:url(../images/button-tab-home-on.png) no-repeat 0 10px !important; }
	
#tabber #tab1 { 
	width:960px; 
	height:660px; 
	background:url(../images/pilot-bg.gif) no-repeat 0 0; }
	
#tabber #tab2 {
	width:840px; 
	height:580px; 
	padding:20px 70px 0 70px; }
	
#tabber #tab3 {
	width:840px; 
	height:580px; 
	padding:20px 70px 0 70px; }
	
#tabber #tab4 {
	width:840px; 
	height:580px; 
	padding:20px 70px 0 70px; }
	
#tabber2 {
	margin:0 auto; 
	width:960px; 
	height:700px; 
	padding:0; }
	
#tabber2 ul {
	background:url(../images/sub-nav-bg.png) no-repeat 0 0; 
	height:60px; 
	border:none; 
	margin:0 0 0 27px; 
	width:920px; }
	
#tabber2 #tab1a {
	width:960px; 
	height:660px; 
	background:url(../images/showreel-quote.gif) no-repeat 53px 50px; }
	
#tabber2 #tab1b {
	width:840px; 
	height:580px; 
	padding:20px 70px 0 70px; }
	
 #tabber2 #tab1c {
 	width:840px; 
	height:580px; 
	padding:20px 70px 0 70px; }
	
 #tabber2 #tab1c div.social-project-left {
 	width:410px; 
	height:600px; 
	float:left; 
	margin-right:12px; }
	
#tabber2 #tab1c div.social-project-left div.first,
#tabber2 #tab1c div.social-project-right div.first { margin-left:20px; }
	
 #tabber2 #tab1c div.social-project-right {
 	width:410px; 
	height:600px; 
	float:left; }
	
#tabber2 .social-box {
	width:370px; 
	height:380px; 
	background: url(../images/social-projects-bg.png) no-repeat 0 0; 
	padding:20px 20px 0 20px; }
	
#tabber2 .social-box h1 { 
	font-size:18px; 
	font-weight:normal;
	margin:0 0 10px 0; }