@charset "utf-8";

/* CSS Document */
@import url(_default.css);
@import url(_font.css);
@import url(_content.css);
@import url(gallery.css);

/* site size ------------------------------------------------------------------------------ site size */
html {height:100%; background:#000; }
body {
	width:100%;  				/* set width of page */
	height:100%;
	position:relative; display:block;
	background:#000;			/* set background-colour of page */
}

/* sructure ------------------------------------------------------------------------------ structure */
div#intro {
	position:absolute; display:block;
	top:0px; left:0px;
	width:100%; height:100%;
	z-index:90;
}
div#intro a.enter { 
	position:absolute; display:block; left:50%; top:50%;
	width:200px; height:100px; margin:-50px 0 0 -100px;
	background:#CCCC00; color:#333333; z-index:100;
}
div#intro div#topDoor, div#intro div#bottomDoor {
	position:absolute; display:block; width:100%; height:50%; left:0px; z-index:10;background:#000;
}
div#intro div#topDoor {top:0px; }
div#intro div#bottomDoor { bottom:0px;}


div#header {
	position:relative; display:block;
	width:100%; height:10%; overflow:visible;
	z-index:100;
}
div#header_inner {
	position:relative; display:block;
	width:100%; /*height:65px;*/ height:100%;
	background:#000;
}
div#bg_top {
	position:absolute; display:block;
	top:10%; left:0px; z-index:1;
	width:100%; height:82%;
	background:#fff url(../images/global/grad_top.gif) 0px 0px repeat-x;
	margin:0px auto;
	overflow:hidden;
}
div#bg_bottom {
	position:absolute; display:block;
	bottom:0px; left:0px;
	width:100%; height:5px;
	background:url(../images/global/grad_bottom.gif) bottom left repeat-x;
}

div#navigation {
	position:relative; display:block;
	width:100%; height:82%; z-index:80;
	background:none;
	margin:0px auto;
	overflow:hidden;
}
/*
div#content {
	position:absolute; display:block;
	bottom:8%; left:0px;
	width:100%; height:2%;
	background:#666;
}
*/
div#footer {
	position:absolute; display:block;
	bottom:0px; left:0px;
	width:100%; height:8%;
	background:#000;
}


/* header ----------------------------------------------------------------------------- */
h1 {
	position:absolute; display:block;
	top:50%; right:30px; 
	text-indent:-9999px; overflow:hidden;
	width:200px; height:15px;
	margin:-8px 0 0 0; color:#FFFFFF;
	background:url(../images/global/h1_tennisons.gif) top right no-repeat;
}
h2 {
	position:relative; display:block;
	top:0px; left:0px;
	margin:0px; text-indent:-9999px; overflow:hidden;
	width:250px; height:15px;
	background:url(../images/global/h2_portfolio.gif) top left no-repeat;
}
h3 {
	position:relative; display:block;
	font-size:3em; color:#999999; font-family:"Times New Roman", Times, serif;
}

#quicklink {
	position:absolute; display:block;
	top:50%; left:30px;
	margin:-15px 0 0 0;
	width:350px; height:30px;
}
#quicklink em {
	position:relative; display:block;
	bottom:0px; left:0px;
	width:350px; height:15px;
	background:url(../images/global/h2_quicklinks.gif) top left no-repeat;
	text-indent:-999px; overflow:hidden;
	float:left; width:70px;
}
#quicklink a {
    line-height:10px;
    margin:0 2px;
    padding:1px 2px;
    text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	border-left:3px solid #dc1c1c;
	color:#AA0000;
}
#quicklink a:hover {
    background:#dc1c1c;
    color:#000;
	border-left:3px solid #dc1c1c;
}
/* Welcome Text ------------------------------------------------------------------------- */
#navigation #welcomeText {top:1900px; left:28140px; width:700px !important; height:200px;}
#navigation #welcomeText h3 {
	background:url(../images/global/h3_welcome.gif) center center no-repeat;
	text-align:center; text-indent:-9999px; margin:0 0 10px 0; overflow:hidden;
}
#navigation #welcomeText p { width:320px; font-size:1.1em; color:#999; line-height:1.4em;}
#navigation #welcomeText br {margin:0 0 1em 0; position:relative; display:block;}

#navigation li a label {
	position:absolute; display:block;
	width:180px; height:100px;
	color:#333333; text-align:left; color:#999999; font-size:1.1em;
}

/* open box ----------------------------------------------------------------------------- */
#contentElement1 {
	position:absolute; display:block;
	width:100%; height:0px; z-index:200;
	bottom:8%;
	background:#000 url(../images/global/grad_bottom.gif) top left repeat-x;
	overflow:hidden;
}
#popupInner {width:980px; margin:0px auto; height:345px; padding:5px 0px 0 0px; border:1px solid #333333; border-top:none;}
#popupInner.ajax-loading { background:url(../images/ajax-loader.gif) 50% 50% no-repeat;}
.contentBack {
	position:absolute; display:block; 
	top:15px; right:10px; width:27px; height:27px;
	background:url(../images/global/bu_close.gif) 0px 0px no-repeat;
	text-indent:-999px; overflow:hidden; cursor:pointer;
	z-index:10; border:2px solid #000;
}
a.contentBack:hover { background-position:-28px 0px;}

#innerInner {position:relative; display:block;}

/* back button ----------------------------------------------------------------------------- */
a#navBack {
	position:absolute; display:block;
	width:30px; height:30px; top:15%; left:50%; margin:0 0 0 -15px;
	text-indent:-999px; overflow:hidden;
	background: url(../images/global/but_back.png) 0px 0px no-repeat; z-index:90; text-align:center;
	cursor:pointer;
}
a#navBack:hover { background-position: -29px 0px;}

/* inner navigation----------------------------------------------------------------------------- */
div#inner {position:relative; display:block; background:#000; overflow:auto; height:345px;}

a#start {
	position:absolute; display:block; top:100px; left:100px; z-index:100;
	width:100px; height:100px; background:#996633;
}

ol {
	position:relative; display:block;
	width:100%; height:100%;
	overflow:visible;
	z-index:10;
}

ol li {
	position:absolute; display:block;
	width:100%; height:100%;
	top:0px; left:0px;
	color:#FFFFFF;
}

ol li a { 
	position:absolute; display:block; color:#fff; text-decoration:none; 
	width:154px; height:30px; line-height:12px; text-align:center; padding:44px 0 0 0;
	background-image:url(../images/global/a_navigation_off.gif); background-position: bottom right; background-repeat: no-repeat; background-color:none;
	top:0px; left:0px; z-index:50; overflow:visible;
}
ol li a.navItem, ol li a.navContent { 
	background-image:url(../images/global/a_navigation.gif);
}
ol li a.deadlink {cursor:default;}
ol li a:hover {text-decoration:none; color:#dc1c1c}
ol li a em {
	position:absolute; display:block; bottom:52px; right:0px;
	width:144px; height:20px; line-height:20px; margin:2px 5px 0 5px; 
	z-index:100; color:#FFFFFF;
	text-align:left; overflow:hidden;
}
ol li a em span {
	position:absolute; display:block;
	top:0px; right:5px; line-height:20px;
}

#navigation div {
	position:absolute; display:block;
	width:980px; height:250px;
}



ol a.start { top:100px; left:100px;}
ol a#link { margin-top:100px;}

ol a.col-13, div.col-13 {left:0px;}
ol a.col-12, div.col-12 {left:2000px;}
ol a.col-11, div.col-11 {left:4000px;}
ol a.col-10, div.col-10 {left:6000px;}
ol a.col-9, div.col-9 {left:8000px;}
ol a.col-8, div.col-8 {left:10000px;}
ol a.col-7, div.col-7 {left:12000px;}
ol a.col-6, div.col-6 {left:14000px;}
ol a.col-5, div.col-5 {left:16000px;}
ol a.col-4, div.col-4 {left:18000px;}
ol a.col-3, div.col-3 {left:20000px;}
ol a.col-2, div.col-2 {left:22000px;}
ol a.col-1, div.col-1 {left:24000px;}
ol a.col0, div.col0 {left:26000px;}
ol a.col1, div.col1 {left:28000px;} /* start point */
ol a.col2, div.col2 {left:30000px;}
ol a.col3, div.col3 {left:32000px;}
ol a.col4, div.col4 {left:34000px;}
ol a.col5, div.col5 {left:36000px;}
ol a.col6, div.col6 {left:38000px;}
ol a.col7, div.col7 {left:40000px;}
ol a.col8, div.col8 {left:42000px;}
ol a.col9, div.col9 {left:44000px;}
ol a.col10, div.col10 {left:46000px;}
ol a.col11, div.col11 {left:48000px;}

ol a.rowIntro, div.rowIntro {top:0px;}
ol a.row0, div.row0 {top:2000px;}
ol a.row1, div.row1 {top:3000px;}
ol a.row2, div.row2 {top:4000px;}
ol a.row3, div.row3 {top:5000px;}
ol a.row4, div.row4 {top:6000px;}
ol a.row5, div.row5 {top:7000px;}
ol a.row6, div.row6 {top:8000px;}

div#corner {position:absolute; display:block; top:10000px; left:48000px; width:1px; height:1px;}

ol a.num11, ol div.num11 { margin:0 0 0 400px;}

ol a.num12 { margin:0 0 0 300px;}
ol a.num22 { margin:0 0 0 500px;}

ol a.num13 { margin:0 0 0 200px;} ol a.num13 label {top:-50px; left:-200px;}
ol a.num23 { margin:0 0 0 400px;}
ol a.num33 { margin:0 0 0 600px;} ol a.num33 label {top:-50px; left:200px;}

ol a.num14 { margin:0 0 0 100px;}
ol a.num24 { margin:0 0 0 300px;}
ol a.num34 { margin:0 0 0 500px;}
ol a.num44 { margin:0 0 0 700px;}

ol a.num15 { margin:0 0 0 000px;}
ol a.num25 { margin:0 0 0 200px;}
ol a.num35 { margin:0 0 0 400px;}
ol a.num45 { margin:0 0 0 600px;}
ol a.num55 { margin:0 0 0 800px;}

ol a.lvl13 {margin-top:0px;}
ol a.lvl23 {margin-top:100px;}
ol a.lvl33 {margin-top:200px;}


#navigation div.bg {
	position:absolute; display:block;
	width:2000px; height:1000px; z-index:-10;
	margin:-540px 0 0 -523px;
	background-position:0px 0px; background-repeat:no-repeat;
}

div.grid_2 				{background-image:url(../images/grids/grid_2.gif);}
div.grid_3 				{background-image:url(../images/grids/grid_3.gif);}
div.grid_4 				{background-image:url(../images/grids/grid_4.gif);}
div.grid_4_2			{background-image:url(../images/grids/grid_4_2.gif);}
div.grid_5 				{background-image:url(../images/grids/grid_5.gif);}
div.grid_5_2 			{background-image:url(../images/grids/grid_5_2.gif);}

div.corner_left 		{background-image:url(../images/grids/corner_left.gif);}
div.corner_left2 		{background-image:url(../images/grids/corner_left2.gif);}
div.corner_left1_low 	{background-image:url(../images/grids/corner_left1_low.gif);}
div.corner_left2_low 	{background-image:url(../images/grids/corner_left2_low.gif);}

div.corner_right 		{background-image:url(../images/grids/corner_right.gif);}
div.corner_right2 		{background-image:url(../images/grids/corner_right2.gif);}
div.corner_right1_low 	{background-image:url(../images/grids/corner_right1_low.gif);}
div.corner_right2_low 	{background-image:url(../images/grids/corner_right2_low.gif);}

div.vert 				{background-image:url(../images/grids/vert.gif);}
div.flat1 				{background-image:url(../images/grids/flat_1.gif);}
div.flat1_low 			{background-image:url(../images/grids/flat_1_low.gif);}
div.contentBox 			{background-image:url(../images/grids/content_box.gif);}
#navigation div.startVert			{background-image:url(../images/grids/start_vert.gif); background-position:0px 450px;}