/* -- VERTICAL & HORIZONTAL CENTERING -- */	
html, body {height:100%; width:100%; min-width:100%;}
html, body {padding:0; margin:0;}

#wrapper1 {height:100%; width:100%; top:0; left:0;} 
*|html #wrapper1 {display:table; position:static;}

		/* WRAPPER 2 & 3 CENTRE THE CONTENT WITHIN WRAPPER 1 */
#wrapper2 {position:relative; top:50%; width:100%; overflow:visible; } 
*|html #wrapper2 {display:table-cell; vertical-align:middle; position:static;}

#wrapper3 {margin:auto; position:relative; top:-50%; }
*|html #wrapper3 {position:static;}

#wrapper3 {width: 859px;} 		/* SET THE WIDTH OF THE VISIBLE BLOCK */
/* --------------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color: #FFFFFF;	/* WHITE */
	color:#848282;				/* LIGHT GREY */
	}
	
/* --- TOPIC TEXT --- */

.topicText {
	display: none;					/* hides topic text */
	}

span.txt2 {
	font-weight:bold;
	}
	
a:active, a:visited, a:link {
	color:#4E4B4A;				/* DARK GREY */
	text-decoration:none;
	}

a:hover {
	color:#EF9B4F;				/* ORANGE */
	cursor:default;
	}
	
img {
	border:0px none;
	}
	
/* -- TITLE Block -- */

#companyName, #logo, #tagline1 { 
	float:left;
	
	letter-spacing:.3em;
	margin-bottom:.6em;
	}
	
#companyName {
	padding-top:1.2em;
	
	font-weight:bold;
	color:#4E4B4A;				/* DARK GREY */
	}
	
#tagline1, #tagline2 {
	font-size:.9em;
	padding-top:1.4em;
	}
	
#tagline2, :active.a#tagline2, :visited.a#tagline2, :link.a#tagline2 {
	float:right;
	width: 275px;
	color:#EF9B4F;				/* ORANGE */
	letter-spacing:.3em;
	font-weight: bold;
	}
	
#logo, .logo {
	margin-left:.6em;
	margin-right:.5em;
	font-size:2em;
	letter-spacing:0em;
	color:#EF9B4F;				/* ORANGE */
	}

.logo {
	font-size:1.5em;
	}

#logo2 {
	font-weight: bold;
	}
	
a.logolink:active, a.logolink:visited, a.logolink:link {
	color:#EF9B4F;				/* ORANGE */
	}

a.logolink:hover {
	color:#4E4B4A;				/* DARK GREY */
	}

/* -- CONTENT -- */

#content {
	float: right;
	width: 750px;
	height:300px;
	
	overflow:hidden;
	}

#canvas0, #canvas1, #leftBlind, #rightBlind {
	position:absolute;
	width:750px;
	height:300px;
	filter:alpha(opacity=100);	/* NEED TO MOVE THIS TO JAVASCRIPT */

	overflow:hidden;
	}		

#leftBlind, #rightBlind {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	
	z-index:5;
	}

#textPanel {
	position:relative;
 	left: 350px;
	height: 300px;
	width: 300px;
	z-index:10;

	overflow:hidden;
	visibility:hidden;
	}
	
#textBkgd {
	position:absolute;
	height: 300px;
	width: 300px;

	background-color: #FFFFFF;
	filter:alpha(opacity=85);	/* for IE */
	-moz-opacity:.85;			/* for old Moz */
	opacity:.85;					/* for Moz/FF/Safari/Opera */
	}
		
#textHide {
	border:0px solid #C0C0C0;
	position:absolute;
	top:260px; left:0px;
	width:12px; height:10px;
	text-align:center;
	z-index:25;
	
	/* LIGHT GREY */
	
	background-color: #EF9B4F;  /* ORANGE */
	color: #FFFFFF; 			/* WHITE */
	font-size: .9em;
	font-weight:bold;

	cursor:default
	}
	
#scrollUp, #scrollDn {
	position:absolute;
	left:280px;
	width:3px; height:148px;
	z-index:15;
	
	border-width:1px;
	border-style:solid;
	border-color:#848282;		/* LIGHT GREY */
	}
	
#scrollUp {
	top:0px;
	}
	
#scrollDn {
	top:150px;
	}
	
#textUp, #textDn {
	position:absolute;
	left:25px;
	width: 240px;
	height: 1em;
	z-index: 10;
	
	font-weight:bold;
	text-align:right;
	visibility:hidden;
	}

#textUp {
	top:5px;
	}

#textDn {
	top:270px;
	}

#textDisplay {
	position:absolute;
	top:23px; left:25px;
	width: 240px;
	height: 252px;
	z-index:10;
	
	overflow:hidden;
	font-size:.9em;
	/* letter-spacing: .1em;*/
	line-height: 1.25em;
	color:#4E4B4A;				/* DARK GREY */
	text-align:justify;
	}

#textCover {
	position:absolute;
	left: 300px;
	top: 0;
	height: 300px;
	width: 300px;
	z-index:30;
	
	background-color: #FFFFFF;	/* WHITE */
	}

#openCover {
	position:absolute;
	left: 0px;
	top: 0;
	height: 300px;
	width: 300px;
	z-index:21;
	
	background-color: #FFFFFF;	/* WHITE */
	filter:alpha(opacity=95);	/* for IE */
	-moz-opacity:.7;			/* for old Moz */
	opacity:.70;				/* for Moz/FF/Safari/Opera */
	}

/* --- MENUS --- */	

#menu {
	position:relative;
	float: right;
	width: 762px;
	top: 1em;
	
	visibility:hidden;
	}
	
#subMenus {
	float:right;
	width: 37%;
	}

.menuHighlight {
	overflow:hidden;
	}

.mainMenu, .mainMenu2, #menuHighlight {
	width:auto;					/* sets the size of the menu blocks */
	text-align:center;
	float:left;
	
	cursor:default;
	}

.mainMenu, .mainMenu2, .subMenu, .subMenu2, #menuHighlight {
	font-size:.9em;
	letter-spacing:.3em;
	}
	
.mainMenu, .mainMenu2, .subMenuItem {
	padding-left:6px;
	padding-right:6px;
	}
	
.subMenuItem {
	cursor:default;
	line-height: 1.75em;
	}

.subMenu, .subMenu2 {
	visibility:hidden;				/* hides subMenus */
	position:absolute;
	margin-right:0;
	}

#menuHighlight {
	position:absolute;
	visibility:hidden;
	float:none;
	z-index:1;
	}