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

/* ---------- Begins global formatting ----------*/

* {
		margin:0;
		padding:0;
		}

h1, h2, h3, h4, h5, h6, ul, ol, dl, a {
		font-family: 'Trebuchet MS', Verdana,  san-serif;
/*		text-align:left;
*/		color:#FFFFFF;
		} 

h1 {
		font-size:2em; /* 24pt */
		}

h2 {
		font-size:1.5em; /* 22pt */
		line-height:1.25;
		padding: 0 0 0 0;	
		text-align:left;
		}

h3 {
		font-size:1.125em; /* 18pt */
		line-height:1.5;
		text-align:left;
		}

h4 {
		font-size:1em; /* 16pt */
		text-align:left;
		}

h5 {
		font-size:1em; /* 16pt */
		text-align:left;
		}

h6 {
		font-size:.875em; /* 14pt */
		text-align:left;
		}

p {
		font-size:1em;
		text-align:left;
		color:#FFFFFF;
		text-indent:35px;

		}

p a	{
		text-decoration:underline;
		}

a {
		text-decoration:none;
		color:#DDD;
		}
			
a:hover {
		text-decoration:underline;
		}
			
img {
		border:0;
		}
			
a img:hover {
		border-color:none;
		}
			
body {
		behavior:url(../admin/css/csshover.htc);
		margin:0;
		padding:0;
/*		margin-left:auto;
		margin-right:auto;			
*/		font: 1em 'Trebuchet MS', Verdana, sans-serif; /* 1em = 16pts */
		color:#FFFFFF;
		width:100%;
		max-width:1440px;
		min-width:750px;
		background-color:#000000;

		}

/* ---------- Ends global formatting ------------*/

/* ---------- Begins page formating -------------*/

#pageWrapper {
		width:100%;
		height:100%;
		position:relative;
		}

.clearthefloats {clear:both;}
		
#pageBottom {
		width:99.5%;
		height:99.5%;
		position:fixed;
		margin:0;
/*		min-width:750px;
	*/	z-index:1;
		}
		
/* ---------- Ends page formating ---------------*/

/* ---------- Begins pageContents formating -------------*/

#pageContents {
/*			border:blue thin solid;
	*/		position:absolute;
			margin-left:0;
			margin-top:0;
			width:99.5%;
			z-index:100;
			}

.warning {
			color:#FF0000;
			font-size:2em;
			}

/* ---------- Ends pageContents formating ---------------- */

/* ---------- Begins mainLibraryPageContents formating ------- */
#indexPageContents {
			position:absolute;
			margin-left:62%;
			width:26%;
			z-index:500;
				}
				
#indexPageContents p {
			color:#000000;
			font-size:1.25em;
			}

/* ---------- Ends pageContents formating ---------------- */


/* ---------- Begins mainLibraryPageContents formating ------- */

#libTop {
/*			border:#FF00FF thin solid;
	*/		position:relative;
			margin-left:0;
			margin-top:0;
			width:6%;
			height:10%;
			}

#libTop img {
/*			border:#99CC66 thin solid;
	*/		width:100%;
			height:240%;
			}


.libColumn01 {
/*			border:#333333 thin solid;
	*/		position:fixed;
			float:left;
			margin:0;
			width:21%;
			height:7%;
			z-index:500;
			}

.libColumn02 {
/*			border:#00FF00 thin solid;
	*/		position:fixed;
			float:left;
			margin:0 0 0 31%;
			width:24%;
			height:75%;
			z-index:600;
			}

.libColumn02 img.notMist {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin-left:0;
			padding:0;
			width:18%;
			height:18%
			}
		
.libColumn02 img.mist {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin:0;
			padding:0;
			width:15%;
			}
		
.libColumn02 img.stories {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin:0;
			padding:0;
			width:38%;
			height:21%;
			}
		
.libColumn02 img.spacer {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin:0;
			padding:0;
			width:13%;
			}
		
.libColumn03 {
/*			border:#0000FF thin solid
	*/		position:fixed;
			float:left;
			margin:0 0 0 54%;
			width:23%;
			height:58%;
			z-index:400;
			}

img.mainDisplay {
/*			border:#FF00FF thin solid;
	*/		vertical-align:top;
			width:100%;
			}
		
.col2TopSpacer {
/*			border:#FFFFFF thin solid;
	*/		width:15%;
			}		

.col3TopSpacer {
			width:17%;
			}		


.ie7 #libTop {
/*			border:#FF00FF thin solid;
	*/		position:relative;
			margin-left:0;
			margin-top:0;
			width:6%;
			height:10%;
			}

.ie7 #libTop img {
/*			border:#99CC66 thin solid;
	*/		width:100%;
			height:240%;
			}


.ie7 .libColumn01 {
/*			border:#333333 thin solid;
	*/		position:fixed;
			float:left;
			margin:0;
			width:21%;
			height:7%;
			z-index:500;
			}

.ie7 .libColumn02 {
/*			border:#00FF00 thin solid;
	*/		position:fixed;
			float:left;
			margin:0 0 0 31%;
			width:24%;
			height:75%;
			z-index:600;
			}

.ie7 .libColumn02 img.notMist {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin-left:0;
			padding:0;
			width:18%;
			height:18%
			}
		
.ie7 .libColumn02 img.mist {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin:0;
			padding:0;
			width:15%;
			}
		
.ie7 .libColumn02 img.stories {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin:0;
			padding:0;
			width:38%;
			height:21%;
			}
		
.ie7 .libColumn02 img.spacer {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin:0;
			padding:0;
			width:13%;
			}
		
.ie7 .libColumn03 {
/*			border:#0000FF thin solid
	*/		position:fixed;
			float:left;
			margin:0 0 0 54%;
			width:23%;
			height:58%;
			z-index:400;
			}

.ie7 img.mainDisplay {
/*			border:#FF00FF thin solid;
	*/		vertical-align:top;
			width:100%;
			}
		
.ie7 .col2TopSpacer {
/*			border:#FFFFFF thin solid;
	*/		width:15%;
			}		

.ie7 .col3TopSpacer {
			width:17%;
			}		

/* ---------- Ends mainLibraryPageContents formating ---------------- */

/* ---------- Begins photoAlbumPageContents formating ------------ */

#photoAlbumTop img {
/*			border:#FF0000 thin solid;
	*/		vertical-align:top;
			margin:0;
			width:2%;
			}
		
.scroll {
			position:relative;
			overflow:auto;
			}

.story {
			position:relative;
			height:100%;
			overflow:auto;
			}
			
.imageDetails {
			position:relative;
			height:35%;
			overflow:auto;
			}

#column01 {
/*			border:#00FF00 thin solid;
	*/		position:fixed;
			float:left;
			margin-top:0;
			margin-left:0;
			width:19.5%;
			z-index:500;
			}

#column01 img {
/*			border:#990000 thin solid;
	*/		vertical-align:top;
			width:100%;
			}
			
#column01 img.returnSpacer {
/*			border:#FFFF00 thin solid;
	*/		width:23%;
			height:18%;
			}

#column02 {
/*			border:#0000FF thin solid;
	*/		position:fixed;
			margin:0 0 0 27%;
			width:29%;
			height:75%;
			overflow:auto;
			z-index:200;
			}
			
#column02 img {
			width:25%;
			margin:2%;
			z-index:201;
			text-decoration:none;
			}
			
#imageDisplay {
			margin:0 0 0 60.5%;
			width:32%;
			z-index:500;
			}

#imageDisplay img {
			width:99.5%;
			z-index:501;
			}
			
#imageDisplay img:hover {
			margin:0 0 0 -22%;
			width:145%;
			z-index:502;
			}

#column03 {
/*			border:#FFFF00 thin solid;
	*/		position:fixed;
			margin:0 0 0 60.5%;
			width:32%;
			height:75%;
			overflow:hidden;
			z-index:450;
			}
			
#column03 img {
			position:relative;
			width:99.5%;
			z-index:451;
			}
			
#column03List {
/*			border:#FFFF00 thin solid;
	*/		position:fixed;
			margin:0 0 0 60.5%;
			width:32%;
			height:75%;
			overflow:hidden;
			z-index:450;
			}
			
.noIndent {
			text-indent:0;
			color:#000000;
			}
			
.noIndent a {
			text-indent:0;
			color:#000000;
			}
			
#magnifier {
			display:inline;
			position:relative;
			width:240px;
			height:205px;
			background: url(graphics/gradient.gif) top left no-repeat;
			margin:0 20px 10px 15px;
			z-index:100;
			float:left;
			}
			
#magnifier img {
			position:absolute;
			width:240px;
			height:180px;
			top:25px;
			left:-240px;
			}
						
#magnifier :hover img {
			width:640px;
			height:480px;
			}


.ie7 #photoAlbumTop img {
/*			border:black thin solid;
	*/		vertical-align:top;
			margin:0;
			width:2%;
			}
		
.ie7 .scroll {
			position:relative;
			overflow:auto;
			}

.ie7 .story {
			position:relative;
			height:100%;
			overflow:auto;
			}
			
.ie7 .imageDetails {
			position:relative;
			height:35%;
			overflow:auto;
			}

.ie7 #column01 {
/*			border:blue thin solid;
	*/		position:fixed;
/*			float:left;
	*/		margin:0 0 0 0;
			width:19.5%;
			z-index:500;
			}

.ie7 #column01 img {
/*			border:green thin solid;
	*/		vertical-align:top;
			width:100%;
			}
			
.ie7 #column01 img.returnSpacer {
/*			border:gray thin solid;
	*/		width:23%;
			height:18%;
			}
.ie7 #column02 {
/*			border:red thin solid;
	*/		position:fixed;
			margin:0 0 0 27%;
			width:29%;
			height:75%;
			overflow:auto;
			z-index:200;
			}
			
.ie7 #column02 img {
			width:25%;
			margin:2%;
			z-index:201;
			text-decoration:none;
			}
			
.ie7 #imageDisplay {
			margin:0 0 0 60.5%;
			position:fixed;
			width:32%;
			z-index:500;
			}

.ie7 #imageDisplay img {
			width:99.5%;
			z-index:501;
			}
			
.ie7 #imageDisplay img:hover {
			margin:0 0 0 -22%;
			width:145%;
			z-index:502;
			}

.ie7 #column03 {
/*			border:yellow thin solid;
	*/		position:fixed;
			margin:24.5% 0 0 60.5%;
			width:32%;
			height:75%;
			overflow:hidden;
			z-index:450;
			}
			
.ie7 #column03 img {
			position:relative;
			width:99.5%;
			z-index:451;
			}
			
.ie7 #column03List {
/*			border:yellow thin solid;
	*/		position:fixed;
			margin:0 0 0 60.5%;
			width:32%;
			height:75%;
			overflow:hidden;
			z-index:450;
			}
			
.ie7 .noIndent {
			text-indent:0;
			color:#000000;
			}
			
.ie7 .noIndent a {
			text-indent:0;
			color:#000000;
			}
			
.ie7 #magnifier {
			display:inline;
			position:relative;
			width:240px;
			height:205px;
			background: url(graphics/gradient.gif) top left no-repeat;
			margin:0 20px 10px 15px;
			z-index:100;
			float:left;
			}
			
.ie7 #magnifier img {
			position:absolute;
			width:240px;
			height:180px;
			top:25px;
			left:-240px;
			}
						
.ie7 #magnifier :hover img {
			width:640px;
			height:480px;
			}
/* ---------- Ends photoAlbumPageContents formating --------------- */

/* ---------- Begins aboutUsPageContents formating ------------ */

#aboutUsColumn01 {
/*			border:#00FF00 thin solid;
	*/		position:fixed;
			float:left;
			margin-top:0;
			margin-left:0;
			width:19.5%;
			z-index:500;
			}

#aboutUsColumn01 img {
/*			border:#990000 thin solid;
	*/		vertical-align:top;
			width:100%;
			}
			
#aboutUsColumn01 img.returnSpacer {
/*			border:#FFFF00 thin solid;
	*/		width:23%;
			height:18%;
			}
#aboutUsColumn02 {
/*			border:#0000FF thin solid;
	*/		position:fixed;
			margin:0 0 0 27%;
			width:29%;
			height:75%;
			overflow:auto;
			z-index:400;
			}
			
#aboutUsColumn03 {
/*			border:#0000FF thin solid;
	*/		position:fixed;
			margin:0 0 0 63%;
			width:29%;
			height:75%;
			overflow:auto;
			z-index:400;
			}
			
/* ---------- Ends aboutUsPageContents formating --------------- */

/* ---------- Begins contactUsPageContents use formatting ------------ */

#contactColumn02 {
/*			border:#0000FF thin solid;
	*/		position:fixed;
			margin:0 0 0 26.5%;
			width:30%;
			height:70%;
			overflow:hidden;
			z-index:400;
			}
			
#contactColumn02 img {
/*			border:#33CC99 thin solid;
	*/		width:99.5%;
			}

#contactColumn03 {
/*			border:#0000FF thin solid;
	*/		position:fixed;
			margin:0 0 0 71%;
			width:25%;
			height:75%;
			overflow:hidden;
			z-index:400;
			}
			
#contactColumn03 img {
/*			border:#33CC99 thin solid;
	*/		width:19%;
			height:24%;
			}

#firstname, #lastname, #email, #company, #message {
		width:79%;
		line-height:1.1em;
		}

.radio {
		line-height:1.5em;
		}

/* ---------- Ends contactUsPageContents formating --------------- */

/* ---------- Begins optional use formatting ------------ */

/* -*-*-*-*-*-*-*-*-*-*-*-* REMEMBER THE FOLLOWING CODE!!! *-*-*-*-*-*-*-*-*-*-*-*/

table.center {margin-left:auto; margin-right:auto;} /* Use to center tables on a page */

/* -*-*-*-*-*-*-*-*-*-*-*-* REMEMBER THE PRECEEDING CODE!!! *-*-*-*-*-*-*-*-*-*-*-*/

/* ---------- Ends optional use formatting -------------- */