body {
	background-color: #ddccbb;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt; 	color: #666666;
	margin: 0px; padding: 0px;
	} 

#frame { 
	position: absolute;
	top: 15px; left: -300px;
 width: 600; height: 668;
	z-index: 0;
	margin-right: 50%; margin-left: 50%;
 border: 1px none #33CCFF;
	text-align: right;
	scrollbar-base-color: #ddccbb;
	scrollbar-face-color: #ddccbb;
	scrollbar-track-color: #d7c2ad;
	scrollbar-arrow-color: #000000;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-3dlight-color: #ddccbb;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #ddccbb;
}
#frame h1 { position: absolute;	top: 43px; right: 5px; margin: 0px; padding: 0px; font-size: 18px; color: #F66;	font-weight: normal; }
.somprint {  display: none; }
.somscreen { }

#navigation
{
	position: absolute;
	left: 100px; bottom: 0px;
	height: 520px; width: 675px;
	margin: 0px; padding: 0px;
	z-index: 200;
	border: 1px solid; border-color: #333 #eee #eee #333; 
}
/* ------------ PAGE - IMAGE - MAP - WIDEPAGE  -------------- */
#page, #widepage, #panoramapage { 
	position: absolute;
	bottom: 30px;	right: 0px;
	width: 550px; height: 550px;
	margin: 0px; padding: 0px;
	z-index: 300;
	border: 1px solid; border-color: #eee #000 #000 #eee; 
	background-color: #ddccbb;
	text-align: left; overflow: auto;
}
#widepage { width: 700px; }
#panoramapage { width: 600px; }

#image, #squareimage, #wideimage, #map, #panorama {
	position: absolute;
	height: 550;
	margin: 0px;
	padding: 0px;
	z-index: 300;
	border: 1px solid;
	border-color: #eee #000 #000 #eee;
	background-color: #ddccbb;
	text-align: right;
}
#image { width: 733; bottom: 30px; right: 0px; }
#squareimage { width: 550; bottom: 30px; right: 0px; }
#wideimage { width: 820; bottom: 30px; right: 0px; }
#map { width: 724; bottom: 30px; right: 0px; }
#panorama { height: 530; width: 2665; }


/* --------------- TEXT FORMATING --------------- */
h3, .text, .italic, .download {
	position: relative;
	width: 350px;	left: 150px;
	margin: 0px; padding: 0px 0px 10px;
	display: block;
	text-align: left;
	line-height: 20px;
	color: #333333;
}
.italic { font-style: italic; }
#page h3, #page .text, #page .italic, #page .download {	left: 150px; }
#widepage h3, #widepage .text, #widepage .italic {	left: 300px; }
#page h3, #widepage h3 {	padding: 10px 0px 10px 0px; font-size: 12pt;	font-weight: normal; color: #0099FF; text-transform: lowercase; }
#page h6 {
	position: absolute;
	top: 0px; left: -160px;
	height: 0px; width: 150px; 
 margin: 0px; padding: 0px;
 text-align: right;
 font-size: 10pt; line-height: 20px; color: #666666; font-weight: normal; font-style: normal;	text-transform: lowercase;
}
.text A  { display: block; text-decoration:none; padding: 0px; color: #666; }
.text A:hover { color: #0099FF;	text-decoration:underline; }
.download A  { display: block; text-decoration:none; padding: 0px; color: #666; }
.download A:hover { color: #0099FF;	text-decoration:underline; }
.origin { font-style: normal; display: inline; }
#page .image, #widepage .image{
	position: relative;
 height: 200px; width: 200px;
	margin: 10px 0px 0px 150px;
	border: 1px solid; border-color: #000 #eee #eee #000; 
}
#widepage .image{ margin: 10px 0px 0px 300px; }
#widepage .logo {
	position: absolute;
	top: 5px; right: 360px; height: 80px; 
	text-align: right;
	margin: 0px; padding: 0px;
	border: 1px solid; border-color: #000 #eee #eee #000;
}


/* ------------ WATERMARK & FOOTER -------------- */
#watermark
{
	position: absolute;
	left: -175px; bottom: 45px;
	height: 140px; width: 200px;
	padding: 0px; margin: 0px;
	z-index: 101;
}
#footer
{
	position: absolute;
	left: -175px; bottom: 0px;
	height: 25px; width: 200px;
	padding: padding: 3px 10px 4px; ;  margin: 0px;
	z-index: 102;
	text-align: center;	color: #FF3333;
}

/* ------------ TOP MENU  -------------- */
#topmenu {
	position: absolute;
	top: 66px; right: 0px; width: 400px;	height: auto;
	padding: 0px; margin: 0px;
	z-index: 500;
	text-align: right;
	font-size: 10pt; text-transform: lowercase;
}
#topmenu UL { width: auto; font-size: 9pt; margin: 0px; list-style:none; }
#topmenu LI { float:right; list-style:none; }
#topmenu A  { display:block; text-decoration:none; padding: 2px 6px 0px 6px; color: #666; }
#topmenu A:hover { color: #3399FF; text-decoration:underline; padding: 1px 5px 5px 5px;		border: 1px solid; border-color: #eee #000 #000 #eee; background-color: #dcb; }

/* ------------ SITE & PROJECT MENU  -------------- */
#sitemenu {
	position: absolute;
	left: 598px; bottom: 30px; height: auto; width: 170px;
	margin: 0px; padding: 0px 0px 2px 0px;
	z-index: 500; 
	list-style-type: none;
	line-height: 14.5pt; text-transform: lowercase;
 text-align: left;
}
#sitemenu UL { list-style:none; display: block; }
#sitemenu .title { padding: 12px; text-decoration: none; color: #3399FF; font-size: 16px; }
#sitemenu A  { text-decoration:none; padding: 0px 12px 0px 12px; color: #666; }
#sitemenu A:hover {	color: #0099FF;	text-decoration:underline; padding: 0px 10px 3px 10px;	border: 1px solid; border-color: #eee #000 #000 #eee;	background-color: #dcb; }

/* ----------- DOWNLOAD OPTION ---------- */
#download {
	position: absolute;
	right: 4px; bottom: 27px; height: auto; width: 180px;
	margin: 0px; padding: 0px 0px 0px 0px;
	z-index: 600; 
	list-style-type: none;
	line-height: 30pt; text-transform: lowercase;
 text-align: right;
}
#download UL { list-style:none; display: block; text-align: right; }
#download A  { text-decoration:none; padding: 6px 6px 6px 6px; color: #666; background-color: #dcb; }
#download A:hover {	color: #0099FF;	text-decoration:underline; padding: 6px 6px 6px 6px;	}

/* -------------- TABS ---------------- */

#tabs {
	position: absolute;
	float:right;
	bottom: 5px; right: 0px;
	height: 26px; width:500;
	margin: 0px; padding: 0px; 
 z-index: 500;
	list-style: none;
	text-transform: lowercase;
}
#tabs LI { float:right; margin-top: 0px; margin-left: 5px; }
#tabs A { display:block; padding: 3px 8px 4px; text-decoration:none; color: #666; }
#tabs A:hover { padding: 2px 7px 4px; text-decoration:underline; color: #3399FF; 	border: 1px solid; border-color: #eee #000 #000 #eee; background-color: #dcb; }
#tabs .here { display:block; padding: 3px 7px 4px; color: #333; border: 1px solid; border-color:  #dcb #000 #000 #eee;  background-color: #dcb; }
#tabs .name { display:block; padding: 3px 7px 4px; color: #0099FF; }