@import url("reset.css");

/*
/		TYPOGRAPHY
/		all global typography styles
--------------------------------------------------------------------------------------------------------*/

body 				{ font-family: Helvetica, arial, sans-serif; font-size: 12px; line-height: 16px; }
a 					{ color: #666; text-decoration: none; }
a:hover 			{ color:#333; }
p 					{ margin-bottom: 15px; line-height: 23px; }
h2 				{ font-weight: normal; font-size: 25px; text-align: center; }
strong 			{ font-weight: bold; }
p.first				{ font-family: Georgia; font-size: 15px; line-height: 25px; color: #648199}


table.EditingFormTable tr td {padding:5px;vertical-align:top;}

hr {
	border:0;
	border-bottom: 1px dashed #666;
	margin-top: 20px;
	}







/*
/		Navigation Properties
--------------------------------------------------------------------------------------------------------*/

ul#MainNav		 { list-style: none; margin: 0px; padding: 0px; height:30px; padding-top: 25px; }
ul#MainNav li	 { float: left; margin-right: 15px; display: inline;}
ul#MainNav li ul li { float: none; }
ul#MainNav li ul li.SectionHeader { font-weight: bold; }
ul#MainNav li a {
	display: block;
}
ul#MainNav li a:hover {
	color: #333;
	}




/*
/		Global Layout
--------------------------------------------------------------------------------------------------------*/

body {
	margin: 0  auto;
	width: 810px;
	}

h1#logo {
	position: relative;
	margin: 30px 0 10px 0;
	} h1#logo img { position: absolute; left: 0;}

#content {
	margin: 30px 30px;
	}

/*
/		PHOTO GALLERY
--------------------------------------------------------------------------------------------------------*/

#MainPhoto {
	height: 502px;
	}
	#MainPhoto ul {
	position: relative;
	border: 4px solid #CCC;
	height: 502px;
	width: 800px;
	}
	#MainPhoto ul li {
	position: absolute;
	}
	#MainPhoto ul li.active { z-index: 2; }
	#MainPhoto ul li.nextactive { z-index: 3; }
	
	.NextPrevButtons 	{ position: absolute; z-index: 10; height: 502px; width: 800px; }
	.NextButton 		{ display: block; width: 400px; height: 502px; background: url('../images/next.png') no-repeat right center; text-indent: -9999px; float: left; position: relative; left: 50px; }
	.PrevButton 			{ display: block; width: 400px; height: 502px; background: url('../images/prev.png') no-repeat left center; text-indent: -9999px; float: left; position: relative; right: 40px; }






/*
/		buy at etsy
--------------------------------------------------------------------------------------------------------*/
.active .etsy { z-index: 2; }
.etsy {
	position: absolute;
	right: 0;
	bottom: -91px;
	_bottom: -101px;
	margin: 0 0 14px 10px;
	background: url('../images/buyatetsy.png') no-repeat;
	display: block;
	width: 61px;
	height: 61px;
	text-indent: -9999px;
}