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

/* Body */
#body-container {
	position:relative;
	width:910px;
	height:680px;
	background-color:#000000;
	text-align:left;
	margin: 0 auto;
	padding:0;
	border:1px solid #666;
	z-index:0;
	}
	
#mainimage-container {
	position:absolute;
	top:0px;
	left:0px;
	width:596px;
	height:680px;
	background-color:#99FF33;
	z-index:1;
	}
	
#banner {
	width:524px;
	height:110px;
	position:absolute;
	top:42px;
	left:64px;
	z-index:2;
}

#bannertag {
	width:350px;
	height:30px;
	position:absolute;
	top:138px;
	left:512px;
	color:#FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.2em;
	text-align:left;
	z-index:2;
}

#text-container {
	position:absolute;
	top:323px;
	left:156px;
	width:420px;
	height:310px;
	color:#000000;
	z-index:2;
	overflow: auto;
}

.scrollArea {
	width: 380px;
	height: 260px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	overflow: auto;
	color:#000000;
	border:none;
}

.highlightcolor {
	color:#FF0000;
}

#sitedesign {
	position:absolute;
	top:660px;
	left:651px;
	width:206px;
	height:16px;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#666666;
	z-index:3;
}
	
/* Portrait Bar */
#portrait1-container {
	position: absolute;
	top:161px;
	left:204px;
	right:292px;
	width:216px;
	height:140px;
	color:#000000;
	background-color:#FFFFFF;
	padding:0px;
	margin:0;
	border:4px solid #000000;
	text-align:left;
	z-index:3;
}

#portrait2-container {
	position: absolute;
	top:195px;
	left:70px;
	right:292px;
	width:116px;
	height:75px;
	color:#000000;
	background-color:#FFFFFF;
	padding:0px;
	margin:0;
	border:1px solid #000000;
	text-align:left;
	z-index:3;
}

#portrait3-container {
	position: absolute;
	top:195px;
	left:585px;
	right:292px;
	width:116px;
	height:75px;
	color:#000000;
	background-color:#FFFFFF;
	padding:0px;
	margin:0;
	border:1px solid #000000;
	text-align:left;
	z-index:3;
}

#portrait4-container {
	position: absolute;
	top:195px;
	left:722px;
	right:292px;
	width:116px;
	height:75px;
	color:#000000;
	background-color:#FFFFFF;
	padding:0px;
	margin:0;
	border:1px solid #000000;
	text-align:left;
	z-index:3;
}

#photoinfo-container {
	position: absolute;
	top:204px;
	left:446px;
	right:292px;
	width:131px;
	height:64px;
	color:#FFFFFF;
	background-color:#990000;
	padding:0px;
	margin:0;
	border:0px solid #000000;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	z-index:3;
}

#portrait5-container {
	position: absolute;
	top:195px;
	left:446px;
	right:292px;
	width:116px;
	height:75px;
	color:#000000;
	background-color:#FFFFFF;
	padding:0px;
	margin:0;
	border:1px solid #000000;
	text-align:left;
	z-index:3;
}

#photocaptions {
	position:absolute;
	top:173px;
	left:213px;
	width:213px;
	height:113px;
	color:#FFFFFF;
	padding:0px;
	margin:0;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	z-index:3;
}

/* Portrait Navigation */
#image-navigation {
	position: absolute;
	top:180px;
	left:0px;
	right:290px;
	width:910px;
	height:105px;
	color:#333333;
	padding:0px;
	margin:0;
	border:0px solid #333333;
	text-align:left;
	z-index:2;
	background-color:#990000;
}

#arrow-left {
	position:absolute;
	width: 60px;
	height:98px;
	top:0;
	left:0;
	z-index:3;
}

#arrow-left img {margin-top:20px;
}

#arrow-right {
	position:absolute;
	width: 60px;
	height:98px;
	top:0px;
	left:851px;
	z-index:3;
}

#arrow-right img {margin-top:20px;
}

/*Navigation*/
#navcontainer {
	background-color:#000000;
	color:#999999;
	width:200px;
	position:absolute;
	top:327px;
	left:651px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	z-index:3;
}

#navcontainer ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#navcontainer li {
	margin: 0 0 10px 0;
}	

#navcontainer a {
	display:block;
	color:#999999;
	background-color:#000000;
	width:150px;
	padding:2px 8px;
	text-decoration:none;
}

#navcontainer a:hover {
	background-color:#000000;
	color:#FF0000;
}

#navcontainer a:active {
	background-color:#000000;
	color:#FF0000;
}