body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px; padding: 0px;
	leftmargin: 0px; topmargin: 0px;
	background-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #ffffff;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #999999;
}

table {
	width: 100%;
	leftmargin: 0px; topmargin: 0px;
	margin: 0px; padding: 0px;
}

td {
	vertical-align: top;
	text-align: center;
}

#container {
	position: relative;
	margin: 0px auto; padding: 0px;
	width: 776px; height: 850px;
}

#container2 {
	position: relative;
	margin: 0px auto; padding: 0px;
	width: 776px; height: 850px;
}


/* ** Start - internal divs ** */

#header {
	position: absolute;
	top: 0px; left: 0px;
	width: 776px; height: 130px;
	margin: 0px; padding: 0px;
	text-align: right;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;	
}

#quicklinks {
	position: absolute;
	top: 25px; left: 320px;
	width: 456px; height: 25px;
	margin: 0px; padding: 0px;
	text-align: right;
}

#navbar {
	position: absolute;
	top: 100px; left: 0px;
	width: 776px; height: 30px;
	margin: 0px; padding: 0px;
	text-align: right;
	color: #ffffff; background-color: transparent;
	font-size: 8pt; line-height: 12px;
	text-align: right; letter-spacing: .8px;
	white-space: nowrap; list-style-type: none;
}

/* Start - navbar */

#navbar li {
	margin: 0px; padding: 0px;
	font-size: 8pt; line-height: 12px;
	background-color: transparent;
	display: inline;
}

#navbar a {
	background-color: transparent;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; font-weight: bold; line-height: 12px;
	text-decoration: none; letter-spacing: .8px;
	margin: 0px; padding: 1px .5em 3px .5em;
	border-right: 1px solid #cc0000;
	border-left-width: 0;
}

#navbar a#right {
	border-right-width: 0px;
}

}
#navbar a#left {
	border-left-width: 0px;
}

#navbar a:hover {
	color: #ffffff;
	background-color: #cc0000;
}

\*/
* html #navbar a, * html #navbar {
	height: 1px;
}

* html #navbar li, * html #navbar {
	padding-top: 1px;
	padding-bottom: 2px;
}
/* */
ul#navbar, ul#navbar li {
	padd\ing-top: 2px;
	padd\ing-bottom: 4px;
}

/* End - navbar */

#links {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 133px;
	height: 670px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	text-align: centre;
	background-color: #cc0000;
	background-image: url(images/dragon_wallpaper_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#links img {	 
	border: none;
	margin-bottom: 2px;
}

#content {
	position: absolute;
	top: 125px; left: 133px;
	width: 643px; height: 670px;
	margin: 0px; padding: 0px;
	text-align: left;
}

#submenu {
	position: absolute;
	top: 0px; left: 490px;
	width: 133px; height: 670px;
	margin-left: 0px; padding-left: 0px;
	text-align: left;
}

.submenu a:link {
	display: block;
	text-decoration: none;
	background-color: #ffffff;
	color: #cc0000;
	padding: .2em .5em;
	width: 100%;
}

.submenu a:visited {
	display: block;
	text-decoration: none;
	background-color: #ffffff;
	color: #cc0000;
	padding: .2em .5em;
	width: 100%;
}

.submenu a:hover {
	color: #ffffff;
	background-color: #cc0000;
	padding: .2em .5em;
}

.submenu a:active {
	color: #ffffff;
	background-color: #cc0000;
	padding: .2em .5em;
}

#button {
	margin-top: 0px; padding: 0px;
}

#button a:link {
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	background-color: #cc0000;  border: 1px solid #000000;
	padding-left: 2px; padding-right: 2px;
}

#button a:visited {
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	background-color: #cc0000;  border: 1px solid #000000;
	padding-left: 2px; padding-right: 2px;
}

#button a:hover {
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	background-color: #fbc800;  border: 1px solid #000000;
	padding-left: 2px; padding-right: 2px;
}

#button a:active {
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	background-color: #fbc800;  border: 1px solid #000000;
	padding-left: 2px; padding-right: 2px;
}

#main {
	position: absolute;
	top: 0px; left: 0px;
	width: 490px; height: 650px;
	margin: 0px; padding: 0px;
	text-align: left;
}

#main td {
	text-align: left;
}


#top {
	position: absolute;
	top: 0px; left: 0px;
	width: 490px; height: 100px;
	margin: 0px; padding: 0px;
	text-align: left;
	background-image: url(images/background_01.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


#bottom {
	position: absolute;
	top: 100px; left: 0px;
	width: 490px; height: 550px;
	margin: 0px; padding: 0px;
	text-align: left;
}

#bottom td{
	text-align: left;
	background-image: url(images/background_01.gif); background-repeat: no-repeat;
	background-position: bottom right;
}

#thumbnails {
	position: absolute;
	top: 0px; left: 0px;
	width: 490px; height: 650px;
	margin: 0; padding: 0;
	text-align: center;
}

#thumbnails img {
	float: left;
	margin: 10px;
}

#footer {
	position: absolute;
	top: 800px; left: 0px;
	width: 776px; height: 30px;
	margin: 0px; padding: 0px;
	text-align: center;
}


/* ** End - internal divs ** */



#form td{
	text-align: left;
	background-image: none; background-repeat: no-repeat;
	background-position: bottom right;
}

/* ** Start - font styles ** */

p {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.title {
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	background: #cc0000;
	text-align: left;
	line-height: 15pt;
	text-indent: 4px;
	margin: 0px; padding: 0px;
}

.title2 {
	color: #cc0000;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px; padding: 0px;
}

.title3 {
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px; padding: 0px;
}

a {
	color: #cc0000;
	text-decoration: none;
}

a:link {
	color: #cc0000;
	font-size: 8pt;
	font-weight: normal;
}

a:visited {
	color: #808080;
	font-size: 8pt;
	font-weight: normal;
}

a:hover {
	font-color: #808080;
	font-size: 8pt;
	font-weight: normal;
}

a:active {
	font-color: #808080;
	font-size: 8pt;
	font-weight: normal;
}

#footer .p {
	color: #000000;
	font-weight: normal;
	font-size: 7pt;
	line-height: normal;
	padding: 5px;
	text-align: center;
}

/* ** Start - studiolist ** */

#studiolist {
	margin-top: 0px; padding: 0px;
}

#studiolist a:link {
	color: #cc0000;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	background-color: #ffffff;
	padding-left: 2px; padding-right: 2px;
}

#studiolist a:visited {
	color: #cc0000;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	background-color: #ffffff;
	padding-left: 2px; padding-right: 2px;
}

#studiolist a:hover {
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	background-color: #cc0000;
	padding-left: 2px; padding-right: 2px;
}

#studiolist a:active {
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	background-color: #cc0000;
	padding-left: 2px; padding-right: 2px;
} 

#studiolist .title1 {
	font-size: 10pt;
	color: #000000;
	background: none;
	text-align: left;
	text-indent: 4px;
	}
	
#studiolist .title1, .title2 {
	font-size: 10pt;
	color: #cc0000;
	background: none;
	text-align: left;
	text-indent: 4px;
	padding: 0px;
}

#studiolist table {
	border-collapse: collapse;
	cell-padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}

#submenu td {
	text-align: left;

}
	
	
/* ** End - Studiolist ** */	

/* ** Start - Map ** */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

div.map {
position: absolute;
top: 0px; left: 0px;
width: 490px; height: 490px;
background-image: url('images/full_map.gif');
background-repeat: no-repeat; background-position: center top;
padding:0px; margin:0px;
font-family:arial, sans-serif;
font-size: 10pt; color: #CC0000;
}

#menu {
position: absolute; top: .5em; left: .5em; width: 9em;
}

#menu dt {
cursor: pointer;
height: 20px;  padding-right: 10px;
line-height: 16px; width: 9em;
border: 1px solid gray;
text-align: center;
font-weight: bold;
background: #ffffff;
background-image:url('images/arrow.gif'); 
background-repeat: no-repeat;
background-position: center right;
}

#menu dd {
position: absolute; z-index: 100;
left: 0em; margin-top: -.2em;
width: 9em; padding: 0px;
background: #ffffff;
border: 1px solid gray;
}

#menu ul {
padding: 0;
}

#menu li {
text-align: center; font-weight: bold;
height: 16px; line-height: 16px;
margin-bottom: -.25em;
}

#menu li a, #menu dt a {
color: #cc0000; font-size: 10pt;
font-family:arial, sans-serif;
text-decoration: none; display: block;
}

#menu li a:hover {
background: #cc0000;
color: #ffffff;
}

#menu li a:active {
background: #cc0000;
color: #ffffff;
}

#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10,#menu11,#menu12  {
position: absolute;
width: 11em;
}

#menu1 {
top: 50px; left: 175px; z-index: 500;
}

#menu2 {
top: 145px; left: 245px; z-index: 480;
}

#menu3 {
top: 178px; left: 160px; z-index: 450;
}

#menu4 {
top: 193px; left: 300px; z-index: 420;
}

#menu5 {
top: 230px; left: 270px; z-index: 410;
}

#menu6 {
top: 255px; left: 195px; z-index: 400;
}

#menu7 {
top: 290px; left: 140px; z-index: 300;
}

#menu8 {
top: 280px; left: 310px; z-index: 300;
}

#menu9 {
top: 315px; left: 300px; z-index: 200;
}

#menu10 {
top: 338px; left: 275px; z-index: 100;
}

#menu11 {
top: 348px; left: 125px; z-index: 100;
}

#menu12 {
top: 230px; left: 70px; z-index: 400;
}

/* ** End - Map ** */