/*  ***** Global Elements ***** */
body	{
	background-color: #998866;
	color: #888877;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 9px;
	font-family:  verdana, arial, helvetica,  sans-serif;
	}
	
img	{
	display: block;
	border: 0;
}

/* *****  Classes *****  */

.noWhere {
	text-decoration: none;
}
.noWhere:hover{
	text-decoration: none;
}

.biggun {
	font-size: 11px;
	font-weight : bold;
	color: #443344;
}

.gimmebold {
	font-size: 9px;
	font-weight : bold;
}

/* *****  Index IDs *****   */

#wrapper	{
	//position : relative;
	//border: 0;
	//width: 800px;
	background-color: #ffffff;
	border: 0px;
	width: 800px;
	position : relative;
	text-align: left;
	margin:auto;
}

#header	{
	position: relative;
	left:0;
	top:0;
	border-bottom: 2px solid #663333;
}
	
#headerCol	{
	position: relative;
}
	
#mainNav	{
	position: relative;
	left:0;
	top:0;
	height:17px;
	background-color : #884422;
	color : #ffffff;
}
	
#mainNavCol	{
	position: absolute;
	left: 270px;
}

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

#mainNav ul li{
	display : inline;
	padding-left : 0px;
	/*padding-right : 12px;*/
}

#mainNav a{
	padding-left : 12px;
	padding-right : 12px;
	text-decoration: none;
	color: #ffffff;
	font-size: 8px;
	letter-spacing:.15em;
}

#mainNav z{
	padding-left : 12px;
	padding-right : 12px;
	text-decoration: none;
	color: #ffffff;
	font-size: 8px;
	letter-spacing:.15em;
}

#mainNav a:hover {
	text-decoration : underline;
}

/* container for the main content */	
#content	{
	position: relative;
	left:0;
	top:0;
	height: 387px;
	margin-top: 23px;
}

/* left column in main content */	
#contentCol1	{
	position: absolute;
	top: 0;
	left: 0;
	width:28px;
	height : 387px;
}

#contentCol1 img{
	position: absolute;
	top : 0px;
	left : 0px ;
}

/* second column - main pic area */	
#contentCol2, #homeContentCol2 {
	position:absolute;
	top:0;
	left:28px;
	width:382px;
	height: 387px;
	background-color: #330000;
}

#homeContentCol2{width:362px;}

#contentCol2 img,  #homeContentCol2 img{
	position: absolute;
	bottom: 17px;
	right: 12px;
}

/* gallery image rollover column */	
#contentCol3	{
	position:absolute;
	top:0;
	left:390px;
	width:67px;
	height : 387px;
	margin-top: 19px;
	/*background-color : Fuchsia;*/
}

#contentCol3 img{
	position: relative;
	left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#homeContentCol3, #otherContentCol3	{
	position:absolute;
	top:0;
	width:410px;
	height : 387px;
	padding-left: 15px;
}

#homeContentCol3 {left:390px;}
#otherContentCol3 {left:420px;}

/* temporary page message */
#pageDesc {
	position: relative;
	top: 45px;
	width:350px;
}

/* main content right column - navigation and info area */	
#contentCol4	{
	position:absolute;
	top:0;
	left:457px;
	width:343px;
	height : 387px;
	border-left : 1px solid #bbbbaa;
	/*background-color : Olive;*/
}

/* gallery navigation list*/
#navcontainer {
	width:343px; }

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

#navcontainer a
{
	display: block;
	color: #888899;
	padding: 2px 10px 2px 20px;
	width: 343px;
	text-decoration: none;
	font-weight: normal;
}

#navcontainer a:hover {font-weight : bold;}

#navcontainer li li a
{
	display: block;
	color: #888899;
	padding: 2px 0px 2px 30px;
	width: 343px;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	letter-spacing : normal;
}

/*#selactive a
{
	color: #993300;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing : .25em;
}*/


/* image description */
#ImageDesc {
	position:absolute;
	top: 250px;
	padding-left: 15px;
	border-left : 5px solid #884422;
}

/* also vist url */
#AlsoVisit {
	position:absolute;
	bottom:0;
	padding-left: 20px;
}

#homeAlsoVisit {
	position:absolute;
	bottom:0;
}

/* slideshow nav buttons below main pic area */
#slideshowNav {
	position: relative;
	height: 51px;
	left:0;
	top:0;
	/*background-color : Gray;*/
}

#slideshowNav img {
	display : inline;
	/*padding-left : 25px;
	padding-right :0px;*/
	padding-top : 5px;
}

#slideshowNavCol1 {
	position: absolute;
	top: 0;
	left: 200px;
	width : 19px;
	/*background-color : Green;*/
}

#slideshowNavCol2 {
	position: absolute;
	top: 0;
	left: 300px;
	width : 27px;
	/*background-color : Teal;*/
}

#slideshowNavCol3 {
	position: absolute;
	top: 0;
	left: 366px;
	width : 27px;
	/*background-color : Teal;*/
}

/* page footer */
#footer	{
	position:relative;
	left:0;
	top:0;
	height:	28px;
	background-color : #330000;
	color : #ffffff;
	font-size: 7px;
	}
	
#footerCol1	{
	position: absolute;
	top: 0;
	left: 28px;
	margin-top: 5px;
}

/* *****  PopUp IDs *****   */

#popupWrapper	{
	position : relative;
	border: 0;
	width: 650px;
	height: 720px;
	background-color: #330000;
	color : #ffffff;
}

/* main pic area in popup */
#popupPic {
	position: relative;
	width: 650px;
	height: 620px;
}

#popupPicCol1 {
	position: absolute;
	bottom: 10px;
	left: 15px;
}

/* description area of popup */
#popupDescription {
	position: relative;
	width: 650px;
	height: 50px;
	text-align: left;
}
#popupDescriptionCol1 {
	position: absolute;
	top : 0px;
	left : 15px ;
}

/* control area of popup */
#popupControls {
	position: relative;
	width: 650px;
	height: 35px;
	background-image: url(/~jmarcopr/mpp/images/slideshow/sldshw_texture_bg.jpg);
	background-repeat : no-repeat;
}

#popupControls img {
	display: inline;
}

#popupControlsCol1 {
	position: absolute;
	top : 0;
	left : 15px;
	
}

#popupControlsCol2 {
	position: absolute;
	top: 0;
	left : 315px;	
}

#popupControlsCol3 {
	position: absolute;
	top : 0;
	left : 620px;
}

/* footer of popup */
#popupFooter {
	position: relative;
	font-size: 6px;
}

#popupFooterCol1 {
	position: absolute;
	width: 650px;
	text-align: right;
}