@charset "utf-8";
/* CSS Document */

html * {
	padding: 0;
	margin: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .74em;
	line-height: 136%;
}

img {
	border: 0;
}
 
table { 
	border-collapse:collapse;
}

li {
	list-style: none;
} 
 
a {
	text-decoration:underline; 
	color: #009900;
}

a:hover {
	color: #999;
}

h1, h2, h3, p {
	font-size: 100%;
	margin-bottom: 9px;
}

/*** MAIN HOLDERS ***/
  
#logo {
	position:absolute; 
	left:20px;
	top:21px;
	width:138px;
	height:38px;
	z-index:3;
}

#box {
	position:absolute;
	left:170px;
	top:20px;
	width:820px;
	height:536px;
	z-index:5;
}

#slideshow {
	position:absolute;
	left:178px;
	top:28px;
	width:820px;
	height:536px;
	z-index:7;
}

#backgroundImage { 
	position:absolute; 
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
}

/*** MENU ***/

#menuLineTop {
	position:absolute;
	left:20px;
	top:115px;
	width:140px;
	height:3px;
	z-index:9;
}

#menuLineBottom {
	position:absolute;
	left:20px;
	top:195px;
	width:140px;
	height:3px;
	z-index:10;
}


#menuMain {
	position:absolute;
	left:21px;
	top:123px;
	width:140px;
	height:73px;
	z-index:11;
	line-height: 100%; 
	font-size: 11px;
}

.menuCol1 {
	width: 80px;
	float: left;
}

.menuCol2 {
	width: 50px;
	float: left;
}

.menuHolder {
	
}

.menuHolder li {
	padding: 0 0 6px;
}

.menuHolder li a {
	color: #FFF;
	text-decoration:none; 
}

.menuHolder li a:hover {
	color: #999;
}

/*** thumb holder ***/

#thumbHolder {
	position:	absolute;
	left:		178px;
	top:		28px;
	width:		102px;
	height:		520px;
	z-index:	20;
	/** background-color:#999; **/
	
}

#thumbScroller {
	overflow:auto;
	height:		520px;
	width:		94px;
}

#thumbHolder .jScrollPaneTrack  {
	background: url(/images/common/scroll-drag.png) repeat-y;
}

#thumbHolder .jScrollPaneDrag {
	background: url(/images/common/scroll-thumb.png) no-repeat 0 50%;
}

#thumbHolder li {
	margin: 0 0 5px;
	padding: 0;
}

#thumbHolder img {
	margin: 0 0 0 1px;
	padding: 0;
}

/*** small thumb holder ***/

#thumbHolderSmall {
	position:absolute;
	left:284px;
	top:28px;
	width:225px;
	height:80px;
	z-index:31;
	/** background-color:#bbC; **/
}

.thumbSmall {
	float: right;
	width: 37px;
	height: 39px;
	text-align: right;
	position: relative;
}

/*** main image ***/

#mainImage {
	position:absolute;
	left:517px;
	top:28px;
	width:465px;
	height:520px;
	z-index:31;
	/*** background-color:#03C; ***/
}

#mainImageTag {
	position:absolute;
	left:517px;
	top:28px;
	
	z-index:33;
	
	background-image: url(/images/common/white_block.png);
	 
	padding: 5px;
	
	display:none;
}

#mainImageCredit {
	position:absolute;
	left:772px;
	width: 200px;
	top:520px;
	height: 18px;
	text-align:right;
	font-size: 90%;
	color: #666;
	z-index:34;
	
	background-image: url(/images/common/white_block.png);
	 
	padding: 5px;
	
	display:none;
}

/*** title ***/

#mainTitle {
	position:absolute;
	left:284px;
	top:118px;
	width:225px;
	height:60px;
	z-index:76;
	/** background-color:#6F9; **/
	
	font-size: 160%;
	font-weight: bold;
	
}


/*** text ***/

#bodyText {
	position:absolute;
	left:284px;
	top:202px;
	width:225px;
	height:260px;
	z-index:17;
	/** background-color:#FF9; **/
	
}

#thumbScrollerBody {
	width:225px;
	height:260px;
	overflow:auto;
}

#bodyText .jScrollPaneTrack  {
	background: url(/images/common/scroll-drag.png) repeat-y;
}

#bodyText .jScrollPaneDrag {
	background: url(/images/common/scroll-thumb.png) no-repeat 0 50%;
}

/*** INFO ***/

#infoPanel {
	position:absolute;
	left:284px;
	top:500px;
	width:225px;
	height:50px;
	z-index:37;
	font-size: 11px;
}

#infoPanel p {
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px;
	padding:0px;
	border:0px;
}

/*** LINES ***/

#contentLineTop {
	position:absolute;
	left:283px;
	top:115px;
	width:225px;
	height:3px;
	z-index:13;
}

#contentLineMiddle {
	position:absolute;
	left:283px;
	top:195px;
	width:225px;
	height:3px;
	z-index:14; 
}
 
#contentLineBottom { 
	position:absolute;
	left:283px;
	top:467px; 
	width:225px;
	height:3px;
	z-index:15;
}

/*** OUTLINES ***/
 
.outlineElement {
  outline: 1px solid #0c0; 
}

.outlineElementClicked { 
  outline: 0;
}

.imageSelected {
  outline: 1px solid #0c0;	
}
/*** TEXT ***/

.textGrey {
	color: #6a6a6a;
}

.textBlack {
	color: #000;
}

/*** acid ***/

#copyright {
	position:absolute;
	left:333px;
	top:560px;
	width:660px;
	height:20px;
	z-index:29;
	
	text-align:right;
	color:#999;
	font-size: 90%;
}


/*** acid ***/

#acid {
	position:absolute;
	left:905px;
	top:576px;
	width:90px;
	height:50px;
	z-index:34;
}

/*** DEBUG ***/

#debug {
	position:absolute;
	left:1100px;
	top:10px;
	width:400px;
	height:600px;
	z-index:11;
	background-image: url(/images/common/white_block.png);
	padding: 10px;
	display:none;
}