body {
	background-color: #000000;
}

img {
border:0;
}

#pagewrapper {
	position:relative;
	width:1202px;
	//height:655px;
	height:850px;
	z-index:10;
	margin-top: -4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	padding:0;
	border:none;
	border-collapse:collapse;
	visibility: hidden;
	-webkit-text-size-adjust:none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

#introwrapper {
	position:absolute;
	width:1202px;
	height:655px;
	top:0;
	left:0;
	z-index:100;
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	visibility: hidden;
	}

#contentwrapper {
	position:absolute;
	width:1202px;
	height:655px;
	top:0;
	left:0
	z-index:10;
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	visibility: hidden;  
	}

.pageborder
{
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	z-index: 80;
}

#border-topleft {
	width:15px;
	height:15px;
	top:0;
	left:0;
	}

#border-top {
	width:1172px;
	height:6px;
	top:0px;
	left:15px;
	}
	
#border-topright {
	width:15px;
	height:15px;
	top:0px;
	left:1187px;  //was 1213
	}

#border-right {
	width:6px;
	height:630px;
	top:15px;
	left:1196px;
	}
	
#border-bottomright {
	width:15px;
	height:15px;
	top:645px;
	left:1187px; //was 1213
	}

#border-bottom {
	width:1172px;
	height:6px;
	top:654px;
	left:15px;
	}

#border-bottomleft {
	width:15px;
	height:15px;
	top:645px;
	left:0px;
	}

#border-left {
	width:6px;
	height:630px;
	top:15px;
	left:0px;
	}

#left-bg {
	width:200px;
	height:654px;
	top:3px;
	left:3px;
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	z-index: 25;
	}
	
#left-top {
	width:226px;
	height:29px;
	top:3px;
	left:3px;
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	z-index: 29;
	}
	
#left-logo-bg {
	width:154px;
	height:150px;
	top:20px;
	left:20px;
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	z-index: 30;
	}
	
#left-logo {
	width:154px;
	height:150px;
	top:22px;
	left:22px;
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	z-index: 31;
	}

#leftnav {
	position:absolute;
	left:20px;
	top:195px;
	z-index:30;
	}

.leftnav-outer {
	position:relative;
	margin:0;
	padding:0;
	margin-top:2px;
	border:none;
	z-index: 32;
	width:157px;
	height:51px;
	left:0;
	overflow:hidden;
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
	}

a, a:visited {
	color:#ffddff;
	text-decoration:none;
	}

a:hover {
	color:#ff99ff;
	}

.leftnav-outer a
{
	text-decoration:none;
}

.leftnav-outer:hover{background-position: 0 -52px;}

.leftnav-inner {
	position:absolute;
	margin:0;
	padding:0;
	margin-left:2px;
	left:0;
	top:0;
	border:none;
	z-index: 32;
	width:157px;
	height:51px;
	cursor:pointer;
	}

.leftnav-link,.leftnav-link a,.leftnav-link:hover {
	position:absolute;
	width:55pt;
	bottom:2px;
	padding:2px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9pt;
	line-height:9pt;
	text-decoration:none;
	background-image:url(images/text-overlay.png);
	cursor:pointer;
	}
	
.leftnav-sub {
	position:relative;
	margin:0;
	padding:0;
	margin-bottom:3px;
	width:137px;
	border-left-width:3px;
	border-right-width:1px;
	border-top-width:0;
	border-bottom-width:0;
	border-color:#EEEEEE;
	border-style:solid;
	//left:15px;
	left:30px;
	overflow:hidden;
	text-decoration:none;
	cursor:pointer;
	}
	
.leftnav-sub ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:0px;
	margin-top:-2px;
	width:142px;
	cursor:pointer;
	}

.leftnav-sub li{
	text-decoration:none;
	margin-top:1px;
	padding-left:2px;
	padding-right:2px;
	font-size:8pt;
	color:#333333;
	background-color:#CCCCCC;
	cursor:pointer;
	}	

.leftnav-sub a, .leftnav-sub a li{
	text-decoration:none;
	color:#333333;
	cursor:pointer;
	}

.leftnav-sub a:hover li, .leftnav-sub a li:hover, .leftnav-sub li:hover, .leftnav-sub a:hover{
	background-color:#EEEEEE;
	text-decoration:none;
	color:#333333;
	cursor:pointer;
	}
	
#leftblurb {
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	z-index: 32;
	width:160px;
	height:70px;
	left: 20px;
	top: 580px;
	overflow:hidden;
	}
	
.lefticon {
	position:relative;
	margin:0;
	padding:0;
	margin-top:2px;
	border:none;
	z-index: 33;
	width:36px;
	height:36px;
	left:0;
	overflow:hidden;
	background-repeat:no-repeat;
	text-decoration:none;
	display:inline-block;
	}

.lefticon:hover{background-position: 0 -39px;}

.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	}

/* definitions for click / tap / slide zones */

#overlay-zone-wrapper {
	position:relative;
	z-index:3000;
}

#overlay-zone {
	/* need to leave space below this for the slideshow bar */
	position:absolute;
	left:203px;
	top:2px;
	width:180px;
	height:550px;
	z-index:39;  // previously 60
	margin:0;
	padding:0;
	visibility: visible;
	overflow:hidden;
	background:none;
	/* hack below for IE 7-9 :( */
	background-color: rgba(255,255,255,0.01);
	border:none;
	}



/* definitions for slideshow */

#mask {
	position:absolute;
	left:200px;
	top:0px;
	width:1002px;
	height:660px;
	z-index:22;
	margin:0;
	padding:0;
	visibility: inherit;
	overflow:hidden;
	}

#slideshow {
	position:absolute;
	left:203px;
	top:2px;
	width:995px;
	height:655px;
	z-index:10;
	margin:0;
	padding:0;
	visibility: visible;
	overflow:hidden;
	}


/* definitions for overlay bar */

#overlay-wrapper {
	width:355px;
	height:654px;
	top:2px;
	left:200px;
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	z-index: 40;
	overflow:hidden;
	}

#overlay {
	width:355px;
	height:654px;
	top:0px;
	left:-355px;
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	z-index: inherit;
	background-image:url(images/overlay10.png);
	background-repeat:repeat-y;
	/* following is a hack so that it renders properly in Mobile Safari - image is 10px too wide, but shifted back due to scaling/rounding error */
	background-position:-10px 0px;
	}
	
	
.overlay-inner {
	position:absolute;
	top:0px;
	left:15px;
	margins:0;
	padding:0;
	margin-right:10px;
	border:none;
	visibility:hidden;
}

.overlay-inner li {
	margin-bottom:5px;
	}

	
.top-tab
{
	width:281px;
	height:17px;
	position:relative;
	top:0px;
	left:40px;
	margin:0;
	margin-top:-23pt;
	margin-bottom:20px;
	padding:0;
	border:none;
	background-image:url(images/top-tab.png);
	background-repeat:no-repeat;
	z-index:27;
}
	
h1 {
	color:#FFFFFF;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight:200;
	font-size:17pt;
	margin-top:12px;
	}

	
p,ul,.overlay-inner li {
	color:#e8e8e8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10pt;
	line-height:12pt;
	margin-right:25px;
	}

.qtip-wrapper p {
	margin:0;
	padding:0;
	line-height:10pt;
}

.qtip-wrapper {
	opacity: 0.7;
}


li {
	color:#ffdde8;
	}

.top-tab p {
	color:#71386c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	margin-left:126px;
	margin-right:0px;
	}
	
.p-condensed {
	font-size:11px;
	}

.firstline {
	margin-top:-18px;
}

#logo {
	width:354;
	height:354;
	position:absolute;
	z-index:105;
	left:340px;
	top:55px;
	margin:0;
	padding:0;
}

#tag {
	width:642;
	height:139;
	position:absolute;
	z-index:105;
	left:340px;
	top:420px;
	margin:0;
	padding:0;
}

/* Definitions for full-page content */

#fullpage-wrapper {
	position:absolute;
	left:203px;
	top:2px;
	width:995px;
	height:655px;
	z-index:70;
	margin:0;
	padding:0;
	visibility: inherit;
	overflow:hidden;
}

#fullpage-background {
	position:absolue;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:71;
	background-color:#050505;
	opacity:0.7;
}

#fullpage {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:72;
	margin:0;
	padding:0;
	visibility: inherit;
	overflow:hidden;
	}
	
#leftcolumn {
	position:relative;
	width:520px;
	height:100%;
	float:left;
	margin:0;
	padding:0;
	margin-top:10px;
	margin-left:20px;
	}
	
.left-thumb {
	position:relative;
	margin:0;
	padding:0;
	margin-top:10px;
	border:none;
	z-index:inherit;
	width:80px;
	height:80px;
	left:0;
	overflow:hidden;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	}

.left-thumb:hover{background-position: 0 -80px;}

.left-name{
	position:absolute;
	bottom:1px;
	margin-left:5px;
	margin-bottom:-1px;
	padding:0;
	font-size:14px;
	color:#FF77EE;
	display:none;
	}
	
.left-overlay
{
	position:absolute;
	bottom:4px;
	width:60px;
	height:14px;
	background-color:#505050;
	opacity:0.5;
	left:0px;
	display:none;
	}
	
#rightcolumn {
	position:relative;
	width:450px;
	height:100%;
	float:right;
	margin:0;
	padding:0;
	margin-top:10px;
	overflow:hidden;
	}

#rightcolumn img
{
	border:2px solid #eeeeee;
	border-radius:3px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom:10px;
	margin-top:10px;
	//clear:both;
	//float:left;
}

#fullpage p {
	font-size:10pt;
}

h2 {
	color:#FFFFFF;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight:200;
	font-size:14pt;
	margin-top:12px;
	margin-bottom:0px;
	}

.team
{
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
}

.name {
	color:#FF99FF;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight:200;
	font-size:14pt;
	//margin-top:12px;
	//clear:both;
	}

.role {
	color:#FFFFFF;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight:150;
	font-size:11pt;
	//margin-top:12px;
	margin-left:10px;
	}

.name-tab
{
	padding:0;
	border:none;
	//background-image:url(images/name-tab.png);
	//background-repeat:no-repeat;
}

.name-tab h2
{
	//color:#71386c;
	color:#FF99FF;
}

.indent
{
	margin-left:15px;
	display:inline-block;
	}