/* This CSS file defines the styles used        */
/* for the ARFinephotos.com website             */
/* Author: Adam McCracken                       */
/* Last Updated: 11-18-2006                     */

/* html {							*/
/* border-top: 50px solid #000;		*/
/* border-bottom: 50px solid #000;	*/
/* }								*/

/* url(../images/brown002.jpg) */

body {
	background: black;
	margin:0px 0px; padding:0px;
	text-align:center;
	color: black;}

div.layer1 {
	height: 425px;
	width: 760px;
	left: 0px;
	top: 130px;
	position: absolute;
	visibility: visible;
/*	border-style: solid; */
/*	border-color: white; */
	
	font-style: italic;
	color: #696e82;
	font-size: 12pt;
	text-align:	center;
	vertical-align: top;
	overflow: auto;}
	
div.layer2 {
	height: 425px;
	width: 760px;
	left: 0px;
	top: 130px;
	position: absolute;
	visibility: visible;
	border-style: solid;
	border-color: white;
	border-width: 1px;
	
	font-style: normal;
	color: #white;
	font-size: 12pt;
	text-align:	left;
	vertical-align: top;
	overflow: auto;}
	
div.albumlayer {
	width: 760px;
	left: 0px;
	top: 130px;
	position: absolute;
	visibility: visible;
/*	border-style: solid; */
/*	border-color: white; */
	
	font-style: italic;
	color: #696e82;
	font-size: 12pt;
	text-align:	center;
	vertical-align: top;
	overflow: auto;}
	
div.index-content {
	height: 510px;
	width: 760px;
	left: 0px;
	top: 60px;
	position: absolute;
	visibility: visible;
	
	font-style: italic;
	color: #696e82;
	font-size: 12pt;
	text-align:	center;
	vertical-align: top;
	overflow: auto;}	
	
div.top-toolbar {
	height: 25px;
	width: 760px;
	left: 0px;
	top: 20px;
	position: absolute;
	visibility: visible;
	
	color: #818181;
	font-size: 11pt;
	text-align: center;
	vertical-align: center;
	overflow: hidden;
	background-color: #181818;}

div.accessGallery {
	height: 25px;
	width: 145px;
	right: 0px;
	top: 20px;
	position: absolute;
	visibility: visible;
	
	color: #818181;
	font-size: 11px;
	text-align: right;
	vertical-align: center;
	overflow: hidden;
	background-color: #181818;}

div.bottom-toolbar {
	height: 30px;
	width: 760px;
	left: 0px;
	top: 570px;
	position: absolute;
	visibility: visible;
	
	color: #818181;
	font-size: 11pt;
	text-align: center;
	vertical-align: center;
	overflow: hidden;
	background-color: #181818;}

div.collage {
	height: 70px;
	width: 760px;
	left: 0px;
	top: 45px;
	position: absolute;
	visibility: visible;
	
	overflow: hidden;
	background-color: black;
}

div.center {
	height: 400px;
	width: 568px;
	left: 153px;
	top: 525px;
	position: absolute;
	visibility: visible;
	
	color: white;
	font-size: 12pt;
	vertical-align: top;
	overflow: auto;
	background-color: #cdd0d5;}

div.footer {
	height: 20px;
	width: 760px;
	left: 0px;
	top: 600px;
	position: absolute;
	visibility: visible;
	
	color: white;
	font-size: 10px;
	text-align: center;
	vertical-align: center;
	overflow: auto;
	background-color: black;}

div.titletext {
	height: 75px;
	width: 660px;
	left: 25px;
	top: 0px;
	position: relative;
	visibility: visible;

	overflow: auto;
	background-color: black;
}

span.linkleft {
	height: 150px;
	width: 200px;
	left: 25px;
	top: 0px;
	position: relative;
	visibility: visible;

	border-style: solid;
	border-width: 1px;
	border-color: white;

	vertical-align: middle;
	overflow: hidden;
	background-color: black;
	float: left;}

span.linkright {
	height: 150px;
	width: 475px;
	left: 10px;
	top: 0px;
	position: relative;
	visibility: visible;
	margin-right: 60px;

	border-style: solid;
	border-width: 1px;
	border-color: white;

	vertical-align: middle;
	overflow: hidden;
	background-color: black;
	float: right;}

span.packageleft {
	height: 200px;
	width: 200px;
	left: 25px;
	top: 0px;
	position: relative;
	visibility: visible;

	border-style: solid;
	border-width: 1px;
	border-color: white;

	overflow: hidden;
	background-color: black;
	float: left;}
	
span.packageright {
	height: 200px;
	width: 475px;
	left: 10px;
	top: 0px;
	position: relative;
	visibility: visible;
	margin-right: 60px;

	border-style: solid;
	border-width: 1px;
	border-color: white;
	
	text-align: left;
	overflow: hidden;
	background-color: black;
	float: right;}
	
span.galleryleft {
	height: 300px;
	width: 300px;
	left: 100px;
	top: 0px;
	position: relative;
	visibility: visible;

	vertical-align: middle;
	overflow: hidden;
	background-color: black;
	float: left;}	

span.galleryright1 {
	height: 400px;
	width: 75px;
	left: 10px;
	top: 0px;
	position: relative;
	visibility: visible;
	margin-right: 60px;

	vertical-align: center;
	overflow: hidden;
	background-color: black;
	float: right;}

span.galleryright2 {
	height: 400px;
	width: 75px;
	left: 10px;
	top: 0px;
	position: relative;
	visibility: visible;
	margin-right: 20px;

	vertical-align: center;
	overflow: hidden;
	background-color: black;
	float: right;}
	
div.textinfo {
	height: 75px;
	width: 650px;
	left: 50px;
	top: 335px;
	position: absolute;
	visibility: visible;
	
	color: #696e82;
	font-size: 12pt;
	text-align: center;
	vertical-align: top;
	overflow: auto;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	background-color: black;
	padding: 5px;}
	
a.textinfo {
	color: #cdd0d5;
	text-decoration; underline;}

div.text {
	height: 360px;
	width: 508px;
	left: 20px;
	top: 20px;
	position: relative;
	visibility: visible;
	
	color: black;
	font-size: 12pt;
	text-align: left;
	vertical-align: top;
	overflow: auto;
	background-color: #cdd0d5;}

A{	text-decoration: none;
	color: white;}
 
A:visited{
	text-decoration: none;
 	color: white;}

A:hover{
	text-decoration: underline;
 	color: white; }

A:active{
	text-decoration: underline;
	color: white; }

div.content{
	width:760px;
	margin-left: -380px;

	position: absolute;
	left: 50%;

	text-align:  center;
	background-color:white;
	font-family: Arial, sans-serif;
	font-size:16pt;
	color: #818181;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;}
tr, td { text-align:  center; color: #818181; }
div.tables{ color: #818181; )