/* RESET 
----------------------------------------------------------------------------------*/
html, body { overflow-x:hidden; }

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
font-size:100%;
background:transparent;
border:none;
text-decoration:none
}

b, i, hr, u, center, menu, layer, s, strike, font, xmp {
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
font-size:100%;
font-weight:normal;
font-style:normal;
background:transparent;
border:none;
text-decoration:none
}

img {
display:block;
-ms-interpolation-mode: bicubic;
}

sub { font-size:75%; }

.last { margin-right:0 !important; }

img { display:block; }

body {
font: 15px/21px "klavika-web",sans-serif;
color:#fff;
position: relative;
margin: auto;
padding: 0;
}

h1 {
text-transform:uppercase;
font-size:36px;
line-height: 34px;
font-weight: light;
margin-bottom: 15px;
letter-spacing: 0.25px;
color:#4F4F51;
}

.large h1 { font-size:40px; }

.x-large h1 { font-size:44px; }

h2 {
font-size: 22px;
font-weight: 500;
line-height: 30px;
margin-bottom: 20px;
text-transform: uppercase;
}

.large h2 { font-size:26px; }

.x-large h2 { font-size:28px; }

h3 {
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
line-height:26px;
}

h4 {
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
}

p {
clear: both;
margin-bottom:15px;
}

blockquote {
text-indent:-0.8em;
color: #7e7e82;
line-height: 27px;
margin-top: -14px;
}

a {
color:#6CCFF6;
text-decoration:none;
}

a:hover {
color: #6CCFF6;
text-decoration: underline;
}

h1 em, h2 em {
/*color: #6CCFF6;
font-weight: bold;*/
font-style: normal;
}

small { font-size:80%; }

/*
----------------------------------------------------------------------------------*/

html, body { overflow: hidden; }

#body-container {
overflow: auto;
position: relative;
}

html, body, #body-container {
width: 100%;
height: 100%;
}

#container, .page, #images .bg_block, #images {
width: 100%;
height: 100%;
}

#container {
position:relative;
margin:0;
/*width: 630px;*/
z-index: 2;/*left:450px /*calculated via js*/
}

.page {
position:relative;
overflow:hidden;
min-width: 1000px;
}

.page:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.right-arrow {
display: inline-block;
font-size: 26px;
padding-right: 5px;
position: relative;
top: -3px;
vertical-align: middle;
color:#4F4F51
}

.page-container {
width: 630px;
height: 600px;
position: absolute;
/*bottom: 16%;*/
right: 0;
background:#5A5B5D;
}

.large .page-container {
right: 0;
left: 38%;
width: auto;
max-width: 800px;
}

.x-large .page-container {
right: 0;
left: 32%;
width: auto;
max-width: 1000px;
}

.content { padding: 44px 25px 54px 25px; }

.content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.col {
float:left;
width:230px;
margin-right: 40px;
}

/* NAV
----------------------------------------------------------------------------------*/
#nav {
background:#96aa45;
border:1px solid #bcc96c;
display: table;
font-size: 12px;
height: 175px;
left: 0;
position: fixed;
top: 0;
width:369px;
z-index:1000;
}

#nav ul {
float: right;
list-style: none outside none;
padding: 20px 0;
border-left:1px solid #bcc96c;
text-align: right;
}

#nav .logo {
float: left;
margin-left: 17px;
margin-top: 12px;
}

#nav li {
padding: 0;
line-height:1;
border-bottom:1px solid #bcc96c;
}

#nav .first { display:none; }

#nav li a {
display: block;
padding: 4px 7px 2px;
text-decoration: none;
color: white;
}

#nav .current a { color:#fff; }

#nav li a:hover { background-position:100% 4px;color:#4F4F51; }

#nav li.current a {
background-position:100% -61px;
cursor:default;
color:#4F4F51; 
}

#nav #logo { margin-top: 0; }

#nav #logo a {
color: #fafaf3;
background-color: #b2bb1e;
height: 40px;
padding: 13px 0 19px 12px;
}

#nav #logo a:hover { color: #171719; }

#nav .b_border { background-position: 4px bottom; }

#nav #last { padding-bottom: 2px; }

/*-------
CONTENT
-------*/

.head {
width: 118px;
float: left;
}

.head h2 { letter-spacing: normal; }

.title {
border-bottom: 1px dashed #fafaf3;
vertical-align: text-bottom;
padding-bottom: 6px;
margin-bottom: 54px;
}

/* BACKGROUND IMAGES + GRID
----------------------------------------------------------------------------------*/
#images {
display: block;
/*height: 100%;
width: 100%;*/
z-index: 1;
position: absolute;
}

#images .bg_block {
background-attachment: fixed;
background-repeat: no-repeat;
/*height: 100%;
width: 100%;*/
position: relative;
}

#bg_1 {
background-image: url(images/bg/1.png);
background-position: 0 0;
background-position: 0 0\9 !important;
}

#bg_2 {
background-image: url(images/bg/2.png);
background-position: 0 0;
background-position: 0 0\9 !important;
}

#bg_3 {
background-image: url(images/bg/3.png);
background-position: 0 0;
background-position: 0 0\9 !important;
}

#bg_4 {
background-image: url(images/bg/4.png);
background-position: 0 0;
background-position: 0 0\9 !important;
}

#bg_5 {
background-image: url(images/bg/5.png);
background-position: 0 0;
background-position: 0 0\9 !important;
}

#bg_6 {
background-color:#C1C7AB;
background-image: url(images/bg/clouds.png);
background-repeat: repeat-x !important;
background-position: 0 100px;
background-position: 0 100px\9 !important;
}

#bg_7 {
background-image: url(images/bg/7.png);
background-position: 0 0;
background-position: 0 0\9 !important;
}

/* FOOTER
----------------------------------------------------------------------------------*/
#footer {
margin: auto;
width: 400px;
}

#footer p {
color: #f9f9f1;
padding: 18px 0 18px 0;
}

/* SLIDER
----------------------------------------------------------------------------------*/
.slider, .right-panel {
float: right;
width: 60% !important;
}

.large .slider, .large .right-panel { width: 65% !important; }

.x-large .slider, .large .right-panel { width: 75% !important; }

.slides_container { height:300px; }

.pagination {
list-style: none;
position:absolute;
bottom:0;
right:0;
z-index:1000;
}

.pagination li, .pagination a { float:left; }

.pagination li { padding-top:25px }

.pagination a {
padding:1px 8px;
border:1px solid #fff;
margin-left:2px;
color:#8E8F91;
background:#fff;
font-size:11px;
}

.pagination .current a, .pagination a:hover {
background: #39C7F4;
border:1px solid #39C7F4;
color:#fff;
text-decoration: none;
}

/* PANEL NAV
----------------------------------------------------------------------------------*/
.panel-nav {
float: left;
margin:-10px 0 0 -25px;
position: relative;
width: 230px;
padding-top:115px;
background:url(images/tree.gif) top center no-repeat;
list-style:none;
}

.panel-nav li {
padding-left:30px;
background:url(images/panel-nav-arrow.png) 0 1px no-repeat;
margin-bottom:10px;
}

.panel-nav li:hover { background:url(images/panel-nav-arrow.png) 0 -49px no-repeat; }

.panel-nav a {
color:#5A5B5C;
text-decoration:underline;
}

/* PANEL A
----------------------------------------------------------------------------------*/
h2.title,
#a h1 {
	font-size:40px; 
	margin-bottom:7px;
	border-bottom:none;
	font-weight:700;
	line-height: 38px;
}
.large h2.title,
.large #a h1 {
	font-size:49px;
	line-height:45px;
}
.x-large h2.title,
.x-large #a h1 {
	font-size:54px;
	line-height:50px;
}

#a #page-01 {
background:#96aa42 url(images/page-01-bg.png) bottom left no-repeat;
top: auto;
bottom: 0;
}

#a .light-overlay {
position:absolute;
height:250%;
background: url(images/lightboxbg-black.png);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.large #a .light-overlay,
.x-large #a .light-overlay {
	height:250%;
}


#a .content {
padding-left:27px;
padding-right:0;
position:relative;
}

#a .video {
height: 342px;
left: 26px;
position: absolute;
top: 10px;
width: 132px;
}



#a .video-target, #a .video-container { cursor:pointer; }

#a .inner {
color: #5A5B5D;
/*left: 45%;
position: absolute;
width: 53%;*/
z-index: 10;
}
.content h3,
.inner h3 {
	font-size:16px;
	text-transform: none;
	font-weight: 600;
	color:#4F4F51;
}
.content h3 span,
.inner h3 span {
	position: absolute;
	margin-left:-1em;
}
#a .title {
	border-bottom:none;
}

#a .playlist {
border-top: 1px solid #464646;
left: 0;
list-style: none outside none;
position: absolute;
top: 515px;
width: 100%;
}

#a .playlist .first {
margin-right:80px;
margin-left: 40px;
}

#a .playlist span { color:#6CCFF6; }

#a .playlist li {
float: left;
font-size: 12px;
line-height: 19px;
padding: 10px 24px 10px 15px;
position:relative;
background:url(images/video-playlist-divider.gif) top left no-repeat;
}

#a .bruce-container { margin-right:50px; }

#a .video-thumb {
float: left;
height: 450px;
margin-right: 20%;
position: relative;
top: 18px;
width: 29%;
z-index: 9;
cursor:pointer;
}
#a .john-container.video-thumb {
	height:269px;
	width:269px;
	position: absolute;
	top:197px;
	left:1px;
	background:url(images/video-1-sm.png);
}
#a .don-container.video-thumb {
	height:172px;
	width:171px;
	position: absolute;
	top:396px;
	left:235px;
	background:url(images/video-2-sm.png);
}
#a .gordon-container.video-thumb {
	height:149px;
	width:149px;
	position: absolute;
	top:248px;
	left:336px;
	background:url(images/video-3-sm.png);
}
#a .janet-container.video-thumb {
	height:133px;
	width:133px;
	position: absolute;
	top:422px;
	left:398px;
	background:url(images/video-4-sm.png);
}

#a .john-container.video-thumb:hover {
	background:url(images/video-1-sm-over.png);
}
#a .don-container.video-thumb:hover {
	background:url(images/video-2-sm-over.png);
}
#a .gordon-container.video-thumb:hover {
	background:url(images/video-3-sm-over.png);
}
#a .janet-container.video-thumb:hover {
	background:url(images/video-4-sm-over.png);
}

.large #a .john-container.video-thumb {
	height:337px;
	width:336px;
	position: absolute;
	top:172px;
	left:1px;
	background:url(images/video-1.png);
}
.large #a .don-container.video-thumb {
	height:214px;
	width:215px;
	position: absolute;
	top:344px;
	left:358px;
	background:url(images/video-2.png);
}
.large #a .gordon-container.video-thumb {
	height:187px;
	width:187px;
	position: absolute;
	top:182px;
	left:511px;
	background:url(images/video-3.png);
}
.large #a .janet-container.video-thumb {
	height:167px;
	width:166px;
	position: absolute;
	top:405px;
	left:613px;
	background:url(images/video-4.png);
}

.x-large #a .john-container.video-thumb {
	height:337px;
	width:336px;
	position: absolute;
	top:172px;
	left:110px;
	background:url(images/video-1.png);
}
.x-large #a .don-container.video-thumb {
	height:214px;
	width:215px;
	position: absolute;
	top:393px;
	left:482px;
	background:url(images/video-2.png);
}
.x-large #a .gordon-container.video-thumb {
	height:187px;
	width:187px;
	position: absolute;
	top:187px;
	left:624px;
	background:url(images/video-3.png);
}
.x-large #a .janet-container.video-thumb {
	height:167px;
	width:166px;
	position: absolute;
	top:428px;
	left:776px;
	background:url(images/video-4.png);
}
.large #a .john-container.video-thumb:hover,
.x-large #a .john-container.video-thumb:hover {
	background:url(images/video-1-over.png);
}
.large #a .don-container.video-thumb:hover,
.x-large #a .don-container.video-thumb:hover  {
	background:url(images/video-2-over.png);
}
.large #a .gordon-container.video-thumb:hover,
.x-large #a .gordon-container.video-thumb:hover {
	background:url(images/video-3-over.png);
}
.large #a .janet-container.video-thumb:hover,
.x-large #a .janet-container.video-thumb:hover {
	background:url(images/video-4-over.png);
}


#a .video-thumb .video-target {
height:auto;
position:absolute;
display:block;
/*border:1px solid white;
cursor:pointer;
background:blue;
width:40px;
height:40px;*/
height:100%;
width:100%;
}


#a .bruce { top:-25px; }

#a .video-thumb p {
bottom: -93px;
display: block;
position: absolute;
background: url("images/video-playlist-divider.gif") no-repeat scroll left top transparent;
font-size: 12px;
line-height: 19px;
padding: 10px 24px 10px 15px;
color:#5A5B5D;
}

#a .vivian-title, #a .andrew-title { top: 136px }

#a .video-thumb span { color: #6CCFF6; }


img.play-video {
}
#a .play-video {
bottom: 15px;
left: 15px;
position: absolute;
z-index: 100;
	height:100px;
	width:100px;
	border:10px solid yellow;
	display: none;
}    
img.play-video { cursor: pointer;}

/*#a .andrew-container, #a .vivianne-container {
height: 136px;
top: 333px;
width: 23%;
min-width:140px;
margin-right:1%;
}

#a .andrew-container .play-video, #a .vivianne-container .play-video {
bottom:auto;
top:104px;
}*/

#player-layer {
background: none repeat scroll 0 0 #FFFFFF;
position: absolute;top: 30%;
left:30%;
right:30%;
bottom:30%;
width: auto;
height: auto;
width:480px;
height:264px;
left:60px;
top:168px;
z-index: 9999;
display:none;
-moz-box-shadow: 0px 1px 10px #000; /* FF3.5+ */
-webkit-box-shadow: 0px 1px 10px #000; /* Saf3.0+, Chrome */
box-shadow: 0px 1px 10px #000; /* Opera 10.5, IE 9.0 */
filter:progid:DXImageTransform.Microsoft.Shadow (color='#000000', Direction=180, Strength=2);
}
.large #player-layer {
	width:640px;
	height:352px;
	top:124px;
	left:80px;
}
.x-large #player-layer {
	width:640px;
	height:352px;
	top:124px;
	left:180px;
}

.show { display:block !important; }

#player-layer * {
width:100%;
height:100%;
}

#player-layer a {
background: url("images/close-button.png") no-repeat scroll left top transparent;
height: 43px;
position: absolute;
right: 6px;
top: 4px;
width: 43px;
}

#player-layer a span { display:none; }

/* PANEL 2
----------------------------------------------------------------------------------*/
#b .page-container {
background:#cc9d1d;
color:#4C4C4E;
min-height:850px;
}
.large #b .page-container {
min-height:750px;
}
.x-large #b .page-container {
min-height:650px;
}

#b h2.title,
#c h2.title,
#d h2.title {
	margin-bottom:60px;
}

/*#b .title { border-bottom:1px dashed #5A5B5D; }*/

#b span { display: block; }

.col {
float:left;
width:230px;
margin-right: 40px;
}
#b .panel-nav {
	background: url(images/director.png) bottom left no-repeat;
	padding:10px 0 180px 0;
}

/* PANEL 3
----------------------------------------------------------------------------------*/
#c .page-container {
	background: #BBBC86;
}
#c .page-container .content {
	color:#5A5B5D;
}
#c .panel-nav,
#d .panel-nav { background-image:none;padding-top:0; }

#c .panel-nav a { color:#5A5B5D; }

/*  PANEL 4
----------------------------------------------------------------------------------*/
#d .page-container {
	color:#fff;
	background:#3F4347;
}
#d .content h3 {
	color:#fff;
}

#d #page-04 {
top:auto;
bottom:0;
height:470px
}

#d .panel-nav a { color:#fff; }

#d .panel-nav li { background:url(images/light-grey-arrow.png) 0 1px no-repeat; }

#d .panel-nav li:hover { background: url("images/panel-nav-arrow.png") no-repeat scroll 0 -49px transparent; ; }

/* PANEL 5
----------------------------------------------------------------------------------*/
#e {
padding:0;
height:100%;
}

#e .page-container {
height:100%;
background:#ee7c22;
font-size:80%;
right: 0;
bottom: auto;
top:0;
}

#e p {
color:#58595b;
margin-bottom:8px;
}

#e .title {
color:#58595b;
border-bottom:1px dashed #58595b;
margin-bottom:15px;
clear:both;
}

#e .content {
height:100%;
/*margin-top:20px;*/
width:100% !important;
}

#e .title small {
font-size:13px;
text-transform: none;
}

#e .slider { width:554px !important; }

#e .slider div { width:554px !important; }

#e img { margin:80px auto; }

#e .intro-title {
/*background: url("images/financials-arrow.gif") no-repeat scroll left center transparent;*/
border: medium none;
color: #58595B;
left: 20px;
padding-left: 20px;
position: absolute;
top: 20px;
}

#e .finanical {
background: none repeat scroll 0 0 #f18621;
padding: 40px;
padding-right:60px;
margin-bottom:0;
}

#e .finanical-1 { background:#ee7c22; }

#e .finanical-2 { background:#f18621; }

#e .finanical-3 {
	background:#ee7c22;
	margin-bottom:0;
}

#e .finanical .data { margin-bottom:0; }


#e .jspContainer {
width: auto!important;
height: auto!important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:0;
}

.data {
width:100%;
color:#58595b;
font-weight: lighter;
border-top:2px solid #58595b;
border-bottom:2px solid #58595b;
border-collapse: collapse;
margin-bottom:60px;
}

.data thead { }

.data th {
font-weight: bold;
color:#58595b;
text-align: left;
}

.data .last { text-align: right; }

.data tbody td { padding:0 0 0 0 }

.data tbody td + td {
text-align:right;
width:65px;
}

.data .section {
border-bottom: 1px solid #000;
font-weight:bold;
}

.data .inset { padding-left:12px; }

.data .double-inset { padding-left:24px; }

.data th { text-align:right; }

.data .total td { border-top:1px solid #58595b; }

.data tbody tr:first-child td { border-top:1px solid #58595b; }

.data td:last-child {
padding-left:20px;
width:70px;
}

.data strong { font-weight:bold; }

.data .dollar span {
float:left;
display:block;
}

.no-top-border { border-top:none; }

.half-height td { padding-bottom:10px !important; }

/*js scrollpane*/

.jspContainer {
overflow: hidden;
position: relative;
width:98% !important;
}

.jspPane {
padding:0 !important;
position: absolute;
width:100% !important;
}

.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 100%;
}

.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}

.jspVerticalBar *, .jspHorizontalBar * {
margin: 0;
padding: 0;
}

.jspVerticalBar .jspDragTop {
background: url("images/up-arrow.gif") no-repeat scroll 50% 50% transparent;
height: 19px;
margin-top: 0;
padding-top: 7px;
width: 17px;
}

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack {
background: #c9cacd;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.jspDrag {
background:#656668 url("images/down-arrow.gif") no-repeat scroll 50% 99%;
position: relative;
top: 0;
left: 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}

.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}

.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

/* PANEL ( MILESTONES )
----------------------------------------------------------------------------------*/
#f .page-container {
background:transparent;
left: 0;
max-width: 100%;
width: 100%;
bottom: 0;
height: auto;
}

#f .content { padding:0; }

div.scrollingHotSpotLeft {
min-width: 75px;
width: 30%;
height: 100%;
position: absolute;
z-index: 200;
left: 0;
background:url(images/ie-bg.gif);
cursor: url(images/timeline/cursor_arrow_left.png), w-resize;
}

div.scrollingHotSpotRight {
min-width: 75px;
width: 30%;
height: 100%;
position: absolute;
z-index: 200;
right: 0;
background:url(images/ie-bg.gif);
cursor: url(images/timeline/cursor_arrow_right.png), e-resize;
}

div.scrollableArea {
position: relative;
width: auto;
height: 100%;
padding-left: 100px;
}

div.scrollableArea img { position: absolute; }

#parrallex {
width:100%;
height: 680px;
position: relative;
float:left;
}

#parallax div.scrollableArea img {
position: relative;
float: left;
margin: 0;
padding: 0;
padding-left:1100px;
}

.scrollWrapper {
position: relative;
width: 100%;
background:transparent url(images/timeline/hills.png) 0 100% no-repeat;
height:680px;
}

.scrollWrapper img {
float:left;
display:block;
margin-top:-50px;
}

.intro {
cursor: pointer;
height: 80%;
position: absolute;
top: 10px;
width: 890px;
z-index: 100;
}

.intro-panel {
background: url("images/timeline/our-future-has-past.png") no-repeat scroll right top transparent;
height: 100%;
left: 365px;
position: absolute;
width: 519px;
}

#f .milestone-cap {
background:#C09452;
position:absolute;
bottom:0;
height:100px;
z-index:100;
left:0;
width:100%;
display: none;
}

/* PANEL 
----------------------------------------------------------------------------------*/
#g .page-container {
	background: #633D3A url(images/g-bg.png) bottom center no-repeat;
	color:#fff;
	min-height: 660px;
}
#g .content {
	padding:0;
}
#g .content h3 {
	color:#fff;
}
#g .slider .funders a {
display: block;
height:220px;
width:230px;
position: absolute;
top:270px;
left:0;
text-indent:-9999px;
}
#g .slider .partners a {
display: block;
height:250px;
width:250px;
position: absolute;
top:320px;
left:274px;
text-indent:-9999px;
}
body.large #g .slider .funders a {
	left:64px;
}
body.large #g .slider .partners a {
	left:394px;
}
body.x-large #g .slider .funders a {
	left:160px;
}
body.x-large #g .slider .partners a {
	left:494px;
}

#g .slider .partners {
background: #633D3A url("images/funders.png") no-repeat scroll -102px 0 transparent;
position: absolute;
}

#g .special-title {
clear:both;
border-bottom:none;
border-top:1px dashed #fff;
padding-top:10px;
}

.arrow {
background:url(images/community-grey-arrow.gif) top left;
width:19px;
height:22px;
display:block;
position:absolute;
top:0;
left:0;
z-index:10;
}

.yellow-left-arrow {
background: url("images/community-yellow-left-arrow.gif") repeat scroll left top transparent;
display: block;
height: 20px;
position: absolute;
width: 19px;
z-index: 10;
}

.yellow-top-arrow {
background:url(images/community-yellow-arrow.gif) top left;
width:19px;
height:22px;
display:block;
top:0;
left:0;
z-index:10;
position:absolute;
}

/*#g .title {
font-size: 37px;
padding: 6px;
color:#6CCFF6;
margin-bottom:30px;
white-space:nowrap;
}
*/
#g h3 a { text-decoration:none; }

#g h3 a:hover { color:#fff; }

#g .slider {
padding-left:30px;
padding-right:30px;
}

#g .slider .first {
width:auto;
background: none;
}

#g .slider div {
width:auto;
}

#g ul { padding-left:340px; }

#g li { list-style:none; }

.large #g .slider { width:85% !important; }

#g .slider div.slide { 
	background:#633D3A url("images/funders.png") 40px 100px no-repeat;
	padding:30px;
	min-height:600px;
}
#g .slider div.slide.first {
	background:transparent;
	background: #633D3A url(images/g-bg.png) bottom center no-repeat;
}
body.x-large #g .slider,
body.x-large #g .slide {
	width:940px !important;
}
body.large #g .slider,
body.large #g .slide {
	width:740px !important;
}

#g .slider,
#g .slide {
	width:540px !important;
}
#g ul.pagination {
	right:auto;
	left:0;
	padding-left:0;
}

/* LIGHTBOX
----------------------------------------------------------------------------------*/
.lightbox {
position: absolute;
top: 0; /*js to provide position */
left:0; /*js to provide position */
width:360px;
color:#fff;
position:absolute;
-moz-box-shadow: 0px 1px 20px #000; /* FF3.5+ */
-webkit-box-shadow: 0px 1px 20px #000; /* Saf3.0+, Chrome */
box-shadow: 0px 1px 20px #000; /* Opera 10.5, IE 9.0 */
z-index:2000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
background: #5BB1E3;
padding:20px;
padding-bottom:40px;
display:none;
}

#lightbox-1 {
width:720px;
}

#lightbox-1 .col {
width:320px;
margin-right:80px;
}

.light-overlay {
width:100%;
height:100%;
position:fixed;
background:#000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
top:0;
left:0;
z-index: 999;
display:none;
}

.lightbox-close {
width:12px;
height:12px;
position:absolute;
right:10px;
top:10px;
overflow:hidden;
text-indent: -9999px;
z-index: 999999;
display:block;
zoom:1;
background: #5BB1E3;
background:url(images/lightbox-close.gif);
}

.lightbox .title {
margin-bottom:15px;
font-size:18px;
}

.lightbox p {
font-size:14px;
line-height:21px;
}

.lightbox .pagination {
right:10px;
bottom:10px;
}

.lightbox .pagination a {
background:none;
border:none;
text-overflow:hidden;
text-indent:-8999px;
background:url(images/lightbox-nav.gif) top right;
width:17px;
height:14px;
display:block;
float:left;
padding:0;
margin-left:5px;
}

.lightbox .pagination .last-link, .lightbox .pagination .prev-link { background-position:top left; }

/* Tooltip */
#tooltip {
position: absolute;
z-index: 3000;
background-color: #5A5B5D;
padding: 5px;
opacity: 1;
color: white;
}

#tooltip h3, #tooltip div { margin: 0; }